@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{ word-spacing:-1.5px;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{text-align: center;font-weight: normal;position: relative;padding-bottom: 22px;}
.tit:after{position: absolute;width: 52px;height: 4px;content: "";background: #e23535;left: 50%;margin-left: -26px;bottom: 0;}
.tit span{display: block;font-size: 50px;color: #333;line-height: 50px;}
.tit i{display: block;font-size: 20px;color: #333;line-height: 20px;padding-top: 18px;font-weight: lighter;}
.tit em{color: #e23838;}
.tit img{vertical-align: top;}
/*banner*/
.banner{height: 650px;overflow: hidden;}
.banner .bd li{height: 650px;background: url(../images/banner.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 650px;}
/*search*/
.search{height: 94px;}
.search p{float: left;height: 94px;line-height: 94px;font-size: 14px;color: #333;}
.search p a{margin-right:15px;color: #666;}
.s_box{float: right;width: 270px;height: 38px;position: relative;border: 1px solid #b2b2b2;margin-top: 26px;border-radius: 19px;}
.s_box:after{position: absolute;width: 1px;height: 16px;background: #666;content: "";right: 46px;top: 11px;}
.s_box .input1{float:left;width:200px;padding-left: 18px;height:38px;line-height: 38px;font-size:14px;color:#333;border:0;background: none;outline: 0;}
.s_box .input2{float: right;width:20px;height: 38px;border: 0;background: url(../images/sou.png) no-repeat center;outline: 0;cursor: pointer;margin-right: 16px;}

/*pro*/
.pro{padding: 76px 0 50px;background: #f0f0f0;}
.pro h2{margin-bottom: 50px;}
.pro_con{height: 493px;}
.pro_con ul{float: left;width: 942px;}
.pro_con li{float: left;height: 493px;position: relative;margin-right: 1px;width: 70px;overflow: hidden;transition: all 0.5s;}
.pro_con li img{width: 657px;height: 493px;}
.pro_con li h3{position: absolute;right: 0;top: 0;width: 70px;font-weight: normal;font-size: 18px;color: #fff;line-height: 22px;text-align: center;background: rgba(0,0,0,0.7);}
.pro_con li h3 a{display: block;padding: 130px 20px 0;height: 363px;color: #fff;background: url(../images/pro_jt1.png) no-repeat center 340px;}
.pro_con li.on{width: 657px;}
.pro_con li.on h3{background: rgba(226,53,53,0.9);font-weight: bold;}
.pro_bd{float: left;width: 258px;height: 493px;background: #fff;}
.pro_det{padding: 116px 30px 0;height: 377px;}
.pro_det h3{font-size: 16px;color: #333;font-weight: normal;line-height: 16px;height: 50px;position: relative;margin-bottom: 22px;}
.pro_det h3:after{position: absolute;width: 28px;height: 2px;content: "";background: #e23535;left: 0;bottom: 0;}
.pro_det p{font-size: 14px;color: #666;line-height: 26px;height: 170px;}
.pro_det .more{display: block;width: 86px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #fff;font-family: Arial;background: #142038;border-radius: 15px;}
.pro_list{margin-top: 42px;position: relative;}
.pro_list h3{height: 28px;line-height: 28px;font-weight: normal;margin-bottom: 28px;position: relative;}
.pro_list h3:after{position: absolute;width: 832px;height: 1px;background: #dedede;content: "";right: 130px;top: 13px;}
.pro_list h3 b{float: left;font-size: 18px;color: #333;background: url(../images/pro_jt.png) no-repeat right center;padding-right: 38px;}
.pro_list h3 i{float: right;font-size: 14px;color: #666;text-transform: uppercase;}
.pro_list li{float: left;width: 288px;margin-right: 16px;}
.pro_list li i{display: block;height: 214px;border: 1px solid transparent;overflow:hidden;}
.pro_list li img{width: 286px;height: 214px;transition: all 0.5s;}
.pro_list li h4 a{display: block;height: 54px;line-height: 54px;text-align: center;font-size: 14px;font-weight: normal;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro_list li:hover i{border-color: #e23535;}
.pro_list li:hover img{transform: scale(1.05);}
.pro_list .prev{position: absolute;left: -70px;top: 142px;}
.pro_list .next{position: absolute;right: -70px;top: 142px;}


/*fea*/
.fea{padding: 100px 0 70px;}
.fea h2{margin-bottom: 32px;}
.fea_con{height: 661px;background: url(../images/fea_bg.jpg) no-repeat center 0;}
.fea_con ul{padding-top: 18px;}
.fea_con li{float: left;width: 353px;height: 169px;border-radius:30px 0px 30px 0px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);margin-bottom: 55px;position: relative;}
.fea_con li:nth-child(odd){margin-right: 494px;}
.fea_con li h3{height: 50px;line-height: 50px;padding-top: 20px;padding-left: 36px;font-weight: normal;font-size: 16px;color: #142038;margin-bottom: 10px;position: relative;}
.fea_con li h3:after{position: absolute;width: 250px;height: 1px;content: "";background: #d0d2d7;left: 36px;bottom: -1px;}
.fea_con li h3 b{font-size: 24px;vertical-align: top;margin-right: 8px;}
.fea_con li p{font-size: 14px;color: #333;line-height: 24px;padding: 0 36px;position: relative;}
.fea_con li p:after{position: absolute;width: 6px;height: 6px;content: "";border-radius: 100%;border: 1px solid #e33a3a;left: 20px;top: 8px;}
.fea_con li:hover h3{background: #142038;color: #fff;border-radius:30px 0 0 0;overflow: hidden;}
.fea_con li:after{position: absolute;width: 26px;height: 26px;background: url(../images/c1.png) no-repeat;content: "";}
.fea_con li:hover:after{background: url(../images/c2.png) no-repeat;}
.fea_con li:nth-child(1):after{right: -96px;top: 203px;}
.fea_con li:nth-child(3):after{right: -96px;top: 65px;}
.fea_con li:nth-child(5):after{right: -96px;top: -74px;}
.fea_con li:nth-child(2):after{left: -82px;top: 203px;}
.fea_con li:nth-child(4):after{left: -82px;top: 65px;}
.fea_con li:nth-child(6):after{left: -82px;top: -74px;}


/*case*/
.case{padding: 110px 0 80px;background: url(../images/case_bg.jpg) no-repeat center 0;}
.case h2{margin-bottom: 60px;}
.case li{float: left;width: 24%;margin-right: 1.33%;margin-bottom: 1rem;box-shadow:0px 0px 49px 0px rgba(0, 0, 0, 0.15);}
.case li:nth-child(4n){margin-right: 0;}
.case li i{display: block;overflow: hidden;}
.case li img{display: block;width: 100%;transition: all 0.5s;}
.case li i:hover img{transform: scale(1.05);}
.case li h4{height: 3.6rem;line-height: 3.6rem;font-size: 1rem;color: #333;background: url(../images/case_jt1.png) no-repeat 80% center #fff;}
.case li h4 a{display: block;padding: 0 22%;}
.case li:hover h4{background: url(../images/case_jt2.png) no-repeat 80% center #e23838;}
.case li:hover h4 a{color: #fff;}

/*ser*/
.ser{padding: 110px 0 84px;background: #f0f0f0;}
.ser h2{margin-bottom: 60px;}
.ser_l{float: left;width: 950px;height: 408px;background: #fff;margin-left: -360px;}
.ser_l dd{float: right;width: 450px;margin: 35px 80px 0 0;}
.ser_l dd h3{width: 410px;font-size: 30px;color: #333;font-weight: normal;height: 78px;line-height: 78px;border-bottom: 1px solid #e5e7eb;margin-bottom: 20px;}
.ser_l dd h3 b{float: right;font-size: 46px;color: #333;font-family: Arial;opacity: 0.2;line-height: 40px;height: 26px;overflow: hidden;margin-top: 26px;}
.ser_l dd p{font-size: 14px;color: #4c4c4c;line-height: 27px;}
.ser_l dd .tel{margin-top: 65px;padding-left: 44px;background: url(../images/tel1.png) no-repeat left 6px;}
.ser_l dd .tel i{display: block;font-size: 14px;line-height: 14px;color: #333;font-family: "Arial";}
.ser_l dd .tel b{display: block;font-size: 40px;line-height: 44px;font-family: "Arial";}
.ser_l dd .tel a.zx{float: right;width: 127px;height: 51px;line-height: 51px;text-align: center;font-size: 14px;color: #fff;background: #00143c;border-radius: 25px;margin-top: 6px;}
.ser_r{float: right;width: 570px;margin-right: -20px;}
.ser_r li{float: left;width: 150px;height: 158px;text-align: center;margin-bottom: 46px;}
.ser_r li:nth-child(3n-1){margin: 0 60px;}
.ser_r li i{display: block;width: 49px;height: 49px;background: #fff;border-radius: 100%;margin: 16px auto 0;box-shadow: 0 0 40px rgba(226,53,53,0.1);}
.ser_r li p{font-size: 18px;color: #333;line-height: 18px;padding: 22px 0 18px;}
.ser_r li b{display: block;font-size: 14px;color: #333;position: relative;line-height: 14px;font-family: Arial;z-index: 1;}
.ser_r li b:after{position: absolute;width: 22px;height: 3px;content: "";background: #e23535;left: 50%;margin-left: -11px;bottom: 1px;z-index: -1;}
.ser_r li.on{background: url(../images/ser_li.png) no-repeat;}
.ser_r li.on p,.ser_r li.on b{color: #fff;}

/*ys*/
.ys{padding: 66px 0 0;}
.ys h2{margin-bottom: 50px;}
.ys h2 i{font-size: 36px;line-height: 36px;}
.ys_con{height: 594px;background: url(../images/ys_bg.jpg) no-repeat center 0;}
.ys_l{float: left;width: 280px;}
.ys_l ul{padding: 60px 0 0;}
.ys_l li{height: 30px;line-height: 30px;padding: 44px 0;position: relative;}
.ys_l li i{float: left;margin-right: 8px;font-size: 40px;line-height: 36px;color: #fff;height: 24px;overflow: hidden;font-weight: bold;font-family: Arial;opacity: 0.2;}
.ys_l li span{font-size: 30px;color: #fff;position: relative;z-index: 2;}
.ys_l li.cur span{font-weight: bold;}
.ys_l li.cur:after{position: absolute;width: 230px;height: 14px;content: "";background: #e23535;left: 2px;bottom: 37px;z-index: 1;}
.ys_r{float: right;width: 609px;}
.ys_r dl{height: 594px;position: relative;}
.ys_r dt img{margin-right: -360px;}
.ys_r dd{position: absolute;width: 390px;padding: 0 36px;height: 286px;background: #e23535;left: -217px;top: 154px;border-radius:30px 30px 0 0;}
.ys_r dd h3{padding: 42px 0 22px;color: #fff;font-size: 30px;line-height: 30px;position: relative;margin-bottom: 14px;}
.ys_r dd h3:after{position: absolute;width: 60px;height: 1px;content: "";background: #fff;left: 0;bottom: 0;}
.ys_r dd p{font-size: 18px;color: #fff;line-height: 34px;height: 94px;position: relative;}
.ys_r dd p:after{position: absolute;width: 5px;height: 5px;content: "";border: 1px solid #fff;border-radius: 100%;left: -16px;top: 9px;}
.ys_r dd .xq{opacity: 0.2;}

/*coop*/
.coop{padding: 50px 0;background: #f0f0f0;}
.coop h2{height: 57px;border-bottom: 1px solid #d6d6d6;font-weight: normal;margin-bottom: 32px;}
.coop h2 span{float: left;font-size: 18px;color: #333;line-height: 38px;padding-left: 50px;background: url(../images/coop_ic.png) no-repeat left center;}
.coop h2 a{float: right;font-size: 14px;color: #333;font-family: Arial;line-height: 38px;}
.coop_list li{float: left;width: 218px;margin-right: 27.5px;}
.coop_list li i{display: block;width: 218px;height: 109px;overflow: hidden;}
.coop_list li img{display: block;width: 218px;height: 109px;transition: all 0.5s;}
.coop_list li:hover img{transform: scale(1.05);}
.coop_list li span{display: block;height: 54px;line-height: 54px;font-size: 14px;color: #333;text-align: center;}
.coop_list{position: relative;}
.coop_list .prev{position: absolute;left: -70px;top:40px;}
.coop_list .next{position: absolute;right: -70px;top:40px;}
.coop_list .tempWrap{width: 100% !important;}

/*news*/
.news{padding: 80px 0 70px;}
.news h2{margin-bottom: 12px;}
.news h3{height: 75px;font-weight: normal;}
.news h3 span{float: left;position: relative;}
.news h3 span:after{position: absolute;width: 20px;height: 2px;content: "";left: 126px;top: 12px;background: #e23535;}
.news h3 span a{float: left;font-size: 24px;color: #010101;line-height: 24px;margin-right: 75px;height: 32px;}
.news h3 span a.cur{color: #e23535;font-weight: bold;border-bottom: 4px solid #e23535;}
.news h3 img{float: right;margin-top: -16px;}
.new_con dl{float: left;width: 572px;}
.new_con dt{height: 264px;overflow:hidden;}
.new_con dt img{display:block;width: 572px;height: 264px;transition: all 0.5s;}
.new_con dt:hover img{transform:scale(1.05);}
.new_con dd{padding-top:26px;height: 78px;}
.new_con dd i{float: left;width: 113px;height: 78px;border-right:1px solid #ebebeb;font-size: 14px;color: #666;line-height: 20px;text-align:center;font-family: Arial;}
.new_con dd i b{display:block;font-size: 50px;line-height: 50px;padding-top: 6px;color: #333;}
.new_con dd .new_det{float: right;width: 420px;}
.new_con dd .new_det h4 a{display:block;font-size: 18px;color: #333;line-height: 24px;margin-bottom:10px;font-weight: normal;}
.new_con dd .new_det span{display:block;font-size: 14px;color: #888;line-height: 24px;}
.new_con dd .new_det a:hover{color: #e23535;}
.new_con ul{float: right;width: 562px;}
.new_con li{height: 92px;border:1px solid #ebebeb;padding-top:16px;margin-bottom:20px;}
.new_con li i{float: left;width: 130px;height: 78px;border-right:1px solid #ebebeb;font-size: 14px;color: #666;line-height: 20px;text-align:center;}
.new_con li i b{display:block;font-size: 50px;line-height: 50px;padding-top: 6px;color: #333;}
.new_con li p{float: left;width: 390px;margin-left: 24px;}
.new_con li p a{display:block;font-size: 18px;color: #333;line-height: 24px;margin-bottom:10px;}
.new_con li p span{display:block;font-size: 14px;color: #888;line-height: 24px;}
.new_con li:hover a{color: #e23535;}
.new_con li:last-child{margin-bottom: 0;}

/*abt*/
.abt{height: 945px;padding-top: 65px;background: url(../images/abt_bg.jpg) no-repeat center 0;}
.abt h2{margin-bottom: 60px;}
.abt dl{height: 400px;background: #fff;}
.abt dt{width: 662px;height: 400px;float:left;overflow:hidden;}
.abt dt img{display: block;width: 662px;height: 400px;transition: all 0.5s;}
.abt dt:hover img{transform:scale(1.05);}
.abt dd{float: right;width: 460px;margin-right: 44px;}
.abt_sz{padding: 76px 0 0;height: 118px;}
.abt_sz li{float: left;margin-right: 84px;position: relative;}
.abt_sz li:after{position: absolute;width: 20px;height: 38px;content: "";background: url(../images/abt_line.png) no-repeat;right: -52px;top: 18px;}
.abt_sz li:last-child{margin-right: 0;overflow: hidden;}
.abt_sz li b{display: block;height: 48px;}
.abt_sz li i{display: inline-block;font-size: 40px;color: #333;line-height: 48px;font-family: Arial;}
.abt_sz li em{display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align:center;font-size: 20px;color: #fff;background: #e23535;border-radius: 50%;vertical-align: top;}
.abt_sz li p{font-size: 16px;line-height: 22px;color: #333;font-weight: bold;}
.abt_desc{font-size: 14px;color: #666;line-height: 30px;letter-spacing: 1px;}
.album{height: 302px;background: #fff;}
.album_t{float: left;margin-left: 18px;width: 150px;}
.album_t h3{margin: 32px 0 0;height: 55px;line-height: 55px;font-weight: normal;}
.album_t h3 i{float: left;width: 55px;height: 55px;border-radius: 50%;background: #00143c;margin-right: 15px;}
.album_t h3 a{font-size: 14px;color: #333;}
.album_t h3.on i{background: #e23535;}
.album_con{float: right;width: 988px;margin: 60px 16px 0 0;}
.album_bd li{float: left;width: 222px;margin-right: 33px;}
.album_bd li img{display: block;width: 222px;}
.album_bd li span{display: block;font-size: 14px;color: #333;text-align: center;line-height: 54px;}
.album_bd .tempWrap{width: 100% !important;}




.links{height: 70px;line-height: 70px;font-size: 14px;color: #333;}
.links b{margin-right: 30px;}
.links a{color: #666;margin-right: 54px;}


html {font-size: 10px;}
@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;
    }
    .case li em{font-size: 16px;}
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}