@charset "utf-8";
body{width: 100%;min-width: 1200px;overflow-x: hidden;}

.tit{text-align: center;font-weight: normal;height: 84px;background:url(Img/Index/tit1.png) no-repeat bottom center;}
.tit b{display:block;font-size: 42px;color: #333;line-height: 42px;}
.tit span{display:block;font-size: 20px;color: #666;line-height: 20px;padding-top: 8px;}
.tit em{color: #eb1c00;font-weight:bold;}
/*banner*/
.banner{height: 650px;overflow: hidden;}
.banner .bd li{height: 650px;background: url(Img/Index/banner1.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 650px;}
/*use*/
.use{padding:75px 0;}
.use h2{margin-bottom: 40px;}
.use li{float: left;width: 375px;margin-right: 25px;position: relative;overflow: hidden;}
.use li:last-child{margin-right: 0;}
.use li img{display:block;width: 380px;height: 273px;}
.use li b{display:block;font-size: 18px;color: #333;height:63px;padding-top:30px;line-height: 18px;text-align: center;border-bottom:2px solid #ededed;position: relative;}
.use li b:after{position:absolute;width: 14px;height: 2px;background: #0079c3;content: "";left: 50%;margin-left: -7px;top: 60px;}
.use li .hv{position: absolute;width:100%;height: 0;background:#0079c3;bottom: 0;left: 0;text-align: center;transition:all .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.use li .hv a{display:block;font-size: 20px;color: #fff;font-weight:bold;margin-top:90px;height:32px;line-height: 20px;position: relative;}
.use li .hv a:after{position:absolute;width: 14px;height: 2px;background: #fff;content: "";left: 50%;margin-left: -7px;bottom: 0;}
.use li .hv p{font-size: 16px;color: #fff;opacity: 0.7;line-height: 24px;margin:17px 50px 0;}
.use li:hover .hv{height: 100%;}
/*pro*/
.pro{padding:75px 0 47px;background:url(Img/Index/pro_bg.jpg) no-repeat bottom center;}
.pro h2{margin-bottom: 54px;}
.pro_ctg{background: #fff;margin-bottom: 30px;border:1px solid #e4e4e4;border-bottom: 0;}
.pro_ctg b{float: left;width: 136px;padding-left:20px;height: 50px;line-height: 50px;font-size: 16px;background: #015cb5;border-bottom:1px solid #337abf;}
.pro_ctg b a{color: #fff;}
.pro_ctg .b1{height: 100px;line-height: 100px;}
.pro_ctg p{float: left;width: 900px;padding:0 122px 0 20px;font-size: 0;border-bottom:1px solid #e4e4e4;position: relative;}
.pro_ctg p a{display:inline-block;font-size: 16px;color: #666;height: 50px;line-height: 50px;margin-right: 35px;position: relative;}
.pro_ctg p a:last-child{position: absolute;right: 0;bottom: 0;color: #b0b0b0;}
.pro_ctg p a:hover{color: #0066cc;font-weight:bold;}
.pro_ctg p a:hover:after{position:absolute;width: 100%;height: 2px;background: #0166bd;content: "";left: 0;top: 40px;}
.pro_list li{float: left;width: 380px;margin-right: 30px;margin-bottom: 30px;}
.pro_list li:nth-child(3n){margin-right: 0;}
.pro_list li i{display:block;width: 378px;height: 283px;border:1px solid #cbcbcb;overflow: hidden;border-bottom: 0;}
.pro_list li img{display:block;width: 378px;height: 283px;transition:all 0.5s;}
.pro_list li b{display:block;font-size: 16px;color: #fff;height: 50px;line-height: 50px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;background: #015cb5;}
.pro_list li b:hover{background: #eb1c00;}
.pro_list li i:hover img{transform:scale(1.05);}
.pro_ctg .p1:after{position:absolute;width: 100%;height: 1px;background: #e4e4e4;content: "";left: 0;top: 50px;}
/*cess*/
.cess{padding:80px 0 75px;}
.cess h2{margin-bottom: 40px;}
.cess li{float:left;width: 330px;margin-right: 105px;text-align: center;}
.cess li:last-child{margin-right: 0;}
.cess li i{display:block;height: 300px;overflow: hidden;}
.cess li i img{width: 300px;height: 300px;transition:all 0.5s;}
.cess li i:hover img{transform:scale(1.05);}
.cess li b{display:block;font-size: 24px;color: #fff;line-height: 36px;width:164px;background:rgba(1,92,181,0.9);padding:31px 0;margin:-66px auto 0;position: relative;z-index: 10;}
.cess li p{font-size: 16px;color: #666;line-height: 26px;margin-top: 28px;}
.cess li:hover b{background:rgba(235,28,0,0.9);}
/*way*/
.way{padding:80px 0 60px;background:url(Img/Index/way_bg.jpg) no-repeat center 0;}
.way h2{margin-bottom: 32px;}
.way h3{border:1px solid #ccc;font-weight: normal;border-bottom: 0;height: 138px;margin-bottom: 35px;background: #fff;}
.way h3 a{float: left;width: 12.5%;height: 68px;line-height: 68px;font-size: 16px;color: #666;text-align: center;border-bottom:1px solid #ccc;background:url(Img/Index/way_line.jpg) no-repeat right center;}
.way h3 a:hover{background: #015cb5;color: #fff;font-weight:bold;}
.way dl{height: 456px;}
.way dt img{display:block;width: 810px;height: 456px;}
.way dd{float: left;width: 358px;padding-left: 32px;height: 456px;background: #fff;}
.way dd h4{font-size: 23px;color: #333;line-height: 30px;position: relative;margin:62px 0 22px;height: 44px;font-weight:normal;}
.way dd h4:after{position: absolute;width: 62px;height: 1px;background: #015cb5;content: "";left: 0;bottom: 0;}
.way dd b{display:block;font-size: 16px;color: #333;line-height: 28px;}
.way dd p{font-size: 14px;color: #666;line-height: 24px;width: 310px;    height: 244px; overflow:hidden;}
.way dd .more{display:block;width: 105px;padding-left:15px;height: 34px;line-height: 34px;font-size: 14px;color: #fff;font-weight:bold;margin-top: 46px;background:url(Img/Index/jt1.png) no-repeat 88px center #eb1c00;}
.hysb{height: 235px;margin-top: 36px;}
.hysb h4{float: left;width:20px;padding:42px 20px 0;height: 145px;font-size: 16px;color: #fff;line-height: 25px;background: #015cb5;margin-right:36px;}
.hysb li{float: left;width: 249px;margin-right: 36px;}
.hysb li i{display:block;width: 247px;height: 185px;border:1px solid #cbcbcb;overflow: hidden;}
.hysb li i img{display:block;width: 247px;height: 185px;transition:all 0.5s;}
.hysb li b{display:block;font-size: 16px;color: #666;line-height: 48px;text-align: center;}
.hysb li:last-child{margin-right: 0;}
.hysb li:hover b{color: #015cb5;}
.hysb li i:hover img{transform:scale(1.05);}
.hysb ul .nobot { margin-right:0;}
/*cus*/
.cus{padding:78px 0 80px;}
.cus h2{margin-bottom: 40px;}
.cus li{float: left;width: 380px;margin-right: 30px;height: 390px;position: relative;overflow: hidden;}
.cus li:last-child{margin-right: 0;}
.cus li>img{display:block;width: 380px;height: 285px;}
.cus li .hv{height: 105px;background: #f2f2f2;position: absolute;width: 100%;left: 0;bottom: 0;text-align: center;transition:all .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.cus li .hv b{display:block;font-size: 40px;color: #929292;line-height: 40px;margin:17px 0 12px;}
.cus li .hv em{display:block;font-size: 18px;color: #666;line-height: 18px;height: 34px;position: relative;font-weight:bold;}
.cus li .hv em a{color: #666;}
.cus li .hv p{font-size: 14px;color: #fff;line-height: 24px;margin:15px 40px 0;}
.cus li .hv .more{display:block;width: 36px;margin:50px auto 0;}
.cus li:hover .hv{padding-top:55px;height: 335px;background: #015cb5;}
.cus li:hover .hv em a,.cus li:hover .hv p,.cus li:hover .hv b{color: #fff;}
.cus li:hover .hv em:after{position: absolute;width: 36px;height: 2px;background: #fff;content: "";left: 50%;bottom: 0;margin-left: -18px;}
/*yous*/
.yous{position: relative;}
.yous h2{margin-bottom: 40px;}
.yous ul{position:absolute;width:100%;text-align: center;left: 0;top: 124px;z-index: 10;}
.yous li{display:inline-block;width: 172px;height: 170px;margin:0 3px;background: #015cb5;transition:all 0.5s;vertical-align: top;}
.yous li img{display:block;margin:30px auto 0;}
.yous li b{display:block;font-size: 20px;line-height: 20px;color: #fff;padding-top:17px;opacity: 0.6;transition:all 0.5s;}
.yous li.cur{background: #eb1c00;height: 190px;}
.yous li.cur b{padding-top: 33px;opacity: 1;}
.ys_con{padding-top:50px;border-top:1px solid #ececec;}
.ys_det{height: 736px;position: relative;}
.ys_det .text{position:absolute;width:1200px;left: 50%;bottom:0;margin-left: -600px;height: 130px;background: #fff;border-bottom:2px solid #015cb5;box-shadow:0 5px 30px rgba(0,0,0,0.1);}
.ys_det .text b{float: left;font-size: 26px;color: #282828;line-height: 36px;width:312px;padding:28px 0 0 90px;height:102px;position: relative;}
.ys_det .text b:after{position:absolute;width: 1px;height: 50px;background: #cbcbcb;content: "";right: 0;top: 47px;}
.ys_det .text p{float: left;font-size: 15px;color: #151515;line-height: 26px;margin:28px 0 0 55px;width: 470px;opacity:0.8;}
.ys_det .text .more{float: right;width: 92px;height: 130px;background:url(Img/Index/jt2.png) no-repeat center #ededed;}
/*news*/
.news{padding:78px 0 50px;}
.news h2{height: 62px;margin-bottom: 40px;}
.news h3{height: 30px;border-bottom:1px solid #f2f2f2;font-weight: normal;margin-bottom: 36px;text-align: center;}
.news h3 a{display:inline-block;font-size: 18px;line-height: 18px;color: #333;height: 29px;margin:0 20px;}
.news h3 a.cur{color: #015cb5;font-weight:bold;border-bottom:2px solid #015cb5;}
.new_con{height: 360px;}
.new_l{float: left;width: 600px;}
.new_l dt{height: 160px;}
.new_l dt span{float: left;width: 280px;height: 160px;font-size: 28px;line-height: 160px;color: #fff;text-align: center;background: #eb1c00;font-family: Arial;}
.new_l dt b{font-size: 90px;}
.new_l dt img{float: left;width: 320px;height: 160px;}
.new_l dd{height: 127px;border-bottom:2px solid #ebebeb;padding-top:8px;}
.new_l dd p{font-size: 14px;color: #666;line-height: 24px;margin-top: 20px;}
.new_l h4{font-size: 16px;line-height: 16px;padding-top:20px;}
.new_l h4 a{color: #666;}
.new_l h4:hover a{color: #000;}
.new_r{float: right;width: 550px;}
.new_r dl{height: 122px;background: #f2f2f2;padding-top:38px;}
.new_r dt{float: left;width: 142px;margin-left: 30px;}
.new_r dt b{display:block;font-size: 28px;line-height: 28px;color: #7a7a7a;margin-bottom: 22px;}
.new_r dd{float: left;width: 350px;}
.new_r dd a{display:block;font-size: 16px;color: #000;line-height: 28px;font-weight:bold;}
.new_r dd p{font-size: 14px;color: #606060;line-height: 20px;margin-top: 18px;}
.new_list p{height: 65px;line-height: 65px;font-size: 14px;border-bottom:1px solid #f4f4f4;padding-left: 32px;}
.new_list p:last-child{border: 0;}
.new_list p a{color: #666;}
.new_list p:hover a{color: #333;}
/*about*/
.abt{ height: 1001px; background:url(Img/Index/abt_bg.jpg) no-repeat center; ;}
.abt h2{padding:70px 0 0;margin-bottom: 38px;}
.abt .jj{ margin-top: 35px; background: #fff;height:440px; width: 1200px;box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.abt dl{ padding-top: 35px; padding-left: 25px;}
.abt dt{float: left;width: 580px;height: 370px;}
.abt dd{margin-left: 60px; width: 470px; float:left;}
.abt dd h3 span{display:block;font-size: 24px;color: #015cb5;font-weight: normal; height: 80px; line-height: 80px; border-bottom: 1px solid #cbcbcb; margin-bottom: 30px;}
.abt dd p{font-size: 15px;color: #333;line-height: 30px; letter-spacing: 1px;opacity: 0.8;}
.abt dd .more{display:block;width: 120px;height: 35px;line-height: 35px; background:#eb1c00;text-align: center;margin-top:68px;font-size:14px;color: #fff;}
.abt dd .more img{ margin-left:10px;}
.abt h4{height:56px;border-top:1px solid #cecece;font-weight:normal; margin-top:30px;}
.abt h4 span{float: left;height:56px;line-height: 56px;font-size: 14px;color: #999999;margin-right:279px; font-weight:normal; text-transform:uppercase;}
.abt h4 span.first{ float:left;}
.abt h4 span.last{ float:right; text-align: right; margin-right: 0;}
.abt h4 span b{ font-weight:bold; font-size:16px; padding-right: 5px;}
.abt h4 span a{color: #999999; height:57px;}
.abt h4 span.cur b{color:#015cb5; border-top:1px solid #015cb5; display:inline-block; line-height: 58px;}
.abt_pic{ position:relative;}
.abt_pic li{float: left;margin-right:40px; position:relative;}
.abt_pic li.first{ margin-left:0;}
.abt_pic li img{display:block;width: 270px;height: 203px;}

.abt_pic li span{display:block;font-size: 14px;color: #434f64;text-align: center;line-height: 54px;height:67px;}
.abt .sprev{position: absolute;left:-32px;top:80px;width:22px;height: 32px;background:url(Img/Index/sprev.png) no-repeat;z-index: 10;}
.abt .snext{position: absolute;right:-32px;top: 80px;width:22px;height: 32px;background:url(Img/Index/snext.png) no-repeat;z-index: 10;}
.abt_pic  ul li span{display: none;width:100%; height:100%;background:rgba(0,0,0,0.5); position: absolute;left:0;top:0;}
.abt_pic  ul li span i{display: block;text-align: center; z-index:100;font-size: 14px; color:#FFF; padding-top:10px; background:url(Img/Index/abt_ic.png) no-repeat top center; margin:80px auto 0;}
.abt_pic  ul li:hover span{display: block;}
.abt_pic  ul li:hover b{display: none;}

.ryzh li{width: 160px;}
.ryzh li img{display:block;width: 160px;height: 203px;}
/*
ryzh  ul li span{display: none;width:160px; height:203px;background:rgba(0,0,0,0.5); position: absolute;left:0;top:0;}
.ryzh  ul li span i{display: block;text-align: center; z-index:100;font-size: 14px; color:#FFF; padding-top:10px; background:url(Img/Index/abt_ic.png) no-repeat top  center;  width:160px;margin:80px auto 0;}
.ryzh  ul li:hover span{display: block;}
.ryzh  ul li:hover b{display: none;}
*/