/*css reset*/
* { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box;padding: 0; margin: 0; border: 0 none;}
html,body,p{ font-family:"PingFang SC","微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; color:#000; line-height: 1; font-size:14px;}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;margin: 0; height:100%;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0;}
th,td { vertical-align: middle;}
a{text-decoration:none;	outline: none;hlbr:expression(this.onFocus=this.blur());border:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
outline:none;}
input, select {vertical-align: middle;}
img, iframe {border: none; text-decoration:none;}
img{vertical-align: top;}
:focus {outline: 0;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #999;
}
/*css common*/
.f-left {float: left;}
.f-right {float: right;}
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
html{margin: 0 auto;max-width: 1920px;}
html, body{height: 100%;background-color: #fff;}
.hide,.mobile,.mobile1,.mobile2,.header_language1{display: none;}
.web{display: inline-block;}
.neirong-close,.menu{ display:none;}
.inner{ width:1680px; margin:0 auto;}
body.actived{ overflow:hidden;width:100%; height:100%; display:none;}
.load-wrap{ width:100%; height:100%; background:#fff; }
/* header */
#header{position:fixed; top:0; left:0;z-index:99; height:80px; width:100%;  line-height:80px; background-color:#fff;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
#header .inner{  position:relative;}
#header .logo{ float:left; width:155px;}
#header .logo img{padding-top:16px; width:100%;}
#header.fix.fix1{ top:-80px;}
#header .nav{ width:970px; position:absolute; top:0; left:50%; margin-left:-485px; }
#header .nav li{ float:left;padding:0 45px;width:auto; position:relative;}
#header .nav li.nv2{ padding-left:0; }
#header .nav li.nav7{ padding-right:0;}
#header .nav li a{ color:#333; font-size:18px; display:block; padding-right:15px;text-align:center; line-height:80px; background-image:url(../images/nav_icon1.png); background-repeat:no-repeat; background-position:right center; }
#header .nav li.nav7 a,#header .nav li.nav8 a,#header .nav li.nav9 a,#header .nav li.nav10 a{ background-image:none; padding-right:0;}
#header .nav li a.mobile{ display:none;}
#header .nav li:hover a,#header .nav li a.actived{ color:#0091db;background-image:url(../images/nav_icon2.png);}
#header .nav li.nav7:hover a,#header .nav li.nav7 a.actived,#header .nav li.nav8:hover a,#header .nav li.nav8 a.actived,#header .nav li.nav9:hover a,#header .nav li.nav9 a.actived,#header .nav li.nav10:hover a,#header .nav li.nav10 a.actived{ background-image:none;}
#header .nav li:hover .nav_cont{ height:auto; opacity:1;filter:alpha(opacity=100);}
#header .nav li .nav_cont{ position:absolute; top:80px; left:50%; width:180px; margin-left:-90px; background-color:#fff; height:0; opacity:0;filter:alpha(opacity=0); overflow:hidden;transition: .2s linear; -moz-transition:.2s linear; -webkit-transition:.2s linear;}
#header .nav li .nav_cont li{ padding:0; width:80%; margin-left:10%;}
#header .nav li .nav_cont a{ line-height:1.5; text-align:left; padding:15px 28px 14px;}
#header .nav li .nav_cont a,#header .nav li .nav_cont a{ font-size:14px; color:#333;background-image:none;border-bottom:#fff solid 1px;}
#header .nav li .nav_cont a:hover,#header .nav li .nav_cont a.active{ color:#0091db;background-image:url(../images/nav_icon3.png); border-bottom:#0091db solid 1px;}
#header .nav li.nav5 .nav_cont,#header .nav li.nav6 .nav_cont{ margin-left:-71px;}
/* search */
#header .search{position:absolute;top:0;right:130px;width:60px;height:56px;text-align:center;line-height:56px;cursor:pointer}
#header .search i{display:inline-block;background:url(../images/search.png) no-repeat;width:20px;height:20px;margin-top:30px}
#header .search:hover i{background:url(../images/search1.png) no-repeat}
/* header_search */
.search-input-hull{width:830px;margin:0 auto;position:relative;z-index:9; background-color:#fff; height:80px;}
#header  .search-input-hull .search-ipt{display:inline-block;background:url(../images/search.png) no-repeat;width:20px;height:20px;position:absolute;top:30px;right:0;z-index:1;cursor:pointer}
#header .search-input-hull input{width:740px;height:50px;color:#333;position:absolute; top:15px; left:45px;font-size:16px;line-height:50px;padding:0 20px; background-image:url(../images/input_line.png); background-repeat:no-repeat; background-position:left center;}
#header .search-input-hull .search-cancel{display:inline-block;background:url(../images/close.png) no-repeat;width:14px;height:14px;position:absolute; left:0;top:33px;cursor:pointer;z-index:3}
#header .search-input-hull .search-content{width:830px;background:#fff;color:#333;position:absolute;top:80px;overflow:hidden;}
#header .search-input-hull .search-content .hot-list:hover,#header .search-input-hull .search-content .search-content-list .search-l.active{background:#f0f0f0;}
.search-history{ height:50px; line-height:50px;}
.search-history a{ color:#999; font-size:14px; height:50px; line-height:50px; padding:0 20px;}
#header .search-input-hull .search-content ul li{ float:left; width:100%; height:50px; line-height:50px;}
#header .search-input-hull .search-content ul li a{ color:#333; font-size:16px; display:block; width:100%; line-height:50px; height:50px; padding:0 20px;}
#header .search-input-hull .search-content ul li a:hover{ background-color:#f0f0f0;}
#header nav [placeholder],#header nav input[placeholder]{color:#333 !important}
/* header_language */
.header_language{ position:absolute; right:0; top:20px;width:104px; height:32px; line-height:32px;}
.header_language li{ float:left; width:100%;}
.header_language li a{ display:block; padding:0 10px;margin:0 auto; color:#0091db; font-size:14px; line-height:32px;font-weight:bold;background-repeat:no-repeat; background-position:82px center; transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
.header_language:hover li a{ color:#fff; background-color:#0080c2;}
.header_language li.first a{ border-bottom:#0091db solid 2px; background-image:url(../images/nav_icon2.png);transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
.header_language:hover li.first a{ background-color:#0091db;background-image:url(../images/nav_icon4.png);}
.header_language li.last{ opacity:0;filter:alpha(opacity=0);}
.header_language:hover li.last{ opacity:1;filter:alpha(opacity=100);}
/* banner & main*/
.banner{ margin-top:80px;}
/* footer */
#footer{ height:86px; width:100%; background-color:#eaeaea; }
#footer .f-left td{ float:left; background-image:url(../images/footer_line.png); background-repeat:no-repeat; background-position:right center; padding-right:31px; padding-left:30px;  line-height:86px; height:86px;}
#footer .f-left td.weibo{ padding-left:0;}
#footer .f-left td.tel{ padding-right:0; background-image:none;}
#footer .f-left td a{ display:block; width:25px; height:86px; background-repeat:no-repeat; background-size:auto 20px; background-position:left center;}
#footer .f-left td.wechat a{  background-image:url(../images/footer_wechat.png); position:relative;}
#footer .f-left td.weibo a{  background-image:url(../images/footer_weibo.png);}
#footer .f-left td.wechat a img{ position:absolute; left:50%; margin-left:-65px; top:-120px; opacity:0; transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
#footer .f-left td.wechat a:hover img{ opacity:1;}
#footer .f-left td.wechat a:hover{  background-image:url(../images/footer_wechat1.png);}
#footer .f-left td.weibo a:hover{  background-image:url(../images/footer_weibo1.png);}
#footer .f-left td.tel a{ width:auto;  background-image:url(../images/footer_tel.png); padding-left:40px; color:#222; font-size:16px; line-height:86px;}
#footer .f-left td.tel a span{ color:#0091db; font-size:22px; font-weight:bold;}
#footer .f-right td{ float:left; background-image:url(../images/footer_line.png); background-repeat:no-repeat; background-position:right center; padding-right:31px; padding-left:30px;  line-height:86px;}
#footer .f-right td.last{ background-image:none; padding-right:60px;}
#footer .f-right td.copyright{ background-image:none; padding-right:0;}
#footer .f-right td a{ display:block; color:#333; font-size:15px; line-height:86px;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
#footer .f-right td.copyright a{ display:inline-block;color:#999; font-size:12px;}
#footer .f-right span{ color:#999; font-size:12px;}
#footer .f-right td.copyright a:hover{ color:#999;}
#footer .f-right td a:hover{ color:#0091db;}
/*浮动窗口样式*/
.floating-top{position: fixed;bottom:50px;right:1px;z-index:98;height:40px; width:40px;}
.floating-top a{ display:block;height:40px; width:40px;background-image:url(../images/top.png); background-color:#d8d8d8; background-size:100% auto;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
.floating-top a:hover{background-color:#0091db;}
@media only screen and (max-width:1800px){
	.inner{ width:90%;}
}
@media only screen and (max-width:1520px){
	/* header */
	#header .nav li{ padding:0 20px;}
	#header .nav {width:680px;    margin-left: -340px;}
}
@media only screen and (max-width:1366px){
	/* footer */
	#footer .f-left td{padding-right:21px; padding-left:20px;}
	#footer .f-right td{padding-right:21px; padding-left:20px;}
	#footer .f-right td.last{ padding-right:20px;}
}
@media only screen and (max-width:1280px){
	/* header */
	.search-input-hull{ width:680px;}
	#header .search-input-hull input{ width:630px;}
	#header .search-input-hull .search-content{ width:680px;}
}
@media only screen and (max-width:1240px){
	/* header */
	#header .nav li .nav_cont {width: 140px;    margin-left: -70px;}
	#header .nav li.nav5 .nav_cont,#header .nav li.nav6 .nav_cont{ margin-left:-52px;}
	#header .nav li .nav_cont a{ padding:15px 13px 14px;}
}
@media only screen and (max-width:1184px){
	/* footer */
	#footer .f-left td{padding-right:11px; padding-left:10px;}
	#footer .f-right td{padding-right:11px; padding-left:10px;}
	#footer .f-right td.last{ padding-right:10px;}
}
@media only screen and (max-width:1152px){
	/* header */
	#header .inner{ width:95%;}
	#header .logo { width: 135px;}
	#header .logo img {padding-top:19.1px;}
	#header .search { right:100px;}
}
@media only screen and (max-width:1060px){
	/* footer */
	#footer .f-left td{padding-right:6px; padding-left:5px;}
	#footer .f-right td{padding-right:6px; padding-left:5px;}
	#footer .f-right td.last{ padding-right:10px;}
}
@media only screen and (max-width:1024px){
	.mobile{display: inline-block;}
	.web{display: none;}
	.nav_ul{ display:none;}
	#header.fix1{ top:-60px;}
	#header.actived.fix1{ top:0;}
	.nav_ul.active{ display:block;}
	.header_language,.header_language1{ display:none;}
	/* header */
	#header{ position:fixed; width:100%; height:60px;top:0; left:0; z-index:1001; line-height:60px;}
	#header .inner{ position:static;}
	#header .logo {  height:60px; line-height:60px;position:absolute; left:2.5%; top:0; width:105px; z-index:1001;}
	#header .logo img{ width:100%; vertical-align:middle; padding-top:0;}
	/* search_btn */
	#header .search{position:absolute;top:0;right:10%;width:20px;height:60px;text-align:center;line-height:60px;cursor:pointer}
	#header .search i{display:inline-block;background:url(../images/search1.png) no-repeat;width:20px;height:20px;margin-top:20px}
	#header .search:hover i{background:url(../images/search1.png) no-repeat;}
	#header .search.active{ display:none;}
	/* header_search */
	.search-input-hull{width:90%;height:60px;}
	#header  .search-input-hull .search-ipt{top:20px;}
	#header .search-input-hull input{width:85%;height:40px;top:10px; left:5%;font-size:1.3rem;line-height:40px;padding:0 5%;}
	#header .search-input-hull .search-cancel{top:23px;}
	#header .search-input-hull .search-content{width:100%;top:60px;}
	.search-history{ height:30px; line-height:30px;}
	#header .search-input-hull .search-content .hot-list:hover{background:#fff;}
	.search-history a{ font-size:1.2rem; height:30px; line-height:30px; padding:0 5%;}
	#header .search-input-hull .search-content ul li{ height:30px; line-height:30px;}
	#header .search-input-hull .search-content ul li a{ font-size:1.3rem;line-height:30px; height:30px; padding:0 5%;}
	#header .search-input-hull .search-content ul li a:hover{ background-color:#fff;}
	#header nav [placeholder],#header nav input[placeholder]{color:#333 !important}
	/* header_menu */
	.menu{ height:60px; line-height:60px;display:block; position:absolute; right:2.5%; top:0; width:28.5px; background-image:url(../images/menu1.png); background-repeat:no-repeat; background-size:auto 21.5px; background-position:center;}
	.menu img{ width:100%; vertical-align:middle;}
	.menu.active{ display:none;}
	#header .menu .menu_cont{
		position: relative; height:21.5px; margin-top:19.25px;
	}
	#header .menu img{
		opacity: 0;filter:alpha(opacity=0);
	}
	#header .menu .line1{
		position: absolute;
		left: 6px;
		top: 0;
		height: 2px;
		width: 22.5px;
		background-color: #0091db;
		animation: 1s infinite lineone;
		-webkit-animation: 1s infinite lineone;
	}
	#header .menu .line2{
		position: absolute;
		left: 6px;
		top: 50%;
		margin-top: -1px;
		height: 2px;
		width: 22.5px;
		background-color: #0091db;
		animation: 1s infinite linetwo;
		-webkit-animation: 1s infinite linetwo;
	}
	#header .menu .line3{
		position: absolute;
		left: 6px;
		bottom: 0;
		height: 2px;
		width: 22.5px;
		background-color: #0091db;
		animation: 1s infinite linethree;
		-webkit-animation: 1s infinite linethree;
	}
	/*手机菜单样式开始-----------*/
	#header .inner{ width:90%;}
	#header .nav{ padding-left:0;  display: block; position: fixed;width:100%; top:0;z-index: 1000; /*left: -163px;*/ overflow:hidden; left: 0;touch-action: pan-y; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
	#header.actived  .header_language1{ display:block;position:fixed;top:0;right:10%;z-index:999999;height:60px; line-height:60px;}
	#header.actived  .header_language1 li{ float:left;}
	#header.actived  .header_language1 li a{color:#aaa; display:block; font-size:1.7rem;}
	#header.actived  .header_language1 li.first a{ background-image:url(../images/input_line.png); background-repeat:no-repeat; background-position:right center; background-size:1px 14px; padding-right:9px;}
	#header.actived  .header_language1 li.last a{ padding-left:8px;}
	#header.actived  .header_language1 li a.active{color:#0091db;}
	.neirong-close{ position:fixed;top:0;right:2.5%;z-index:999999;height:60px; line-height:60px; width:21.5px;}
	.neirong-close img{ width:100%; vertical-align:middle;}
	#header .nav .nav_ul{ width:90%; margin:60px auto 0; overflow:hidden;overflow-y: auto; height:100%;border-top:#367cbf solid 1px;padding-top:30px;}
	#header .nav li{ width:95%; padding:0; margin-left:2.5%;  text-align:left; border-bottom:#eaeaea solid 1px; 
		-webkit-transition: all .35s ease-out;
	   -moz-transition: all .35s ease-out;
		-ms-transition: all .35s ease-out;
		 -o-transition: all .35s ease-out;
			transition: all .35s ease-out;}
	#header .nav li.nav10{ padding-bottom:60px; border-bottom:none;}
	#header .nav li a{font-size:1.5rem; padding:20px 0; line-height:1; text-align:left;background-size:8px auto;}
	#header .nav li a.mobile{ display:block;}
	#header .nav li a.web{ display:none;}
	#header .nav li:hover a{ color:#333;background-image:url(../images/nav_icon1.png);}
	#header.actived .nav li a.active{ color:#0091db;background-image:url(../images/nav_icon5.png);}
	#header .nav li a.actived{ color:#0091db;background-image:url(../images/nav_icon5.png);}
	#header .nav li:first-child a{ background-image:none;}
	#header .nav li .nav_cont {position:static;top:0;left:0;width:100%;margin-left:0; height:0px;}
	#header .nav li.nav5 .nav_cont,#header .nav li.nav6 .nav_cont{ margin-left:0;}
	#header .nav li:hover .nav_cont{ height:0; opacity:0;filter:alpha(opacity=0);}
	#header .nav li .nav_cont.active2{ height:auto; opacity:100;filter:alpha(opacity=100);}
	#header .nav li .nav_cont ul{ padding-top:0;}
	#header .nav li .nav_cont li{ width:97.5%; margin-left:2.5%;}
	#header .nav li .nav_cont li:first-child a{ margin-top:-10px;}
	#header .nav li .nav_cont li:last-child{border-bottom:none;}
	#header .nav li .nav_cont li a{ font-size:1.4rem; padding:10px 0;}
	#header .nav li .nav_cont a:hover, #header .nav li .nav_cont a.active,#header .nav li .nav_cont a{color:#333; border-bottom:none; background-image:none;}
	#header .nav li .nav_cont a.active{ color:#0091db;}
	#header .nav{ margin-left:0;
	  height:0; background:#fff; background-image:url(../images/header_shadow.png); background-color:#fff; background-repeat:repeat-x; background-position:left top;
		-webkit-transition:background 0.35s linear,height 0.25s ease-in 200ms;
		   -moz-transition:background 0.35s linear,height 0.25s ease-in 200ms;
			-ms-transition:background 0.35s linear,height 0.25s ease-in 200ms;
			 -o-transition:background 0.35s linear,height 0.25s ease-in 200ms;
				transition:background 0.35s linear,height 0.25s ease-in 200ms;
	}
	#header .nav.neirong-show{height:100%; overflow-y:auto; overflow-y:scroll; margin-top:60px; }
	.neirong-close.active{ display:block;}
	#header.fix .nav li a{ color:#333;}
	
	#header .nav .nav-box li{opacity:0;filter:alpha(opacity=0);
	-webkit-transform: scale(1.1) translateY(-24px);
	   -moz-transform: scale(1.1) translateY(-24px);
		-ms-transform: scale(1.1) translateY(-24px);
		 -o-transform: scale(1.1) translateY(-24px);
			transform: scale(1.1) translateY(-24px);}
	#header .nav.neirong-show .nav-box li{opacity: 1;filter:alpha(opacity=100);-webkit-transform: none;
	   -moz-transform: none;
		-ms-transform: none;
		 -o-transform: none;
			transform: none;}
	.nav_ul .mobile{ width:100%;} 
	.nav_ul .mobile p{ color:#97b2d7; text-align:center; font-size:1rem; padding-top:10px; line-height:1.5; padding-bottom:10px;}
	/*手机菜单样式结束*/
	/* banner & main*/
	.banner{ margin-top:60px;}
	/* footer */
	#footer{ height:65px;}
	#footer .f-left{ float:none; width:304px;margin:0 auto;}
	#footer .f-left td{padding-right:16px; padding-left:15px;  line-height:38px; height:38px; background-size:1px 6px;}
	#footer .f-left td a{  width:15.6px; height:38px;background-size:auto 12px;}
	#footer .f-left td.tel a{  padding-left:30px;font-size:1.3rem; line-height:38px;}
	#footer .f-left td.tel a span{ font-size:1.6rem;}
	#footer p{ color:#999; font-size:1.3rem; line-height:26px; width:100%; border-top:#e8e8e8 solid 1px; text-align:center;}
	#footer p a{ color:#999;}
	#footer .f-left td.wechat a img{ width:100px; left:50%; margin-left:-50px; top:-100px; opacity:1; display:none; }
	#footer .f-left td.wechat a:hover img{ opacity:1;}
	#footer .f-left td.wechat a:hover{  background-image:url(../images/footer_wechat.png);}
	#footer .f-left td.weibo a:hover{  background-image:url(../images/footer_weibo.png);}
	/*浮动窗口样式*/
	.floating-top{bottom:30px;height:20px; width:20px;}
	.floating-top a{ height:20px; width:20px;background-color:#0091db;}
	.floating-top a:hover{background-color:#0091db;}
}
@media only screen and (max-width:414px){
	/* header */
	#header .logo { left:5%;}
	#header .search{ right:18%;}
	.menu{right:5%;}
	#header.actived  .header_language1{ right:15%;}
	.neirong-close{ right:5%;}
	#header .nav li{margin-left:5%;width:90%;}
	/* footer */
	#footer p{font-size:1.1rem; }
}
@media only screen and (max-width:375px){
	/* header */
	#header .search-input-hull input{width:85%;left:8%;}
}
@media only screen and (max-width:320px){
	/* footer */
	#footer p{font-size:1rem; }
}
@keyframes lineone {
	0% {
	   width: 100%;
	}
	25% {
	   width: 25%;
	}
	50% {
	   width: 50%;
	}
	100% {
	   width: 100%;
	}
}
@-webkit-keyframes lineone {
	0% {
	   width: 100%;
	}
	25% {
	   width: 25%;
	}
	50% {
	   width: 50%;
	}
	100% {
	   width: 100%;
	}
}
@keyframes linetwo {
	0% {
	   width: 72%;
	}
	25% {
	   width: 100%;
	}
	50% {
	   width: 50%;
	}
	100% {
	   width: 72%;
	}
}
@-webkit-keyframes linetwo {
	0% {
	   width: 72%;
	}
	25% {
	   width: 100%;
	}
	50% {
	   width: 50%;
	}
	100% {
	   width: 72%;
	}
}
@keyframes linethree {
	0% {
	   width: 88%;
	}
	25% {
	   width: 100%;
	}
	50% {
	   width: 25%;
	}
	100% {
	   width: 88%;
	}
}
@-webkit-keyframes linethree {
	0% {
	   width: 88%;
	}
	25% {
	   width: 100%;
	}
	50% {
	   width: 25%;
	}
	100% {
	   width: 88%;
	}
}