﻿html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body{ color:#333;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0; font-family:'微软雅黑';} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight:normal;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
.tal{ text-align:left} .tar{ text-align:right;}
/*文字两侧对齐*/
.justify {text-align:justify;text-justify:distribute-all-lines;/*ie6-8*/text-align-last:justify;/* ie9*/-moz-text-align-last:justify;
/*ff*/-webkit-text-align-last:justify;/*chrome 20+*/}
.thumb{ overflow:hidden;}
.thumb img{webkit-transform:translateZ(0);-webkit-transition:.5s;-moz-transform:translateZ(0);-moz-transition:.5s;-ms-transform:translateZ(0);-ms-transition:.5s;-webkit-transform-style:preserve-3d;}
.thumb img:hover{text-decoration:none;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.toe{/*超出省略号*/word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
img {max-width: 100%;height:auto;}
strong{ font-weight:normal;}
/*select{
 -webkit-appearance:none;-moz-appearance:none;appearanearance: none;}*/
/**
 +------------------------------------------------------------------------------
 * 网站整布局命名规范
 +------------------------------------------------------------------------------
 * @codex   id和class命名采用该版块的英文单词或组合命名 如:newRelease
 +------------------------------------------------------------------------------
 */
a{ color:#333; -webkit-transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;-ms-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out; text-decoration: none;}
a:hover{ color:#e64041; text-decoration:none;}
a:hover {text-decoration: none; color:#e64041;}
body{font-family:'微软雅黑'; line-height:1.5; font-size:14px; color:#333;}
 .lft,.fl{ float:left;}
 .rgt,.fr{ float:right;}
.wrapper{
	width:1440px; margin:0 auto;
}
.header{height:86px;}
.header .logo img{width: 208px;height: auto;padding-top: 16px;}
.header .nav ul li{float: left;font-size: 16px;line-height: 86px;margin-left: 54px;}
.header .nav ul li a{color: #6C6C6C;position: relative;}
.header .nav ul li:hover a,.header .nav ul li.on a{color: #005492;}
.header .nav ul li:hover i,.header .nav ul li.on i{display: block;height: 2px;width: 14px;background:#005492;position: absolute;bottom: -12px;left: 50%;margin-left: -7px;}
.fullSlide{position:relative;overflow:hidden;}
.fullSlide .bd{position:relative; z-index:0;}
.fullSlide .bd li {position:relative; overflow:hidden;}
.fullSlide .bd li img{width:100%;display: block;} 
.fullSlide .bd li a{ display:block; }
.fullSlide .hd {width:100%;position: absolute; height:20px; padding-top:8px; bottom:25px; text-align:center;
 font-size:0; z-index:1;}
.fullSlide .hd ul{ text-align:center; margin-right:50px;}
.fullSlide .hd li{margin: 0 5px; height:12px; overflow: hidden; width:12px;  cursor: pointer;background: #fff;
display:inline-block;*display:inline; zoom:1;border-radius:50%; }
.fullSlide .hd .on{ background:#004586; }

.title{padding:80px 0 27px;margin: 0 56px;position: relative;border-bottom: 1px solid #d9d9d9;}
.title h3{font-size: 24px;color: #333333;line-height: 33px;padding-bottom: 6px;}
.title h6{font-size: 16px;color: #999999;line-height: 16px;}
.title ul{position: absolute;bottom: 40px;right: 0;}
.title ul li{float: left;padding-left: 40px;margin-left: 40px;border-left:1px solid #d8d8d8;line-height: 18px;}
.title ul li a{font-size: 13px;color: #777777;}
.title ul li.on a.title ul li:hover a{color: #333;font-weight: 600;}
.listing{padding: 79px 0 92px;text-align: center;background: url(../img/PRODUCT.png) no-repeat left 71%;background-size:1159px auto;}
.listing ul{text-align: center;font-size: 0;padding-bottom: 137px;}
.listing ul li{display: inline-block;*display: inline;zoom: 1;width: 23%;}
.listing ul li .img{width:212px;height: 212px;margin: 0 auto;}
.listing ul li p{font-size: 14px;color: #333333;padding-top: 45px;}

.btn_box a{width: 200px;height: 50px;line-height: 50px;border: 1px solid #005492;color: #005492;text-align: center;margin: 0 auto;font-size: 16px;display: block;}
.btn_box a:hover{background: #005492;color: #fff;}


.about{background: url(../img/ABOUT.png) no-repeat right 200px;background-size:916px auto;}
.about .img{width:40%;height:795px;background: url(../img/banner2.png) no-repeat center;background-size:cover ;}
.about .img img{display: none;}
.about .text{padding-top: 13%;width: 50%;padding-right: 57px;}
.about .text h3{font-size: 24px;color: #333333;line-height: 33px;padding-bottom: 6px;}
.about .text h6{font-size: 16px;color: #999999;line-height: 16px;padding-bottom:33px;}
.about .text p{font-size: 13px;color: #777777;text-align: justify;line-height: 31px;}
.about .btn_box{padding-top: 64px;}
.about .btn_box a{background: #005492;color: #fff;margin-left: 0;}
.about .btn_box a:hover{opacity: 0.6;}
.news_box{position: relative;padding-bottom: 92px;background:url(../img/NEWS.png) no-repeat 60px 80% #f8f8f8;background-size:711px auto;}
.news_box .hr{width: 94%;height: 1px;background: #e9e9e9;position: absolute;top: 222px;left: 0;}
.news_box .title{border: none;}
.news_box ul{font-size: 0;text-align: center;padding-bottom: 110px;}
.news_box ul li{width: 300px;margin: 0 42px;display: inline-block;*display: inline;zoom: 1;text-align: left;}
.news_box ul li h6{font-size: 27px;color: #999999;line-height: 32px;padding-bottom: 55px;}
.news_box ul li h4{font-size: 18px;color: #333333;line-height: 25px;padding-bottom: 30px;}
.news_box ul li p{font-size: 14px;color: #999999;line-height: 25px;margin-bottom: 30px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;height: 50px;}
.news_box ul li .thumb{width: 100%;height: auto;}
.news_box ul li .thumb img{display:block;width:100%;}

.contact .title{height:400px;background: url(../img/banner3.png) no-repeat center;background-size:cover ;padding: 0 57px;margin:0 0 62px;}
.contact .title h3{color: #fff;padding:248px 0 0 ;}
.contact .title h6{color: #fff;}
.contact .body{height: 396px;background: url(../img/CONTACT.png) no-repeat 45px 45px;background-size:1134px auto;text-align: center;}
.contact .body .text{width: 565px;display: inline-block;*display: inline;zoom: 1;text-align: left;}
.contact .body .text .top{padding-bottom: 97px;}
.contact .body .text .top h3{font-size: 20px;color: #333333;line-height: 28px;padding-bottom: 5px;font-weight: 600;}
.contact .body .text .top h6{font-size: 14px;color: #999999;line-height: 16px;}
.contact .body .text p{font-size: 14px;color: #777777;line-height: 20px;padding-bottom: 10px;}
.contact .body .inp{width: 850px;display: inline-block;*display: inline;zoom: 1;text-align: left;vertical-align: top;}
.contact .body .inp ul{margin-left: -3.33333333%;}
.contact .body .inp ul li{width: 30%;float: left;padding-left: 45px;position: relative;border-bottom: 1px solid #e1e1e1;box-sizing: border-box;margin-left:3.33333333%;}
.contact .body .inp ul li span{line-height: 46px;position: absolute;top: 0;left: 0;font-size: 15px;color: #777777;display: block;}
.contact .body .inp ul li input{border: none;width: 100%;height:45px;background: none;font-size: 15px;}
.contact .body .inp .textarea{border-bottom: 1px solid #e1e1e1;margin-bottom: 50px;}
.contact .body .inp .textarea h5{font-size: 15px;color: #777777;line-height: 55px;}
.contact .body .inp .textarea textarea{border: none;width: 100%;height:65px;background: none;font-size: 15px;padding: 10px 15px;}
.contact .body .btn_box button{width: 200px;height: 50px;line-height: 50px;border: 1px solid #005492;color: #005492;text-align: center;margin: 0 auto;font-size: 16px;display: block;display: block;background: none;}
.contact .body  .btn_box button:hover{background: #005492;color: #fff;}

.banner{position: relative;}
.banner img{display: block;width: 100%;height: auto;}
.banner .txt{position: absolute;top: 34%;left: 0;right: 0;text-align: center;color: #fff;}
.banner .txt h2{font-size: 36px;color: #FFFFFF;line-height: 50px;padding-bottom:50px;}
.banner .txt i{display: block;margin: 0 auto;background: url(../img/sjx.png) no-repeat;background-size:100% 100%;width: 24px;height: 19px;}
.titles{text-align: center;padding: 90px 0 121px;}
.titles h3{font-size: 30px;color: #333333;line-height: 42px;padding-bottom: 5px;font-weight: 600;}
.titles h6{font-size: 16px;color: #999999;line-height: 22px;}

.main{background: #f9f9f9;text-align: center;font-size: 0;}
.slideTxtBox .hd ul li{font-size: 16px;display: inline-block;*display: inline;zoom: 1;
color: #333333;line-height: 24px;padding-bottom: 50px;margin: 0 150px;}
.slideTxtBox .hd ul li.on{color: #005492;font-weight: 600;}
.slideTxtBox .list ul{margin-left: -70px;padding: 0 4%;}
.slideTxtBox .list ul li{width: 436px;display: inline-block;*display: inline;zoom: 1;text-align: left;margin-left: 70px;}
.slideTxtBox .list ul li .thumb{width: 100%;height: auto;margin-bottom: 20px;}
.slideTxtBox .list ul li img{display: block;width: 100%;height: auto;}
.slideTxtBox .list ul li h4{font-size: 16px;color: #222222;line-height: 22px;padding-bottom: 6px;font-weight: 600;}
.slideTxtBox .list ul li p{line-height: 20px;font-size: 14px;color: #999999;padding-bottom: 50px;}

.page{padding: 50px 0 150px;font-size: 0;text-align: center;}
.page ul li{width: 32px;height: 40px;border: 1px solid #D7D7D7;line-height: 40px;text-align: center;margin:0 5px;display: inline-block;*display: inline;zoom: 1;box-sizing: border-box;background: #fff;}
.page ul li a{font-size: 16px;color: #222;}
.page ul li.cur,.page ul li:hover{background: #005492;border: 1px solid #005492;}
.page ul li.cur a,.page ul li:hover a{color: #fff;}
.page ul li.prev,.page ul li.next{width: 39px;height: 40px;}
.page ul li.prev a,.page ul li.next a{color: #999;}

.footer{background: #fff;}
.footer .wrapper{width: 1330px;margin: 0 auto;padding-top: 79px;height: 192px;}
.footer .left{padding-top: 10px;}
.footer .left p{font-size: 14px;
color: #333333;line-height: 20px;padding-bottom:15px;}
.footer .qr{width: 115px;}
.footer .qr img{display: block;width: 100%;height: auto;}
.footer .qr p{font-size: 14px;
color: #333333;line-height:20px;padding-top: 11px;text-align: center;}
.footer .bottom{font-size: 12px;border-top: 1px solid #e8e8e8;
color: #999999;line-height: 22px;padding:30px;text-align: center;}


.info .wrapper{width: 1410px;padding: 90px 0 87px;}
.info .left{width: 530px;}
.info .left h4{font-size: 20px;color: #222222;line-height: 28px;padding: 80px 0 40px;}
.info .left p{font-size: 14px;color: #999999;text-align: justify;line-height: 22px;}
.info .thumb{width: 725px;height: 360px;}
.info .thumb img{display: block;width: 100%;height: 100%;}
.text_box ul{padding:147px 0 125px;background: #f9f9f9;}
.text_box ul li{text-align: center;width: 33.33333333%;float: left;}
.text_box ul li h2{font-size: 80px;color: #333333;line-height: 112px;position: relative;display: inline-block;*display: inline;zoom: 1;}
.text_box ul li h2 span{font-size: 19px;
color: #999999;line-height: 19px;position: absolute;top:20px;right: -20px;}
.text_box ul li:last-child h2 span{right: -55px;}
.text_box ul li h5{line-height: 26px;font-size: 19px;color: #999999;}

.backs{background: url(../img/back4.jpg) no-repeat bottom center;background-size:100% auto;height: 1000px;}
.backs .clearfix{padding: 0 6%;}
.backs .font1{padding-top: 90px;width: 535px;}
.backs .font1 h3{font-size: 22px;color: #333333;padding-bottom: 20px;}
.backs .font1 p{font-size: 16px;color: #999999;line-height: 22px;}
.backs .font2{padding-top: 140px;}
.backs .font2 h2{font-size: 66px;color: #333333;line-height:88px;}
.backs .font3{padding-left: 6%;}
.backs .font3 p{width:390px;font-size: 28px;color: #333333;line-height: 40px;}


.slideTxtBox2 .bd{background: #f9f9f9;padding-top: 30px;margin: 0 auto;}
.slideTxtBox2 .hd ul{text-align: center;}
.slideTxtBox2 .hd ul li{font-size: 18px;line-height: 74px;background: #ffff;text-align: center;display: inline-block;*display: inline;zoom: 1;margin:0 170px;}
.slideTxtBox2 .hd ul li a{line-height: 71px;border-bottom:3px solid #fff;color: #333;display: block;}
.slideTxtBox2 .hd ul li.on a{border-bottom:3px solid #005492;color: #005492;}

.new_list{width: 1440px;margin: 0 auto;}
.new_list .top{height:630px;background: #fff;margin-bottom: 28px;}
.new_list .top .thumb{width:66%;height: auto;}
.new_list .top .thumb img{display: block;width: 100%;}
.new_list .top .text{width: 338px;padding-right: 66px;}
.new_list .top .text h6{font-size: 12px;color: #999999;padding: 186px 0 18px;}
.new_list .top .text h3{font-size: 32px;color: #333333;line-height: 45px;padding-bottom: 80px;}
.new_list .top .text p{font-size: 16px;color: #999999;line-height: 22px;}
.new_list ul{margin-left: -2.5%;padding-bottom: 52px;}
.new_list ul li{width: 47.5%;margin:0 0 28px 2.5%;background: #fff;padding: 52px 62px 52px 0;box-sizing: border-box;float: left;}
.new_list ul li a{display: block;position: relative;}
.new_list ul li .time{position: absolute;top:10px;left: 0;width: 153px;text-align: center;}
.new_list ul li .time h5{font-size: 22px;color: #333333;line-height: 30px;padding-bottom: 12px;}
.new_list ul li .time h6{line-height: 22px;font-size: 16px;color: #333333;}
.new_list ul li .text{padding-left:153px;}
.new_list ul li .text h3{line-height: 30px;padding-bottom: 10px;font-size: 22px;color: #333333;}
.new_list ul li .text p{line-height: 22px;height: 44px;font-size: 16px;color: #999999;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.new_list ul li:hover{background: #005492;}
.new_list ul li:hover .time h5,.new_list ul li:hover .time h6,.new_list ul li:hover .text h3,.new_list ul li:hover .text p{color: #fff;}

.details{padding: 90px 0 150px;width: 1450px;margin: 0 auto;}
.details .top{text-align: center;padding-bottom: 117px;}
.details .top h1{font-size: 30px;color: #333333;line-height: 42px;padding-bottom: 16px;}
.details .top h6{font-size: 14px;color: #999999;line-height: 20px;}
.details p{font-size: 14px;color: #999999;line-height: 24px;padding-bottom: 20px;text-align: left;}
.details img{display: block;width: 100%;margin-bottom:20px;}

.Contact_us{padding-bottom: 150px;}
.Contact_us .text{padding:80px 0 160px;}
.Contact_us .text ul{margin-left: -2%;}
.Contact_us .text ul li{width: 48%;margin-left: 2%;height:302px;background: #fff;float: left;padding: 60px 0 0 40px;box-sizing: border-box;}
.Contact_us .text ul li h3{font-size: 24px;
color: #333333;padding-bottom: 59px;line-height: 33px;}
.Contact_us .text ul li p{font-size: 16px;color: #A2A2A2;line-height: 22px;padding-bottom: 12px;}
.mian{background: #F9F9F9;}
.Contact_us .tit{text-align: center;padding-bottom: 49px;}
.Contact_us .tit h3{font-size: 35px;color: #333333;line-height: 49px;padding-bottom: 6px;}
.Contact_us .tit p{font-size: 12px;color: #999999;line-height: 14px;}

.Contact_us .inp ul{margin-left: -5.33333333%;}
.Contact_us .inp ul li{width: 28%;float: left;padding-left:70px;position: relative;box-sizing: border-box;margin-left:5.33333333%;background: #fff;}
.Contact_us .inp ul li span{line-height: 46px;position: absolute;top: 0;left: 20px;font-size: 16px;color: #333;display: block;}
.Contact_us .inp ul li input{border: none;width: 100%;height:45px;background: none;font-size: 16px;}
.Contact_us .inp .textarea{margin-bottom:60px;padding-top: 30px;}
.Contact_us .inp .textarea textarea{border: none;width: 100%;height:220px;background: #ffff;padding: 10px 15px;box-sizing: border-box;}
.Contact_us .btn_box button{width: 200px;height: 50px;line-height: 50px;color: #fff;text-align: center;margin: 0 auto;font-size: 16px;display: block;display: block;background: #005492;border: none;}
.Contact_us  .btn_box button:hover{opacity: 0.6;}


.mians{background:#eeeeee;padding-top: 80px;}
.recruit ul{margin-left: -2%;padding-bottom:74px;}
.recruit ul li{width: 48%;margin-left: 2%;background: #fff;float: left;padding: 0 47px;box-sizing: border-box;height: 517px;margin-bottom: 16px;}
.recruit ul li h3{font-size: 16px;color: #333333;line-height: 70px;padding-top: 17px;border-bottom: 1px solid #E8E8E8;}
.recruit ul li h3 span{font-size: 16px;color: #333333;}
.recruit ul li h3 span i{color: #FB1515;}
.recruit ul li .txt{padding-top: 30px;}
.recruit ul li .txt h4{font-size: 15px;color: #FFFFFF;line-height: 28px;display: inline-block;*display: inline;zoom: 1;padding: 0 16px;min-width: 91px;text-align: center;margin-bottom: 20px;background: #005492;box-sizing: border-box;}
.recruit ul li .txt p{font-size: 14px;color: #A2A2A2;line-height: 20px;padding-bottom: 2px;}

.tetx_p p{line-height: 22px;font-size: 14px;color: #A2A2A2;padding-bottom: 150px;}