@import url(slide.css);
@import url(pscroll.css);
.i_title{ margin-top:5%; overflow:hidden; text-align:center; margin-bottom:3%; }
.i_title h2{ overflow:hidden; font-weight:normal;color:#333333; padding-bottom:2%; position:relative;font-weight:bold}
.i_title h2:before{ content:""; position:absolute; bottom:0; left:50%;transform: translate(-50%, 0); width:10%; height:3px; background:#f33539;}
.i_title .yellow{ color:#c19149;}
.i_service{ background:#f5f5f5; padding-bottom:4%; overflow:hidden;width: 100%;}
.i_news{ padding-bottom:50px; overflow:hidden;}
.i_news .i_news_l{ float:left; width:50%;}
.i_news .i_news_l ul li{ display:block; border-bottom:1px dashed #dedede; margin-bottom:19px; overflow:hidden; padding-bottom:19px;}
.i_news .i_news_l ul li:hover{border-bottom:1px dashed #c3954f;}
.i_news .i_news_l .dates{ font-style:normal;font-weight:normal; height:68px; overflow:hidden; line-height:68px; color:#999999; display:block; font-family:Arial;}
.i_news .i_news_l .h2{ font-weight:normal;height:54px; line-height:54px; overflow:hidden; color:#333333; margin-bottom:11px;}
.i_news .i_news_l .txts{ line-height:25px; height:75px; overflow:hidden; font-size:16px; color:#666666;}
.i_news .i_news_l ul li:hover .h2{ color:#c19149;}
.i_news .i_news_l .i_news_img{ float:right; overflow:hidden;width:93.42%; max-width:682px;padding-bottom:19px; margin-bottom:18px;border-bottom:1px dashed #dedede;}
.i_news .i_news_l .i_news_img:hover{border-bottom:1px dashed #c3954f;}
.i_news .i_news_l .i_news_img .hide{ overflow:hidden;margin-bottom:12px;}
.i_news .i_news_l .i_news_img .imgs{ overflow:hidden; height:237px; background-repeat:no-repeat; background-position:center center; background-size:cover;transition:all 0.3s;}
.i_news .i_news_l .i_news_img .imgs img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.i_news .i_news_l .i_news_img:hover .imgs{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_news .i_news_l .i_news_img:hover .h2{ color:#c19149;}
.i_partner{ background:#f5f5f5; overflow:hidden;}
@media screen and (max-width:1760px) {
}
@media screen and (max-width:1440px) {
}
@media screen and (max-width:1200px) {
.counter span { font-size: 60px;}
}
@media screen and (max-width:1100px) {
.i_news .i_news_l .txts{ font-size:14px;}
.i_news .i_news_l .h2{ height:44px; line-height:44px;}
.i_news .i_news_l .i_news_img .imgs{ height:225px;}
}
@media screen and (max-width:960px) {
.i_title_p{ padding-left:45px; padding-right:45px;}
.i_title_p:before{ background-size:40px auto;}
.i_title_p:after{ background-size:40px auto;}
}
@media screen and (max-width:830px) {
.module-content{ display:none;}
.flash_div{ display:block;}
.i_news{ padding-bottom:5%;}
.i_news .i_news_l{ float:none; width:100%;}
.i_news .i_news_l ul li{ margin-bottom:2%; padding-bottom:2%;}
.i_news .i_news_l .txts{ height:auto;}
.i_news .i_news_l .dates{ height:50px; line-height:50px;}
.i_news .i_news_l .h2{ height:30px; line-height:30px;}
.i_news .i_news_l .i_news_img{ width:100%; max-width:none; margin-bottom:2%; padding-bottom:2%;}
.i_news .i_news_l .i_news_img .hide{ margin-top:1%;}
.i_news .i_news_l .i_news_img .imgs{ height:auto;}
}
@media screen and (max-width: 780px) {
.counter span { font-size: 45px;}
}
@media screen and (max-width: 640px) {
.i_title h2{ padding-bottom:3%;}
.i_title_p{ line-height:20px; padding-top:1%;}
.counter span { font-size: 40px;}
.i_partner{ overflow:visible;}
}
@media screen and (max-width: 480px) {
.i_title_p{ padding-left:35px; padding-right:35px;}
.i_title_p:before{    background-size: 30px auto;}
.i_title_p:after{    background-size: 30px auto;}
.counter span { font-size: 35px;}
.i_news .i_news_l .dates{ height:40px; line-height:40px;}
.i_news .i_news_l .h2{ height:26px; line-height:26px; margin-bottom:5px;}
.i_news .i_news_l .txts{ font-size:13px; line-height:22px;}
}
@media screen and (max-width:420px) {
.i_title_p{ padding-left:25px; padding-right:25px;}
.i_title_p:before{    background-size: 20px auto;}
.i_title_p:after{    background-size: 20px auto;}
}
@media screen and (max-width:360px) {
.counter{ line-height:1.75;}
.counter span{ font-size:30px;}
.i_news .i_news_l .txts{ font-size:12px; line-height:20px;}
}
@media screen and (max-width:320px) {
}
.layout {
    overflow: hidden;
    width: 100%;
}
.fh5co-heading h2 {
    color: #fff;
    font-size: 32px;
    margin: 0 auto 12px;
    text-transform: uppercase;
    line-height: 30px;
    margin-top: 2%;
    font-weight:bold;
    padding: 0px 0 50px;
}
#fh5co-promise-list .bg-promise {
    padding: 20px 0 20px;
    background: url(/template/pc/images/promise-bg.jpg) no-repeat center center;
    background-size: cover;
}
.fh5co-heading {
    position: relative;
    z-index: 1;
    font-size: 36px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 3%;
    font-weight: normal;
}
.line-big {
    margin-left: -17px;
    margin-right: -17px;
}
#fh5co-promise-list .show-list .ca {
    color: #fff;
    border: 1px solid #fff;
    overflow: hidden;
}
#fh5co-promise-list .show-list .ca_word {
    margin-right: 45px;
    text-transform: uppercase;
    float: left!important;
}
#fh5co-promise-list .show-list .ca_word i {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 64px;
    color: rgb(217, 74, 70);
    background: #fff;
    position: relative;
    font-weight: normal;
    display: block;
    font-style: inherit;
    transition: all 350ms linear 0;
}
#fh5co-promise-list .show-list .ca .ca-body {
    padding-right: 10px;
}
#fh5co-promise-list .show-list .ca .ca-body h3 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin: 23px 0 6px;
    white-space: nowrap;
    overflow: hidden;
}
#fh5co-promise-list .show-list .ca .ca-body p.desc {
    font-size: 14px;
    color: #fff;
}
.xm1, .xm2, .xm3, .xm4, .xm5, .xm6, .xm7, .xm8, .xm9, .xm10, .xm11, .xm12 { float: left;}
.xm6 {width: 47.6%;position: relative;min-height: 1px;padding-right: 17px;padding-left: 17px;margin-bottom: 30px;}
@media screen and (max-width: 480px)
#fh5co-service-list .bg-service, #fh5co-case-list .bg-case, #fh5co-middle-list .bg-middle, #fh5co-promise-list .bg-promise, #fh5co-efficient-list .bg-efficient {
    padding: 40px 0 10px;
}
@media screen and (max-width: 480px){
.fh5co-heading h2 {font-size: 20px;}
 #fh5co-promise-list .show-list .ca_word {margin-right: 25px;}
 #fh5co-promise-list .show-list .ca_word i {width: 50px;font-size: 36px;}   
#fh5co-promise-list .show-list .ca .ca-body h3 {font-size: 14px;}
#fh5co-efficient-list .show-list p.desc, #fh5co-middle-list .about-us .content, #fh5co-promise-list .show-list .ca .ca-body p.desc {font-size: 12px;}    
    }
@media screen and (max-width: 1000px){
.line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12, .line-big .xl1, .line-big .xl2, .line-big .xl3, .line-big .xl4, .line-big .xl5, .line-big .xl6, .line-big .xl7, .line-big .xl8, .line-big .xl9, .line-big .xl10, .line-big .xl11, .line-big .xl12, .line-big .xs1, .line-big .xs2, .line-big .xs3, .line-big .xs4, .line-big .xs5, .line-big .xs6, .line-big .xs7, .line-big .xs8, .line-big .xs9, .line-big .xs10, .line-big .xs11, .line-big .xs12, .line-big .xm1, .line-big .xm2, .line-big .xm3, .line-big .xm4, .line-big .xm5, .line-big .xm6, .line-big .xm7, .line-big .xm8, .line-big .xm9, .line-big .xm10, .line-big .xm11, .line-big .xm12, .line-big .xb1, .line-big .xb2, .line-big .xb3, .line-big .xb4, .line-big .xb5, .line-big .xb6, .line-big .xb7, .line-big .xb8, .line-big .xb9, .line-big .xb10, .line-big .xb11, .line-big .xb12 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 92%;
}
}
.layout {
    overflow: hidden;
    width: 100%;
}
#fh5co-efficient-list .bg-efficient {
    padding: 60px 0 240px;
    background: #f5f5f5;
}
.clearfix, .layout, .container, .container-layout, .line, .line-small, .line-middle, .line-big, .nav-main, .nav-sub, .navbar {
    display: block;
}
.fh5co-heading {
    position: relative;
    z-index: 1;
}
.fh5co-heading h4 {
    color: #333;
    font-size: 32px;
    margin: 0 auto 12px;
    text-transform: uppercase;
    line-height: 30px;
}
.fh5co-heading span {
    color: rgb(169, 169, 169);
    font-size: 14px;
    line-height: 25.2px;
    display: block;
    margin-bottom: 108px;
}
.fh5co-heading span:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    width: 30px;
    height: 2px;
    background: #D94A46;
    margin: 0 auto;
    bottom: 80px;
}
.line-big {
    margin-left: -17px;
    margin-right: -17px;
}
.line-big .xl6{
    position: relative;
    min-height: 1px;
    padding-right: 17px;
    padding-left: 17px;
    width: 14.2%;
    float: left;
}
#fh5co-efficient-list .show-list .ca-img {
    max-width: 99px;
    margin: 0 auto;
}
#fh5co-efficient-list .show-list h5 {
    color: #f33539;
    font-size: 18px;
    margin: 20px 0;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}
#fh5co-efficient-list .show-list p.desc {
    color: rgb(61, 60, 60);
    font-size: 14px;
    height: 70px;
    overflow: hidden;
    text-align: center;
}
.chazoomimgs3 {
    padding-bottom: 100%;
}
.zoomimgs {
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
@media screen and (max-width: 480px){
.fh5co-heading h4 {
    font-size: 24px;
}
.line-big .xl6 {
    width: 39.6%;
}   
    #fh5co-efficient-list .show-list h5 {
    font-size: 16px;
    margin: 10px 0;
}
    .chazoomimgs3 {
    padding-bottom: 68%;
}
    #fh5co-efficient-list .bg-efficient {
    background: #f5f5f5;
    padding: 40px 0 170%;
}
}  
.product-background {
    padding-bottom: 80px;
    width: 100%;
    background: #f5f5f5;
}
.container1 {
    clear: both;
    width: 96%;
    max-width: 1460px;
    margin: 0 auto;
    text-align: left;
    zoom: 1;
}
.title-box {
    overflow: hidden;
    text-align: center;
    margin-bottom: 3%;
}
.title-box h2 {
    font-size: 32px;
    color: #333;
    margin-top: 5%;
}
.title-box p {
    font-size: 16px;
    color: #91969b;
}
.row {
    margin-right: -25px;
    margin-left: -25px;
}
.product-box {
    overflow: hidden;
}
.product-wraper {
    width: 100%;
    list-style: none;
    padding: 40px 0 0 0;
    margin: 0;
}
.product-slide {
    float: left;
    list-style: none;
    margin: 0 0 50px 0;
    width: 22%;
    padding: 0 20px;
    text-align: center;
}
.product-slide a {
    display: block;
    overflow: hidden;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
}
.product-slide span {
    display: block;
    overflow: hidden;
}
.product-slide img {
    width: 100%;
    display: block;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
}
.product-slide h4 {
    margin: 0;
    padding: 15px 0;
    white-space: nowrap;
    overflow: hidden;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    background: #fff;
    display: block;
    text-overflow: ellipsis;
    color: #f33539;
    font-size: 20px;
    font-weight:normal
}
@media (min-width: 1400px){
.container {
    padding-left: 25px;
    padding-right: 25px;
}
    .container {
    width: 1400px;
}
    }
.f361 {
    font-size: 32px;
    margin-top: 5%;
}
@media (max-width: 767px) {
.title-box {
    margin: 20px 0 0 0;
}
    .f361 {
    font-size: 20px;
}
    .product-box {
    padding: 10px 0 0 0;
}
    .product-wraper {
    padding: 0 7.5px;
}
    .product-slide {
    width: 42%;
    padding: 0 7.5px;
    margin: 0 0 15px 0;
}
    .product-slide h4 {
    font-size: 14px;
        }
    .product-background {
    width: 100%;
    background: #f5f5f5;
    padding-bottom: 0px;
        }
    }