@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:1000px; margin:0 auto;font-family: "Microsoft Yahei";}


.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}

.tit i{display:block;font-size: 40px;line-height:40px;color: #333333;font-weight: bold;}
.tit i b{ display: inline-block;width: 26px;height:1px;color: #333333;content: "";background: #333333;margin: 0 22px;vertical-align: middle; }   
.tit span{display:block;font-size:18px;color: #333333;line-height: 18px;margin-top: 12px;}


.banner{position:relative;width:100%;height:550px;overflow:hidden;}
.ban_list{position:relative;z-index:0;}
.ban_list li{overflow:hidden;height:550px;text-align:center;position:relative;}
.ban_list li img{width:1600px;height:550px;position:absolute;left:50%;top:0;margin-left:-800px;}
.ban-prev,.ban-next{width:114px;height:114px;position:absolute;top:50%;margin-top:-57px;opacity:.8;background-position:center center;background-repeat:no-repeat;cursor:pointer;}

.ban_nav{position:absolute;bottom:50px;left:50%;z-index:1;overflow:hidden;margin-left:-500px;width:1000px;text-align:center;}
.ban_nav ul li{display:inline-block;width:14px;height:14px;color:#e3623b;margin:0 6px;border-radius:50%;cursor:pointer;background:#e3623b;vertical-align:middle;}
.ban_nav ul .on{background: #25447a;}


.search{height: 66px;border-bottom: 1px solid #e5e5e5;background: #f4f4f4;}
.search p{float: left;height: 66px;line-height: 66px;font-size: 14px;color: #666666;}
.search p b{ color: #333;float: left;margin-right: 18px;}
.search p a{ font-size:14px ;display: block;float: left;color: #666666;line-height: 66px;margin-right: 12px;}
.search p a:hover{color: #25447a;}
.s_box{float: right;margin-top:16px;width: 340px;height: 30px;background: 0;border: 1px solid #bdbfbe;border-radius: 5px;}
.s_box .input1{float:left;width:259px;height:30px;line-height: 30px;font-size:14px;color:#333;outline: 0;padding-left: 20px;background: #fff;border: 0;}
.s_box .input2{float: left;width:61px;height: 30px;border: 0;background: url(/Skins/Default/Img/Index/sea.jpg) no-repeat center;outline: 0;cursor: pointer;}


.pro{padding-top: 70px;}
.pro .tit{ margin-bottom: 36px;}
.pro_t{ float: left;width: 245px;}
.pro_t  li a{width:245px;height:55px;background:rgba(245,245,245,1);box-sizing: border-box;margin-bottom: 2px;font-size: 16px;color: #333;text-align: left;line-height: 55px;display: block;padding-left: 63px;}
.pro_t  li a:hover,.pro_t li.cur a{ background: #E3623B;border-color: #E3623B;color: #fff;font-weight: bold;}
.pro_t p { width:245px;height:120px;background:rgba(255,255,255,1);border:1px solid rgba(219,219,219,1);box-sizing: border-box;padding-top: 20px;}
.pro_t p span img{ display: block; width:44px;height: 44px;float:left;margin-top: 20px;margin-left: 20px;}
.pro_t p strong { display: block; font-size: 24px; color: #25447a; line-height:28px; float:left;padding-left: 8px;font-weight: normal;font-family: 黑体;font-weight: bold;}
.pro_con{ float: right;width: 748px;position: relative;}
.pro_con li{ float: left;width: 174px;margin-right: 16px;margin-bottom: 16px;}
.pro_con li i{ display: block;width: 174px;height: 136px;overflow: hidden;}
.pro_con li i>img{ display: block;width: 174px;height: 136px;transition:all 0.5s;}
.pro_con li:hover img{transform:scale(1.05);}
.pro_con li h4{ height: 45px;background: #f2f2f2;box-sizing: border-box;font-size: 16px;color: #000000;line-height: 45px;text-align: center;font-weight: normal;}
.pro_con li:hover h4{ color:#e3623b}
.pro_con li:nth-child(1),.pro_con li:nth-child(3){ margin-right: 396px;} 
.pro_con li:nth-child(2),.pro_con li:nth-child(4),.pro_con li:nth-child(8){ margin-right: 0;} 
.pro_con dl{ width: 365px;position: absolute;left:190px;top:0;}
.pro_con dt{ display: block;width: 365px;height: 285px;overflow: hidden;}
.pro_con dt img{ display: block;width: 365px;height: 285px;transition:all 0.5s;}
.pro_con dl:hover img{transform:scale(1.05);}
.pro_con dd{height: 93px;padding: 26px 0 0;background: #f2f2f2;box-sizing: border-box;}
.pro_con dd h4 a{font-size: 16px;color: #000000;line-height: 16px;text-align: center;font-weight: normal;display: block;}
.pro_con dl:hover dd h4 a{ color:#e3623b}
.pro_con dd .more{ display: block;font-size: 14px;color: #f5693e;line-height: 14px;margin-top: 12px;text-align: center;}
.pro_con dd .more>img{ width: 18px;height: 9px;margin-left: 8px;}
.pro_s{ margin-top: 68px;height: 326px;background: #f8f8f8;}
.pro_s h2 i{ padding-top: 48px;}
.pro_s ul{ margin-top: 36px;}
.pro_s li{ float: left;width: 147px;margin-right:23.6px;position: relative;}
.pro_s li:last-child{ margin-right: 0;}
.pro_s li i{ display: block;width: 147px;height: 147px;overflow: hidden;}
.pro_s li i>img{ display: block;width: 147px;height: 147px;transition:all 0.5s;}
.pro_s li:hover img{transform:scale(1.05);}
.pro_s li span{ height: 30px;font-size: 16px;color: #fff;line-height: 30px;text-align: center;font-weight: normal;display: block;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.5);width: 100%;}
.pro_s li:hover span,.pro_s li.cur span{font-weight: bold;}
.pro_s li:hover,.pro_s li.cur{  border-bottom: 5px solid #e3623b;}




.case{padding: 48px 0 66px;background:url(/Skins/Default/Img/Index/case_bg.jpg) no-repeat center top;  }
.case_con{ margin-top: 30px;position: relative;}
.case_con dl{ float: left;width: 470px;}
.case_con dt{ display: block; width: 470px;height: 264px; overflow: hidden;}
.case_con dt img { display: block;width: 470px;height: 264px;transition: 1s; }
.case_con dd{ display: block;height: 136px;position: relative;}
.case_con dd h4 a{ font-size: 18px; font-weight: normal; line-height: 18px; color: #333333; display: block; padding-top: 32px; padding-bottom: 20px;}
.case_con dd p{ font-size: 14px;line-height: 22px;color: #898989; display: block;width: 340px;}
.case_con dd p a{ color: #e3623b;}
.case_con dl:hover img,.case_con dl.cur img { transform: scale(1.05); }
.case_con dl:hover dd:after,.case_con dl.cur dd:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background: #e3623b;content: "";transition:all 0.5s;}
.case_con ul{ float: right;width: 510px;}
.case_con ul li{ float: left;width: 246px;}
.case_con ul li:nth-child(2n){ float: right;}
.case_con ul li img{ display: block;width: 246px;height: 138px;}
.case_con ul li em{ display:block;height: 50px;line-height: 50px;margin-bottom: 14px;font-size: 18px;color: #333333; position:relative}
.case_con ul li:hover em:after,.case_con ul li.cur em:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background: #e3623b;content: "";transition:all 0.5s;}
.case .more{ display: block;margin: 55px auto 0;font-size: 16px;font-weight: bold;line-height: 21px;color: #e3623b;width: 100px;}
.case .more img{ display: inline-block;width: 21px;height: 21px;margin-left: 8px;vertical-align: sub;}


.abt{background:url(/Skins/Default/Img/Index/abt_bg.jpg) no-repeat center;padding-top: 66px;height: 580px;box-sizing: border-box;}
.abt dt{ float: left;width:270px;height: 441px;display: block;}
.abt dt img{width:270px;height: 441px;display: block; }
.abt dd {float: left;width:730px;}
.abt dd .abt_t{width:730px;padding-left: 62px;box-sizing: border-box;float: left;height: 168px;}
.abt dd .tit{width: 300px;float: left;margin-top: 46px;}
.abt dd ul{ width: 160px;float: right;margin-right: 30px;margin-top: -20px;}
.abt dd ul li a{ display: block;height: 65px;line-height: 80px;border-bottom: 2px solid #a1a1a1;font-size: 16px;color: #000;background:url(/Skins/Default/Img/Index/abt_ic.png) no-repeat  right 30px;}
.abt dd ul li.cur a { color: #e3623b;font-weight: bold;border-color: #e3623b;background:url(/Skins/Default/Img/Index/abt_ich.png) no-repeat  right 30px;}
.abt dd p{height:274px;background:rgba(255,255,255,1);box-shadow:0px 3px 35px 0px rgba(0, 0, 0, 0.07);opacity:0.92;width: 730px;padding: 56px 60px 0;box-sizing: border-box;font-size: 14px;line-height: 26px;color: #333333;letter-spacing: 1px;}
.abt dd p a{ display: block;color: #e3623b;}


.news{padding: 80px 0;}
.news .tit{ margin-bottom: 45px;}
.dongt{float:left;width:524px;}
.dongt .bt{height:50px;line-height: 50px;font-size:20px;border-bottom:1px solid #a0a0a0;}
.dongt .bt img {vertical-align: middle;padding-right:10px;float: left;display: block;margin-top: 17px;}
.dongt .bt ul{ float: left;width: 350px;}
.dongt .bt li a {color: #434343;float: left;padding-right: 10px;float: left;}
.dongt .bt li.on a{ font-weight: bold; color: #25447a;}
.dongt .bt span a{ float: right;font-size: 16px;color: #7d7d7d;}
.dongt dl{height: 140px;overflow: hidden;padding-top:30px;}
.dongt dt{font-size:0;line-height: 0;float:left;width:249px;overflow:hidden;}
.dongt dt img {width:249px;height: 140px;transition:all 0.5s;}
.dongt dl:hover dt img{transform:scale(1.1);}
.dongt dd {float:right;width:260px;}
.dongt dd h4 a {display: block;height: 32px;font-size:16px;color: #313131;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dongt dl:hover dd h4 a{ color:#e3623b}
.dongt dd p {font-size:14px;color: #7c7c7c;line-height: 24px;height: 86px;}
.dongt dd em{display:block;background:url(/Skins/Default/Img/Index/news_dd.png) no-repeat left;font-size: 14px;color: #25447a;padding-left: 21px;}
.dongt .news_z{height: 188px;padding:20px 22px 0 25px;margin-top:30px; background: #fff;border:1px solid #e5e5e5 ;box-sizing: border-box;}
.dongt .news_z li {height: 36px;line-height: 36px;font-size:16px;color: #434343; overflow:hidden;}
.dongt .news_z li a{font-size:16px;color: #434343;}
.dongt .news_z li:hover a{color:#f5693e;}
.dongt .news_z li span {float:right;font-size: 16px;font-family: Arial;color: #7d7d7d;}
.went{float:right;width:420px;}
.went .bt{height:50px;line-height: 50px;font-size:20px;border-bottom:1px solid #a0a0a0;}
.went .bt img {vertical-align: middle;padding-right:10px;float: left;display: block;margin-top: 17px;}
.went .bt ul{ float: left;width: 300px;}
.went .bt li a {color: #434343;float: left;padding-right: 10px;float: left;}
.went .bt li.on a{ font-weight: bold; color: #25447a;}
.went .bt span a{ float: right;font-size: 16px;color: #7d7d7d;}
.went dl{height: 102px;overflow: hidden;padding-top:27px;}
.went dt {float:left;font-size:0;line-height: 0;width:183px;overflow:hidden;}
.went dt img {width:183px;height: 102px;transition:all 0.5s;}
.went dl:hover dt img{transform:scale(1.1);}
.went dd {float:right;width:218px;}
.went dd h4 a{display: block;height: 24px;font-size:16px;color: #313131;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.went dl:hover dd h4 a{ color:#e3623b}
.went dd p {font-size:14px;color: #707070;line-height: 24px;padding-top:5px;height: 54px;}
.went dd em{display:block;background:url(/Skins/Default/Img/Index/news_dd.png) no-repeat left;font-size: 14px;color: #25447a;padding-left: 21px;}



.coop{ height: 326px;background: #f8f8f8;padding-top: 50px;box-sizing: border-box;}
.coop_con{ margin-top: 24px;box-shadow:0px 3px 35px 0px rgba(0, 0, 0, 0.07); position: relative;}
.coop_con li{float: left;width: 200px;height: 150px;overflow: hidden;background: #fff;}
.coop_con li img{display: block;max-width: 200px;max-height: 150px;transition:all 0.5s;margin: 0 auto;padding: 30px 0;box-sizing: border-box;}
.coop_con li:hover img{ transform:scale(1.05);}
.coop_con .sprev{ position:absolute; left:-52px; top:60px; width:34px;height:34px; z-index: 10000;cursor: pointer;background:url(/Skins/Default/Img/Index/sprev.png) no-repeat center;}
.coop_con .snext{ position:absolute; right:-52px; top:60px; width:34px;height:34px;  z-index: 10000;cursor: pointer;background:url(/Skins/Default/Img/Index/snext.png) no-repeat center;}
.coop_con .sprev:hover{background:url(/Skins/Default/Img/Index/sprevh.png) no-repeat center;}
.coop_con .snext:hover{background:url(/Skins/Default/Img/Index/snexth.png) no-repeat center;}



.links{ height:108px;line-height:108px;background:#0f2854;}
.links b{ float: left;font-size: 14px;color: #b5bbca;line-height: 108px;margin-right: 50px;}
.links a{ float: left;font-size: 14px;color: #b5bbca;font-weight: normal;line-height: 108px;margin-right: 24px;}
.links a:last-child{ float: right;}

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