@charset "utf-8";
/* CSS Document */

/*--- whole ---*/
html{font-size:100%;}
body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out; color: #666;}
html,
body{height:100%;} 

.w1200 { max-width:1200px; margin:0 auto; position:relative;}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

.color1 { color: #ff4800; }
.colorfff { color: #fff !important; }
.color-blue { color: #3e91df; }

a:hover { color: #ff4800; }

.show { display: block; }
.hide { display: none; }

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}

/*通用img*/
img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}
input.text{display:block;width:100%;height:100%;border:0px;background:none;}

/*--- Header ---*/ 
#header { background-color: #fff; }
#header .top { height: 40px; line-height: 40px; border-bottom: solid 1px #eee; color: #666; }
#header .top .main { text-align: right; }
#header .top .main div { display: inline-block; }
#header .top .main .tel { color: #ff4800; font-weight: bold; background: url(../images/tel.png) left center no-repeat; padding-left: 25px; background-size:15px 15px}
#header .top .main i.down { display: inline-block; width: 9px; height: 6px; vertical-align: middle; background: url(../images/down.png) right center no-repeat;}
#header .top .main .lang { background: url(../images/lang.png) left center no-repeat; padding-left: 20px; position: relative; cursor: pointer; }

#header .top .main .lang.cur .down-item { display: block !important; }
#header .jigou { position: relative; cursor: pointer; }
#header .jigou.cur .down-item { display: block !important; }
#header .lang .down-item,
#header .jigou .down-item { display: none !important; position: absolute; left: 0; top: 40px; width: 100px; text-align: center; z-index: 999; line-height: 32px; color: #fff; padding: 5px 0; } 
#header .jigou .down-item { left: -10px; } 
#header .lang .down-item a:hover,
#header .jigou .down-item a:hover { color: #ff9933; } 
/*#header .lang:hover .down-item,
#header .jigou:hover .down-item { display: block !important;}*/
#header .top .main .line { background: url(../images/line.png) center center no-repeat; width: 24px; height: 12px;}

#header .top-nav { height: 100px; }
#header .nav ul li { float: left; height: 60px; line-height: 60px; font-size: 16px; position: relative;}
#header .nav ul li a { padding: 0 52px; display: block; }
#header .nav ul li a span{ display: block; height: 60px; border-bottom: solid 3px #fff; }
#header .nav ul li:hover a span{ border-color: #ff6600; }
#header .nav ul li:hover a { color: #ff6600; }
#header .nav ul li.cur a span{ border-color: #ff6600; }
#header .nav ul li.cur a { color: #ff6600; }
#header .nav ul li.search { width: 28px; background:url(../images/search.png) center center no-repeat; cursor: pointer; position: relative; }
#header .nav ul li.search a { width: 100%; height: 100%; display: block; }
#header .nav ul li.search .form { background-color: rgba(28, 39, 57, 0.9); position: absolute; right: 0; top: 80px; width: 300px; height: 60px; z-index: 999; padding: 13px; display: none; }
#header .nav ul li.search.cur .form { display: block !important; }
#header .nav ul li.search .form .txt { width: 240px; padding: 0 10px; height: 34px; line-height: 34px; background: #fff; border: none; border:none; float: left; }
#header .nav ul li.search .form .btn { height: 34px; width: 34px; background:url(../images/search.png) center center no-repeat #fff; float: left; }


#header .nav ul li .nav-down { display: none; width: 185px; background-color: rgba(28, 39, 57, 0.9); position: absolute; left: -30px; top: 80px; z-index: 99; font-size: 16px; }
#header .nav ul li .nav-down ul li { height: 65px; line-height: 65px; text-align: center; color: #fff; width: 100%; border-bottom: solid 1px rgba(255,255,255, .1); }
#header .nav ul li:hover .nav-down { display: block; } 
#header .nav ul li .nav-down ul li:hover { background-color: #fff; color: #ff4800; }
#header .nav ul li:hover .nav-down ul li a { color: #fff;  font-size:14px!important }
#header .nav ul li:hover .nav-down ul li:hover a{  color: #ff4800; font-size:14px!important }
#header .nav li { transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }

#header .nav ul li .yw-down { display: none; }
#header .nav ul li .yw-down ul li { text-align: left; position: relative; }
#header .nav ul li .yw-down ul li i { display: inline-block; vertical-align: middle; padding-right: 18px; }
#header .nav ul li .yw-down ul li i img.df { display: block; }
#header .nav ul li .yw-down ul li i img.cur { display: none; }
#header .nav ul li .yw-down ul li:hover i img.df { display: none; }
#header .nav ul li .yw-down ul li:hover i img.cur { display: block; }

#header .nav ul li .yw-down ul li .nav-second { display: none; width: 180px; height: 390px; background-color: #fff; border:solid 1px #1c2739; border-left: none; position: absolute; left: 185px; top: 0; padding-top: 10px; font-size: 14px !important; } 
#header .nav ul li .yw-down ul li .nav-second.second2 {
	width: 440px; display: none;
}
#header .nav ul li .yw-down ul li .nav-second.second2 ul li { font-size: 16px; line-height: 45px; }
#header .nav ul li .yw-down ul li .nav-second.second2 ul li.three { height: auto; overflow: hidden; background: none; font-size: 14px;  margin: 0 30px; width: calc(100% - 60px); line-height: 32px; border-bottom: dashed 1px #d3d3d3; color: #666; padding-bottom: 10px; }
#header .nav ul li .yw-down ul li .nav-second.second2 ul li.three a { display: inline-block; width: auto; background: none !important; padding: 0 12px !important; }
#header .nav ul li .yw-down ul li .nav-second.second2 ul li.three:last-child { border-bottom: none;}

#header .nav ul li .yw-down ul li:nth-child(2) .nav-second { top: -65px;}
#header .nav ul li .yw-down ul li:nth-child(3) .nav-second { top: -130px;}
#header .nav ul li .yw-down ul li:nth-child(4) .nav-second { top: -195px;}
#header .nav ul li .yw-down ul li:nth-child(5) .nav-second { top: -260px;}
#header .nav ul li .yw-down ul li:nth-child(6) .nav-second { top: -325px;}
#header .nav ul li .yw-down ul li:nth-child(7) .nav-second { top: -440px;}

#header .nav ul li .yw-down ul li:hover .nav-second { display: block; }
#header .nav ul li .yw-down ul li .nav-second ul li { color: #333; height:45px; line-height:21px; }  
#header .nav ul li:hover .nav-down ul li:hover .nav-second ul li a {  color: #333; background: url(../images/tb1.png) 30px center no-repeat; padding-left: 50px; }
#header .nav ul li:hover .nav-down ul li:hover .nav-second ul li { background-color: none; }
#header .nav ul li:hover .nav-down ul li:hover .nav-second ul li a:hover {  color: #ff4800; background-image: url(../images/tb1-cur.png);}  

#header .logo { height: 80px; line-height: 79px; }
#header .logo img { height: 100%; vertical-align: middle; }

/*wap nav*/
#wap-nav { width: 65%; right: 0; top: 90px; position: absolute; height: calc(100% - 90px); background: #fff; z-index: 99999; display: none; }
#wap-nav ul li { line-height: 50px; font-size: 18px; background: #fff; }
#wap-nav ul li a { border-bottom: solid 1px #dedede; display: block; padding-left:20px; }
#wap-nav ul li ul { display: none; }
#wap-nav ul li ul li { padding-left: 20px; font-size: 16px; } 
#wap-nav ul li ul li ul li{ padding-left: 20px; font-size: 14px; } 


.nav-icon{ width:9%; padding:24px 2% 0; height:50px; float:right;cursor:pointer; display: none;}
.nav-icon a{display:block;width:100%;height:3px;background-color:#666;position:relative;}
.nav-icon a:before,
.nav-icon a:after{content:"";display:block;width:100%;height:3px;background-color:#666;position:absolute;left:0px;}
.nav-icon a:before{top:-10px;}
.nav-icon a:after{bottom:-10px;}
.nav-icon.cur a{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.nav-icon.cur a:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.nav-icon.cur a:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards; }
@-moz-keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-moz-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 
}
@-webkit-keyframes buttonAnimationBefore {
	0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 
}
@keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(10px) rotate(0);-ms-transform: translateY(10px) rotate(0);-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-moz-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@-webkit-keyframes buttonAnimationAfter {
	0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-10px) rotate(0);-ms-transform: translateY(-10px) rotate(0);-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-moz-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@-moz-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}
@keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); }
}

