/*banner*/
.banner{position: relative; height:700px;overflow: hidden;clear: both;}
.ban_p,.ban_p li{ height:700px;overflow: hidden;}
.ban_p li a{ display:block; height:700px; background:url(../image/banner.jpg) no-repeat center 0;}
.ban_t{width:1100px;height:50px;bottom: 0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:12px; display: inline-block;background: #000;}
.ban_t em.on{background: #0a68c0;}
/**/
.bg{ background: #f7f7f9; padding-top: 78px;}
h2{ text-align: center; position: relative; padding-bottom: 42px;}
h2 span{ font-family: Arial; font-size: 68px; color: #e8e7e9; letter-spacing: 29px; line-height: 80%; display: block; margin-bottom: -25px;}
h2 i{ display: block; line-height: 100%; font-size: 36px; color: #000;font-weight: normal; padding-bottom: 13px;}
h2 em{ display: block; font-size: 16px; color: #000; letter-spacing: 13px;font-weight: normal;}
.pro_on ul li{ float: left; width: 381px; margin-right: 28px; height: 512px; background: #fff; margin-bottom: 22px; box-shadow: 0 0 7px #ccc;}
.pro_on ul li:last-of-type{ margin-right: 0;}.pro_on ul li img{ width: 381px;}
.pro_on ul li b{ display: block; overflow: hidden; line-height: 0; font-size: 0;}
.pro_on ul li i{ display: block; height: 62px; line-height: 60px; text-align: center; font-size: 24px; color: #333; overflow: hidden;background:url(../image/p_lin.jpg) no-repeat center bottom;}
.pro_on ul li em{ display: block; margin: 0 50px; line-height: 26px; color: #666; font-size: 16px; padding-top: 12px; height: 105px;}
.pro_on ul li strong{ display: block;background:url(../image/p_m.jpg) no-repeat; width: 106px; height: 30px; line-height: 30px; font-size: 13px; margin: 0 auto;font-weight: normal; color: #fff; padding-left: 15px;}
.pro_o2{ position: relative; }
.pro_o2 ul li{ overflow: hidden;}
.p_ud{ position: absolute; right: -34px; bottom: 25px; z-index: 5;}
.p_ud span{ display: inline-block; cursor: pointer; width: 58px; height: 58px; background: #e50216; text-align: center;line-height: 0; padding-top: 23px; box-sizing: border-box; float: left; margin-left: 1px;}
.p_ud span:last-of-type{ background: #0a68c0;}
.pro_o2 ul li{ overflow: hidden;background:url(../image/p_bg.jpg) no-repeat; height: 548px;}
.pro_o2 ul li img{ display: inline-block; float: right; width: 790px;}
.pro_o2 ul li em{ display: inline-block; float: left; width: 295px; padding: 70px 0 0 60px; color: #fff; font-size: 14px; line-height: 27px;position:relative;z-index:2; overflow:hidden;}
.pro_o2 ul li em i{ display: block; padding-left: 58px; height: 67px; border-bottom: 1px dotted #8CBCE3; line-height: 42px; font-size: 26px; color: #fff; padding-left: 58px;background:url(../image/pico.png) no-repeat; margin-bottom:22px;}
/*.pro_o2 ul li em span{ display: block; margin-top: 20px;}*/
.pro_o2 ul li em span{ display: block; margin-top: 51px; background: #fff; height: 35px; line-height: 35px; border-radius: 35px; font-size: 16px; color: #000;font-weight: normal; text-align: center; font-size: 16px;}
.pro2{margin-top: 40px;background: url(../image/p_bg2.jpg) no-repeat right top !important; margin-bottom:18px;}
.pro2 img{float: left !important;}
.pro2 em {float: right !important; padding: 70px 60px 0 0 !important;}
.pro_o2 ul li p{margin-bottom: 18px;}


.p_bom{background:url(../image/pbm.jpg) no-repeat; height: 288px; margin-bottom: 58px; overflow: hidden;}
.p_bom h3{ float: left; padding: 126px 0 0 222px; width: 200px;font-weight: normal;}
.p_bom h3 i{ display: block; height: 43px; line-height: 100%; padding-left: 27px;}
.p_bom h3 i a{ display: block; color: #342c2a; font-size: 24px; letter-spacing: 10px;background:url(../image/p_m.png) no-repeat  149px 4px}
.p_bom h3 span{ display: block; height: 33px; line-height: 33px; border-radius: 33px; background: #0a68c0;}
.p_bom h3 span a{ display: block; color: #fff; text-align: center; font-size: 16px;}
.p_bom ul{ float: right; width: 650px; margin-top: 87px; border-bottom: 1px solid #241815;}
.p_bom ul li{ border-top: 1px solid #d2d2d2; height: 38px; line-height:38px; overflow: hidden;}
.p_bom ul li i{ display: inline-block; width: 124px; float: left;font-weight: bold;}
.p_bom ul li i a{ color: #303030; font-size: 15px;}
.p_bom ul li span{ display: inline-block;}
.p_bom ul li span a{ display: inline-block; color: #636362; font-size: 15px; padding: 0 13px;}
.p_bom ul li span a:hover{ color: #e50216;}
    /**/
.shilu{ overflow: hidden; height:815px; position: relative; z-index: 55;background:url(../image/shilu.jpg) no-repeat center 128px; margin-bottom: 129px;}
.shilu h2{ padding-bottom: 28px;}
.sli_o{ position: relative;}
.sli_o img{ display: inline-block; position: absolute; right:-359px; transition: all 0.3s linear 0s;}
.sli_o img:hover{transform: scale(1.01);}
.sli_o1{ overflow: hidden;}
.sli_o h4{font-weight: normal; font-size: 28px; color: #fff; padding-top:130px; padding-bottom:35px;}
.sli_o h4 span{ display: block; line-height: 100%; color: #fff; font-size:72px; padding-bottom: 29px;font-weight: bold;}
.sli_o h4 strong{ display: block; font-size:30px;font-weight: bold; line-height: 100%;}.sli_o h4 strong i{font-weight: normal; display: block; padding-bottom: 10px;}
.sli_o p{ display: block; font-size: 14px; color: #fff; width:470px; line-height: 26px;}
.sli_o p span{ display: block;}
.sl_iin{ overflow: hidden; position: absolute; left: 0; top:592px; background: #fff;background:url(../image/sl_li.jpg) no-repeat; height: 168px; width: 1200px;}
.sl_iin ul li{ float: left; width: 25%; color: #313131;  font-size: 17px; box-sizing: border-box; text-align: center;overflow: hidden; box-sizing: border-box; padding-top:100px; cursor: pointer;}
.sl_iin ul li.on{background:url(../image/sl_li2.jpg) no-repeat 0 0; height: 155px; font-weight: normal; color: #fff; }
.sl_iin ul li:nth-child(2).on{background:url(../image/sl_li2.jpg) no-repeat -300px 0;}
.sl_iin ul li:nth-child(3).on{background:url(../image/sl_li2.jpg) no-repeat -600px 0;}
.sl_iin ul li:nth-child(4).on{background:url(../image/sl_li2.jpg) no-repeat right 0;}
/**/
.case{ overflow: hidden; height: 800px;background:url(../image/c_bg.jpg) no-repeat  center 724px;}
.case .content{ position: relative;}
.c_u{ position: absolute; z-index: 5; cursor: pointer; left: -59px; top: 363px;}
.c_d{ position: absolute; z-index: 5; cursor: pointer; right: -59px; top: 363px;}
.case ul{ height: 569px;}
.case ul li{ float: left; width: 344px; padding: 19px; border: 1px solid #d2d2d2; margin-right: 24px; height: 448px;}
.case ul li img{ width: 344px;}
.case ul li i{ display:block; font-size: 22px; color: #333; height: 63px; line-height: 63px;}
.case ul li span{ display: block; font-size: 14px; color: #666; line-height: 25px; height: 95px;}
.case ul li em{ display: block; text-align: right; padding-right: 36px; color: #303030; font-size: 16px;background:url(../image/c_m.png) no-repeat right 0; line-height: 24px;}
.case ul li:hover{ border: 1px solid #0a68c0; box-shadow: 0 0 15px #ccc;}
.case h4{ text-align: center;}
.case h4 a{font-weight: normal; color: #1b1b1b; font-size: 20px; letter-spacing: 7px; padding-right: 30px;background:url(../image/c_moi.jpg) no-repeat right 1px; line-height: 100%; display: inline-block; line-height: 19px;}
    /**/
/* -- 新闻资讯 -- */
.news{height: 895px;background: url(../image/ns_bg.jpg) repeat; overflow: hidden; padding-top: 80px;}
.news h2{ padding-bottom: 36px;}

.news1{float: left;width:600px;}
.news1 .bt{ border-bottom: 1px dotted #7a7a7b; padding-bottom: 8px; margin-bottom: 20px;}
.news1 .bt b{font-size: 20px;color: #c6c6c8;display: block;line-height: 20px;text-transform: uppercase;font-family:"宋体"; line-height: 100%;}
.news1 .bt a{font-size: 16px;line-height: 16px;color: #342c2a;font-weight: bold;display: block;padding-top: 7px; line-height: 100%;}
.n_bg{ background: #fff; border-radius: 5px; box-shadow: 0 0 5px #ddd; padding: 25px 23px;}
.news1 dl dt img{height:318px ;width:555px;display: block;}
.news1 dl dd{ padding: 0 9px;}
.news1 dl dd h4{margin-top:27px; overflow: hidden;}
.news1 dl dd h4 span{ display: inline-block; float: left; width: 55px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #d22f2f; font-size: 16px; color: #d22f2f; font-family: "宋体";font-weight: bold; font-size: 16px; margin-right: 9px;}
.news1 dl dd h4 a{ display: block; float:left; color: #1b1b1b; font-size: 16px; overflow: hidden;font-weight: normal;}
.news1 dl dd p{font-size: 14px;color: #1b1b1b;display: block;line-height: 30px; padding-top:12px;}
.news1 ul{padding-top: 10px; margin-left: 5px; padding-bottom: 6px;}
.news1 ul li{margin-top: 13px;background: url(../image/dian1.png) no-repeat left; overflow: hidden;}
.news1 ul li a{font-size: 16px;color:#2a2d34 ;display: block;line-height:100%;padding-left:41px;float: left;}
.news1 ul li span{font-size: 14px;color:#666 ;display: block;float: right;}


.news2{float: right;width:543px;}
.news2 h3{border-bottom: 1px dotted #7a7a7b; padding-bottom: 8px; margin-bottom: 20px; overflow: hidden;}
.news2 h3 a{ display: inline-block; float: left;}
.news2 h3 a b{font-size: 20px;color: #a1a4a5;display: block;line-height: 20px;text-transform: uppercase;font-family:"宋体"; line-height: 100%;}
.news2 h3 a{font-size: 16px;line-height: 16px;color: #a1a4a5;font-weight: bold;display: block;padding-top: 7px; line-height: 100%;}
.news2 h3 .cur{color:#342c2a; }
.news2 h3 a:last-child{padding-left: 60px;}
.news2 dl{height: 193px; overflow: hidden; border-bottom: 1px dashed #7c7c7c; margin-bottom: 38px;}
.news2 dl dt{height: 197px;float: right;}
.news2 dl dt img{float: right;height:153px;width:197px;}
.news2 dl dd{float: left;width: 315px;}
.news2 dl dd h4{font-size: 15px;color: #342c2a;display: block;font-weight: bold;line-height: 15px; margin-bottom: 15px;}
.news2 dl dd h4 a{font-size: 15px;color: #342c2a;}
.news2 dl dd h4 a:hover,.news1 dl dd h4 a:hover,.news1 ul li a:hover{ color: #d22f2f;}
.news2 dl dd p{font-size: 14px;color: #666;display: block;line-height:30px;}
.news2 dl:last-of-type{ border-bottom: none;}
 /**/
.dail{overflow: hidden; height:224px;background: url(../image/tt.jpg) no-repeat center 0; color: #fff;}
.dail h2{ float: left; color: #fff; padding: 94px 0 0 146px; text-align: left;}
.dail h2 i{ color: #fff; font-size: 44px; letter-spacing:9px;}
.dail h2 em{ display: block; color: #fff; font-size: 20px; letter-spacing: 1px;}
.dail p{ float: right; width: 486px; padding-top: 96px; line-height: 100%;}
.dail p em{ display: block; padding-left: 37px; font-size: 16px; padding-bottom: 12px;}
.dail p i{ display: block;}
.dail p b{ display: inline-block; padding-left: 9px; font-size: 44px; line-height: 100%;}
.dail p i a{ display: inline-block; float: right; width: 159px; height: 36px; line-height: 36px; border-radius: 36px; background: #fff; color: #1b1b1b; font-size: 18px; text-align: center; margin-top: 3px;}
    /**/
.coper{overflow: hidden; height:470px;background: url(../image/coop.jpg) no-repeat center 0; box-sizing: border-box; padding-top: 99px;}
.coper h2{ padding-bottom:53px;}
.coper ul li{ float: left; width: 200px; height: 145px; text-align: center;}
    /**/
.about{ overflow: hidden; height:1044px;background: url(../image/abo.jpg) no-repeat center 0; padding-top: 90px; box-sizing: border-box;}
.about h2{ padding-bottom: 53px;}
.about dl{ padding-left: 16px; width: 1163px;}
.about dl dd p{ margin: 0 196px; text-align: center; padding-top: 24px; font-size: 16px; color: #666; line-height: 30px; margin-bottom: 19px;}
.about dl dd em{ display: block; background: url("../image/a_m.jpg") no-repeat; width: 137px; height: 39px; line-height: 39px; margin: 0 auto;}
.about dl dd em a{ display: block; padding-left: 20px; font-size: 14px; color: #fff; letter-spacing: 5px;}
    /**/
.links{ height: 59px; line-height: 59px; overflow: hidden; position: relative;}
.links h3{ float: left; color: #a4a5a9;}
.links h3 span{ padding: 0 12px;font-weight: normal;}
.links p{ float: left; width: 1036px;}
.links p a{ display: inline-block; float: left;color: #a4a5a9; padding: 0 17px;}
.links p a:hover{ text-decoration: underline;}
/**/
.pro_on ul li i:hover{ color: #e50014;}
.pro_on ul li strong,.p_ud span img,.p_ud span img,.case h4 a{transition: all 0.3s linear 0s;}
.pro_on ul li strong:hover{transform: translateX(5px);}
.p_ud span:hover img{transform: translateX(5px);}
.p_bom h3 span:hover{ background: #e50014;}
.case h4 a:hover{transform: translateX(5px);}
.news1 .bt a:hover{color: #e50014;}
.dail p i a:hover{ background: #e50014; color: #fff;}
/**/
.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,8px);-ms-transform: translate(0,8px);-o-transform: translate(0,8px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}