/* CSS Document */
*{text-overflow: ellipsis;}
html{ height:100%; width:100%;}
body{height:100%; width:100%;
	margin: auto; /*	background-color: #111111;*/
	font-size: 14px;
	line-height: 1.5;
	font-family: "微软雅黑", "宋体", Arial;
	color: #000000; min-width:767px; 
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
table{
border-collapse: collapse;
}
a{
color: #000000;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #005baa;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}
.box{
	width:1200px; max-width:96%;
	margin: auto; 
}
.box1{ margin:auto; width:1200px;max-width:100%}
.main{ width:100%; /*max-width:1920px;*/ margin:auto}
.fl{ float:left}
.fr{ float:right}



.app_header{ display:none}

.header{
	width:100%;
	z-index:99;

	float:left;

	position:fixed; left:0px; top:0px; 
}

.navbg{ background-color:rgba(0,0,0,0.6)}
.header .box1{
	position: relative;
}
.header .logo{ float:left;  margin-top:0px; padding-top:30px; padding-bottom:30px;}
.header,.header a{ color:#FFFFFF}
.header .lan{
	background-image: url(en.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline; margin-top:35px; color:rgba(255,255,255,0.8); margin-left:30px;
}
#nav{ line-height:35px; padding-top:27.5px; 
}
#nav ul{ float:left; width:100%;}
#nav ul li{
	float:left;

	text-align:center;
	position: relative;
}

#nav ul li a{ font-size:16px; padding-left:15px; padding-right:15px;

	display:block;/*border-radius:50px;*/

}
#nav> ul>li:hover{background-color: rgba(230,0,0,0.3);}
#nav> ul>li:hover>a{ color:#FFFFFF

	/*display:block;border-radius:50px 50px 0 0;*/

}
#nav ul li.nbg>a{border-left-width: 0px;}

#nav ul li ul li a{border-radius:0px; font-size:14px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color:rgba(255,255,255,0.2);
	border-bottom-color:rgba(0,0,0,0.2); color:#FFFFFF;
}

/*#nav ul li a.select{color: rgba(230,0,0,0.3);
}*/
#nav >ul>li:hover>a,#nav >ul>li:hover>a.select{ color:#FFFFFF}
#nav ul li a:hover{
	color: #FFFFFF;
	background-color:rgba(230,0,0,0.3);
}
#nav ul li ul li a:hover{
	background-color: rgba(0,0,0,0.2);
}
#nav ul ul{
	display:none;
	line-height:28px;
	float: left;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 35px; z-index:22;background-color: rgba(230,0,0,0.3);
}
/*#nav >ul>li[rel='n2']>ul{ width:200%; left:0%;}*/
#nav ul li  ul li{ width:100%; font-size:12px}
#nav ul li  ul li a{  padding:0px;font-size:12px}
/*banner的CSS布局*/
    .swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;


      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

