@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.tit{font-weight: normal;text-align: center;}
.tit span{display: block;font-size: 44px;color: #333;line-height: 44px;letter-spacing: 2px;}
.tit i{display: block;font-size: 22px;color: #333;line-height: 22px;opacity: 0.6;padding-top: 16px;}

/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 30px;height: 16px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #fff;border-radius: 100%;margin: 0 10px;vertical-align: top;}
.ban_pg i.on{background: #d7342f;}

/*yz*/
.yz{padding-top: 75px;height: 170px;}
.yz li{float: left;margin-right: 122px;transition: all 0.5s;}
.yz li:last-child{margin-right: 0;}
.yz li span{display: block;height: 50px;font-size: 24px;color: #333;line-height: 26px;}
.yz li span b{display: inline-block;font-size: 68px;line-height: 50px;font-family: Arial;vertical-align: bottom;}
.yz li p{font-size: 16px;color: #333;line-height: 16px;font-weight: bold;padding-top: 28px;}
.yz li:nth-child(4) span,.yz li:nth-child(5) span{font-size: 36px;}
.yz li:hover{transform: translateY(-5px);}
.yz li:hover span,.yz li:hover p{color: #e83837;}


/*pro*/
.pro{background: url(../images/pro_bg.jpg) no-repeat center 0;border-top: 1px solid #dedfe0;}
.pro_con{height: 743px;position: relative;}
.pro_con h2{position: absolute;font-size: 44px;color: #333;line-height: 44px;left: 0;top: 100px;z-index: 10;}
.pro_con h2 i{display: block;font-size: 22px;color: #666;line-height: 22px;padding-top: 18px;font-weight: normal;}
.pro_con h3{height: 116px;position: absolute;left: 0;top: 240px;font-weight: normal;z-index: 10;}
.pro_con h3 a{float: left;width: 86px;height: 116px;font-size: 22px;line-height: 28px;color: #333;padding: 28px 0 0 10px;box-sizing: border-box;border: 2px solid #313131;border-radius:0px 10px 0px 10px;margin-right: 28px;}
.pro_con h3 a.on{color: #e83837;border-color: #e83837;}
.pro_con dl{height: 606px;padding-top: 67px;}
.pro_con dt{float: right;height: 606px;margin-right: 245px;position: relative;}
.pro_con dt:after{position: absolute;width: 170px;height: 1px;background: #a0a0a0;content: "";right: -39px;top: 134px;}
.pro_con dt b{position: absolute;width: 193px;height: 193px;background: url(../images/pro_c.png) no-repeat;right: -247px;top: 55px;font-size: 20px;color: #333;line-height: 30px;text-align: center;padding-top: 62px;box-sizing: border-box;padding: 50px 20px 0;}
.pro_con dt b em{color: #e83837;}
.pro_bd dl dt{margin-right:0;margin-top:20px;}
/*.pro_bd dl:nth-child(3) dt b,.pro_bd dl:nth-child(3) dt:after{display:none;}*/
/* .pro_bd dl:nth-child(3) dt b{right:0;top:-50px;font-size: 20px;
    line-height: 26px;
    padding: 50px 20px 0;}
.pro_bd dl:nth-child(3) dt:after{transform:rotateZ(-45deg);right:180px;width:110px;} */
.pro_con dd{float: left;width: 480px;margin-top: 325px;}
.pro_desc{height:164px;}
.pro_desc p{font-size: 14px;color: #666;line-height: 24px;position: relative;padding-left: 12px;margin-bottom: 8px;}
.pro_desc p:after{position: absolute;width: 5px;height: 5px;content: "";background: #666;border-radius: 100%;left: 0;top: 10px;}
.pro_con dd .more{display: block;width: 192px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;background: #c8423e;border-radius:0px 10px 0px 10px;}
.pro_pg{position: absolute;height: 34px;left: 0;bottom: 78px;}
.pro_pg i{float: left;width: 34px;height: 34px;line-height: 34px;text-align: center;font-family: Arial;font-size: 16px;color: transparent;background: url(../images/pro_dian.png) no-repeat center;}
.pro_pg i.on{color: #666;background: url(../images/pro_c1.png) no-repeat center;}
.pro_con .prev{position: absolute;width: 17px;height: 27px;background: url(../images/prev1.png) no-repeat;right: 60px;bottom: 80px;}
.pro_con .next{position: absolute;width: 17px;height: 27px;background: url(../images/next1.png) no-repeat;right: 0;bottom: 80px;}
.pro_con .prev:hover{background: url(../images/prev1h.png) no-repeat;}
.pro_con .next:hover{background: url(../images/next1h.png) no-repeat;}
.renz{position: absolute;width: 1200px;height: 66px;line-height: 66px;text-align: center;font-size: 16px;color: #666;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);left: 0;bottom: -33px;}
.pro_list{margin-top: 86px;position: relative;}
.pro_list li{float: left;width: 255px;margin-right: 60px;}
.pro_list li i{display: block;height: 340px;border-bottom: 2px solid #e83837;overflow: hidden;}
.pro_list li img{width: 255px;height: 340px;transition: all 0.5s;}
.pro_list li i:hover img{transform: scale(1.05);}
.pro_list li h4{height: 70px;line-height: 70px;font-weight: normal;text-align: center;font-size: 20px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_list .prev{position: absolute;width: 17px;height: 27px;background: url(../images/prev1.png) no-repeat;left: -48px;top: 172px;}
.pro_list .next{position: absolute;width: 17px;height: 27px;background: url(../images/next1.png) no-repeat;right: -48px;top: 172px;}
.pro_list .prev:hover{background: url(../images/prev1h.png) no-repeat;}
.pro_list .next:hover{background: url(../images/next1h.png) no-repeat;}
.pro_list .tempWrap{width: 100% !important;}

/*fea*/
.fea{padding: 75px 0 0;}
.fea h2{margin-bottom: 38px;}
.fea_con{position: relative;}
.fea_con>img{display: block;width: 100%;}
.fea_con ul{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.fea_con li{float: left;width: 16.6%;height: 100%;border-right: 1px solid rgba(255,255,255,0.30);text-align: center;box-sizing: border-box;position: relative;overflow: hidden;}
.fea_con li:last-child{width: 17%;}
.fea_con li img{display: block;height: 3.5rem;margin: 13rem auto 2.5rem;transition: all 0.5s;}
.fea_con li h3{font-size: 1.5rem;color: #fff;line-height: 1.5rem;position: relative;height: 3.5rem;margin-bottom: 1.3rem;transition: all 0.5s;}
.fea_con li h3:after{position: absolute;width: 1.6rem;height: 3px;content: "";background: #e83837;left: 50%;bottom: 0;margin-left: -0.8rem;}
.fea_con li p{font-size: 14px;color: #fff;line-height: 30px;padding: 0 12%;transition: all 0.5s;visibility: hidden;opacity: 0;}
.fea_con li.cur{background: rgba(232,56,55,0.9);}
.fea_con li.cur img,.fea_con li.cur h3{transform: translateY(-4.2rem);}
.fea_con li.cur h3:after{background: #fff;}
.fea_con li.cur p{visibility: visible;opacity: 1;transform: translateY(-4.2rem);}
.fea_con li i{position: absolute;font-size: 3.6rem;color: #fff;opacity: 0.1;line-height: 3rem;right: 1.8rem;bottom: -3rem;font-family: Arial;transition: all 0.5s;}
.fea_con li i:after{position: absolute;width: 0.4rem;height: 0.4rem;background: #fff;right: -0.8rem;bottom: 0.3rem;content: "";}
.fea_con li.cur i{bottom: 3rem;}

/*case*/
.case{padding: 100px 0 70px;background: #f3f4f5;width: 100%;overflow-x: hidden;}
.case h2{margin-bottom: 50px;}
.case h3{height: 60px;font-weight: normal;}
.case h3 a{float: left;font-size: 16px;color: #333;line-height: 16px;height: 30px;position: relative;margin-right: 80px;}
.case h3 a:last-child{margin-right: 0;}
.case h3 a:after{position: absolute;width: 0;height: 4px;content: "";background: #c8423e;left: 0;bottom: 0;transition: all 0.3s;}
.case h3 a:hover{font-weight: bold;}
.case h3 a:hover:after{width: 100%;}
.case_list dl{float: left;width: 382px;margin-right: 26px;}
.case_list dt{height: 287px;overflow: hidden;}
.case_list dt img{width: 382px;height: 287px;transition: all 0.5s;}
.case_list dt:hover img{transform: scale(1.05);}
.case_list dd{background: #fff;height: 154px;padding: 0 36px;}
.case_list dd h4{font-size: 24px;color: #333;line-height: 24px;font-weight: normal;padding: 34px 0 16px;}
.case_list dd p{font-size: 14px;color: #666;line-height: 22px;}
.case_list dd h4:hover a{color: #e83837;}
.case_list dl:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.case_bd{padding-bottom: 20px !important;}
.coop{/*margin-top: 20px;*/position: relative;}
.coop li{float: left;width: 240px;border-right: 1px solid #e8e8e8;text-align:center;background:#fff;}
.coop li img{display: block;width: 100%;/* filter: grayscale(100%);*/}
.coop li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);z-index: 1;position: relative;}
.coop li:hover img{filter: grayscale(0);}
.coop .prev{position: absolute;width: 17px;height: 27px;background: url(../images/prev1.png) no-repeat;left: -48px;top: 58px;}
.coop .next{position: absolute;width: 17px;height: 27px;background: url(../images/next1.png) no-repeat;right: -48px;top: 58px;}
.coop .prev:hover{background: url(../images/prev1h.png) no-repeat;}
.coop .next:hover{background: url(../images/next1h.png) no-repeat;}
/*.coop ul{padding: 20px 0 !important;}*/

/*cess*/
.cess{padding: 80px 0 10px;background: url(../images/cess_bg.jpg) no-repeat center 162px;}
.cess h2{font-size: 36px;color: #333;line-height: 36px;text-align: center;font-weight: normal;margin-bottom: 46px;}
.cess li{float: left;width: 70px;text-align: center;margin-right: 170px;margin-bottom: 70px;}
.cess li img{display: block;width: auto;height: 50px;margin: 0 auto;transition: all 0.5s;}
.cess li p{font-size: 16px;color: #333;line-height: 36px;text-align: center;font-weight: bold;}
.cess li:hover img{transform: rotateY(180deg);}
.cess li:hover p{color: #d7342f;}



/*ys*/
.ys{padding: 80px 0 0;background: url(../images/ys_bg.jpg) no-repeat center 0;width: 100%;overflow-x: hidden;}
.ys h2{margin-bottom: 38px;}
.ys ul{height: 84px;}
.ys li{float: left;width: 300px;height: 84px;position: relative;text-align: center;}
.ys li i{display: inline-block;height: 42px;margin: 9px 20px 0 0;vertical-align: top;overflow: hidden;}
.ys li i img{position: relative;top: 0;transition: all 0.3s;}
.ys li p{display: inline-block;font-size: 24px;color: #333;line-height: 30px;vertical-align: top;text-align: left;}
.ys li p b{display: block;}
.ys li.on i img{top: -42px;}
.ys li.on p{color: #d7342f;}
.ys li.on:after{position: absolute;width: 100%;height: 4px;content: "";background: #c8423e;left: 0;bottom: 0;}
.ys_bd dl{width: 1200px;position: relative;height: 584px;margin-right: 80px;}
.ys_bd dt{background: #000;}
.ys_bd dt img{opacity: 0.6;}
.ys_bd dd{display: none;position: absolute;width: 326px;height: 272px;padding: 78px 42px 0;background: rgba(255,255,255,0.8);right: 0;top: 146px;}
.ys_bd dd em{position: absolute;width: 175px;height: 175px;font-weight: bold;background: rgba(200,66,62,0.9);left: -106px;top: -110px;font-size: 68px;color: #fff;line-height: 60px;font-family: Arial;padding: 42px 15px 0 15px;box-sizing: border-box;}
.ys_bd dd em i{display: block;font-size: 18px;line-height: 18px;text-align: right;margin-top: 28px;font-weight: normal;text-transform: uppercase;}
.ys_bd dd em:after{position: absolute;width: 54px;height: 1px;content: "";background: #fff;left: 27px;bottom: 34px;}
.ys_bd dd h3{font-size: 26px;color: #333;line-height: 26px;height: 70px;border-bottom: 1px solid #b5b5b5;margin-bottom: 24px;}
.ys_bd dd h3 i{display: block;font-size: 14px;color: #333;line-height: 32px;opacity: 0.5;font-weight: normal;text-transform: uppercase;}
.ys_bd dd p{font-size: 14px;color: #666;line-height: 28px;}
.ys_con{position: relative;}
.ys_con .prev{position: absolute;width: 17px;height: 27px;background: url(../images/prev1.png) no-repeat;left: -50px;top: 364px;}
.ys_con .next{position: absolute;width: 17px;height: 27px;background: url(../images/next1.png) no-repeat;right: -50px;top: 364px;}
.ys_con .prev:hover{background: url(../images/prev1h.png) no-repeat;}
.ys_con .next:hover{background: url(../images/next1h.png) no-repeat;}
.ys_pg{position: absolute;width: 100%;height: 5px;text-align: center;left: 0;bottom: 40px;}
.ys_pg i{display: inline-block;width: 40px;height: 5px;background: rgba(255,255,255,0.6);vertical-align: top;margin: 0 10px;}
.ys_pg i.cur{background: #c8423e;}
.ys_bd{margin-left: -1280px !important;}
.ys_con .tempWrap{overflow: visible !important;}
.ys_con dl.cur dd{display: block;}
.ys_con dl.cur dt img{opacity: 1;}

/*news*/
.news{padding: 100px 0 70px;}
.news h2{font-size: 44px;color: #333;line-height: 44px;text-align: center;margin-bottom: 44px;}
.news h3{margin-bottom: 20px;height: 54px;border-bottom: 1px solid #dcdcdc;}
.news h3 a{display: inline-block;font-size: 26px;color: #333;line-height: 28px;padding-left: 15px;border-left: 5px solid #c8423e;}
.new_l{float: left;width: 770px;}
.new_l dl{height: 182px;position: relative;}
.new_l dt{float: left;width: 300px;height: 182px;overflow: hidden;}
.new_l dt img{width: 300px;height: 182px;transition: all 0.5s;}
.new_l dt:hover img{transform: scale(1.05);}
.new_l dd{float: left;width: 324px;margin-left: 28px;}
.new_l dd h4{font-size: 17px;color: #333;line-height: 17px;padding: 18px 0 15px;}
.new_l dd p{font-size: 14px;color: #888;line-height: 24px;}
.new_l dd .more{display: block;width: 132px;height: 32px;line-height: 32px;text-align: center;font-size: 14px;color: #fff;background: #d84847;border-radius:0px 10px 0px 10px;margin-top: 26px;}
.new_l dd i{position: absolute;right: 0;top: 48px;width: 65px;padding-left: 20px;height: 62px;border-left: 1px solid #d2d2d2;font-size: 14px;color: #333;line-height: 14px;font-family: Arial;text-align: center;}
.new_l dd i em{display: block;font-size: 40px;line-height: 30px;padding-bottom: 18px;}
.new_l ul{margin-top: 50px;border-top: 1px dashed #ebebeb;padding-top: 36px;}
.new_l li{width: 336px;margin-right: 56px;float: left;padding-left: 20px;position: relative;}
.new_l li:after{position: absolute;width: 10px;height: 10px;border: 2px solid #d2d2d2;border-radius: 100%;content: "";left: 0;top: 7px;box-sizing: border-box;}
.new_l li h4{font-size: 14px;color: #333;line-height: 24px;font-weight: normal;margin-bottom: 8px;}
.new_l li p{font-size: 14px;color: #888;line-height: 24px;}
.new_l li:last-child{margin-right: 0;}
.new_r{float: right;width: 355px;}
.new_r h3{margin-bottom: 34px;}
.new_r li{margin-bottom: 48px;padding-left: 20px;}
.new_r li h4{font-size: 14px;color: #333;line-height: 24px;font-weight: normal;margin-bottom: 8px;}
.new_r li p{font-size: 14px;color: #888;line-height: 24px;}
.new_r .tempWrap{height: 336px !important;}
.new_l li h4:hover a,.new_r li h4:hover a{color: #d7342f;}

/*abt*/
.abt{height: 750px;background: url(../images/abt1.jpg) no-repeat center 0;}
.abt h2{padding: 78px 0 42px;}
.abt h2 span{color: #fff;}
.abt h2 i{color: #fff;opacity: 0.6;}
.abt_desc{font-size: 16px;color: #fff;line-height: 36px;text-align: center;}
.abt .xq{display: block;width: 118px;font-size: 16px;color: #e83837;border-bottom: 2px solid #e83837;margin: 42px auto 0;height: 25px;text-transform: uppercase;font-weight: bold;text-align: center;transition: all 0.5s;}
.abt .xq:hover{transform: translateY(-5px);}
.abt_sz{margin-top: 84px;}
.abt_sz li{float: left;width: 350px;transition: all 0.5s;}
.abt_sz li span{height: 40px;font-size: 30px;color: #fff;line-height: 30px;}
.abt_sz li span i{display: inline-block;font-size: 48px;height: 40px;line-height: 40px;vertical-align: bottom;font-weight: bold;}
.abt_sz li p{font-size: 24px;color: #fff;line-height: 24px;padding-top: 27px;}
.abt_sz li:nth-child(1){margin-left: 190px;}
.abt_sz li:nth-child(3){width: 310px;}
.abt_sz li:hover{transform: translateY(-5px);}


@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}