/* lbanner */
.lbanner{background-repeat: no-repeat;background-size: cover;margin-bottom: 70px;}
.lbanner .path{padding: 180px 0;display: none;}
.lbanner,.lbanner a{color: #ffffff;font-size: 26px;text-transform: capitalize;}
.lbanner .path ul{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.lbanner .path ul li{display: flex;align-items: center;}
.lbanner .home-img{margin-right: 13px;}
.lbanner .arrow-img{margin: 0 26px;}
.lbanner .path ul li:last-child a{
    color: #fff;
    background-color: #2D5356; 
    padding: 0px 5px;
}
@media screen and (max-width:1200px) {
    .lbanner .path{padding: 90px 0;}
    .lbanner,.lbanner a{color: #ffffff;font-size: 20px;}
    .lbanner{margin-bottom: 40px;}
}
@media screen and (max-width:1200px) {
    .lbanner .path{padding: 60px 0;}
    .lbanner, .lbanner a{font-size: 18px;}
    .lbanner .arrow-img{margin: 0 14px;}
}
@media screen and (max-width:1366px) {
}
.head_nav .hide_false {
    display: none;
}
/* contact us */
.contact_form .layout{display: flex;align-items: center;justify-content: space-between;}
.contact_form .layout .l{width: 33.8%;}
.contact_form .layout .r{width: 58.5%;}
.contact_form .layout .l .title{font-family: Arial-Black;font-size: 44px;color: #333333;}
.contact_form .layout .l .detail{color: #666;line-height: 20px;margin-top: 20px;}
.contact_form .ch_form li{width: 100%;margin-bottom: 23px;position: relative;}
.contact_form .ch_form li input,.contact_form .ch_form li textarea{width: 100%;padding-left: 40px;}
.contact_form .ch_form li input{line-height: 66px;background-color: #f5f5f5;border-radius: 32px;border: none;}
.item_name,.item_phone{width: 48.7% !important;display: inline-block;}
.item_phone{margin-left: 2%;}
.contact_form .ch_form li input::placeholder,.item_message textarea::placeholder{color: #333333;font-size: 16px;}
.item_message textarea{height: 187px;background-color: #f5f5f5;border-radius: 20px;border: none;padding-top: 20px;}
.contact_form .ch_form li::before{content: '*';color: #ff0000;font-size: 16px;position: absolute;left: 26px;top: 50%;transform: translateY(-50%);}
.contact_form .ch_form li.item_message::before{transform: translateY(0);top: 23px;}
.contact_form .submit_btn {
    font-size: 20px;
    color: #fff;
    line-height: 50px;
    border: none;
    background-color: #2D5356;
    border-radius: 25px;
    padding: 0 70px;


    width: 100%;
    height: auto;
}
/* contact touch */
.contact_touch{margin-top: 20px;}
.contact_touch .title{font-family: Arial-Black;font-size: 50px;color: #333333;}
.contact_touch  .detail{color: #666666;margin-top: 10px;}
.contact_touch .page_hd{text-align: center;}
.contact_tel {display: flex;justify-content: space-between;margin-top: 30px;}
.contact_tel li{width: 20.7%;background-color: #ffffff;border-radius: 10px;border: solid 1px #2D5356;transition: all ease-in-out .3s;display: flex;flex-direction: column;align-items: center;padding-top: 66px;padding-bottom: 88px;}
.contact_tel li .img01{display: none;}
.contact_tel li .tit{color: #666666;margin-top: 40px;margin-bottom: 4px;transition: all ease-in-out .3s;}
.contact_tel li .con,.contact_tel li .con a{font-size: 20px;color: #333;transition: all ease-in-out .3s;}
.contact_tel li:hover{background-color: #2D5356;}
.contact_tel li:hover .img01{display:block;}
.contact_tel li:hover .img02{display:none;}
.contact_tel li:hover .tit{color: #fff;}
.contact_tel li:hover .con,.contact_tel li:hover .con a{color: #fff;}
.contact_tel li .icon{width: 82px;height: 82px;background-color: #2D5356;transition: all ease-in-out .2s;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.contact_tel li:hover .icon{background-color: #fff;}
.contact_map{position: relative;margin-top: 116px;}
.map_position{width:83.8% ;background-color: #2D5356;color: #fff;font-size: 20px;padding:26px 30px 20px 38px;background-image: url(https://www.chchfence.com/static/template/img/demo/mapbg.png);background-repeat: no-repeat;background-size: auto 100%;background-position: left center;position: absolute;left: 50%;transform: translateX(-50%) translateY(-50%);}
@media screen and (max-width:1650px) {
    .item_phone{margin-left: 1.5%;}
}
@media screen and (max-width:1400px) {
    .contact_form .layout .l .title{font-size: 40px;}
    .contact_tel li{width: 23.7%;}
}
@media screen and (max-width:1000px){
    .contact_form .layout{display: block;}
    .contact_form .layout .l{width: 100%;}
    .contact_form .layout .r{width: 100%;margin-top: 40px;}
    .contact_tel li{width: 48%;margin-bottom: 30px;padding-top: 30px;padding-bottom: 40px;}
    .contact_tel{flex-wrap: wrap;}
}
@media screen and (max-width:640px){
    .contact_form .layout .l .title{font-size: 30px;}
    .contact_form .layout .l .detail{margin-top: 10px;}
    .contact_form .ch_form li input{line-height: 40px;}
    .contact_form .ch_form li{margin-bottom: 16px;}
    .contact_form .submit_btn{font-size: 16px;line-height: 30px;padding: 0 30px;}
    .contact_touch .title{font-size: 30px;}
    .contact_tel li .con, .contact_tel li .con a{
        font-size: 17px;

        width: 100%;
        margin: 0 auto;
        text-align: center;
        word-wrap: normal;
        word-break: break-word;
    }
    .map_position{width: 92%;padding: 12px 16px 16px 18px;font-size: 16px;}
}
@media screen and (max-width:450px) {
    .item_name, .item_phone{width: 100% !important;}
    .item_phone{margin-left: 0;}
}
/* certificate */
.cer_hd{position: relative;text-align: center;margin-bottom: 15px;}
.cer_hd::after{content: '';display: inline-block;width:100%;height: 3px;background-color: #2D5356;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.cer_hd .page_title{position: relative;display: inline-block;font-family: Arial-Black;font-size: 40px;color: #2D5356;background-color: #fff;z-index: 10;padding: 0 50px;}
.cer_hd .page_title::after,.cer_hd .page_title::before{content: '';display: inline-block;width: 9px;height: 9px;background-color: #2D5356;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);}
.cer_hd .page_title::before{left: 0;}
.cer_hd .page_title::after{right: 0;}
.certi_list{overflow: hidden;}
.certi_list li{float: left;width:49.2% ;display: flex;justify-content: space-between;align-items: center;margin:45px 0 ;margin-right: 1.6%;}
.certi_list li:nth-child(2n){margin-right: 0;}
.certi_list li .l{width: 44.9%;border-radius: 20px;border: solid 1px #2D5356;padding: 18px 23px 34px 23px;cursor: pointer;position: relative;}
.certi_list li .r{width: 50.7%;}
.certi_list li .l .img{padding-top: 143%;}
.certi_list li .l .hvr-icon-bounce{position: absolute;top: 7px;left: 7px;z-index: 99;}
.certi_list li .r .tit{color: #2D5356;font-weight: bold;font-size: 20px;}
.certi_list li .r .con{color: #666;line-height: 32px ;margin-top: 16px;}
.hvr-icon-bounce {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hvr-icon-bounce .hvr-icon {-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.certi_list li .l:hover .hvr-icon-bounce .hvr-icon,  .certi_list li .l:focus .hvr-icon-bounce .hvr-icon,  .certi_list li .l:active .hvr-icon-bounce .hvr-icon {-webkit-transform: scale(1.3);transform: scale(1.3);-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);}
.certi_list li .hvr-icon{width: 49px;height: 46px;background-image: url(https://www.chchfence.com/static/template/img/demo/zan.webp);}
@media screen and (max-width:950px) {
    .certi_list li{width: 100%;margin-right: 0;}
    .cer_hd .page_title{font-size: 30px;padding: 0 30px;}
}
/* value */
.value_title{padding-bottom: 14px;position: relative;}
.value_title .page_title{font-family: Arial-Black;font-size: 50px;text-align: center;color: #2D5356;position: relative;padding-bottom: 4px;}
.value_title .page_title::after,.value_title::after{content: '';display: inline-block;position: absolute;height: 2px;background-color: #2D5356;width: calc(50% + 25px);bottom: 0;right: 0;}
.value_title .page_title::before,.value_title::before{content: '';display: inline-block;width: 8px;height: 8px;background-color: #2D5356;border-radius: 50%;bottom: -3px;position: absolute;left: calc(50% - 25px);}
.value_title::after{right: auto;left: 0;}
.value_title::before{left: auto;right: calc(50% - 25px) ;}
.value_list{margin-top: 65px;}
.value_list li{display: flex;align-items: center;justify-content: space-between;padding: 26px 0;}
.value_list li:nth-child(2n){flex-direction: row-reverse;}
.value_list li .value_img{width: 49.7%;}
.value_list li .value_txt{width: 46.7%;}
.value_list li .value_img .img{padding-top: 56.6%;}
.value_list li .value_txt .title{font-family: Arial-Black;font-size: 28px;color: #2D5356;text-transform: uppercase;}
.value_list li .value_txt .detail{color: #666666;line-height: 36px;margin-top: 10px;}
@media screen and (max-width:840px) {
    .value_title .page_title{font-size: 30px;}
    .value_list li{display: block;}
    .value_list li .value_img{width: 100%;}
    .value_list li .value_txt{width: 100%;margin-top: 20px;}
    .value_list{margin-top: 30px;}
    .value_list li .value_txt .title{font-size: 22px;}
    .value_list li .value_txt .detail{line-height: 150%;}
}
.viewer-container,.viewer-navbar {background-color: #000;overflow: hidden}
.viewer-canvas,.viewer-container,.viewer-footer,.viewer-player {right: 0;bottom: 0;left: 0}
.viewer-button,.viewer-canvas,.viewer-container,.viewer-footer,.viewer-list,.viewer-navbar,.viewer-open,.viewer-title,.viewer-toolbar,.viewer-toolbar>li {overflow: hidden}
.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before {font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;color: transparent;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);background-repeat: no-repeat}
.viewer-zoom-in:before {content: 'Zoom In';background-position: 0 0}
.viewer-zoom-out:before {content: 'Zoom Out';background-position: -20px 0}
.viewer-one-to-one:before {content: 'One to One';background-position: -40px 0}
.viewer-reset:before {content: 'Reset';background-position: -60px 0}
.viewer-prev:before {content: 'Previous';background-position: -80px 0}
.viewer-play:before {content: 'Play';background-position: -100px 0}
.viewer-next:before {content: 'Next';background-position: -120px 0}
.viewer-rotate-left:before {content: 'Rotate Left';background-position: -140px 0}
.viewer-rotate-right:before {content: 'Rotate Right';background-position: -160px 0}
.viewer-flip-horizontal:before {content: 'Flip Horizontal';background-position: -180px 0}
.viewer-flip-vertical:before {content: 'Flip Vertical';background-position: -200px 0}
.viewer-fullscreen:before {content: 'Enter Full Screen';background-position: -220px 0}
.viewer-fullscreen-exit:before {content: 'Exit Full Screen';background-position: -240px 0}
.viewer-close:before {content: 'Close';background-position: -260px 0}
.viewer-container {font-size: 0;line-height: 0;position: absolute;top: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: rgba(0,0,0,.5);direction: ltr!important;-ms-touch-action: none;touch-action: none;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none}
.viewer-container::-moz-selection,.viewer-container::-moz-selection {background-color: transparent}
.viewer-container::selection,.viewer-container::selection {background-color: transparent}
.viewer-container img {display: block;width: 100%;min-width: 0!important;max-width: none!important;height: auto;min-height: 0!important;max-height: none!important}
.viewer-player,.viewer-tooltip {display: none;position: absolute}
.viewer-canvas {position: absolute;top: 0}
.viewer-canvas>img {width: auto;max-width: 90%!important;height: auto;margin: 15px auto}
.viewer-footer {position: absolute;text-align: center}
.viewer-navbar {background-color: rgba(0,0,0,.5)}
.viewer-list {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;height: 50px;margin: 0;padding: 1px 0}
.viewer-list>li {font-size: 0;line-height: 0;float: left;overflow: hidden;width: 30px;height: 50px;cursor: pointer;opacity: .5;color: transparent;filter: alpha(opacity=50)}
.viewer-list>li+li {margin-left: 1px}
.viewer-list>.viewer-active {opacity: 1;filter: alpha(opacity=100)}
.viewer-player {top: 0;cursor: none;background-color: #000}
.viewer-player>img {position: absolute;top: 0;left: 0}
.viewer-toolbar {width: 280px;margin: 0 auto 5px;padding: 3px 0}
.viewer-toolbar>li {float: left;width: 24px;height: 24px;cursor: pointer;border-radius: 50%;background-color: #000;background-color: rgba(0,0,0,.5)}
.viewer-toolbar>li:hover {background-color: #000;background-color: rgba(0,0,0,.8)}
.viewer-toolbar>li:before {margin: 2px}
.viewer-toolbar>li+li {margin-left: 1px}
.viewer-toolbar>.viewer-play {width: 30px;height: 30px;margin-top: -3px;margin-bottom: -3px}
.viewer-toolbar>.viewer-play:before {margin: 5px}
.viewer-tooltip {font-size: 12px;line-height: 20px;top: 50%;left: 50%;width: 50px;height: 20px;margin-top: -10px;margin-left: -25px;text-align: center;color: #fff;border-radius: 10px;background-color: #000;background-color: rgba(0,0,0,.8)}
.viewer-title {font-size: 12px;line-height: 1;display: inline-block;max-width: 90%;margin: 0 5% 5px;white-space: nowrap;text-overflow: ellipsis;opacity: .8;color: #ccc;filter: alpha(opacity=80)}
.viewer-title:hover {opacity: 1;filter: alpha(opacity=100)}
.viewer-button {position: absolute;top: -40px;right: -40px;width: 80px;height: 80px;cursor: pointer;border-radius: 50%;background-color: #000;background-color: rgba(0,0,0,.5)}
.viewer-button:before {position: absolute;bottom: 15px;left: 15px}
.viewer-fixed {position: fixed}
.viewer-show {display: block}
.viewer-hide {display: none}
.viewer-invisible {visibility: hidden}
.viewer-move {cursor: move;cursor: -webkit-grab;cursor: -moz-grab;cursor: grab}
.viewer-fade {opacity: 0;filter: alpha(opacity=0)}
.viewer-in {opacity: 1;filter: alpha(opacity=100)}
.viewer-transition {-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
@media (max-width: 767px) {
    .viewer-hide-xs-down {display:none}
}
@media (max-width: 991px) {
    .viewer-hide-sm-down {display:none}
}
@media (max-width: 1199px) {
    .viewer-hide-md-down {display:none}
}
/* quality control system */
.page_quality{margin-bottom: 80px;}
.page_quality .title{font-family: Arial-Black;font-size: 50px;color: #2D5356;}
.page_quality .detail{line-height: 35px;color: #333;margin-top: 10px;}
.quality_img{display: flex;justify-content: space-between;margin-top: 30px;}
.quality_img li{width: 32.28%;}
.quality_img li .img{padding-top: 63.9%;border-radius: 20px;border: solid 3px #e5e5e5;}
.quality_img li .img img{height: 110%;top: -3px;}
.page_bgcolor{background-color: #f6f8f5;}
.page_flex_jh .layout{display: flex;justify-content: space-between;align-items: center;}
.page_flex_jh .layout .l{width: 46.7%;line-height: 41px;font-size: 20px;color: #333;}
.page_flex_jh .layout .r{width: 44.8%;overflow: hidden;}
.page_flex_jh .layout .r img{width: 100%;height: auto;border-radius: 20px;border: solid 3px #e5e5e5;}
.page_introduct .small_tit{text-align: center;color: #2D5356;font-size: 30px;line-height: 100%;}
.page_introduct .page_title{line-height: 100%;margin-top: 18px;padding-bottom: 55px;}
.page_introduct{padding-top: 100px ;}
.qua_title .titile{font-size: 40px;color: #2D5356;}
.qua_title .titile span{font-family: Arial-Black;font-size: 50px;color: #2D5356;}
.qua_title{position: relative;margin-top: 54px;margin-bottom: 38px;}
.qua_title .num{font-family: Arial-Black;font-size: 120px;color: #2D5356;opacity: 0.1;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.ss_tit{font-size: 36px;color: #2D5356;font-weight: bold;}
.page_bdbd .detail{color: #333333;line-height: 35px;margin-top: 10px;}
.iqc_imglist{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 60px;}
.iqc_imglist li{border-radius: 20px;border: solid 1px #2D5356;width: 22.5%;padding: 17px 24px 19px 24px;position: relative;cursor: pointer;margin-bottom: 36px;}
.iqc_imglist .hvr-icon-bounce{position: absolute;top: 8px;left: 10px;z-index: 99;}
.iqc_imglist .hvr-icon{width:32px ;height: 39px;background-image: url(https://www.chchfence.com/static/template/img/demo/tubiao.webp);}
.iqc_imglist li:hover .hvr-icon-bounce .hvr-icon, .iqc_imglist li:focus .hvr-icon-bounce .hvr-icon, .iqc_imglist li:active .hvr-icon-bounce .hvr-icon{-webkit-transform: scale(1.3);transform: scale(1.3);-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);}
.iqc_imglist li .img{padding-top: 148%;}
.iqc_imglist .flex_imgtext{border-radius:0;border: none;width: 100%;padding:0;display: flex;align-items: center;justify-content: space-between;}
.iqc_imglist .flex_imgtext .img_honor{width: 49.7%;position: relative;}
.iqc_imglist .flex_imgtext .text_detail{width: 46.7%;}
.iqc_imglist .flex_imgtext .img{padding-top: 56.6%;}
.iqc_imglist .flex_imgtext .text_detail .title,.page_flex4_img .flex4_imgtext .text_4 .title{font-family: Arial-Black;font-size: 28px;color: #2D5356;text-transform: uppercase;}
.iqc_imglist .flex_imgtext .text_detail .detail,.page_flex4_img .flex4_imgtext .text_4 .detail{color: #666666;line-height: 36px;margin-top: 10px;}
.iqc_imglist .flex_imgtext:nth-child(2n){flex-direction: row-reverse;}
.iqc_imglist .flex_imgtext2 .two_test{width: 40%;display: flex;align-items: center;justify-content: space-between;}
.iqc_imglist .flex_imgtext2 .text_detail{width: 56%;}
.iqc_imglist .flex_imgtext2 .two_test .img_honor{width: 49.5%;}
.stan_bg{padding-top: 42px;padding-bottom: 80px;}
.stan_bg .detail{color: #666666;line-height: 30px;margin-top: 10px;}
.page_flex4_img{margin-top: 40px;display: flex;justify-content: space-between;}
.page_flex4_img li{width: 23.3%;border-radius: 10px;border: solid 3px #999999;overflow: hidden;}
.page_flex4_img li .img{padding-top: 93.88%;}
.page_flex4_img li .img img{height: calc(100% + 6px);top: -3px;}
.page_flex4_img .flex4_imgtext{display: flex;align-items: center;justify-content: space-between;width: 100%;border-radius: 0;border: none;padding: 26px 0;
}
.page_flex4_img .flex4_imgtext:nth-child(2n){flex-direction: row-reverse;}
.stan_bg2 .page_flex4_img .flex4_imgtext:nth-child(1n){flex-direction: row-reverse;}
.stan_bg2 .page_flex4_img .flex4_imgtext:nth-child(2n){    flex-direction: unset;}
.page_flex4_img .flex4_imgtext .img_4{width: 49.7%;}
.page_flex4_img .flex4_imgtext .text_4{width: 46.7%;}
.page_flex4_img .flex4_imgtext .img{padding-top: 56.6%;}
.page_flex4_img_100{display: block;}
.inspect_img li .img{padding-top: 132%;}
.stan_bg1 .detail{margin-top: 0;}
.stan_bg1 .page_flex4_img{margin-top: 14px;}
.padd_1 .img{padding-top: 131%;}
.m-top-80{margin-top: 80px;}
.cer_img_04{display: flex;justify-content: space-between;}
.cer_img_04 li{width: 23.2%;cursor: pointer;}
.cer_img_04 li .img{padding-top: 144%;}
.last_parter .qua_title{margin-bottom: 20px;}
.last_parter .detail{font-size: 18px;margin-bottom: 20px;}
.last_parter{
    padding-top: 40px;
    padding-bottom: 67px;
    /* margin-top: 100px; */
}
.qualicty_container .web_footer{margin-top: 0;}
@media screen and (max-width:950px) {
    .page_quality .title{font-size: 30px;}
    .page_quality .detail{line-height: 160%;}
    .quality_img{display: block;}
    .quality_img li{width: 100%;margin-bottom: 20px;}
    .page_flex_jh .layout{display: block;}
    .page_flex_jh .layout .l{width: 100%;line-height: 150%;font-size: 16px;margin-bottom: 16px;}
    .page_flex_jh .layout{padding: 30px 10px;}
    .page_flex_jh .layout .r{width: 100%;}
    .page_introduct{padding-top: 40px;}
    .page_introduct .small_tit{font-size: 16px;}
    .qua_title .titile{font-size: 26px;}
    .qua_title .titile span{font-size: 26px;}
    .qua_title .num{font-size: 50px;}
    .qua_title{margin-top: 30px;margin-bottom: 20px;}
    .ss_tit{font-size: 20px;}
    .page_bdbd .detail{line-height: 160%;}
    .iqc_imglist li{width: 48%;padding: 10px ;margin-bottom: 16px;}
    .page_flex4_img{margin-top: 20px;flex-wrap: wrap;}
    .stan_bg .detail{line-height: 160%;}
    .page_flex4_img li{width: 48%;margin-bottom: 16px;}
    .stan_bg{padding-top: 30px;padding-bottom: 30px;}
    .m-top-80{margin-top: 30px;}
    .last_parter{padding-top: 10px;}
    .cer_img_04 li{width: 48%;margin-bottom: 10px;}
    .cer_img_04{flex-wrap: wrap;}
}
/* news */
.news_list{padding-top: 20px;}
.news_list li{display: flex;justify-content: space-between;align-items: center;background-color: #f7f7f7;margin-bottom: 36px;position: relative;}
.news_list li .newl{width: 38%;}
.news_list li .newl .img{padding-top: 60.19%;}
.news_list li .newr{width: 62%;padding: 0 60px;}
.news_list li .newr .title a{font-size: 20px;font-weight: bold;color: #333;transition: all ease-in-out .3s;}
.news_list li .newr .time{color: #2D5356;font-size: 16px;}
.news_list li .newr .detail{font-size: 16px;line-height: 28px;color: #666666;margin-top: 16px;}
.news_list li .newr .index_more_btn{margin-top: 36px;}
.news_list li .newl:hover img{transform: scale(105%);}
.news_list li::after{content: '';height:100%;width: 6px;background-color: #2D5356;position: absolute;right: 0;top: 0;bottom: 0;transition: all ease-in-out .3s;transform: scale(0);}
.news_list li:hover::after{transform: scale(100%);}
.news_list li:hover .title a{color:  #2D5356;}
.news_list li:hover img{transform: scale(105%);}
/* pages */
.page_bar {text-align: center;margin-top: 80px;}
.page_bar a{display: inline-block;border: solid 1px #e5e5e5;background-color: #fff;font-size: 16px;line-height: 36px;color: #333;margin: 0 5px;padding: 0 14px;transition: all ease-in-out .3s;}
.page_bar a.current{background-color: #2D5356;color: #fff;}
.page_bar a:hover{background-color: #2D5356;color: #fff;}
.page_bar a:first-child{padding: 0 24px;}
.page_bar a:last-child{padding: 0 20px;}
/* related products */
.relate-product-swiper{overflow: hidden;}
.relate-product .title{width: 100%;background-color: #2D5356;line-height: 65px;text-align: center;color: #fff;font-size: 36px;font-weight: bold;text-transform: capitalize;}
.relate-product{margin-top: 100px;}
.relate-bg{padding: 0 70px;position: relative;margin-top: 30px;}
.relate-product-swiper .swiper-slide{border: 1px solid #E5E5E5;}
.relate-product-swiper .swiper-slide .img{padding-top: 68.1%;}
.relate-product .swiper-button-prev,.relate-product .swiper-button-next{width: 32px;height: 33px;background-color: #eef2e9;border-radius: 50%;background-repeat: no-repeat;background-position: center;transition: all ease-in-out .3s;}
.relate-product .swiper-button-prev::after,.relate-product .swiper-button-next::after{display: none;}
.relate-product .swiper-button-prev{background-image: url(https://www.chchfence.com/static/template/img/demo/rela-arrow-l-green.png);left: 0;}
.relate-product .swiper-button-next{background-image: url(https://www.chchfence.com/static/template/img/demo/rela-arrow-r-green.png);right: 0;}
.relate-product .swiper-button-prev:hover{background-color: #2D5356;background-image: url(https://www.chchfence.com/static/template/img/demo/rela-arrow-l-white.png);}
.relate-product .swiper-button-next:hover{background-color: #2D5356;background-image: url(https://www.chchfence.com/static/template/img/demo/rela-arrow-r-white.png)}
.relate-product-swiper .swiper-slide:hover img{transform: scale(105%);}
@media screen and (max-width:950px) {
    .news_list li{display: block;}
    .news_list li .newl{width: 100%;}
    .news_list li .newr{width: 100%;margin-top: 16px;padding: 0 10px;padding-bottom: 20px;}
    .page_bar a{
        /* line-height: 26px; */
        padding: 0 7px;
    }
    .page_bar a:first-child,.page_bar a:last-child{padding: 0 7px;}
    .relate-product{margin-top: 50px;}
    .relate-product .title{line-height: 40px;font-size: 26px;}
    .relate-bg{padding: 0 40px;}
    .news_list li::after{top: auto;left: 0;width: 100%;height: 3px;}
}
/* news */
.actile-news a{color: #2D5356;font-weight: bold;}
.actile-news a:hover{border-bottom: 1px solid #2D5356;}
.page_news .mains .floatL{width: 67.8%;}
.page_news .mains .floatR{width: 27.8%;}
.actile-news .title .h1{font-weight: bold;font-size: 30px;color: #333;}
.actile-news .title .time{color: #666666;margin-top: 10px;}
.actile-news .title{display: flex;justify-content: space-between;margin-bottom: 30px;}
.share{display: flex;align-items: center;}
.news-bottom {margin-top: 50px;}
.share .nshare{color: #666666;margin-right:10px ;}
.buttonclick .fix{display: flex;margin-bottom: 10px;align-items: center;}
.buttonclick .fix>span{display: flex;width: 106px;height: 31px;	background-color: #2D5356;border-radius: 2px;align-items: center;justify-content: center;margin-right: 14px;color: #fff;position: relative;}
.buttonclick .fix>span>a{position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;}
.buttonclick .fix>span p{color: #fff;margin-left: 10px;}
.buttonclick .fix.next>span{background-color:  #333333;}
.buttonclick{margin-top: 50px;}
.buttonclick .fix p,.buttonclick .fix p a{font-size: 18px;color: #333;transition: all ease-in-out .3s;}
.buttonclick .fix p a:hover{color: #2D5356;}
.page_news .floatR .title{font-size: 26px;color: #333;font-weight: bold;position: relative;padding-bottom: 15px;margin-bottom: 25px;}
.page_news .floatR .title::after{content: '';display: inline-block;width: 41px;height: 3px;background-color: #333333;position: absolute;bottom: 0;left: 0;}
.relatenew li img{width: 100%; height: auto;}
.relatenew li .tit{font-size: 18px;font-weight: bold;color: #333;margin-top: 10px;transition: all ease-in-out .3s;}
.relatenew li .con{color: #666666;}
.relatenew li{margin-bottom: 20px;}
.relatenew li:hover .tit{color: #2D5356;}
@media screen and (max-width:950px) {
    .page_news .mains .floatR{display: none;}
    .page_news .mains .floatL{float: none;width: 100%;}
    .actile-news .title{display: block;}
    .actile-news .title .h1{font-size: 24px;}
}
/* list product */
.product_titleh1{font-size: 42px;color: #2D5356;font-weight: bold;}
.view_product_top{background-color: #f3f3f3;padding-top:50px ;padding-bottom: 68px;margin-top: 30px;}
.productsswiper .swiper-slide{display: flex;justify-content: flex-start;/*align-items: center;*/}
.productsswiper .swiper-slide .ll{
    width: 46.6%;
    width: 53%;
}
.productsswiper .swiper-slide .ll .img{
    background-color: #fff;
    padding-top: 81.6%;
    padding-top: 71.5%;
    position: relative;
}
.productsswiper .swiper-slide .rr{
    width: 51.4%;
    width: 38%;
    margin-left: 2%;padding-top: 60px;position: relative;
}
.productsswiper .tit{
    /* font-family: Arial-Black; */
    font-weight: 600;
    font-size: 26px;
    line-height: 110%;
    color: #333;
    color: #2D5356;
}
.productsswiper .detail{line-height: 30px;margin-top: 30px;margin-bottom: 40px;}
.productsswiper .more_btn .list_btn{display: inline-block;background-color: #2D5356;border-radius: 30px;line-height: 60px;color: #fff;font-size: 20px;padding: 0 50px;margin-right: 30px;transition: all ease-in-out .3s;margin-bottom: 20px;width: 250px;text-align: center;}
.productsswiper .more_btn{/*margin-top: 66px;*/position: absolute;left: 0;bottom: 0;}
.productsswiper .more_btn a{margin-bottom: 0 !important;}
.productsswiper .list_btn.bgblack{background-color:  #333333;}
.productsswiper .more_btn .list_btn:hover{opacity: .8;}
.list-product-img{overflow: hidden;}
.small_product{position: relative;padding: 0 70px;margin-top: 60px;}
.list-product-img .swiper-slide{border: 1px solid #e5e5e5;background-color: #fff;box-sizing: border-box;margin-bottom: 2px;}
.list-product-img .swiper-slide .img{padding-top: 71.5%;}
.list-product-img.list-product-img2 .swiper-slide .img{padding-top: 66.8%;}
.list-product-img .swiper-button-prev,.list-product-img .swiper-button-next{width: 32px;height: 33px;background-color: #eef2e9;border-radius: 50%;background-repeat: no-repeat;background-position: center;transition: all ease-in-out .3s;}
.list-product-img .swiper-button-prev::after,.list-product-img .swiper-button-next::after{display: none;}
.list-product-img .swiper-button-prev{background-image: url(https://www.chchfence.com/static/template/img/demo/rela-arrow-l-green.png);left: 0;}
.list-product-img .swiper-button-next{background-image: url(https://www.chchfence.com/static/template/img/demo/rela-arrow-r-green.png);right: 0;}
.list-product-img .swiper-button-prev:hover{background-color: #2D5356;background-image: url(https://www.chchfence.com/static/template/img/demo/rela-arrow-l-white.png);}
.list-product-img  .swiper-button-next:hover{background-color: #2D5356;background-image: url(https://www.chchfence.com/static/template/img/demo/rela-arrow-r-white.png)}
.list-product-img .swiper-slide:hover img{transform: scale(105%);}
.list-product-img .swiper-slide.active{border: 1px solid #2D5356;}
.top_product_detail{line-height: 30px;color: #333;margin-top: 60px;}
.top_product_detail a{color: #2D5356;font-weight: bold;}
.top_product_detail a:hover{border-bottom: 1px solid #2D5356;}
.page_certificate .main{
    /* margin-top: 65px; */
}
.page_certificate .main .floatL{
    width: 28%;
    /* padding-left: 3%; */
    /* position: sticky; */
    /* position: fixed; */
}
.page_certificate .main .floatR{
    width:70%;
    /* padding-right: 3%; */
}
.floatR {
    float: right;
}
.floatL {
    float: left;
}
.listmain .titlelist{width: 100%;background-color: #2D5356;line-height: 60px;color: #fff;text-align: center;font-size: 24px;font-weight: bold;margin-bottom: 10px;}
.listmain .screen_con {
    padding: 20px 0;
    border-top: 2px solid #c0c0c0;
}
.listmain .screen_con .title {
    margin-bottom: 10px;
    font-family: WorkSans-Regular;
    font-weight: 600;
    font-size: 22px;
    color: #333333;
}
.screen_con ul li{display: flex;justify-content: space-between;align-items: center;margin: 8px 0;cursor: pointer;}
.screen_con ul li .choose {
    width: 13px;
    height: 13px;
    border-radius: 3px;
    border: solid 1px #999999;
    margin-right: 10px;
    cursor: pointer;
    position: relative;

    border-radius: 50%;
}
.screen_con ul li .choose::after {
    content: '';
    display: inline-block;
    background-image: url(https://www.chchfence.com/static/template/img/true.png);
    width: 19px;
    height: 12px;
    position: absolute;
    top: 0;
    left: -3px;
    opacity: 0;

    display: none;
}
.screen_con ul li .ll{display: flex;align-items: center;}
.screen_con ul li .tt{
    font-family: WorkSans-Regular;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
}
.resule-list{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}
.resule-list>li{
    float: left;
    width: 33.1%;
    /* margin-right: 0.35%; */
    width: 30%;
    margin: 0 1%;
    display: none;
    margin-bottom: 20px;
}
/* .resule-list>li:nth-child(3n){margin-right: 0;} */
.resule-list>li .img{
    /* border: solid 1px #e5e5e5; */
    /* padding-top: 71.5%; */
}
.resule-list>li .con a{display: inline-block;width: 100%;}
.resule-list>li .con{
    /* display: flex;
    justify-content: center;
    padding-top: 10px;
    margin-bottom: 30px; */

    text-align: center;
}
.resule-list>li .con .title {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-transform: capitalize;
    text-align: center;
    width: 100%;


    display: flex;
    align-items: center;
    justify-content: center;
    height: 75px;
}
.resule-list>li .con ul li{font-size: 16px;color: #333;padding-left: 12px;position: relative;margin-bottom: 4px; left: 50%;     transform: translate(-32%, 0%);}
.resule-list>li .con ul li::before{content: '';display: inline-block;width: 5px;height: 5px;background-color: #2D5356;border-radius: 50%;position: absolute;left: 0;top: 7px;}
.resule-list>li .con ul{margin-top: 10px;}
.screen_con ul li.active .choose{
    border: solid 1px #2D5356;
    background-color: #2D5356;
}

.resule-list>li .con .sortlinkp p {
    font-family: WorkSans-Regular;
    font-weight: 400;
    font-size: 18px;
    color: #222222;
    margin-top: 10px;
}



.screen_con ul li.active .choose::after{opacity: 1;}
.screen_con ul li.active .tt,.screen_con ul li.active .number{color: #2D5356;}
.resule-list>li.current{display: block;}
.noresult{font-size: 20px;text-align: center;color:#2D5356;margin-top: 30px;}


.screen_con ul li .number {
    display: none;
}

.resule-list>li:hover img{
    /* transform: scale(105%); */
}


.resule-list li .pdimga {
    position: relative;
    padding-bottom: 100%;    
    display: block;
}


.resule-list li .pdimga img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.screen_con ul li:hover .ll .tt{
    font-weight: bold;
    color: #2D5356;
}
.list_advice{background-color: #2D5356;padding: 50px 0;margin-top: 60px;}
.list_advice .title{font-weight: bold;font-size: 40px;color: #fff;}
.list_advice .detail{color: #fff;line-height: 30px;margin-top: 10px;}
.list_workshop .title{color: #2D5356;font-weight: bold;font-size: 40px;margin-bottom: 40px;margin-top: 90px;}
.list_workshop img{width: 100%;height: auto;}
.list_advice .catdesc p{
    color: #fff; 
}





.content-wrap.form .ch_form_wrap ul input, .content-wrap.form .ch_form_wrap ul textarea, .content-wrap.form .ch_form_wrap ul select {
    border-left: 3px solid #2D5356;
}


.content-wrap.form .ch_form_wrap .item_submit input {
    background: #2D5356;
}

.content-wrap.form .ch_form_wrap .item_submit input:hover {
    background: #333333;
}

#cont > ul > li > ul > li > a {
    font-size: 16px;
    line-height: 24px;
}
#cont > ul > li > ul > li {
    margin-bottom: 20px;
}






@media screen and (max-width:950px) {
    .product_titleh1{font-size: 30px;}
    .productsswiper .swiper-slide{display: block;}
    .productsswiper .swiper-slide .ll{width: 100%;}
    .productsswiper .swiper-slide .rr{
        width: 100% !important;
        margin: 0 !important;
        margin-top: 30px !important;
    }
    .productsswiper .tit{font-size: 20px;}
    .productsswiper .detail{line-height: 160%;margin-top: 20px;margin-bottom: 0;}
    .share{display: none;}
    .productsswiper .more_btn{
        /* display: none; */
    }
    .productsswiper .more_btn .list_btn{line-height: 40px;border-radius: 20px;font-size: 16px !important;margin-right: 10px;}
    .view_product_top{padding-bottom: 30px;}
    .page_certificate .main .floatL{float: none;width: 100%;}
    .listmain .titlelist{line-height: 40px;font-size: 20px;}
    .page_certificate .main{margin-top: 30px;}
    .page_certificate .main .floatR{margin-top: 30px;width: 100%;float: none;}
    .list_advice{margin-top: 30px;padding: 20px 0;}
    .list_advice .title{font-size: 24px;}
    .list_advice .detail{line-height: 160%;}
    .list_workshop .title{font-size: 24px;margin-top: 30px;margin-bottom: 20px;}
}
@media screen and (max-width:600px) {
    .resule-list>li:nth-child(3n){margin-right: 1%;}
    .resule-list>li{width: 49.5%;margin: 0 0.3%;}
    .resule-list>li:nth-child(2n){margin-right: 0;}
}
.main_cont img{
    margin:  0 auto;
    height: auto;
}
.mtop60{text-align: center;}
/* product */
.detail_product_top {padding-left: 4.6%;margin-top: 30px;background-color: #f5f5f5;padding-bottom: 30px;padding-top: 30px;}
.detail_product_top .product_top_dd{display: flex;align-items: center;border: 2px solid #f5f5f5;}
.detail_product_top .ll{overflow: hidden;width:51.7%;display: flex;align-items: center;padding-left: 20px;background-color: #fff;padding-top: 30px;padding-bottom: 30px;position: relative;}
.detail_product_top .rr{width:48.3% ;background-color: #f5f5f5;padding: 80px 10% 134px 80px;position: relative;}
.detail_product_top .ll .l-thunbnail{width: 24%;}
.detail_product_top .ll .showvideo{padding-bottom: 0 !important;}
.detail_product_top .ll .showimg{
    width: 76%;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    display: block;
    padding-bottom: 50%;
}
.detail_product_top .ll .showimg img{
    width: 100%;
    height: auto;
    position: absolute;
    /* object-fit: cover; */
    top: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
}
.detail_product_top .rr .tit{/*font-family: Arial-Black;*/font-size:26px;line-height: 34px;color: #2D5356;font-weight: 600;}
.detail_product_top .rr .detail{line-height: 30px;color: #333;margin-top: 30px;margin-bottom: 40px;}
.detail_product_top .more_btn .list_btn{display: inline-block;background-color: #2D5356;border-radius: 30px;line-height: 60px;color: #fff;font-size: 20px;padding: 0 66px;margin-right: 30px;transition: all ease-in-out .3s;}
.detail_product_top .more_btn{margin-top: 0px;text-align: left;position: absolute;left: 80px;bottom: 5px;}
.detail_product_top .list_btn.bgblack{background-color:  #333333;margin-right: 0;}
.detail_product_top .more_btn .list_btn:hover{opacity: .8;}
.l-thunbnail .img{background-color: #ffffff;border: solid 1px #e5e5e5;padding-top:63.4% ;}
.l-thunbnail .title{text-align: center;position: relative;font-size: 22px;color: #525252;margin-top: 10px;padding-left: 24px;display: inline-block;transition: all ease-in-out .3s;}
.l-thunbnail li{margin-bottom: 50px;cursor: pointer;}
.l-thunbnail li:last-child{margin-bottom: 0;}
.l-thunbnail .title::after{content: '';display: inline-block;width: 13px;height: 12px;background-color: #525252;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -6px;transition: all ease-in-out .3s;}
.titlewai{text-align: center;}
.l-thunbnail li.active .title{color: #2D5356;}
.l-thunbnail li.active .title::after{background-color: #2D5356;}
.product_content_detail{margin-top:60px ;}
#loutinav{width: 100%;border-bottom: 1px solid #2D5356;display: flex;padding:  0 10%;padding-bottom: 6px;justify-content: space-between;}
#loutinav li{ box-sizing: border-box;text-align: center;background-color: #ffffff;border: solid 1px rgba(86,130,37,.2);/*margin-right: 35px;*/font-size: 20px;color: #333;font-weight: bold;line-height: 50px;padding: 0 56px;cursor: pointer;}
#loutinav li.active,#loutinav li:hover{background-color: #2D5356;color: #fff;}
#loutinav li:last-child{margin-right: 0;}
#fixedlc{z-index: 999;position: relative;background-color: #fff;}
.fixed.fixedlc{position: fixed !important;top: 76px;width: 100%;left: 0;}
.fixed.fixedlc li{font-size: 18px !important;padding: 0  6px !important;border: none !important;}
.fixed.fixedlc #loutinav{/*justify-content: space-between;border-bottom: none;*/padding: 0 18%;}
/* .fixed.fixedlc{height: 60px;}
.fixed.fixedlc #loutinav{position: fixed;left: 10px;top: 50%;transform: translateY(-50%);flex-direction: column;width: auto;border-bottom: none;}
.fixed.fixedlc #loutinav li{padding: 0 16px;font-size: 17px;line-height: 40px;margin-right: 0;} */
#infotable,#infoddescr{padding:  0 10%;}
.blacktit{font-weight: bold;font-size: 30px;color: #333;text-transform: uppercase;padding: 0 10%;padding-top: 50px;margin-bottom: 20px;}
.pro_table{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 auto;margin-top: 60px;/*max-height: 280px;*/}
.pro_table li{width: 44%;display: flex;justify-content: space-between;margin-bottom: 16px;}
.pro_table li .blod{font-weight: bold;color: #535353;}
.pro_table li .sim{
    color: #666;
    white-space: nowrap;
}
.more_info_btn{line-height: 50px;background-color: #2D5356;border-radius: 25px;display: inline-block;cursor: pointer;margin: 0 auto;font-size: 20px;color: #fff;padding: 0 58px;transition: all ease-in-out .3s;}
.more_info_btn:hover{opacity: .7;}
.more_btn{margin-top: 24px;}
.main_cont p{line-height: 34px;}
.circle_list{margin-bottom: 30px;}
.circle_list li{line-height: 34px;color: #333;position: relative;padding-left: 25px;}
.circle_list li::before{content: '';display: inline-block;width: 7px;height: 7px;background-color: #2D5356;border-radius: 50%;position: absolute;left: 0px;top: 12px;}
.greenlocktit{background-color: #2D5356;line-height: 50px;padding: 0 30px;display: inline-block;font-weight: bold;color: #fff;font-size: 30px;margin-bottom: 22px;}
.greenlocktit2{background-color: #f5f5f5;color: #2D5356;}
.gray_title_block{width: 100%;background-color: #f5f5f5;font-size: 30px;color: #2D5356;width: 100%;text-align: center;font-weight: bold;padding:15px 0 ;margin-bottom: 20px;}
.mtop60{margin-top: 60px;}
.download_pdf{display: inline-block;margin: 0 auto;}
.download_pdf a{display: flex;background-color: #2D5356;border-radius: 25px;line-height: 50px;align-items: center;font-size: 20px;color: #fff;padding: 0 30px;}
.download_pdf a img{margin-right:18px ;}
.pdf{text-align: center;margin-top: 45px;}
.pding90{margin-top: 130px;}
.feekbod{margin-top: 35px;border-radius: 20px;border: solid 1px #e1e1e1;overflow: hidden;}
.feekbod .top{padding-left: 45px;padding-right: 40px;display: flex;justify-content: space-between;background-color: #f5f5f5;font-size: 24px;color: #333;padding-top: 20px;padding-bottom:18px ;}
.feekbod .bottom{padding: 25px 26px 26px 50px;display: flex;align-items: center;justify-content: space-between}
.feekbod .bottom .l{width: 50%;}
.feekbod .bottom .l .star{margin-bottom: 30px;}
.feekbod .bottom .r{width: 40%;}
.detail_now_require .detail{color: #666;}
/* .now_form_wrap{margin-top: 20px;} */
.now_form_wrap .item_name,.now_form_wrap .item_email,.now_form_wrap .item_phone{float: left;width: 100% !important;margin-right: 0 !important;border-bottom: 1px solid #333;position: relative;padding-left: 16px;margin-left: 0;margin-top: 6px;padding-bottom: 6px;}
.now_form_wrap .item_phone{margin-right: 0 !important;}
.now_form_wrap input{width: 100%;height: 40px;border: none;}
.now_form_wrap input::placeholder,.now_form_wrap textarea::placeholder{color: #333;font-size: 16px;}
.now_form_wrap .item_name::after,.now_form_wrap .item_email::after,.now_form_wrap .item_phone::after{content: '*';display: inline-block;position: absolute;left: 0;color: #ff0000;top: 50%;transform: translateY(-50%);}
.now_form_wrap .item_message{float: left;width: 100%;border-bottom: 1px solid #333;position: relative;padding-left: 16px;padding-top: 16px;}
.now_form_wrap .item_message textarea{background-color: transparent;width: 100%;height: 90px !important;padding-top: 0 !important;border-radius: 0 !important;}
.now_form_wrap .item_message::after{content: '*';display: inline-block;position: absolute;left: 0;color: #ff0000;top: 20px;}
.now_form_wrap .submit_btn{width: auto;line-height:40px;background-color: #2D5356;border-radius: 20px;font-size: 17px;color: #fff;height: 40px;padding: 0 30px;margin-top: 20px;}
.mrc-btn-wrap{text-align: center;margin-top: 34px;}
.mrc-btn-wrap .more_info_btn{border: none;}

.fixed_send_email{position: fixed;left: 20px;bottom: 16%;z-index: 1000;}
.fixed_circle_icon{display: flex;align-items: center;justify-content: center;width: 70px;height: 70px;border-radius: 50%;background-color: rgba(124, 182, 58, .6); animation: living 1.5s linear infinite;cursor: pointer;}
.fixed_circle_icon .circle_center{display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;background-color: rgba(124, 182, 58, 1);border-radius: 50%; animation: living 1.5s linear infinite; animation-delay: 0.75s; }
.position_eamil{position: relative;}
.position_eamil .detail_now_require{position: absolute;left: 0;bottom:90px;background-color: #fff;box-shadow: #3f5b1f63 -1px 5px 21px 5px;padding: 20px;width:400px;z-index: 1000;display: none;}
@keyframes living {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: .9;
    }
    100% {
        transform: scale(1);
        opacity: .95;
    }
}
@media screen and (max-width:1910px){
    #loutinav{padding: 0 5%;padding-bottom: 6px;}
    .blacktit{padding: 0 5%;padding-top: 50px;padding-bottom: 20px}
    #infotable, #infoddescr{padding: 0 5%;} 
}
@media screen and (max-width:1900px) {
    .detail_product_top .rr{padding: 80px 4% 134px 80px}
    
}
@media screen and (max-width:1660px) {
    .productsswiper .swiper-slide .rr{width: 40%;}
}
@media screen and (max-width:1650px) {
    #loutinav li{padding: 0 45px;font-size: 17px;}
    /* #loutinav{justify-content: center;} */
}
@media screen and (max-width:1580px) {
    .detail_product_top .rr{padding: 80px 4% 134px 30px}
    .detail_product_top .more_btn{left: 30px;}
    .productsswiper .more_btn .list_btn{padding: 0 50px;width: auto;}
    .productsswiper .swiper-slide .rr{padding-top: 30px;}
    .productsswiper .list_btn.bgblack{margin-right: 0;}
}
@media screen and (max-width:1550px) {
    .fixed.fixedlc{
        top: 60px;
    }
    .page_certificate .main .floatL{padding-left: 0;}
    .page_certificate .main .floatR{padding-right: 0;}
    .fixed.fixedlc #loutinav{padding: 0 15%;}
}
@media screen and (max-width:1480px){
    .detail_product_top .more_btn .list_btn{padding: 0 30px;font-size: 16px;line-height: 40px;}
    #loutinav li{margin-right: 10px;}
}
@media screen and (max-width:1440px) {
    .productsswiper .more_btn{position: static;margin-top: 40px;}
    .productsswiper .swiper-slide .rr{padding-top: 0;}
    .productsswiper .swiper-slide{align-items: center;}
}
@media screen and (max-width:1360px) {
    #loutinav li{margin-right: 22px;padding: 0 38px;}
    #loutinav{
        padding: 0 ;
        /* padding-bottom: 6px; */
    }
    .blacktit{padding: 0 ;padding-top: 50px;padding-bottom: 20px}
    #infotable, #infoddescr{padding: 0 ;} 


    /* .resule-list>li .con .title {
        font-size: 18px;
        height: 140px;
    } */
    
}
@media screen and (max-width:1270px) {
    .productsswiper .swiper-slide .rr{width: 45%;}
    #loutinav li{font-size: 16px;padding: 0 26px;margin-right: 16px;}
}
@media screen and (max-width:1200px) {
    #loutinav{flex-wrap: wrap;}
    #loutinav li{margin: 6px ;}
    .productsswiper .more_btn .list_btn{padding: 0 30px;font-size: 17px;}



    .resule-list>li .con ul li {
        font-size: 16px;
        color: #333;
        padding-left: 15px;
        position: relative;
        margin-bottom: 4px;
        left: 0;
        transform: none;
        width: 100%;
    }


    
}
@media screen and (max-width:1080px) {
    .fixed.fixedlc {
        position: relative !important;
        width: 100% !important;
        top: auto !important;
    }
}

@media screen and (max-width:1020px) {
    .detail_product_top .rr .tit{font-size: 24px;}
    .detail_product_top .more_btn .list_btn{margin-right: 10px;}
}
@media screen and (max-width:950px){

    .iqc_imglist li {
        display: block !important;
    }
    .iqc_imglist .flex_imgtext .img_honor {
        width: 100%;
    }
    .iqc_imglist .flex_imgtext .text_detail {
        width: 100%;
    }

    .page_flex4_img .flex4_imgtext {
        display: block;
    }
    .page_flex4_img .flex4_imgtext .img_4 {
        width: 100%;
    }
    .page_flex4_img .flex4_imgtext .text_4 {
        width: 100%;
    }

  

    /* .resule-list>li .con .title {
        font-size: 16px;
        height: 120px;
    } */

    .resule-list {
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .resule-list>li {
        /* width: 47%; */
        width: 100%;
        margin: 0 5px;
    }



    #loutinav{justify-content: center;}
    .pro_table li .sim {
        color: #666;
        white-space: normal;
        text-align: left;
        width: 60%;
    }

    .pro_table li .blod {
        white-space: normal;
        text-align: left;
        width: 40%;
    }

    .pro_table {
        width: 100%;
        display: block;

        max-height: none;
    }

    .pro_table li {
        width: 100%;
    }

    
    

    .footer_ul li:first-child {
        display: none;
    }

    .footer_ul li:nth-child(2) {
        display: none;
    }


    .resule-list>li .con ul li {
        left: 0;
        transform: none;
    }

    
    /* .listproduct .layout{width: 100%;padding-left: 2%;padding-right: 2%;} */
    .detail_product_top{display: block;}
    .detail_product_top .ll{width: 100%;margin-top: 40px;}
    .detail_product_top .ll .l-thunbnail{
        /* width: 14%; */
    }
    .detail_product_top .ll .showimg{
        /* width: 86%; */
    }
    .detail_product_top .product_top_dd{display: block;}
    .l-thunbnail .title{font-size: 18px;}
    .detail_product_top .rr{width: 100%;padding:40px 4% 30px 30px}
    .detail_product_top .more_btn{position: static;}
    #loutinav li{line-height: 40px;}
    .blacktit{font-size: 24px;}
    .greenlocktit{font-size: 24px;}
    .gray_title_block{font-size: 20px;padding: 8px 0;}
    .download_pdf a{line-height: 40px;font-size: 16px;}
    .feekbod .top{font-size: 16px;padding: 10px 20px;}
    .feekbod .bottom{padding: 16px;}
    .more_info_btn,.now_form_wrap .submit_btn{font-size: 16px;line-height: 30px;height: 30px;}
    .pding90{margin-top: 40px;}
  
    .detail_product_top .rr .detail{margin-bottom: 0;}
    .detail_product_top .more_btn{margin-top: 30px;}
    .fixed.fixedlc{position: relative !important;width: 100% !important;top: auto !important;}
}
/*inquiry*/
.inquiry-pop-bd { position: fixed; left: 50%; top: 50%; margin: -300px 0 0 -275px; width: 550px; height: 500px; background: #FFF; box-shadow: 0 0 10px rgba(255, 255, 255, .5); display: none; z-index: 2000; }
.inquiry-pop-bd:before { content: ""; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .7); z-index: -1; }
.inquiry-pop-bd .inquiry-pop { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 22px; z-index: 1; background: #FFF; }
.inquiry-pop-bd .inquiry-pop .ico-close-pop {position: absolute;right: -10px;top: -10px;width: 30px;height: 30px;/* background: url(./img/fancy_close.png) no-repeat center center; */cursor: pointer;z-index: 1;}
.inquiry-form-wrap { position: relative; height: 420px; width: 100%; }
.ad_prompt { position: absolute; display: block; top: 50%; left: 0; width: 100%; line-height: 40px; margin: -20px 0 0; text-align: center; color: #2D5356; font-size: 20px; -webkit-animation: twinkling 1s infinite ease-in-out; animation: twinkling 1s infinite ease-in-out; display: none; }
@media screen and (max-width: 550px) {
.inquiry-pop-bd { width: 98%; height: 450px; left: 0; margin: -265px 0 0 1% }
.inquiry-pop-bd .inquiry-pop { padding: 10px; }
.scrollsidebar { display: none; }
}
.brounce-form .ch_form{margin-top: 20px;}
.brounce-form .ch_form li{width: 100% !important;margin: 5px 0 !important;line-height: 40px;}
.brounce-form .ch_form li input,.brounce-form .ch_form li textarea{width: 100% !important;border: 1px solid #eee;border-left: 3px solid #2D5356;height: 39px;padding: 0 10px;font-family: Arial, Helvetica, sans-serif;font-size: 16px;}
.brounce-form .ch_form li textarea{height: 95px;padding:10px;background-color: transparent;border-radius: 0px;}
.brounce-form .ch_form li input::placeholder,.brounce-form .ch_form li textarea::placeholder{color: #666;}
.brounce-form  .submit_btn{height: 40px;border: none;background-color: #2D5356;color: #fff;font-size: 16px;padding: 0 40px;}
.change-empty {
    display: none;
}
.clearfloat{clear:both;display:table}

@media screen and (max-width: 950px) {
    .resule-list>li .con .sortlinkp p{
		height: auto;
	}

	.resule-list>li{
		margin-bottom: 30px;
	}
    .resule-list>li:last-child{
        margin-bottom: 0;
    }
}