/*重置浏览器样式属性*/
 
@charset "utf-8";

* { font-family: "Microsoft YaHei"; margin: 0; padding: 0; border: 0; line-height: 1.7;}

img { vertical-align: top; border: 0; }

a { cursor: pointer; text-decoration: none; }

a:hover { text-decoration: none; }

ul, li, ol, dl, dt, dd { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.clear { clear: both; }

.clearfix { zoom: 1; }

.clearfix:after { clear: both; content: ""; display: block; height: 0; line-height: 0; visibility: hidden; }

.dib { display: inline-block; *display: inline; *zoom: 1; }

.left { float: left; }

.right { float: right; }

video{display: block;}

/* 通用 */

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,form,th,td{margin:0;padding:0;}

/*body,button,input,select,textarea{font:12px/1.5 Tahoma,"Microsoft YaHei","\5b8b\4f53";}*/

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

address,cite,dfn,em,var{font-style:normal;}

code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace;}

small,i{font-size:12px; font-style:normal;}

input{ border:0;}

ul,ol,li{list-style:none;}

a{text-decoration:none;color: #525252;}a:link,a:visited,a:hover,a:active{text-decoration:none; outline:none;}

a:hover{color:#ff3300;}

abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help;}

q:before,q:after{content:'';}:focus{outline:0;}legend{color:#000;}

fieldset,img,input{border:none;}button,input,select,textarea{font-size:100%;}

table{border-collapse:collapse;border-spacing:0;}

hr{border:none;height:1px;*color:#fff;}img{-ms-interpolation-mode:bicubic;}



h3{font-size: 22px;color: #666;}

.fl{ float:left;}

.fr{ float:right;}

.abs{position:absolute;}

.rel{position:relative;}

.hide{ display:none;}

.clear{*zoom:1;*height: 0px;}

.clear:after{display:block;clear:both;content:"\0020";visibility:hidden;height:0;}

.li-f-left{float: left;}


body{background: #1e1f23;}

.wrap{position: relative;}
/*.wrap{width: 1200px;margin: 0 auto;position: relative;}*/

.header .wrap{width: auto;}

/*顶部*/ 

.header{background: url(../img/header.png) 0 0 repeat-x;width:100%;height: 88px;position: fixed;top: 0;box-sizing: border-box;z-index: 9999;right: 0;transition: all 0.5s;-webkit-transition: all 0.5s}

.header .wrap{height: 100%;}

.header .logo{background: url(../img/logo.png) center center no-repeat;width: 232px;height: 88px;display: block;margin-left: 100px;background-size: auto 100%;}
.header .logo.en{background: url(../img/logo.png) center center no-repeat;width: 232px;height: 88px;display: block;margin-left: 100px;background-size: auto 100%;}
/*.header .logo.en{background: url(../img/logo.png) center center no-repeat; background-size: auto 80%;}*/

.header .nav ul{float: right;height: 80px;margin-right: 180px;}

.header .nav ul li{height: 78px;margin: 0 20px;}

.header .nav ul li:nth-child(1){border-bottom: 2px solid #0099ff;}
.header .nav ul li:nth-child(2){border-bottom: 2px solid #0099ff;}
.header .nav ul li:nth-child(3){border-bottom: 2px solid #0099ff;}
.header .nav ul li:nth-child(4){border-bottom: 2px solid #0099ff;}
.header .nav ul li:nth-child(5){border-bottom: 2px solid #0099ff;}
.header .nav ul li:nth-child(6){border-bottom: 2px solid #0099ff;}

.header .nav ul a{position: relative;display: block;line-height: 80px;text-align: center;min-width: 112px;font-size: 18px;-webkit-transition: color 0.2s;transition: color 0.2s; color: #fff;box-sizing: border-box;}

.header .nav ul a.active:after,.header .nav ul a:hover:after{content: "";display: block;position: absolute;bottom: -8px;width:100%;height: 8px;left: 0;opacity: 1;}
.header .nav ul li:nth-child(1) a.active:after,.header .nav ul li:nth-child(1) a:hover:after{background: #0a1a25;}
.header .nav ul li:nth-child(2) a.active:after,.header .nav ul li:nth-child(2) a:hover:after{background: #282929;}
.header .nav ul li:nth-child(3) a.active:after,.header .nav ul li:nth-child(3) a:hover:after{background: #ffcc001c;}
.header .nav ul li:nth-child(4) a.active:after,.header .nav ul li:nth-child(4) a:hover:after{background: #ff650129;}
.header .nav ul li:nth-child(5) a.active:after,.header .nav ul li:nth-child(5) a:hover:after{background: #cc03ff1c;}
.header .nav ul li:nth-child(6) a.active:after,.header .nav ul li:nth-child(6) a:hover:after{background: #0099ff21;}

.language{
	height: 20px;overflow:hidden;font-size: 14px;position: absolute;right: 50px;top: 30px;width: 70px;text-align: center;color: #333333;padding: 1px;background: #333333;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.language .list{cursor: pointer; line-height: 20px;height:20px;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.language .list:hover{background: #fff;color: #2478be !important;}

.language .active{background: #fff;}

.language:hover{background: #2478be;}

.language:hover .list{color: #fff;}

.language:hover .active{background: #fff; color: #2478be;}

.header .phone-nav{display: none;height: 100%;width: 100%;}
.header .phone-nav .menu{
	cursor: pointer;
	position: relative;
    float: right;
    margin: 22px 10px 0 0;
    width: 50px;
    padding: 10px 0;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.header .phone-nav .menu .ico-bar{
	display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
    margin: 2px auto;
}
.header .phone-nav .nav{
	width: 200px;
	background: #fff;
	text-align: center;
	height: 100%;
	right: -200px;
	top: 0;
	position: fixed;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 9999;
}
html{transition: all 0.5s;-webkit-transition: all 0.5s;right: 0;position: relative;}
html.phone-nav-show{width: 100%;height: 100%;overflow: hidden;right: 200px;}
html.phone-nav-show .header{transform: translateX(-200px);}
.phone-nav-wrap{position: fixed;top: 0;right: -200px;background: #fff;width: 200px;height: 100%;-webkit-transition: all 0.5s;transition: all 0.5s;text-align: center;}
html.phone-nav-show .phone-nav-wrap{right: 0;}
.phone-nav-wrap-bg{position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: none;z-index: 9999;display: none;}
html.phone-nav-show .phone-nav-wrap-bg{display: block;right: 200px;}
.phone-nav-wrap .nav-menu{padding: 20px 0;}

/*banner*/

.banner{
	width: 100%;
	overflow: hidden;
	/*min-width: 1200px;*/
	margin-bottom: 26px;
}

.banner img{width: 100%;display: block;}

.swiper-container{height: 100%;}

.slideUp {
 /* -webkit-transform: translateY(-100px);
  transform: translateY(-100px);*/
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px);
  /*transition: transform .5s*/
  /*-webkit-transition: all transform .5s;
  -o-transition: all transform .5s;
  transition: all transform .5s;*/
}

.slideDown {
  /*-webkit-transform: translateY(0);
  transform: translateY(0);*/
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  /*transition: transform .5s;*/
  /*-webkit-transition: all transform .5s;
  -o-transition: all transform .5s;
  transition: all transform .5s;*/
}

/*.swiper-wrapper{transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1);}*/

.swiper-button-next{position: absolute;width: 20%;height:100%;right: 0;top: 0;background: none;margin: 0;}

.swiper-button-prev{position: absolute;width: 20%;height:100%;left: 0;top: 0;background: none;margin: 0;}


/*底部*/
.footer{
	min-height: 210px;
	width: 100%;
	background: black;
	/*min-width: 1200px;*/
	text-align: center;
	padding-bottom: 60px;
}

.footer .rule{color: #fff; font-size: 16px; padding: 60px 0 30px 0;}

.footer .rule a{color: #fff;margin: 0 10px;}

.footer p{color: #a4a4a4; font-size: 16px;padding: 5px 0;}

.footer p a{
	color: #a4a4a4;
}

.footer p a:hover{
	color: #efefef;
}

.footer .pic a{
	background: #fff;
	display: inline-block;
	vertical-align: top;
	width: 124px;
	height: 47px;
	position: relative;
	margin: 2px;
}
.footer .pic a img{
	max-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}


@-webkit-keyframes turn{
	from{
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	to{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
-keyframes turn{
	from{
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	to{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/*弹出层*/
.prompt{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	display: none;
	z-index: 10;
}
.prompt .prompt-wrap{width: 1120px;height: 630px;position: absolute;left: 50%; top: 50%;background: #fff;box-sizing: border-box;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.prompt .prompt-img-wrap img{max-width: 90%;max-height: 90%;margin: 0 auto;display: block;}

/*滚动条*/
/*html::-webkit-scrollbar{
	width:8px;
	background-color: #fff;
}
html::-webkit-scrollbar-thumb{
	border-radius: 4px;
	background-color: #000;
}
html::-webkit-scrollbar-track{
	border: 10px solid #fff;
}*/


/**/
@media screen and (max-width: 1430px){
	.header .logo{
		margin-left: 20px;
	}
	.header .nav ul{
		margin-right: 130px;
	}
	.header .nav ul li{
		margin: 0 2px;
	}
}/**/
@media screen and (max-width: 1360px){
	
}
/**/
@media screen and (max-width: 1200px){
	.wrap{width: 100%;}
	.header .logo{margin-left: 15px;}
	.header .nav ul a{min-width: 90px;}
	.header .nav ul{margin-right: 100px;}
	.language{right: 15px;}
}
/**/
@media screen and (max-width: 1000px){
	.header .nav ul{display: none;}
	.language{display: none;}
	.header .phone-nav{display: block;}
	.banner{margin-top: 80px !important;margin-bottom: 5px !important;}
	.prompt .prompt-wrap{width: 90%;height: auto;}
}
/*iphone*/
@media screen and (max-device-width: 480px){
	
}
/*iphone4*/
@media only screen and (-webkit-min-device-pixel-ratio: 2){
	
}
/*ipd竖屏*/
@media all and (orientation:portrait){
	
}
/*ipd横屏*/
@media all and (orientation:landscape){
	
}
/**/
@media only screen and (max-device-width:240px){
	
}
/**/
@media only screen and (min-device-width:241px) and (max-device-width:360px){
	.header .logo{width: 100px;}
	
}
/**/
@media only screen and (min-device-width:361px) and (max-device-width:480px){
	
}