@charset "utf-8";


*{ margin: 0; padding: 0; -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
html,body{ min-height:100% ; width: 100%; margin: 0 auto; color: #666;  }
body{ position: relative; background: #fff ; font-size: 14px; margin: auto; font-family: "微软雅黑"  ; overflow-x: hidden;  -webkit-font-smoothing: antialiased;
}

a{ color: #666; text-decoration: none;}
	
a:hover,
a:focus{ text-decoration: none;}
i,em{font-style: normal; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ max-width: 100%; border: none;}
/*body{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }*/
input,select,textarea{ outline: none;}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#fff;}
input::-moz-placeholder , textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#fff;}
input::-ms-placeholder ,textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#fff; }
input::-o-placeholder { /* Mozilla Firefox 19+ */ color:#fff; }
input::-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */ color:#fff;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}




/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}


@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}


@font-face {
    font-family: 'din-bold-webfont';
    src: url('../fonts/din-bold-webfont.eot');
	src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-bold-webfont.woff2') format('woff2'),
	url('../fonts/din-bold-webfont.woff') format('woff'),
	url('../fonts/din-bold-webfont.ttf') format('truetype'),
	url('../fonts/din-bold-webfont.svg#din-bold-webfont') format('svg');
}

@font-face {
    font-family: 'din-light-webfont';
    src: url('../fonts/din-light-webfont.eot');
	src: url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-light-webfont.woff2') format('woff2'),
	url('../fonts/din-light-webfont.woff') format('woff'),
	url('../fonts/din-light-webfont.ttf') format('truetype'),
	url('../fonts/din-light-webfont.svg#din-light-webfont') format('svg');
}

@font-face {
    font-family: 'din-medium-webfont';
    src: url('../fonts/din-medium-webfont.eot');
	src: url('../fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-medium-webfont.woff2') format('woff2'),
	url('../fonts/din-medium-webfont.woff') format('woff'),
	url('../fonts/din-medium-webfont.ttf') format('truetype'),
	url('../fonts/din-medium-webfont.svg#din-medium-webfont') format('svg');
}







.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.clearfix:after{ content: ''; display: block; clear: both; width: 0px; height: 0px; overflow: hidden;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none; outline: none;}
img{vertical-align: middle;  max-width:100%; border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}

.wrapper{  width: 1200px; margin: auto;}
.wr1400{max-width: 1400px; margin: auto ; width: 100%;}

.bgwhite{ background: #fff;}

.scale .img{ overflow: hidden;}
.scale img{ width: 100%; height: 100%; transition: 1s;}
.scale:hover img{ transform: scale(1.03);}
.fushu{ position: relative; transition: all .2s linear; }
.fushu:hover{  transform: translate3d(0, -8px, 0);   }







/******header*********/



.top{ position: relative; width: 100%; height: 110px;  z-index: 5;   box-sizing: border-box; }
.logo{ width: 34.6%; height: 69px; line-height: 100px;}
.menu { position: relative; width: 680px; }

.nav{ position: relative; z-index: 555; }
.nav li{ position: relative; float: left; margin: 0 55px 0 0; }
.nav li:last-child{ margin-right: 0;}
.nav li>a{ display:block; height: 110px; text-align: center; line-height: 110px; font-size: 16px; color: #000; transition: 300ms;}
.nav li:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 10px; width: 9px; height: 9px; background: url(../images/libg.png) no-repeat bottom center;  margin: auto; opacity: 0; transition: 300ms;}


/*.nav li dl{ display: none;  position: absolute; width: 412px; left: 0; top: 100px; padding: 25px 0 0; transition: 0s; z-index: 56;}
.nav li dt{ float: left; width: 210px; border-right: 1px solid #e1e2e4;}
.nav li dt a{ float: left;   height: 30px; line-height: 30px; margin-right: 35px; text-align: left;  color: #222; min-width: 60px;}
.nav li dt a:hover{  color: #016bfc; }
.nav li dd{ float: right;}
.nav-bg{ position: absolute; left: 0;  top: 100px; width: 100%; height: 150px; background: rgba(255,255,255,0.9);  z-index: 55;}
.nav li:hover dl{ display: block;}*/

.nav li.active>a,
.nav li:hover>a{ color: #0066cf; font-weight: bold;}
.nav li.active:after,
.nav li:hover:after{ opacity: 1; bottom: 18px;}

.search{ width: 33px;  position: relative;  text-align: right; height: 110px; line-height: 110px;cursor: pointer;  }
.search:after{ content: ''; position: absolute; left: 0; top: 50px; width: 1px; height: 9px; background: #cecece;}
.search img{ width: 15px; height: 15px; }
.search .form{display: none;  position: absolute; top: 75px; transition: 0s;}
.search input[type=text]{height: 40px; background: #0066CF url(../images/sec.png) no-repeat left 10px center; padding: 0 15px 0 38px; border: none; color: #fff; font-size: 12px; width: 110px; border-radius: 3px;}
.search input[type=button]{ display: none;}


/* banner*/
.banner{ position: relative; }
.banner,.banner .flexslider,.banner .slides li{ width: 100%; }
.banner .slides li a{ display: block; width: 100%; height: 100%;}
.banner .flexslider{position:relative;overflow:hidden; z-index:1;}
.banner .slides{position:relative;z-index:1;}

/* 圆点切换 */
/*.banner .flex-control-nav{ position: absolute; bottom: 28px; z-index: 11111; padding-left: 0; width: 1200px; left: 0; right: 0; height: 19px; line-height: 19px; margin: 0 auto;  text-align: center;  }
.banner .flex-control-nav li{ width:16px; height:19px; margin:0 6px;display:inline; zoom:1; text-align:center; overflow:hidden;}
.banner .flex-control-nav a{display:inline-block;width:16px;height:19px; line-height:80px;cursor:pointer; color:#fff; font-family:simhei; overflow:hidden; background:url(../images/bang.png) no-repeat center; border-radius: 50%;}
.banner .flex-control-nav .flex-active{ background-image:url(../images/bang1.png); }*/
/* 左右按钮切换 */
.banner .flex-direction-nav a{width:34px;height:61px;line-height:99em;overflow:hidden;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:1;filter:alpha(opacity=1);-webkit-transition:all .3s ease; outline: none; margin-top: -16px; z-index: 99; }
.banner .flex-direction-nav .flex-next{ width: 68px;  height: 68px;  background:url(../images/banht.png) no-repeat center; right: 13%;
opacity:1; filter:alpha(opacity=10); }
.banner .flex-direction-nav .flex-prev{ width: 68px;  height: 68px;  background:url(../images/banle.png) no-repeat center; left: 13%;
opacity:1; filter:alpha(opacity=10)}
.banner .flex-direction-nav .flex-next:hover{background:url(../images/banht1.png) no-repeat center;}
.banner .flex-direction-nav .flex-prev:hover{background:url(../images/banle1.png) no-repeat center;}


.nbanner{ position: relative; width: 100%;overflow: hidden;}
.nbanner .imgg{ height: 100%; width: 100%; }
.nbanner dl{ position: absolute; width: 500px; left: 0; top: 195px; text-align: center; right: 0;  margin: auto; color: #fff;}
.nbanner dt{ font-size: 50px; font-family: "微软雅黑 Light"; height: 60px; line-height: 60px;}
.nbanner i{ display: inline-block; width: 40px; height: 1px; background: #fff; margin: 0 20px; vertical-align: middle;}
.nbanner dd{ text-transform: uppercase; font-size: 14px; font-family: simhei; letter-spacing: 15px; padding-left: 15px; margin-top: 10px;}



.footer{ background: #2b2c2e;}
.fotbox{ padding: 0 50px; max-width: 1400px; margin: auto;}
.fbox{ padding: 24px 0 21px; border-bottom: 1px solid #424242; }

.fotnav li{ float: left; position: relative; padding:0 35px; }
.fotnav li:first-child{ padding-left: 0;}
.fotnav li:last-child{ padding-right: 0;}
.fotnav li:after{ position: absolute; right: 0; top: 6px; width: 1px; height: 9px; background: #55595c; content: '';}
.fotnav li:last-child:after{ width: 0;}
.fotnav li a{ color: #aaa; font-size: 12px; color: #fff;}
.share{ }
#share a{display: block; width: 20px; height: 20px; border-radius: 50%; margin: 0 0 0 12px ;  padding: 0;}
#share .bds_weixin{ background: url(../images/wx.png) no-repeat center  ;}
#share .bds_tsina{  background: url(../images/wb.png) no-repeat center  ;}
#share .bds_sqq{    background: url(../images/qq.png) no-repeat center ;}

.fotmid{ margin-top: 45px; margin-bottom: 38px;}
.erwei{ width: 100px; height: 100px; margin-right: 24px;}
.phone{ padding-left: 50px; background: url(../images/phone.png) no-repeat top left; }
.phone span{ display: block; font-size: 12px; color: #8c8c8c;}
.phone p{ font-family: Impact; font-size: 26px; color: #e2e2e2;}
.fotadd{ font-size: 12px; color: #636b71; margin-left: 90px; padding-top: 5px; }
.fotadd p{ margin-top: 10px;}
.fotadd img{ width: 13px; height: 13px; margin-right: 5px;}
.link{ padding-top: 12px; width: 440px; }
.link p{ line-height: 35px; font-size: 12px; color: #cbcccd;}
.link select{ width: 100%; display: block; height: 54px; font-size: 12px; color: #cbcccd; background: url(../images/selbvg.png) no-repeat center left; border: none; padding: 0 120px 0 20px; cursor: pointer;}


.bg{line-height: 56px; background: #1f1f1f;}
.bg p{ float: left; color: #818283; font-size: 12px;}
.bg a{ float: right; color: rgba(203,204,205,0.4); cursor: pointer; font-size: 12px}


/* foot over */

.inav li{ position: relative; float: left; width: 20.8%; overflow: hidden; margin-top: 4px; margin-right: 0.26%; transition: 500ms;  cursor: pointer;}
.inav li:last-child{ margin-right: 0;}
.inav li:after{ content: ''; position: absolute; top: -10%; width: 100%; height: 100%; background: rgba(0,0,0,0.4);  transition: 300ms; opacity: 0; }
.inav li img{ object-fit: cover; width: 100%; height: 100%;  transition: 300ms;  }

.inav li .txt{ position: absolute; left: 0; right: 0; margin: auto; top: 75%; color: #fff; z-index: 2; width: 90%; transition: 400ms;}
.inav li .txt h4{ font-size: 18px;}
.inav li .txt span{ display: block;  font-family: 'din-medium-webfont'; margin-bottom: 3%;}
.inav li .txt p{ opacity: 0; max-height: 48px; overflow: hidden; }

.inav li.active{  width: 36.8%;  }
.inav li.active .txt{ top: 25%; background: url(../images/aamore.png) no-repeat bottom left; padding-bottom: 10%;}
.inav li.active .txt p{ opacity: 1; }
.inav li.active:after{ top: 0; opacity: 1;}



.iabout { height: 44.46vw;}
.iable { width: 63%; background: url(../images/iabbg.jpg) no-repeat  center; padding: 3.8vw 0 4.3vw;}
.iable .ihrt{ width: 20.6%;}
.ihrt li{ padding-left: 15%; margin: 30% 0;}
.ihrt li p{ font-size: 3.14vw; color: #0066cf; font-family: 'din-bold-webfont'; line-height: 3.14vw;}
.ihrt li span{display: block; color: #333;}

.ihef{ width: 51.23%; margin-right: 7%; margin-top: 3%;}
.iaben{ font-size: 1.5vw; color: #333333; font-family: 'din-bold-webfont';  text-transform: uppercase;}
.iatitle{ font-size: 1.3vw; color: #333; font-weight: bold;}
.iabname{ font-size: 1.5vw; color: #0066cf; margin: 25px 0 38px;}

.ccton{ line-height: 32px; color: #666;display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 7;  overflow: hidden; }
.ccton p{ display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 7;  overflow: hidden; }
.momore{ display: block; width: 178px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #eee; color: #666666; margin-top: 12%;}
.momore i{display: inline-block; width: 20px; height: 5px; background: url(../images/more.png) no-repeat center; margin-left: 10px; vertical-align: top; margin-top: 18px;}
.momore:hover{ background: #0066CF; color: #fff; border-color: #0066CF;}
.momore:hover i{ background-image: url(../images/morer.png);}



.iabht{ width: 37%; height: 100%; background: #eee;}
.iabht h4{ font-size: 1.8vw; margin-bottom: 20px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.iabht p{ font-size: 1vw; line-height: 2vw; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 5;  overflow: hidden;}

.abtTop .let{ display: table;  width: 55%; height: 100%;}
.abtTop{ height: 50%; box-sizing: border-box; padding: 10%;}
.abtTop .let h4{ color: #0066cf;}
.tbox{ display: table-cell; vertical-align: middle; height: 100%;}
.abtTop .lei{ width: 30%;}

.abotimg{ display: table; height: 50%; background: url(../images/iabht.jpg) no-repeat center / cover; box-sizing: border-box; padding: 10%;}
.abotimg .shebei{ display: table-cell; vertical-align: middle; color: #fFf;}
.abotimg .shebei p{ width: 90%;}


.cganli{ background: url(../images/cgalbg.jpg) no-repeat center / cover; padding: 3% ; margin-top: -1px;}
.titi{ text-align: center;color: #Fff; margin-bottom: 50px;}
.titi p{ font-size: 36px; line-height: 36px;  font-family: 'din-bold-webfont';  text-transform: uppercase;}
.titi span{ display: block; font-size: 24px; }
.cganli li { cursor: pointer;}
.cganli li .txt{ padding: 0 28px; font-size: 16px; font-weight: bold; color: #333;  line-height: 54px; background:#fff url(../images/fda.png) no-repeat right 30px  center;}
.cganli li:hover .txt{ color: #Fff;  background:#0066CF url(../images/fda1.png) no-repeat right 35px center;}
.cganli .swiper-container{ padding-bottom: 85px;}
.cganli .ppp span{ width: 18px; height: 18px; background: url(../images/ppp1.png) no-repeat center; opacity: 1; background-size: auto;}
.cganli .ppp span.swiper-pagination-bullet.swiper-pagination-bullet-active{background: url(../images/ppp2.png) no-repeat center; }




.honor{ padding: 90px 3% 21.5%; background:#eee url(../images/irybg.jpg) no-repeat bottom center;}
.wr1300{ max-width: 1250px; width: 100%; margin: auto;}
.honor .titi{ color: #333;}
.rylist{text-align: center;}
.rylist ul{}
.rylist li{ float: left; width: 32%; margin: 0 0 0 1% ;}
.rylist li:nth-child(3n){ margin-right: 0;}
.rylist li .img{ box-sizing: border-box; padding: 22px; background: url(../images/rybg.jpg) no-repeat center }
.rylist li img{ width: 100%; height: 100%;}
.rylist li p{ font-size: 16px; font-weight: bold; color: #333333; margin-top: 60px; text-align: center;}
.rylist li:hover p{color: #0066cf;}




.inew{ padding: 60px 3%;}
.inew .titi{ color: #333; text-align: left; margin-bottom: 0;}
.inew .momore{ margin-top: 22px;}



.newli{ margin-top: 35px; overflow: hidden;}
.newli .time{ font-size: 16px; color: #666666; font-family: 'din-light-webfont';  }
.newli .time p{ font-weight: bold; color: #333; line-height: 32px; margin-top: 25px; max-height: 64px; overflow: hidden;}
.newli .new-left{ width: 25.7%; background: #eee; padding: 35px 15px 0; height: 100%; box-sizing: border-box;}
.newli .new-left .time{ margin-bottom: 62px; padding: 0 15px; }
.newli .img{   text-align: center; }


.new-mid{ position: relative; width: 42.85%; margin-left: 1.75%;}
.new-mid .time{ position: absolute; top: 35px; width: 90%; left: 25px; color: #fff;}
.new-mid .time p{ color: #fff;}
.newocnt{ line-height: 30px; font-size: 14px; margin-top: 25px;}
.new-mid .time em { color: #Fff; background: #0066CF; border-color: #0066CF; margin-top: 44%;}
.new-mid .time em i{  background-image: url(../images/morer.png);}


.new-right{ width: 25.7%; height: 100%;}
.new-right .nhrli{ position: relative;  box-sizing: border-box; }
.new-right .nhrli .time{ position: absolute; width: 80% ; left: 10%; color: #fff; top: 15%;}
.new-right .nhrli .time p{ color: #fff;}
.new-right .nhrli:nth-child(2){ margin-top: 11.2%;}
.new-right .nhrli:nth-child(2) .time{  color: #666;}
.new-right .nhrli:nth-child(2) .time p{ color: #222;}


@media screen and (max-width: 1680px) {
	
}
@media screen and (max-width: 1600px) {
	
}

@media screen and (max-width: 1440px) {
	
}
@media screen and (max-width: 1366px) {

}

@media screen and (max-width: 1280px) {
	
}




















.letit{  line-height: 52px; height: 52px; border-bottom: 1px solid #e4e4e4; }
.letit li{ float: left; }
.letit li a{ display: block; height: 52px; line-height: 52px; font-size: 16px; color: #333;  cursor: pointer; padding: 0 35px; transition: 450ms;}
.letit li.active a,
.letit li:hover a{ font-weight: bold; color: #fff; background: #0066cf;} 

.titright{ color: #999999;}
.titright a{ color: #999999;  cursor: pointer;}



/* 公司简介  */
.about{ background: url(../images/abbg.jpg) no-repeat top center; padding: 45px 0 68px;}
.abtitle p {  font-size: 30px; color: #333; }
.abtitle span{ display: block; font-size: 14px; color: #999; text-transform: uppercase; font-family: 'din-light-webfont'; margin-bottom: 25px;}
.ableft{ width: 810px; line-height: 32px; color: #333; text-align: justify;}
.abright{ width: 345px;}
.abhtop{ text-align: right; padding-top: 70px; padding-right: 18px; font-size: 18px; color: #333; line-height: 36px;}
.abhfot{ margin-top: 88px; padding-left: 20px; line-height: 32px; color: #333;}


/*组织构架*/
.goujia{ text-align: center; padding: 45px 0 65px; background: url(../images/zzbg.jpg) no-repeat top center;}


/* 荣誉 */
.rongyu{ padding: 45px 0 20px; }
.rongyu ul{ width: 1260px;}
.rongyu li{ float: left; width: 364px; margin: 0 54px 40px 0;}
.rongyu li .img{ height: 268px; box-sizing: border-box; padding: 25px; background: url(../images/rrbg.jpg) no-repeat center;}
.rongyu li img{ width: 100%; height: 100%;}
.rongyu li p{ font-size: 16px; font-weight: bold; color: #333333; margin-top: 20px; text-align: center;}
.rongyu li:hover p{color: #0066cf;}




/* 办公环境*/
.huanji{ padding: 50px 0;}
.huanji .wrapper{ position: relative;}
.huanji img{ width: 955px; height: 505px;}

.habox{ position: absolute; z-index: 2; right: 0; top: 100px; width: 390px; height: 305px; background: #0066cf; color: #fff; box-sizing: border-box; padding: 65px 47px;}
.htit p{ font-size: 36px; font-weight: bold; line-height: 40px; text-transform: uppercase;}
.htit span{ display: block; font-size: 24px; margin-bottom: 18px;}
.htit i{display: block; width: 2px; height: 20px; background: #fff;}
.dtext{ margin-top: 25px; font-size: 18px;}

.huanji .prev,
.huanji .next{ width: 58px; height: 46px; margin: auto; outline: none; top: 359px;  left: auto; opacity: 1; transition: 300ms; cursor: pointer;}
.huanji .prev{ right: 58px; background: url(../images/bleft.jpg) no-repeat left 0 center; }
.huanji .next{ right: 0;    background: url(../images/bright.jpg) no-repeat right 0 center; }
.huanji .prev:hover{ background-position: left -58px center; }
.huanji .next:hover{ background-position: right -58px center; }



/* 文化  */
.wenHa{ height: 854px; background: url(../images/whbg.jpg) no-repeat center top;}
.wenHa .wrapper{ position: relative;}
.wenHa li{ position: absolute;}
.wenHa li img{ height: 25px; margin-right: 5px; }
.wenHa li.li1{ width: 280px; left: 36px; top: 172px;}
.wenHa li .img{ font-weight: bold;font-size: 18px; color: #333; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; line-height: 25px; margin-bottom: 12px;}
.wenHa li .txt{ line-height: 24px; color: #333;}
.wenHa li.li2{ width: 345px; left: 0; right: 0; top: 574px; margin: auto;}
.wenHa li.li3{ width: 280px; right: 40px; top: 172px;}


/* 新闻 */
.news{ padding: 20px 0;}
.news li{ padding: 27px 0; border-bottom: 1px solid #ececec; }
.news li .time{ width: 120px;  margin-right: 15px;color: #999; padding-top: 17px;}
.news li .time p{ font-size: 42px; font-family: 'din-Light-webfont'; transition: 200ms; line-height: 60px; height: 60px; }
.news li .time span{ display: block; font-size: 18px;font-family: 'din-Light-webfont'; margin-bottom: 10px;}
.news li .time i{display: block; width: 0; height: 1px; background: #b3b3b3;}
.news li .txt{ width: 62%;}
.news li .txt h4{ font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-top: 10px;}
.news li .txt p{ line-height: 24px; height: 48px; color: #666666; overflow: hidden; margin: 15px 0 23px;}
.news li .txt i img{ width: 20px; height: 5px;  transition: 300ms; }
.news li .img{position: relative; width: 230px; height: 140px; overflow: hidden;  transition: all 0.3s;}
.self .img:before{
    content: "";
    width: 150px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -185px;
    overflow: hidden;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,.1)),color-stop(50%,hsla(0,0%,100%,.4)),color-stop(100%,hsla(0,0%,100%,.1)));
    -webkit-transform: skewX(25deg);
    -moz-transform: skewX(25deg);
	z-index: 55;
}

.news li:hover .time p{ color: #0066CF; font-family: 'din-bold-webfont';}
.news li:hover .time i{ width: 35px;}
.news li:hover .img{ transform: scale(1.1);}
.self li:hover .img:before{  
	-webkit-animation: shine-left 1.2s infinite;
    -moz-animation: shine-left 1.2s infinite;
    -o-animation: shine-left 1.2s infinite;
    animation: shine-left 1.2s infinite;
 }
@-webkit-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}
@-moz-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}
@-o-keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}
@keyframes shine-left {
	0% {
		left: -180px
	}
	to {
		left: 150%
	}
}



/* page  */
.m-page{ text-align: center;  line-height: 48px; font-family: simhei; margin-top: 50px; padding-bottom: 40px;}
.m-page a{  display: inline-block; width: 48px; height: 48px; border: 1px solid #929292;  margin: 0 5px; box-sizing: border-box;  vertical-align: middle; color: #999; border-radius: 50%; font-family: 'din-Light-webfont'; font-size: 20px;}
.m-page a.z-crt{ background: #0066CF; border-color: #0066CF; color: #fff;}
.m-page a.pagenxt{ background: url(../images/peright1.png) no-repeat center;}
.m-page a.pageprv{ background: url(../images/pleft1.png) no-repeat center;}
.m-page a.pagenxt:hover{ background:#0066CF url(../images/peright.png) no-repeat center; border-color: #0066CF;}
.m-page a.pageprv:hover{ background:#0066CF  url(../images/pleft.png) no-repeat center; border-color: #0066CF;}



.anlilist{ padding-top: 15px; background: url(../images/albg.jpg) no-repeat center top; height: 1124px;}
.anlilist ul{ width: 1230px;}
.anlilist li{ float: left; width: 378px; margin-top: 30px; margin-right: 30px;}
.anlilist li .img{ height: 238px; overflow: hidden; position: relative;}
.anlilist li .txt{ padding: 0 28px; font-size: 16px; font-weight: bold; color: #333;  line-height: 54px; background:#fff url(../images/fda.png) no-repeat right 30px  center;}

.anlilist li:hover .txt{ color: #Fff;  background:#0066CF url(../images/fda1.png) no-repeat right 35px center;}


 /* 业务  */
.yewu{ padding: 55px 0;}
.yewu .left{ position: relative; width: 708px; overflow: hidden; height: 550px;}
.yewu .text{ position: absolute; bottom: 40px; width: 86%; left: 7%; color: #fff;}
.yewu .text div{ font-size: 18px; font-weight: bold;}
.yewu .text i{ font-family: 'din-light-webfont';  margin-bottom: 10px; display: block;}
.yewu .text p{ line-height: 20px;}

.yewu .right{ width: 492px;}
.yewu li{ position: relative; height: 136px; margin-bottom: 2px; background: #eee; box-sizing: border-box; padding: 40px 64px 0; cursor: pointer; z-index: 5;}
.yewu li i{ position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; font-size: 88px; color: rgba(51,51,51,0.05); font-family: 'din-bold-webfont'; line-height: 136px;}
.yewu li .img{ float: left; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #cfcfcf; background: url(../images/yicon1.png) no-repeat center;}
.yewu li .txt{ float: left; margin-left: 20px;}
.yewu li .txt p{ color: #333; font-size: 24px; line-height: 40px;}
.yewu li .txt span{ display: block; font-size: 16px; color: rgba(51,51,51,0.78);font-family: 'din-light-webfont';  text-transform: uppercase;}
.yewu li:nth-child(1) .img{ background: url(../images/yicon1.png) no-repeat center;}
.yewu li:nth-child(2) .img{ background: url(../images/yicon2.png) no-repeat center;}
.yewu li:nth-child(3) .img{ background: url(../images/yicon3.png) no-repeat center;}
.yewu li:nth-child(4) .img{ background: url(../images/yicon4.png) no-repeat center;}
.yewu li:before{ position: absolute; left: -32px; top: 50px;  width: 0; height: 0; border-width:16px; border-style: solid; border-color:transparent  #0066cf transparent transparent ;  content: '';  z-index: 5; opacity: 0; transition: 300ms;}

.yewu li.on{ background: #0066cf;}
.yewu li.on i{ color: rgba(255,255,255,0.05);}
.yewu li.on .txt p{ color: #fff;}
.yewu li.on .txt span{ color: rgba(255,255,255,0.68)}
.yewu li.on .img{ border-color: rgba(255,255,255,0.2);}
.yewu li.on:before{ opacity: 1;}
.yewu li:nth-child(1).on .img{ background: url(../images/yicon01.png) no-repeat center;}
.yewu li:nth-child(2).on .img{ background: url(../images/yicon02.png) no-repeat center;}
.yewu li:nth-child(3).on .img{ background: url(../images/yicon03.png) no-repeat center;}
.yewu li:nth-child(4).on .img{ background: url(../images/yicon04.png) no-repeat center;}





.addres{ margin: 50px 0 0; }
.mleft{  width: 680px; height: 370px; position: relative;}
.mleft .mtitle{ position: absolute;  left: 75px; top: 120px; color: #Fff;}
.mtitle p{ font-size: 48px;font-family: 'din-bold-webfont'; text-transform: uppercase;}
.mtitle span{ display: block; font-size: 22px; margin: 8px 0 30px;}
.mtitle i{ display: block; width: 17px; height: 3px; background: #fff;}
.mright{ width: 520px; height: 375px; overflow: hidden; box-sizing: border-box; background: url(../images/contb.jpg) no-repeat center top; padding: 53px 0 0 65px; color: #fff;}
.mright .li{ padding: 20px 0 16px 25px; border-bottom: 1px solid rgba(255,255,255,0.13);}
.mright p{font-weight: bold; font-size: 16px;}
.mright span{ display: block; font-size: 18px; font-family: 'din-light-webfont';}
.mright .li:nth-child(1){ background: url(../images/micon1.png) no-repeat left top 24px;}
.mright .li:nth-child(2){ background: url(../images/micon2.png) no-repeat left top 24px;}
.mright .li:nth-child(3){ background: url(../images/micon3.png) no-repeat left top 24px;}
.mright .li:nth-child(3) span{ font-size: 16px;}


.mappp{ border-top: 5px solid #e5e5e5; height:470px; margin-top: 50px;}
.mappp img{ height: 100%;}