@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: #ff9000; }

.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;}
img { max-width: 100%; }
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 }
#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; background-color: rgba(28, 39, 57, 0.9); 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: 80px; max-width:1300px;}
#header .nav ul li { float: left; height: 80px; line-height: 80px; font-size: 18px; position: relative;}
#header .nav ul li a { padding: 0 30px; display: block; }
#header .nav ul li a span{ display: block; height: 80px; border-bottom: solid 3px #fff; }
#header .nav ul li:hover a span{ border-color: #ff4800; }
#header .nav ul li:hover a { color: #ff4800; }
#header .nav ul li.cur a span{ border-color: #ff4800; }
#header .nav ul li.cur a { color: #ff4800; }
#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; }
#header .nav ul li:hover .nav-down ul li:hover a{  color: #ff4800; }
#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%; }



.index-honor { background: #f4f4f4; text-align: center; padding: 60px 0 72px 0; }
.index-honor .lists { padding: 20px 0 60px 0; }
.index-honor .swiper-slide { width:100%; }
.index-honor .swiper-slide dl { width: 25%; padding: 0 32px; 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 72px 0; }
.index-partner .lists { padding: 10px 0 60px 0; }
.index-partner .swiper-slide { width: 100%; padding: 10px; }
.index-partner .swiper-slide img { width: calc(20% - 20px); margin: 10px; float: left; border:solid 1px #f0f0f0;}
.index-partner .lists .swiper-pagination-bullet, .index-new-pic .swiper-pagination-bullet { background-color: #ccc; }