/*底部*/
.footer2{
	background-color: #151515;
	float: left;
	width: 100%; padding-top:45px; padding-bottom:50px; clear:both;
}
.footer2 .left{}
.footer2 .left .footnav{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;  padding-bottom:20px; padding-top:10px;
}
.footer2 .left .footnav a{ margin-left:5px; margin-right:5px;}
.footer2 .left .copyright{ clear:both; font-size:12px; padding-top:20px;}
.footer2,.footer2 a{ color:#999999}

.footer2 .right{border: 1px solid #666666; padding:20px;border-radius:5px; background-color:#171717}
.footer2 .right .tels{
	background-image: url(tels.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 80px;
	font-size: 24px; float:left; text-align:right;color:#cccccc; margin-right:20px; margin-top:20px;
}
.footer2 .right .tels div{ font-size:12px; }
.footer2 .right .tels span{ display:block;}
.footer2 .right .qrcode{ float:right}

.back{ clear:both; padding-top:15px; padding-bottom:15px; text-align:right; line-height:32px;}
.back a{
	display:inline-block;
	background-color: #0066CC;
	color: #FFFFFF; padding-left:15px; padding-right:15px;
}
.blockindex1 .box{ width:1200px;}
.blockindex1{
	position: relative;
	background-color:#FFFFFF;
	overflow:hidden;
	float:left;
	width:100%;
	clear:both;
	padding-bottom:100px;
	background-image: url(bg_main_product.jpg);
	background-repeat: no-repeat;
	background-position: center top;

	padding-top: 100px;  overflow:hidden; background-size:100% 100%;
}
.blockindex1 .banner .bd ul li{
	text-align: center;
	font-size: 32px;
	line-height:2.5;
	color: #222222;
}
.blockindex1 .banner{
	position: relative;
}
.blockindex1 .banner .prev,
.blockindex1 .banner .next{
	position:absolute;
	left:3%;
	top:50%;
	margin-top:-25px;
	display:block;
	width:42px;
	height:86px;
	filter:alpha(opacity=100);
	opacity:1;
	background-image: url(next.png);
	background-repeat: no-repeat;
	background-position: left top; margin-top:-243px;
}
.blockindex1 .banner .next{ left:auto; right:3%;}
.blockindex1 .banner .prev{	background-image: url(pre.png);}

.blockindex1 .banner .bd ul li a{
	font-size: 18px;
	color: #0066CC;
	font-family: Arial, Helvetica, sans-serif;
}
.map{
	background-image: url(map.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
	float: left;
	height: 949px;
	width: 100%;
}
.map img{ display:none}
.blockindex2{
	position: relative;
	background-color:#FFFFFF;
	overflow:hidden;
	float:left;
	width:100%;
	clear:both;

}

.blockindex2 #banner3 .swiper-slide div{ float:left; width:100%; height:950px; }

.blockindex2 .boxl{
	float: left;
	height: 400px;
	width: 800px;
	margin-top: -250px;
	margin-left: -400px;
	position: absolute;
	z-index: 22;
	left: 50%;
	top: 50%;
	background-color:rgba(0,0,0,0.5);
	color:#ffffff;
	text-align: center;
	padding-top: 100px;
}
.blockindex2 .boxl a{color:#ffffff;}
.blockindex2 .boxl h3{
	font-size:48px;
	font-weight: lighter;
	font-style: italic;
}

.blockindex2 .boxl .h2{ font-size:24px}
.blockindex2 .boxl .h3{ font-size:18px; padding-top:35px;}
.blockindex2 .boxl  .more{ font-size:18px; padding-top:35px;}
@media screen and (min-width :1920px){
.banner .bd li>div{
background-size:100%;
}.map{background-size:100%;
}
.blockindex2 #banner3 .bd ul li div{background-size:100%;}
}
.gotop{
	position:fixed; z-index:22;
	right: 5px;
	bottom: 50px;
	float: left;
	width: 60px;
}
.gotop a{width: 60px; height:60px; float:left; color:#FFFFFF; background-color:rgba(50,50,50,0.5); margin-bottom:10px;}
.gotop a span,.gotop a i{
	display:block;
	font-style: normal; text-align:center; float:left; width:100%;
}
.gotop a span{ padding-top:15px; padding-bottom:5px;}

#banner1 .swiper-button-next {

  right:0px;

}

#banner1 .swiper-button-prev{

  left: 0px;  

}
#banner1 img{ max-width:100%;}





#banner .swiper-slide{float:left;
	width:100%;
	height: 950px;}
#banner .swiper-slide a{
	float:left;
	width:100%;
	height: 100%;

	background-repeat: no-repeat;
	background-position: center top;
}
#banner .swiper-slide a img{ display:none}





.downbtn{
	position: absolute;
	left: 50%;
	bottom: 100px; z-index:999; float:left; color:#FFFFFF; cursor:pointer; margin-left:-60px; width:120px; text-align:center;
}
.section{ clear:both; float:left; width:100%;}