.banner{ position:relative;}
.banner img{ width:100%; }

.hot-news { height: 66px; line-height: 22px; padding: 22px 0; border-bottom: solid 1px #dedede; }
.hot-news .title { background: url(../images/hot.png) left center no-repeat; padding-left: 42px; }
.hot-news .lists { width: 70%; }
.hot-news .lists ul li { width: 100%; height: 22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hot-news .btn { width: 14px; height: 22px; }
.hot-news .btn a { width: 14px; height: 9px; display: inline-block; background-image: url(../images/a.png); float: left; }
.hot-news .btn a:hover { background-position: right top; }
.hot-news .btn a.next { background-position: left bottom; margin-top: 4px; }
.hot-news .btn a.next:hover { background-position: right bottom; }

.index-yw { text-align: center; padding: 60px 0 0px 0;}
h3.index-title { font-size: 28px; font-weight: normal; color: #333; line-height: 28px; text-align:left; border-left:5px solid #ff6600; height:28px; padding-left:10px}
h3.index-title a{ font-family:"微软雅黑"; font-size:16px; float:right; color:#ff6600}
p.index-detail { line-height: 22px; padding: 12px; /*font-size: 18px;*/ text-align: center; }
.index-yw ul { padding-top: 20px; }
.index-yw ul li { width: 25%; float: left; padding:20px 5px;}
.index-yw ul li .box { border:solid 1px #dedede; padding: 10px; height:360px;transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; position:relative}
.index-yw ul li .box .zhuangtai{ width:100px; height:30px; line-height:30px; text-align:center; background-color:#ff6600; font-family:"微软雅黑"; font-size:14px; color:#fff; position:absolute; top:10px; right:10px; border-radius:0px 0px 0px 15px}
.index-yw ul li .box i {display: block; text-align: center; width:100%; height:auto; font-family:"微软雅黑"; font-size:14px; color:#999; font-style:normal; padding-top:5px}
.index-yw ul li .box .con {color: #ff3333!important; width:100%; height:22px; text-align:center; line-height:22px; font-size:22px; padding-top:10px}
.index-yw ul li .box .con span{ font-size:14px; color:#999999; margin-right:5px} 
.index-yw ul li .box .shuxing { width:100%; height:35px; border-bottom:thin solid #eee; border-top: #eee solid thin; margin-top:20px}
.index-yw ul li .box .shuxing span{ width:50%; height:35px; text-align:center; float:left; font-family:"微软雅黑"; font-size:14px; color:#666; line-height:35px}
.index-yw ul li .box h3 { height:auto; line-height: 24px; font-weight: bold; font-size: 16px; color: #333; font-weight: normal; font-family:"微软雅黑"; padding-top:8px}
.index-yw ul li .box img.cur { display: none; }
.index-yw ul li .box .start{ width:100%; height:20px; line-height:20px; text-align:center; font-size:13px; color:#d8261c; display:block; font-weight:normal; padding-top:15px}
.index-yw ul li .box:hover { border:thin solid #ccc; box-shadow:3px 3px 3px #ccc}
.index-yw ul li .box a.more { width: 100px; height: 32px; text-align: center; line-height: 32px; color: #fff; background-color: #0069d2; display: inline-block; margin-top: 18px; transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; font-size:15px}
.index-yw ul li .box:hover a.more { background-color: #ff9000; }

.index-ys { padding: 60px 0 72px 0; height: 725px; background: url(../images/index-bg1.png) top center no-repeat; text-align: center; color: #fff; }
.index-ys .lists { max-width: 1160px; height: 300px; margin: 0 auto; margin-top: 20px; position: relative; }
.index-ys ul li { width: 290px; height: 290px; background: rgba(1, 87, 173, .6); border: solid 1px #59a6ef; float: left;  position: absolute; transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }
.index-ys ul li:hover { background: #d8972e; }
.index-ys ul li:hover a { color: #fff; }
.index-ys ul li .box { width: 100%; height: 100%; padding: 5% 10%;cursor:context-menu;}
.index-ys ul li .box i { min-height: 60px; line-height: 60px; vertical-align: middle; }
.index-ys ul li .box h3 { padding-top: 8px; font-size: 16px; font-weight: bold; line-height: 24px; }
.index-ys ul li .box .con { padding-top: 12px; font-size: 13px; height: 78px; line-height: 22px; overflow: hidden; color: #bdd5fd; }
.index-ys ul li:hover .con { color: #fff; }
.index-ys ul li:nth-child(1) { left: 42px; top: 42px }
.index-ys ul li:nth-child(2) { left: 332px; top: 42px }
.index-ys ul li:nth-child(3) { left: 622px; top: 42px }
.index-ys ul li:nth-child(4) { left: 912px; top: 42px }
.index-ys ul li:nth-child(5) { left: 187px; top: 186px }
.index-ys ul li:nth-child(6) { left: 477px; top: 186px }
.index-ys ul li:nth-child(7) { left: 767px; top: 186px }
.index-ys .lists2 { display: none; padding: 0 10px; padding-top: 20px;}
.index-ys .lists2 .swiper-slide { width: 50%; float: left; padding: 0 30px; padding: 25px; }
.index-ys .lists2 .swiper-slide a { display: block; background-color: rgba(36, 113, 197, .6); height: 300px;  padding: 30px 20px; transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }
.index-ys .lists2 .swiper-slide:hover a { color: #fff; } 
.index-ys .lists2 h3 { font-size: 22px; line-height: 48px; font-weight: bold; }
.index-ys .lists2 .con { line-height: 24px; font-size: 16px; }
.index-ys .lists2 i { padding: 20px 0 10px 0; display: block; }
.index-ys .lists2 i img { width: 20% }
.index-ys .lists2 .swiper-slide a:hover { background-color: #d99b2d; }

.index-honor { background: #f4f4f4; text-align: center; padding: 60px 0 0px 0; }
.index-honor .lists { padding: 20px 0 60px 0; }
.index-honor .swiper-slide { width:100%; }
.index-honor .swiper-slide dl { width:100%; padding: 0 0px; box-sizing: border-box; display: block; float: left; }
.index-honor .swiper-slide dl dt { width: 100%; }
.index-honor .swiper-slide dl dd { padding: 20px 0; line-height: 20px; text-align: center; }
.index-honor .lists .swiper-pagination-bullet { background-color: #ccc; }

.index-partner { text-align: center; padding: 60px 0 0px 0; }
.index-partner .lists { padding: 10px 0 60px 0; }
.index-partner .swiper-slide { width: 100%; padding: 10px; }
.index-partner .swiper-slide img {margin: 10px; border:solid 1px #f0f0f0;}
.index-partner .lists .swiper-pagination-bullet, .index-new-pic .swiper-pagination-bullet { background-color: #ccc; }

.index-news { padding: 60px 0 72px 0; background-color: #f2f2f2; }
.index-news .box { padding-top: 20px; }
.index-new-pic { width: 50%; }
.index-new-pic .swiper-slide { position: relative; }
.index-new-pic .swiper-slide .content { position: absolute; left: 0; bottom: 0; background-color: rgba(1, 33, 70, 0.5); color: #fff; padding: 12px 20px; }
.index-new-pic .swiper-slide .content h3.title { font-size: 18px; font-weight: normal; }
.index-new-pic .swiper-slide .content .con{ color: #d8d8d8; height: 54px; padding-top: 6px; line-height: 24px; overflow:hidden;  overflow:hidden;  text-overflow:ellipsis;  display:-webkit-box;  -webkit-line-clamp:2; -webkit-box-orient:vertical;
display:-moz-box;  -moz-line-clamp:2; -moz-box-orient:vertical;
display:-ms-box;  -ms-line-clamp:2; -ms-box-orient:vertical;
display:-o-box;  -o-line-clamp:2; -webkit-o-orient:vertical;
 }

.index-new-pic .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { text-align: right; bottom: 70px; }

.index-new-type { width: 50%; padding-left: 10px; }
.index-new-type ul li { float: left; width: 50%; padding: 10px; height: 190px; text-align: center; }
.index-new-type ul li a { display: block; width: 100%; padding: 30px; height: 100%; font-size: 18px; line-height: 42px; background-color: #fff; transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease;  }
.index-new-type ul li:nth-child(1),
.index-new-type ul li:nth-child(2) { padding-top: 0; } 
.index-new-type ul li:nth-child(3),
.index-new-type ul li:nth-child(4) { padding-bottom: 0; } 
.index-new-type ul li:nth-child(2n) { padding-right: 0; } 

.index-new-type ul li i{ display: block; text-align: center; padding-bottom: 10px; }
.index-new-type ul li i img { margin: 0 auto; }
.index-new-type ul li i img.cur {display: none;}
.index-new-type ul li:hover i img.fd {display: none;}
.index-new-type ul li:hover i img.cur {display: block;}
.index-new-type ul li:hover a { background-color: #0069d2; color: #fff; }

#footer { background-color: #333; }
#footer .footer { padding: 20px 0; line-height: 20px; color: #ccc; background-color: #666; font-size:16px}
#footer .ft1 { border-bottom: solid 1px #2a3d54; padding: 15px 0; }
#footer .ft1 dl { height: 90px; display: inline-block; float: left; width: 20%; padding: 20px 0; padding-left: 10px; overflow: hidden; background-image:url(../images/bu06.png); background-repeat:no-repeat; background-position:right center}
#footer .ft1 dl:last-child{ background-image:none!important}
#footer .ft1 dl dt { float: left; padding: 5px 0; margin-top:-10px}
#footer .ft1 dl dt img{ width:60px; height:60px; position:relative;
			   	-webkit-transition: -webkit-transform 1s ease-out;
	            -moz-transition: -moz-transform 1s ease-out;
	            -o-transition: -o-transform 1s ease-out;
	            -ms-transition: -ms-transform 1s ease-out;}

#footer .ft1 dl:hover dt img{
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}

#footer .ft1 dl dd { float: left; padding-left: 12px; line-height: 24px;}
#footer .ft1 dl dd h3 { font-weight: normal; font-size: 15px; color: #666; }
#footer .ft1 dl dd p { font-size: 15px; color: #666; }

#footer .ft2 .fd { width: 31.5%; padding: 30px 0 40px 0; font-size: 16px; color: #eee; }
#footer .ft2 .fd p { padding: 8px 0; line-height: 24px; }
#footer .ft2 .fd p img { vertical-align: middle; margin-right: 16px; }
#footer .ft2 .form { padding-top: 10px; }
#footer .ft2 .form ul li{ padding: 5px 0; height: auto; overflow: hidden; }
#footer .ft2 .form span { display: block; width: 50%; float: left; }
#footer .ft2 .form span:nth-child(1) { padding-right: 5px; }
#footer .ft2 .form span:nth-child(2) { padding-left: 5px; }
#footer .ft2 .form .txt { padding: 0 15px; width: 100%; height:32px; line-height: 32px; background-color: #15273b; border: none; font-size: 13px; color: #fff; }
#footer .ft2 .form .tarea { resize: none; padding: 7px 15px; font-size: 13px; width: 100%; background-color: #15273b; border: none; height: 70px; float: left; color: #fff;}
#footer .ft2 .form .btn { height: 32px; border: none; width: 100%; font-size: 13px; background-color: #173455; color: #fff; } 

#footer .ft2 .site { width: 65%; float: right; padding-top: 30px; }
#footer .ft2 .site .item { float: left; padding: 0 45px; line-height: 38px; }
#footer .ft2 .site .ewm { float: right; text-align: center; line-height: 22px; color: #a5b0bd;width:160px;height:160px;} 
#footer .ft2 .site .ewm p { padding: 6px 0; } 
#footer .ft2 .site .ewm a { padding: 0 6px; }
#footer .ft2 .site .item dt { font-size: 20px; color: #fff; }
#footer .ft2 .site .item dd { color: #fff; display: block; font-size:15px}


#footer .links { color: #f2f2f2; line-height: 24px; padding: 22px 0; border-top: solid 1px #2a3d54;}
#footer .links a { color: #a5b0bd; margin: 0 8px; }
#footer .links a:hover { color: #ff4800; }
#footer .links span { width: 68px; float: left; }
#footer .links .content { width: calc(100% - 68px); float: right; }



/*about*/
.ny-menu { border-bottom: solid 1px #dedede; margin-top:0px}
.ny-menu .current { float: right; height: 48px; line-height: 48px; background: url(../images/tb3.png) left center no-repeat; padding-left: 25px; }
.ny-menu ul { display: inline-block; float: left; width: auto !important; }
.ny-menu ul li { line-height: 48px; float: left; font-size: 16px; background-color:#f7f7f7; margin-right:5px}
.ny-menu ul li a { padding: 0 16px; display: block; }
.ny-menu ul li.cur a { color: #fff; background: #ff6600; }


.ny-container { padding: 35px 0 58px 0; }
.ny-title { font-size: 26px; color: #333; line-height: 40px; padding: 10px 0; }
.ny-title span { color: #a2a1a1;font-size:18px;}
.ny-content { padding: 20px 0 60px 0; line-height: 28px; color: #333; font-size: 16px; }
.b-bottom { border-bottom: solid 1px #e1e1e1; }
.ny-content img{white-space: normal;float: right;margin-left: 60px;}
.ny-content p{font-size:14px;}

.ab-fz { padding-top: 20px; }
.ab-fz .title { font-size: 24px; color: #666; height: 60px; width: 100%; line-height: 60px; }
.ab-fz dl { width: 25%; display: inline-block; float: left; padding-right:56px; } 
.ab-fz dl dd { padding-top: 10px; padding-bottom: 30px; }
.ab-fz dl dd h3 { font-size: 16px; color: #333; font-weight: normal; height: 40px; line-height: 40px; border-bottom: solid 1px #e1e1e1; }
.ab-fz dl dd .con { height: 56px; line-height: 22px; overflow: hidden; padding-top: 12px;}
.ab-fz dl dd .con a { color: #2487dd; }
.ab-fz dl dd .con a:hover { color: #ff4800; }

.huodong { padding: 0 10px; }
.huodong .swiper-container { padding-bottom: 40px; }
.huodong .swiper-slide { width: 100%; } 
.huodong .swiper-pagination-bullet { background-color: #ccc; }

.ab-honor { }
.ab-honor dl { width: 20%; float: left; padding: 0 20px; padding-bottom: 20px; }
.ab-honor dl dd { padding-top: 12px; height: 56px; line-height: 22px; overflow: hidden;} 
.ab-yousi { width: 100%; padding: 60px 0 130px 0; background: url(../images/ab-ys-bg.jpg) top center no-repeat; background-size: 100% 100%; position: relative; }
 
 .ab-partner { padding: 20px 0;}
 .ab-partner dl { margin: 10px 0; width: 48.8%; border:solid 1px #dcdcdc; height: 176px; float: left; }
 .ab-partner dl:nth-child(2n) { float: right; }
 .ab-partner dl dt { width: 28%; float: left; line-height: 176px; text-align: center; }
 .ab-partner dl dt img{ max-width: 80%; vertical-align: middle; }
 .ab-partner dl dd { float: right; width: 72%; height: 176px; border-left:solid 1px #dcdcdc; padding: 4px 30px; position: relative; }
 .ab-partner dl dd:after { position: absolute; top: 18%; left: -1px; width: 14px; height:22px; background: url(../images/tb2.png) no-repeat; content: '' }
 .ab-partner dl dd h3 { height: 42px; line-height: 42px; font-size: 16px; }
 .ab-partner dl dd .con { line-height: 24px; }
 .ab-partner dl dd .con a { color: #2487dd; }
 .ab-partner dl dd .con a:hover { color: #ff4800; }

 .contact-addr { display: inline-block; height: 32px; line-height: 32px; border: solid 1px #e1e1e1; margin-left: 26px; }
 .contact-addr ul li { float: left; font-size: 16px; color: #666; border-right: solid 1px #e1e1e1; }
 .contact-addr ul li:last-child { border-right: none; }
 .contact-addr ul li a { display: block; padding: 0 24px; }
 .contact-addr ul li.cur a { background-color: #999; color: #fff; }

 .ab-contact { padding-top: 30px; }
 .ab-contact .map { float: right; width: 60%; }
 .ab-contact .map img{max-width:none;}

 .ab-contact .content { float: left; width: 36%; line-height: 24px; }

 .ab-job {}
 .ab-job-type { height: auto; line-height: 55px; margin-top: 20px; }
 .ab-job-type ul li { float: left; border-top: solid 1px #e1e1e1; border-right: solid 1px #e1e1e1; font-size: 16px; color: #333; }
 .ab-job-type ul li:first-child { border-left: solid 1px #e1e1e1; }
 .ab-job-type ul li.cur a { color: #fff; background-color: #2487dd; position: relative; }
 .ab-job-type ul li.cur a:after { position: absolute; left: 50%; margin-left: -10px; top: 55px; content: ''; width: 20px; height: 12px; background:url(../images/tb4.png) no-repeat; }
 .ab-job-type ul li a { display: block; padding: 0 30px; font-size: 16px; }
 .ab-job-box { border:solid 1px #e1e1e1; padding: 50px 35px; }
 .ab-job-box table { width: 100%; border:none; }
 .ab-job-box table tr td { width: 20%; border: none; text-align: center; }
 .ab-job-box table.type tr td { height: 50px; background: #008cd6; color: #fff; font-size: 16px;}
 .ab-job-box table.title tr td { height: 50px; border-bottom: solid 1px #e5e5e5; background: #f7f7f8; }
 .ab-job-box dl dd { display: none;  padding: 20px 35px; line-height: 24px; }
 .ab-job-box dl dt { cursor: pointer; }
 .ab-job-box dl dt i.down { display: inline-block; width: 17px; height: 9px; background: url(../images/d.png) no-repeat; margin-left: 6px; } 
 .ab-job-box dl.cur dt i.down { transform:rotate(180deg); }
 .ab-job-box dl.cur dd { display: block; }


 .join-btn { height: 32px; display: inline-block; display: none; line-height: 32px; color: #fff; padding: 0 12px; border-radius: 4px; background: url(../images/tb5.png) 12px center no-repeat #f39700; padding-left: 32px; transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; margin-top: 30px; }

 .join-btn:hover { color: #fff; background-color: #008cd6; }

 .news-lists { padding: 0 10px;}
 .news-lists dl { padding: 30px 0; height: auto; overflow: hidden; border-bottom: solid 1px #dcdcdc; }
 .news-lists dl dt { width: 22.5%; float: left; }
 .news-lists dl dd { width: 74%; float: right; }
 .news-lists dl dd .con { width: 82%; float: left; }
 .news-lists dl dd .con h3 { line-height: 24px; height: 24px; font-size: 20px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; }
 .news-lists dl dd .con .content { height: 106px; padding-top: 10px; line-height: 24px; overflow: hidden; text-overflow:ellipsis;  display:-webkit-box;  -webkit-line-clamp:4; -webkit-box-orient:vertical;
display:-moz-box;  -moz-line-clamp:4; -moz-box-orient:vertical;
display:-ms-box;  -ms-line-clamp:4; -ms-box-orient:vertical;
display:-o-box;  -o-line-clamp:4; -webkit-o-orient:vertical; }
 .news-lists dl dd .time { float: right; text-align: center; line-height: 30px; }
 .news-lists dl dd .time p:nth-child(1){ border-bottom: solid 1px #000; font-size: 60px; line-height: 70px; }

 .news-lists dl dd .con .share { color: #ccc; padding-top: 12px; }
 .news-lists dl dd .con .share a { display: inline-block; vertical-align: middle; }
 .share .dz { height: 17px; background: url(../images/dz.png) left center no-repeat; padding-left: 20px; color: #ccc; margin-right: 16px; }
 .news-lists dl dd .con .share .wx { background: url(../images/wx.png) left center no-repeat; width: 22px; height: 18px; margin-left: 16px; }
 .news-lists dl dd .con .share .sina { background: url(../images/sina.png) left center no-repeat; width: 24px; height: 18px; margin-left: 16px; }

 .news-lists-vod {}
 .news-lists-vod dl { width:calc( 25% - 30px); float: left; margin: 15px; }
 .news-lists-vod dl dt { position: relative; }
 .news-lists-vod dl dt i { position: absolute; width: 100%; height: 100%; line-height: 100%; left: 0; top: 0; z-index: 999; text-align: center; vertical-align: middle; }
 .news-lists-vod dl dt i img { position: absolute; vertical-align: middle; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px; }
 .news-lists-vod dl dd { height: 50px; line-height: 50px; overflow: hidden;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; padding: 0 10px; font-size: 16px; }
 .news-lists-vod dl:hover dd { background-color: #0195d8; color: #fff; }
 .news-lists-vod dl:hover dt i { background: rgba(1, 78, 146, .45); }

 .view-title { text-align: center; height: auto; overflow: hidden; padding: 20px 0 30px 0; }
 .view-title h3 { font-size: 24px; font-weight: bold; line-height: 28px;  }
 .view-title .time { width: 272px; line-height: 32px; margin: 0 auto; padding: 20px 0; }
 .view-title .bdsharebuttonbox { margin-left: 20px; display: inline-block; float: left; }
 .view-article {width:980px;padding-top: 30px; line-height: 24px; border-top: solid 1px #dcdcdc; }

 .back { height: 48px; text-align: center; margin: 70px 0; }
 .back a { display: inline-block; width: 130px; height: 48px; border: solid 1px #dcdcdc; background-color: #2487dd; color: #fff; line-height: 46px; font-size: 18px; }

 .view-page { background-color: #f4f4f4; border: solid 1px #dcdcdc; padding: 20px 30px; color: #000; height: auto; overflow: hidden; line-height: 24px; }
 .view-page span:last-child { float: right; }
.view-page span a { color: #666; }
.view-page span a:hover { color: #2487dd; text-decoration: underline; }

.case-lists { border:solid 1px #e1e1e1; padding: 35px 20px; }
.case-lists dl { width: calc(33.333% - 30px); float: left; border-bottom: solid 2px #2487dd; box-shadow: 0 5px 3px #eee; margin: 15px; }
.case-lists dl dd { height: 200px; background-color: #f6f6f6; padding:22px 32px; color: #333; transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease;}
.case-lists dl dd h3 { font-size: 18px; line-height: 24px; }
.case-lists dl dd .con { padding-top: 6px; height: 72px; line-height: 22px; overflow: hidden;}
.case-lists dl dd a.more { margin-top: 20px; float: right; width: 100px; height: 32px; border: solid 1px #fff; display: block; text-align: center; line-height: 32px; background-color: #2487dd; color: #fff; }
.case-lists dl:hover dd { background-color: #2487dd; color: #fff; }

.case-lists dl dt { position: relative; }
.case-lists dl dt .bq { width: 86px; height: 80px; text-align: center; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/bq.png) left top no-repeat; font-size: 16px; color: #fff; line-height: 70px; }
.case-lists dl:hover dt .bq { background-position: right top; }

.yw-content { border:solid 1px #e1e1e1; padding: 35px 20px; }
.yw-title { position: relative; color: #333; font-size: 18px; font-weight: bold; padding-left: 10px;}
.yw-title:before { position: absolute; left: 0; height: 13px; width: 2px; top: 6px; content: ''; background-color: #284f91; }
.yw-content .box1 { padding: 12px 0 24px 0; }
.yw-content .box1 ul li { position: relative; padding-left: 20px; font-size: 14px; line-height: 40px; }
.yw-content .box1 ul li:before { position: absolute; left: 0; height: 6px; width: 6px; top: 17px; content: ''; background-color: #f09700; }
 
.yw-content .box2 { padding-bottom: 20px; }
.yw-content .box2 dl { height: 144px; width: calc(50% - 40px); float: left; margin: 20px; }
.yw-content .box2 dl:nth-child(2n+1) { margin-left: 0; } 
.yw-content .box2 dl:nth-child(2n+2) { margin-right: 0; } 
.yw-content .box2 dl dt { padding: 6px;  width: 23%; float: left; height: 144px; background-color: #0195d8; font-size: 18px; text-align: center; color: #fff;}
.yw-content .box2 dl dt p { padding: 15px 0; }
.yw-content .box2 dl dd { padding: 25px 40px; line-height: 24px; width: 77%; float: right; height: 144px; background: url(../images/j.jpg) right top no-repeat #eff0f2; padding-left: 18px; overflow: hidden; }

.yw-content .box3 { padding: 40px 0; }
.yw-content .box3 dl { float: left; margin: 0 50px; }
.yw-content .box3 dl dd { height: 70px; line-height: 50px; text-align: center; font-size: 14px; color: #333; }

.yw-content .box { padding: 20px 0 40px 0; line-height: 24px; }

.yw-content .box4 {}
.yw-content .box4 dl { margin: 9px; width: calc(20% - 18px); float: left; }
.yw-content .box4 dl dd { line-height: 60px; text-align: center; font-size: 14px; color: #333; }
 
.yw-content .box5 dl { width: calc(33.333% - 30px); float: left; margin: 15px; }
.yw-content .box5 dl dd { height: 152px; padding: 20px 0; }
.yw-content .box5 dl dd h3 { border-bottom: solid 1px #e1e1e1; height: 44px; line-height: 44px; font-size: 18px; color: #008dd7; font-weight: normal; position: relative; padding-left: 10px; }
.yw-content .box5 dl dd h3:after { position: absolute; height: 1px; width: 100px; position: absolute; left: 0; bottom: -1px; background-color: #008dd7; content: '' }
.yw-content .box5 dl dd .con { padding-top: 12px; line-height: 24px; padding-left: 18px; position: relative;}
.yw-content .box5 dl dd .con:after { position: absolute; left: 0; top: 16px; background:url(../images/tb6.png) center center no-repeat; width: 14px; height: 14px; content: '' }

.yw-case td { padding: 20px; text-align: center; }
.yw-case tr:first-child th { text-align: center; height: 50px; line-height: 50px; background-color: #008cd7; color: #fff; font-size: 16px; font-weight: normal; }
.yw-case { border-left: solid 1px #e5e5e5; /*border-top: solid 1px #e5e5e5; */}
.yw-case tr td{ border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; }
.yw-case tr:nth-child(2n+1) td { background-color: #f2f1f1; }

.yw-content .faq1 { padding-bottom: 20px; }
.yw-content .faq1 ul li { height: 60px; line-height: 32px; padding: 14px 0; border-bottom: dashed 1px #ccc; width: calc(50% - 30px); float: left; margin: 0 30px; position: relative; padding-left: 16px; }
.yw-content .faq1 ul li:after { position: absolute; left: 0; top: 23px; width: 12px; height: 12px; border:solid 2px #2487dd; content: ''; border-radius: 6px; }
.yw-content .faq1 ul li span.fl { display: block; width: calc(100% - 136px); height: 32px; line-height: 32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; }
.yw-content .faq1 ul li:nth-child(2n) { margin-right: 0;}
.yw-content .faq1 ul li:nth-child(2n+1) { margin-left: 0;}
.yw-content .faq1 ul li a.btn { float: right; width: 100px; height: 32px; line-height: 30px; border:solid 1px #2487dd; color: #2487dd; text-align: center; transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }
.yw-content .faq1 ul li a.btn:hover { background-color: #2487dd; color: #fff; }

.faq2 { padding-bottom: 20px; }
.faq2 ul li { border-bottom: solid 1px #e5e5e5; height: 68px; line-height: 32px; padding: 18px 0; }
.faq2 ul li span.fl { width: calc(100% - 130px); height: 32px; line-height: 32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; padding-left: 10px; }
.faq2 ul li a.btn { width: 100px; text-align: center; float: right; color: #2487dd; font-size: 14px; }
.faq2 ul li a.btn:hover {  background-color: #2487dd; color: #fff; }

.download { padding-bottom: 20px;}
.download dl { border-bottom: solid 1px #dcdcdc; width: 100%; display: block; height: auto; overflow: hidden; padding-bottom: 20px; }
.download dl dt { width: 70%; float: left; }
.download dl dt h3 { line-height: 40px; font-size: 18px; color: #2487dd;  }
.download dl dt .con { line-height: 24px; padding: 8px 0; }
.download dl dt .time { color: #666; font-size: 12px; }
.download dl dd { float: right; padding: 20px; }

.box6 { padding: 20px 0; line-height: 30px; }
.btn-blue { background-color: #2487dd; height: 36px; text-align: center; line-height: 36px; padding: 0 24px; display: inline-block; color: #fff; font-size: 16px; margin: 10px 0; }
.btn-blue:hover { color: #fff; }

.color-bg { background-color: #fdeee8; font-size: 16px; padding: 20px 30px; margin: 10px 0; }

.yw-dl { height: auto; overflow: hidden; padding: 10px 0; }
.yw-dl a { height: 45px; line-height: 45px; text-align: center; background-color: #ff9600; color: #fff; display: inline-block; border-radius: 5px; padding: 0 20px; margin: 0 12px; vertical-align: middle; }


.yw-hc { padding-top: 20px;}
.yw-hc dl { width: calc(33.333% - 50px); float: left; margin: 0 25px; }
.yw-hc dl dd h3 { background-color: #0195d8; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 18px; font-weight: normal; border-top: solid 1px #fff; }
.yw-hc dl dd .con { height: 130px; line-height: 24px; padding: 20px 0; }

.history-speed { width: 970px; margin: 0 auto; margin-top: 30px; height: 100px; position: relative; }
.history-speed .main { width: 896px; height: 100px; margin: 0 auto; background: url(../images/bg1.png) left 16px no-repeat; padding-top: 38px; position: relative; overflow: hidden; }
.history-speed .main ul { display: block; position: absolute; left: 0;
 }
.history-speed .main ul li {float:left;height: 62px;padding-top:30px;line-height:30px;width:128px;text-align:center;background: url(../images/t-1.png) top center no-repeat;font-size:20px;color:#0b5a9f;cursor:pointer; }
.history-speed .main ul li.cur { background-image: url(../images/t-2.png); font-size: 24px; font-weight: bold; color: #ff9900; }

.history-speed span { width: 36px; text-align: center; height: 100px; border:solid 1px #dcdcdc; display: inline-block; position: absolute; top: 0; line-height: 98px; font-size: 20px; font-family: arial; color: #c4c4c4; cursor: pointer; color: #fff; }
.history-speed span.prev{ left: 0; background: url(../images/le.png) center center no-repeat #2487dd; }
.history-speed span.prev.valid { background: url(../images/le-cur.png) center center no-repeat #fff; cursor: default; }
.history-speed span.next { right: 0; background: url(../images/ri.png) center center no-repeat #2487dd;  }
.history-speed span.next.valid { background: url(../images/ri-cur.png) center center no-repeat #fff; cursor: default; }

.history-main { width: 970px; margin: 0 auto; height: 370px; border:solid 1px #ccc; margin-top: 80px; }
.his-ri { width: 510px; height: 368px; padding: 20px; padding-left: 0; }
.his-ri .title { font-size: 40px; color: #ff9900; border-left: solid 5px #ff9900; height: 32px; line-height: 32px; padding-left: 18px;}
.his-ri .con { height: 300px; line-height: 28px; padding: 20px 0; padding-right: 20px; overflow: hidden; overflow-y: scroll; }

.history { display: none; }
.history:first-child { display: block; }

.history-wap { display: none; margin: 20px 10px 0 10px !important; width: calc(100% - 20px); position: static !important;}
.history-wap .pic { width: 44%; }
.history-wap .his-ri { width: 56%; padding-left: 20px; } 
.history-wap .swiper-pagination-bullet { background-color: #ccc; } 
.history-wap .swiper-pagination-bullets { bottom: 20px !important; }

.history-wap .history { display: block !important; }
.history-wap .history:first-child { display: block !important; }

.scroll::-webkit-scrollbar {  width: 6px; height: 6px; background-color: #ececec; } 
.scroll::-moz-scrollbar {  width: 6px; height: 6px; background-color: #ececec; } 
.scroll::-ms-scrollbar {  width: 6px; height: 6px; background-color: #ececec; } 
.scroll::-o-scrollbar {  width: 6px; height: 6px; background-color: #ececec; } 
.scroll::scrollbar {  width: 6px; height: 6px; background-color: #ececec; } 
/*定义滚动条轨道 内阴影+圆角*/  
.scroll::-webkit-scrollbar-track  { background-color: #ececec; }  
.scroll::-moz-scrollbar-track  { background-color: #ececec; }  
.scroll::-ms-scrollbar-track  { background-color: #ececec; }  
.scroll::-o-scrollbar-track  { background-color: #ececec; } 
.scroll::scrollbar-track  { background-color: #ececec; }   
  
/*定义滑块 内阴影+圆角*/  
.scroll::-webkit-scrollbar-thumb  { background-color: #d2d1d1; }
.scroll::-moz-scrollbar-thumb  { background-color: #d2d1d1; }
.scroll::-ms-scrollbar-thumb  { background-color: #d2d1d1; }
.scroll::-o-scrollbar-thumb  { background-color: #d2d1d1; }
.scroll::scrollbar-thumb  { background-color: #d2d1d1; }  

.team2 { background: #f0f1f1; text-align: center; padding: 60px 0; }

.team3 { padding-bottom: 60px; }
.team3 .search { text-align: center; padding: 40px 0; }
.team3 .search .txt { width: 166px; height: 45px; line-height: 45px; border: solid 1px #ccc; padding: 0 10px; font-size: 14px; margin: 5px; }
.team3 .search .btn { background: url(../images/search2.png) 28px center no-repeat #2487dd; padding: 0 60px; color: #fff; font-size: 15px; height: 45px; margin: 5px; }

.team-type { text-align: center; padding-bottom: 20px; }
.team-type ul li { height: 52px; display: inline-block; line-height: 52px; background-color: #2487dd; border-right: solid 1px #fff; border-bottom: solid 1px #fff; }
.team-type ul li a { padding: 0 16px; color: #fff; display: block; }
.team-type ul li.cur a { background-color: #ffa800; }

.team-lists { padding: 20px 0; }
.team-lists dl { float: left; width: calc(33.333% - 75px); margin: 18px; border-bottom: solid 2px #2487dd; box-shadow: 0 5px 3px #eee; cursor: pointer; }
.team-lists dl img{max-height: 256px;}
.team-lists dl dd { height: 100px; text-align: center; font-size: 16px; background-color: #f6f6f6; padding: 20px; line-height: 30px; }
.team-lists dl dd h3 { font-size: 24px; font-weight: normal; }
.team-lists dl dd h3 span { font-size: 14px; color: #666; }
.team-lists dl:hover dd { background-color: #2487dd; color: #fff; }
.team-lists dl:hover dd h3 span { color: #fff; }
.team-lists p{font-size:15px; overflow: hidden; height: 30px;}


.out-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0, .6); z-index: 999; display: none; }
.out-box .box { width: 1100px; background-color: #fff; position: fixed; left: 50%; transform: translateX(-50%); height: 478px; top: 50%; margin-top: -239px; }
.out-box .box .content { width: 100%; height: 100%; position: relative; }
.out-box .box .close { position: absolute; right: 15px; top: 15px; }
.out-box .box i.close { width: 32px; height: 32px; background: url(../images/close.png) no-repeat; display: block; float: right; cursor: pointer; }
.out-box .box .box-le { width: 40%; padding: 30px; padding-right: 0; }
.out-box .box .box-le dl dt { float: left; width: 46%; }
.out-box .box .box-le dl dt img{ border-radius: 50%; width: 100%; }
.out-box .box .box-le dl dd { width: 50%; float: right; }
.out-box .box .box-ri { width: 55%; padding: 20px; margin-top: 5px; }
.out-box .box .box-ri .con { padding-right: 20px; height: 360px; line-height: 30px; overflow: hidden; overflow-y: scroll; /*margin-top: 10px; */}


.modal-video{width:100%;height:100%;background:rgba(0,0,0,.9);position:fixed;top:0px;left:0px;z-index:9999;display:none;}
.modal-video-contain{padding:10px;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
.modal-video-contain .modal-video-close{display:block;width:30px;height:30px;background:url(../images/icon/icon-close.png) no-repeat center center;position:absolute;top:-34px;right:-32px;}
.modal-video-contain iframe{width:952px;height:500px;}

/*****/
.qy-cul { height: auto; overflow: hidden; padding-top: 20px; padding-bottom: 50px; }
.qy-cul dl { width: 33.33%; height: 520px; display: block; float: left;}
.qy-cul dl dt, .qy-cul dl dd { height: 260px; position: relative;}
.qy-cul dl dt:before { position: absolute; width: 17px; height: 11px; left: 50%; margin-left: -8px; bottom: 0; z-index: 1; content: ''; background: url(../images/jt.png) no-repeat; }
.qy-cul dl dt:nth-child(2):before { top: 0; background: url(../images/jt2.png) no-repeat; }
.qy-cul dl dt img { width: 100%; height: 100%; object-fit: cover;}
.qy-cul dl dd { background-color: #f4f5f5; font-size: 14px; color: #333; padding:30px 20px; line-height: 24px; }
.qy-cul dl dd h3 { font-size: 16px; font-weight: normal; padding-bottom: 6px; }


.huodong ul { display: block; width: 100%; height: 420px; }
.huodong ul li { list-style: none; height: 200px; float: left; padding: 3px; position: relative;}
.huodong ul li .detail { position: absolute; left: 3px; bottom: 3px; height: 42px; line-height: 42px; text-align: center; padding: 0 3px; width: calc(100% - 6px); background-color: rgba(0,0,0, .5); color: #fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; opacity: 0; transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; }
.huodong ul li .detail a { color: #fff;}
.huodong ul li:hover .detail {  opacity: 1;}
.huodong ul li img { width: 100%; height: 100%; object-fit: cover;}
.huodong ul li:nth-child(1),
.huodong ul li:nth-child(2),
.huodong ul li:nth-child(4),
.huodong ul li:nth-child(5),
.huodong ul li:nth-child(6),
.huodong ul li:nth-child(9) { width: 17.2%; height: 200px; }

.huodong ul li:nth-child(3) { width: 29.6%; }

.huodong ul li:nth-child(7),
.huodong ul li:nth-child(8) { width: 32%; }

.zl-new {}
.zl-new ul li { height: auto; position:relative; min-height: 70px;}
.zl-new span { display: inline-block; float: left; height: 44px; background-color: #0195d8; line-height: 44px; border-top-right-radius: 22px; border-bottom-right-radius: 22px; font-size: 16px; color: #fff; padding: 0 22px 0 16px; margin-left: 40px; }
.zl-new i { display: block; width: 56px; height: 56px; line-height: 56px; text-align: center; border:solid 3px #0195d8; position: absolute; left: 0;  background-color: #fff; border-radius: 28px; z-index: 1px; top: -6px; font-size: 30px; color: #0195d8; font-style: normal;} 
 
.lc-1{height:auto;overflow:hidden;}
.lc-1 ul li { list-style: none; float: left; height: 70px; width: 172px; position: relative; margin: 12px 0; margin-right: 42px; font-size: 15px; color: #fff; text-align: center; }
.lc-1 ul li:before { background: url(../images/bg2.png) no-repeat; width: 30px; height: 70px; position: absolute; right: -28px; top: 0; content: ''; }
.lc-1 ul li span { display: block; float: right; background-color: #008dd7; height: 100%; line-height: 48px; width: 138px; margin-left: 40px; padding: 11px 0; padding-left: 10px;}
.lc-1 ul li.li2 span{ line-height: 24px; }
.lc-1 ul li i { display: block; width: 56px; height: 56px; line-height: 56px; text-align: center; border:solid 3px #0195d8; position: absolute; left: 0;  background-color: #fff; border-radius: 28px; z-index: 1; top: 7px; font-size: 30px; color: #0195d8; font-style: normal; }

/**6/21**/
.ny-current { border-bottom: solid 1px #dedede; }
.ny-current .menu { float: left;}
.ny-current .current { float: right; height: 50px; line-height: 50px; background: url(../images/tb3.png) left center no-repeat; padding-left: 25px; }
.ny-current .title { background-color: #2487dd; padding: 0 16px; color: #fff; position: relative; line-height: 50px; font-size: 16px;}
.ny-current .title:before { width: 11px; height: 17px; position: absolute; right: 0; top: 50%; margin-top: -8px; content: ''; background: url(../images/jt3.png) no-repeat;}
.ny-current .cur-nav { padding:6px 10px; line-height:35px;}
.ny-current .cur-nav ul li { list-style: none; float: left; padding: 0 12px; border-right: solid 1px #ccc; font-size: 16px; box-sizing: border-box; }
.ny-current .cur-nav ul li a { color: #666; }
.ny-current .cur-nav ul li.cur a { color: #ff4800;}
.ny-current .cur-nav ul li:last-child { border-right: none;}

.faq2-news { padding-bottom: 75px; }

.bd_weixin_popup{height:300px !important;}