*{ margin: 0; padding: 0;}
html,body{ min-height:100% ; width: 100%; max-width: 1920px; margin: 0 auto; color: #666;}
body{  position: relative; background: #fff ; font-size: 14px; margin: auto; font-family: "微软雅黑" ; overflow-x: hidden; }
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;}


.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;}
.text-over{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



input::-webkit-input-placeholder { /* WebKit browsers */ color:#808ed3;}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#808ed3;}
input::-ms-placeholder { /* Mozilla Firefox 19+ */ color:#808ed3; }
input::-o-placeholder { /* Mozilla Firefox 19+ */ color:#808ed3; }
input::-ms-input-placeholder { /* Internet Explorer 10+ */ color:#808ed3;}


/* 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-black-webfont';
    src: url('../fonts/dincond-black-webfont.eot');
	src: url('../fonts/dincond-black-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-black-webfont.woff2') format('woff2'),
	url('../fonts/dincond-black-webfont.woff') format('woff'),
	url('../fonts/dincond-black-webfont.ttf') format('truetype'),
	url('../fonts/dincond-black-webfont.svg#dincond-black-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');
}





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

.language{ height: 36px; background: #35438b;}
.language .lang{ width: 510px;  line-height: 36px;  color: #808ed3; }
.language .lang .escn a{ display: inline-block; color: #fff; font-size: 12px; color: #808ed3; margin-right: 27px;}
.language .lang .escn img{ width: 22px; height: 14px; margin-top: -2px; vertical-align: middle; margin-right: 2px;}

.search{  width: 180px; background: #232e68; padding: 0 5px 0 15px;height: 36px; line-height: 36px;}
.search input{ float: left; width: 140px; height: 36px; border: none; background: none; color: #808ed3; }
.search input[type=submit]{ float: right; width: 35px; background: url(../images/seach.png) no-repeat center; cursor: pointer;}



/*  top  */
.top{ position: relative;}
.top .logo{ width: 240px;  height: 84px;}
.top .nav{ }
.top .nav ul li{position: relative; float: left; min-width: 60px; line-height: 81px; border-bottom: 3px solid transparent; margin-left: 35px; text-align: center;}
.top .nav ul li>a{  display: block; color: #222222; }

.top .nav ul li dl{ display: none; z-index: 999;  position: absolute; top: 84px; left: -20px; line-height: 20px; background: #fff; padding: 20px; width: 340px; text-align: left;}
.top .nav ul li dl dt{float: left; width: 70px;}
.top .nav ul li dl dt a{ display: block; line-height: 20px; margin-bottom: 35px; font-size: 12px;}
.top .nav ul li dl dt a:hover{ color: #35438b;}
.top .nav ul li dl dd{ float: right ; width: 260px; overflow: hidden;}
.top .nav ul li dl dd span{ display: block; line-height: 20px; height: 60px; overflow: hidden; color: #808080; font-size: 12px; margin-top: 15px;}

.top .nav ul li:hover,
.top .nav ul li.active{ border-color: #036db4;}
.top .nav ul li:hover dl{ display: block;}

/*.top .nav ul li:nth-child(5) dl{ left: -25px;}
.top .nav ul li:nth-child(6) dl{ left: -130px;}
.top .nav ul li:nth-child(7) dl{ left: -225px;}*/


/* banner*/
.banner{ position: relative; }
.banner,.banner .flexslider,.banner .slides li{ width: 100%; height: 600px;}
.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;}


.nbanner,.nbanner .flexslider,.nbanner .slides li{ width: 100%; height: 420px; overflow: hidden;}
.nbanner .slides li .wrapper{ position: relative; }
.nbanner .slides li .wrapper dl { position: absolute;  left: 0; top: 130px; color: #036db4;}
.nbanner .slides li .wrapper dl dt{ font-size: 36px; font-weight: bold;}
.nbanner .slides li .wrapper dl dd{ font-size: 18px; color: #036db4; text-transform: uppercase; margin-top: 10px;}
.nbanner .slides li .wrapper dl dd i{ display: block; width: 75px; height: 4px; background: #036DB4; margin-top: 25px;}
.nbanner .slides li .wrapper dl.white{ color: #fff;}
.nbanner .slides li .wrapper dl.white dd{ color: #fff;}
 
/* 圆点切换 */
/*.banner .flex-control-nav{position:absolute;bottom:15px; z-index:11111;padding-left:0;width:1200px;left:0;right:0; height:26px; line-height:26px;margin:0 auto;text-align:center; }
.banner .flex-control-nav li{width:26px;height:26px;margin:0 3px;display:inline;zoom:1;text-align:center; overflow:hidden;}
.banner .flex-control-nav a{display:inline-block;width:10px;height:10px; line-height:80px;cursor:pointer;color:#fff;font-family:Arial; overflow:hidden; background:#fff; border-radius: 50%; margin: 0 5px;}
.banner .flex-control-nav .flex-active{ background: #003072;}*/



/* 左右按钮切换 */
.banner .flex-direction-nav a{width:44px;height:87px;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: -44px; z-index: 99;}
.banner .flex-direction-nav .flex-next{ width: 44px;  height: 87px;  background:url(../images/banfr.png) no-repeat center; right:5%;
opacity:0.5; filter:alpha(opacity=50)}
.banner .flex-direction-nav .flex-prev{ width: 44px;  height: 87px;  background:url(../images/banle.png) no-repeat center; left:5%;
opacity:0.5; filter:alpha(opacity=50)}
.banner .flexslider .flex-next:hover{opacity:1; filter:alpha(opacity=100);}
.banner .flexslider .flex-prev:hover{opacity:1; filter:alpha(opacity=100);}





.inte{ position: relative; z-index: 99; height: 120px; background: #036db4 url(../images/titlebg.png) no-repeat right center;}
.inte ul li{position: relative; float: left; width: 240px; }
.inte ul li a{ display: block;}
.inte ul li dl dt { position: absolute;  top: 0; z-index: 80; background: #036db4; padding: 30px 25px 0; width: 240px; box-sizing: border-box; transition: 0.3s;}
.inte ul li dl dt span.fl{ width: 120px;}
.inte ul li dl dt span.fl i{ display: block; font-size: 18px; color: #ffffff; margin-top: 10px; white-space: nowrap; overflow: hidden;}
.inte ul li dl dt span.fl em{ display: block; font-size: 14px; color: #419cd8;white-space: nowrap; overflow: hidden;}
.inte ul li dl dt span.fr img{ height: 90px; transition: .3s;}
.inte ul li dl dd{position: relative; }
.inte ul li dl dd i{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}

.inte ul li:hover dl dt{ top: -84px; padding-top: 15px; }
.inte ul li:hover dl dt span.fl i{  margin: 0px; }
.inte ul li:hover dl dt span.fr img{ height: 69px;}

.inte ul li.li2 dl dt{ background: #ed920e;}
.inte ul li.li2 dl dt span.fl em{  color: #ffbc5b; }
.inte ul li.li3 dl dt{ background: #499a26;}
.inte ul li.li3 dl dt span.fl em{  color: #71b753; }
.inte ul li.li4 dl dt{ background: #655eba;}
.inte ul li.li4 dl dt span.fl em{  color: #908bd4; }
.inte ul li.li5 dl dt{ background: #df4119;}
.inte ul li.li5 dl dt span.fl em{  color: #ff6f4a; }





.title{ font-size: 20px; font-weight: bold; color: #222222; margin: 60px 0 35px; height: 24px; line-height: 24px;}
.title i{display: inline-block; font-weight: normal; color: #888888; font-family: arial; font-size: 16px;}
.title img{ width: 24px; height: 24px ; vertical-align: top;}
.abcont .list-le{ width: 600px; padding-top: 30px; line-height: 26px; color: #888888;}
.abcont .list-img{ height: 253px; overflow: hidden; }



/* news  banner*/
.new{ background: #f4f4f4; padding: 1px 0 60px;}
.nimg,.nimg .flexslider,.nimg .slides li{ width: 100%; height: 450px;}
.nimg{ position: relative; width: 520px; }
.nimg .slides li a{ display: block; width: 100%; height: 100%;}
.nimg .slides li a img{ height: 340px; width: 520px;}
.nimg .flexslider{position:relative;overflow:hidden; z-index:1;}
.nimg .slides{position:relative;z-index:1;}

.nimg .slides li .ndl1{ position: absolute; left: 0; top: 0; width: 100px; height: 100px; box-sizing: border-box; padding:24px 0 0 14px; background: rgba(3,109,180,.9); color: #fff; font-family: arial;}
.nimg .slides li .ndl1 dt{ font-size: 26px;}
.nimg .slides li .ndl1 dd{ font-size: 14px;}

.nimg .slides li .ndl2{ padding: 25px 0 25px 40px; box-sizing: border-box; background: url(../images/newsbg.png) no-repeat left 15px top 30px;}
.nimg .slides li .ndl2 dt{ font-weight: bold; color: #222222; margin-bottom: 10px;}
.nimg .slides li .ndl2 dd{ font-size: 12px ; color: #888888; line-height: 20px; height: 40px; overflow: hidden;}
.nimg .slides li:hover a .ndl2 dt{color: #036db4; }


.newss .new-fr{ width: 605px;}
.newss .new-fr ul{  border-top: 1px solid #e4e4e4;}
.newss .new-fr ul li { padding: 12px 0 ;  border-bottom: 1px solid #e4e4e4;}
.newss .new-fr ul li dl{ padding: 25px 0 25px 40px; box-sizing: border-box; background: url(../images/newsbg1.png) no-repeat left 15px top 30px;}
.newss .new-fr ul li dl dt{ font-weight: bold; color: #222222; margin-bottom: 10px;}
.newss .new-fr ul li dl dt i{ font-weight: normal; font-size: 12px; color: #888;}
.newss .new-fr ul li dl dd{ font-size: 12px ; color: #888; line-height: 20px; height: 40px; overflow: hidden; padding-right: 140px; background: url(../images/right.png) no-repeat center right  32px; transition: .3s;}
.newss .new-fr ul li:hover a dl dt{color: #036db4; }
.newss .new-fr ul li:hover dl dd{ background-position:  center right 15px; }


.frlink ul { width: 1225px; margin-bottom: 50px;}
.frlink ul li{ float: left; width: 148px; height: 78px; border: 1px solid #eee; margin-right: 25px; margin-bottom: 20px;}



.footer{ padding: 70px 0; background: #232e68;}
.footer .footle{ width: 450px; }
.footer .footle .erwei{ width: 130px; margin-bottom: 30px;}
.footer .footle .erwei img{ width: 120px; height: 120px; padding: 5px; background: #fff; }
.footer .footle .erwei p{ background: #35438b; color: #fff; font-size: 12px; line-height: 35px; text-align: center;}


.addlist { line-height: 30px; color: #7883bc;}
.addlist i{ display: inline-block; font-size: 20px;}
.addlist img{ width: 25px; height: 25px; vertical-align: top; margin-right: 5px; }


.footfr{ width: 710px;}
.footfr ul li{ position: relative; float: left; width: 71px; margin-left: 30px; text-align: center;}
.footfr ul li >a{ display: block; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden;}
.footfr ul li dl { margin-top: 45px; }
.footfr ul li dl dt a{ display: block; font-weight: normal; color: #8d97ca; margin-top: 15px; }
.footfr ul li:before{display: none; content: ''; position: absolute; left: 0; right: 0; top: 28px; margin: auto; width: 1px ; height: 30px; background: #636fae;}
.footfr ul li dl dt a:hover { color: #4856a3; }
.footfr ul li:hover:before{display: block; }


.fxicon.social-share { text-align: right;}
.fxicon.social-share .social-share-icon{ color: #232e68 !important; background: #35438b !important; border: none; font-size: 18px; margin-top: 50px;}
.fxicon.social-share .social-share-icon:hover{ color: #8897e5 !important;}


.bott{ line-height: 50px; background: #1b2456; color: #35438b;}





/* cont  */
.ntitle { line-height: 60px; background: #eaecf3;}
.ntitle ul li{  float: left; width: 140px; text-align: center;}
.ntitle ul li a{ display: block; font-size: 14px; white-space: nowrap; overflow: hidden;}
.ntitle ul li.active a,
.ntitle ul li:hover a{ background: #1474b5; color: #fff; font-size: 16px;}

.ntitle .addwz{ padding-left: 20px; background: url(../images/weizhi.png) no-repeat left center;}
.ntitle .addwz a{ font-size: 12px; color: #595959;}
.ntitle .addwz a.active,
.ntitle .addwz a.active:hover{ color: #307DCA;}


.asukza{ padding: 50px 0; }
.product ul { width: 1230px;}
.product ul li{float: left; width: 380px; margin: 0 30px 30px 0;}
.product ul li div{ position: relative; width: 378px; height: 258px; border: 1px solid #eee; overflow: hidden;}
.product ul li div span{ position: absolute; left: 0; top: -100%;width:100%; height: 100%; margin: auto; color: rgba(255,255,255,.8); padding: 100px 45px 0 45px; box-sizing: border-box; background: rgba(28,123,187,.9); transition: .3s; font-size: 12px; line-height: 20px;}
.product ul li div span p{ height: 60px; overflow: hidden;}
.product ul li i{ display: block; line-height: 80px; background: #f2f2f2; text-align: center; color: #4c4c4c; font-size: 16px;}
.product ul li:hover div span{ top: 0;}
.product ul li:hover i{ color: #036db4;}




/*  xq */
.prdubjk{ font-size: 16px; line-height: 28px; color: #404040;}
.prdubjk table{ width: 100%;}
.prdubjk h6{ font-size: 20px; color: #036db4; font-weight: normal; margin-bottom: 50px;}

.prdubjk tr{display: block; margin-bottom: 40px; width: 100%;}
.prdubjk tr th{ width: 100px; color: #036db4; font-size: 16px; text-align: left;}
.prdubjk tr td{ width: 1100px; overflow: hidden;}
.prdubjk dl { width: 100%;}
.prdubjk dl dt{ width: 540px; float: left;}
.prdubjk dl dd{ width: 500px; float: right; }






/*  and  */
.and dl { font-size: 16px; line-height: 36px; color: #036db4; background: url(../images/dianhua.png) no-repeat left top 8px; padding-left: 30px; margin-bottom: 40px;}
.and ul{ width: 580px;}
.and ul li{ width: 580px; margin-bottom: 20px; margin-right: 40px; box-sizing: border-box; padding:20px; border: 1px solid #eee; }
.and ul li div{line-height: 20px; font-size: 14px;}
.and ul li div span{ float: left; vertical-align: top; color: #4c4c4c;}
.and ul li div input{ float: right; width: 450px; height: 20px; border: none;}

.and ul.fr li.li2{  height:225px;} 
.and ul.fr li.li2 textarea{ float: right; font-size: 14px; font-family: "微软雅黑"; width: 450px; height: 180px;outline: none; resize: none; line-height: 20px; border: none;}


.btnn{ text-align: center; margin-top: 40px;}
.btnn input{ width: 200px; height: 60px; background: #eaecf3; color: #666; margin: 0 20px; border: none; font-family: "微软雅黑"; cursor: pointer;}
.btnn input:hover{ color: #fff; background: #036DB4;}








/*  关于   */
.about{ padding: 60px 0 435px; min-height: 520px; background: url(../images/aboutbg.jpg) no-repeat top center; background-size: cover;}
.about dl{ text-align: center; font-weight: bold; margin-bottom: 40px;}
.about dl dt{ font-size: 72px; font-family: arial; color: rgba(102,102,102,.2); text-transform: uppercase;}
.about dl dd{ margin-top: -50px; font-size: 32px; color: #036db4;}

.jkjk{ text-align: center; line-height: 32px; color: #666666; margin-bottom: 75px;}

.abbjk{ font-size: 16px; line-height: 38px; color: #036db4; text-align: center;}
.abbjk i{ display: inline-block; font-size: 24px; font-weight: bold;}



/**/
.abus dl{ padding-bottom: 75px; margin-bottom: 75px; border-bottom: 1px solid rgba(53,67,139,.4);}
.abus dl dt{ font-size: 20px; font-weight: bold; color: #036db4; margin-bottom: 35px;}
.abus dl dd{font-size: 16px; color: #666666; line-height: 36px;}

.ablist h6{ font-size: 20px;  color: #036db4; margin-bottom: 35px;}

.ablist .swi{ padding-bottom: 50px}
.ablist .swi ul li{ border: 1px solid #eee; height: 198px; overflow: hidden; box-sizing: border-box;}
.ablist .swi ul li dl{ position: absolute; left: 0; top: -100% ; width: 100%; height: 100%;  padding: 17px; background: rgba(3,109,180,.95); box-sizing: border-box;  transition: .3s; }
.ablist .swi ul li dl dt{font-weight: normal; text-align: center; margin-bottom: 0;}
.ablist .swi ul li dl dt p{ font-size: 18px; color: #fff; }
.ablist .swi ul li dl dt i{ display: block; color: #fff; font-size: 14px; line-height: 40px;}
.ablist .swi ul li dl dd{ line-height: 22px; color: #e5e5e5; height: 88px; overflow: hidden; font-size: 12px;}
.ablist .swi ul li:hover dl{ top: 0;}





/*  wh  */
.whlist ul li{ height: 130px; background:#f5f5f5 url(../images/wh1.jpg) no-repeat right center; margin-bottom: 30px;}
.whlist ul li.li2{ background:#f5f5f5 url(../images/wh2.jpg) no-repeat left center;}
.whlist ul li.li3{ background:#f5f5f5 url(../images/wh3.jpg) no-repeat right center;}
.whlist ul li.li4{ background:#f5f5f5 url(../images/wh4.jpg) no-repeat left center;}

.whlist ul li dl{width: 230px; text-align: center;}
.whlist ul li dl dt{ width: 40px; height: 40px; margin:30px auto 10px;}
.whlist ul li dl dd{ font-size: 20px; font-weight: bold; color: #036db4;} 

.whlist ul li span{ line-height: 30px; margin-top: 30px; font-size: 18px; color: #4c4c4c; max-width: 600px;  }
.whlist ul li span.text-over{ white-space: normal; text-overflow:inherit; }
.whlist ul li:hover span{ color: #307DCA;}




/*  contus  */
.contus .map,
.contus .map img{ height: 480px;}

.contadd{ margin-top: 40px; margin-bottom: 55px;}
.contadd h6{ font-weight: normal; font-size: 24px; color: #036db4;}
.contadd span{ display: inline-block; margin-top: 30px; line-height: 24px; font-size: 18px; color: #4c4c4c;}
.contadd span img{ width: 24px; height: 24px; margin-right: 10px;}
.contadd span.sl{ margin-right: 140px;}



/*  人才  */
.humfl{ width: 560px;}
.humfr{ width: 575px; padding-right: 10px;}
.humfr ul li { margin-top: 25px;;}
.humfr ul li span{ width: 80px; font-size: 24px; color: #036db4; word-break: break-all;}
.humfr ul li div{ width: 490px; line-height: 28px; color: #292929; max-height: 84px; overflow: hidden;}


/* 招聘  */
.retit { background: #036db4;}
.retit ul li{ float: left; width: 170px; text-align: center; line-height: 75px; font-size: 18px; font-weight: bold; color: #fff; }
.usid dl dt{ background: #fafafa; cursor: pointer;}

.usid dl dt ul{ width: 1236px;}
.usid dl dt ul li { float: left; width: 170px; text-align: center; margin-right: 36px; line-height: 65px; color: #333333; }
.usid dl dd{ display: none; padding:10px 0 10px 28px;}
.ddbjk{ line-height: 32px; color: #333;}

/* .usid dl dd span{ display: block; padding-left: 16px; background: url(../images/gth.jpg) no-repeat left center ; color: #ff6000; font-size: 12px; margin: 15px 0;} */
 

.from { position: relative; width: 350px;}
.from input[type=file]{ position:absolute;left: 0; z-index: 1; width: 100%; opacity: 0; cursor: pointer; }
.from em{ width: 210px; height: 30px; line-height: 30px; border: 1px solid #eee; padding: 0 15px;}
.from i{ width: 80px; text-align: center; color: #fff; background: #9e9e9e; line-height: 30px;}

.from input.sub{ width: 140px; height: 55px; color: #fff; background: #2B8CCC; resize: none; border: none; margin: 20px 0;}


.m-page{  margin-top: 60px;}
.m-page a{ display: inline-block; width: 48px; line-height: 48px; text-align: center; color: #595959; background: #d5dcff; margin: 0 10px;}
.m-page a.z-crt{ color: #fff; background: #036DB4;}



/*  市场推广  */
.super ul{ width: 1230px; }
.super ul li{float: left; width: 280px; margin-right: 26px; text-align: center; margin-bottom: 45px;}
.super ul li img{ width: 280px; height: 200px;}
.super ul li p{ line-height: 60px; color: #4c4c4c; background: #eaecf3; padding: 0 15px; box-sizing: border-box;}
.super ul li:hover p{ color: #fff; background: #036DB4;}


/* video */
.video ul{ width: 1280px;}
.video ul li{float: left; width: 560px; text-align: center; margin-right: 80px; }
.video ul li div{ position: relative;}
.video ul li img{ width: 560px; height: 400px;}
.video ul li div span{ opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(3,109,180,.6); width: 30%; height: 30%; text-align: center; transition: .3s; margin: auto;}
.video ul li div span img{ width: 72px; height: 72px; margin-top: 182px;}
.video ul li p{ padding: 0 20px; box-sizing: border-box; line-height: 90px; background: #eaecf3;transition: .5s;}
.video ul li:hover div span{ opacity: 1; width: 100%; height: 100%;}
.video ul li:hover p{ color: #fff; background: #036DB4;}



/* news */
.news ul li { transition: .3s; margin-bottom: 40px;}
.news ul li span{ width: 400px; height: 240px; transition: .3s;}
.news ul li .newlist{ width: 750px; padding: 50px 0;}
.news ul li .newlist div { width: 120px; height: 140px; border-right: 1px solid #d9d9d9; color: #4c4c4c; font-family: 'Myriad Pro'; background: url(../images/nright.png) no-repeat bottom 30px left; transition: .3s;}
.news ul li .newlist div p{ font-size: 36px;}
.news ul li .newlist div i{ display: block; font-size: 22px;}
.news ul li .newlist dl{ width: 512px; padding-right: 40px;}
.news ul li .newlist dl dt{ font-size: 16px; color: #404040; line-height: 50px;}
.news ul li .newlist dl dd{ font-size: 12px; line-height: 24px; color: #999999; height: 72px; overflow: hidden;}

.news ul li:hover{ background: #036db4;}
.news ul li:hover .newlist div{ background-position:  bottom 0 left 0; color: #fff;}
.news ul li:hover .newlist dl dt{ color: #fff;}
.news ul li:hover .newlist dl dd{ color: #fff; }



/*   办公环境     */
.tdfcl{ float: left; width: 860px; height: 540px; overflow: hidden; position: relative; z-index: 1;}
.tdfcl .tdfcjs{ position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 0 30px; height: 70px; line-height: 70px; background: rgba(0,0,0,.2); font-size: 18px; color: #FFFFFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


.tdfcr{ float: right; width: 320px; height: 540px; overflow: hidden; position: relative; z-index: 1;}
.tdfcr .swiper-button-prev{ top: 0px; left: 0px; width: 100%; height: 70px; background: url(../images/arrow-up.png) #888 no-repeat center center; background-size: 20px; opacity: 1; margin: 0;}
.tdfcr .swiper-button-next{ top: 490px; left: 0px; width: 100%; height: 70px; background: url(../images/arrow-down.png) #888 no-repeat center center; background-size: 20px; bottom: 0; margin: 0; top: auto;opacity: 1;}

.tdfcr .swiper-button-next:hover{ background: url(../images/arrow-down.png) #1474b5 no-repeat center center; background-size: 20px;}
.tdfcr .swiper-button-prev:hover{ background: url(../images/arrow-up.png) #1474b5 no-repeat center center; background-size: 20px;}

.tdfclist{ margin-top: 70px; height: 400px; overflow: hidden;}
.tdfclist .swiper-container{ height:400px; overflow: hidden;}
.tdfclist ul li img{ width: 100%; height: 100%;}
.tdfclist ul li i{ position: absolute; top: 0px; left: 0px; z-index: 100; width: 100%; height: 100%;background: rgba(53,67,139,.5);}
.tdfclist ul li.active i{ display: none;}