body {font-size: 16px; line-height: 24px; font-family:"微软雅黑"; color:#444444; background:#fff;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#333;}
a:hover {text-decoration:underline; color:#FD7B23; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}


.banner{ width:100%; height:610px; margin-bottom: 60px; background:#fff url(banner.png) center no-repeat;}

.icon_1{width:100%; padding: 0 0 50px 0; text-align: center; }
.mores{ text-align: center; width: 100%; }


.nav_1{ width:1200px; margin: 0 auto 70px auto;  }

.nav_1left {float: left;width:560px; }
.nav_1left dl{ width:560px; height:360px;position:relative; overflow:hidden;}
.nav_1left dt{ width:560px; height:360px;z-index:9; position:absolute; top:0; left:0;}
.nav_1left dl img{width:100%; height: 360px;}
.nav_1left dd{ width:490px; padding:10px 30px 10px 40px; overflow:hidden; line-height:24px; background-color:#000; font-size:18px; z-index:99; position:absolute; bottom:0; left:0; color:#fff; filter:alpha(opacity=75);  opacity: 0.75;  }
.nav_1left dd .tl{ color: #fff;text-align:left;}
.nav_1left dd .tl a{color:#fff;filter:alpha(opacity=100);  opacity: 1.0;}

.focusBox1 { width: 560px;height:360px; }
.focusBox1 .swiper-button-next{ background-size: 60%; position: absolute; top: 90%; }
.focusBox1 .swiper-button-prev{ background-size: 60%; position: absolute; top: 90%; }




.nav_1right{ float: right; width: 602px;  }
.nav_1right dl span{ display: block; float: left; color: #ADADAD; width: 70px; padding-right: 20px; text-align: center; font-size: 16px; }
.nav_1right dl span i{ display: block; font-style: normal; font-size: 40px; margin: 8px 0; }
.nav_1right dl{ margin-bottom: 15px; padding-top: 15px; border-top: 1px solid #eee; display: block; width: 602px; height: 77px; }
.nav_1right dt{ float: right; width: 510px; line-height: 22px; font-weight: bold; margin-bottom: 5px; }
.nav_1right dd{ float: right; width: 510px;color: #B1B1B1; font-size: 14px; line-height: 20px;}




.nav_2bg{ width: 100%; height: 525px; background:url(bg2.png) top no-repeat; margin-bottom: 70px;}
.nav_2{ width: 1200px; height: 420px;  padding: 38px 0 20px 0; margin: auto;}

.nav_2 dl{ width:560px; height:380px;position:relative; overflow:hidden;}
.nav_2 dt{ width:560px; height:380px;z-index:9; position:absolute; top:0; left:0;}
.nav_2 dl img{width:100%; height: 380px;}
.nav_2 dd{ width:490px; padding:10px 30px 10px 40px; overflow:hidden; line-height:24px; background-color:#000; font-size:18px; z-index:99; position:absolute; bottom:0; left:0; color:#fff; filter:alpha(opacity=75);  opacity: 0.75;  }
.nav_2 dd .tl{ color: #fff;text-align:left;}
.nav_2 dd .tl a{color:#fff;filter:alpha(opacity=100);  opacity: 1.0;}

#certify {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

#certify .swiper-container {
	
}

#certify  .swiper-slide {
	width: 520px;
	height: 380px;
	box-shadow: 0 8px 30px #333;
}
#certify  .swiper-slide img{
	display:block;
}


#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 40px;
	height: 100px;
	background: url(left.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	filter:alpha(opacity=80);  opacity: 0.8;
}

#certify .swiper-button-next {
	right: -30px;
	width: 40px;
	height: 100px;
	background: url(right.png) no-repeat;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
filter:alpha(opacity=80);  opacity: 0.8;
}




.nav_3bg{ width: 100%; background:url(bg3.png) center bottom no-repeat; margin-bottom: 50px; padding-bottom: 30px;}
.nav_3{ width: 1200px; margin:0 auto 25px auto;}
.items{ width: 280px; height: 200px; position: relative; float: left; padding: 0 10px; margin-bottom: 20px;}
.items a .tl_img{ position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 280px; height: 200px;}
.items a .tl_img img{width: 280px; height: 200px;}
.items a .tl_box{ display: none; }

.items a:hover .tl_box{position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 274px; height: 194px; border: 3px solid #E1C178; background: #000;filter:alpha(opacity=90);  opacity: 0.9; color: #fff;}
.items a:hover .tl_box span{ display: block; position: absolute; top: 50px; left: 30px; width: 220px; background:url(lines.jpg) bottom left no-repeat; padding-bottom: 10px; line-height: 20px;}
.items a:hover .tl_box i{display: block; font-style: normal;position: absolute; top: 108px; left: 30px; width: 220px; font-size: 14px; line-height: 20px;}


.bottom_bg{ width: 100%;text-align: center; }
.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}



@media only screen and (max-width: 520px){
body { background: none; background-size: cover; border-image: none; font-size:1em; line-height:1.4em; }
.allcontainer{ max-width: 520px; margin: 0 auto;}
.container,.banner{ width:100%;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}

.banner{ background:none; height:auto; margin-bottom:3%;}

.icon_1{padding: 0 0 3% 0;}
.mores{}


.nav_1{ width:100%; margin: 0 auto 5% auto;  }

.nav_1left {width:100%; margin-bottom: 5%; }
.nav_1left dl{ width:100%; height:220px;}
.nav_1left dt{ width:100%; height:220px;}
.nav_1left dl img{width:100%; height: 220px;}
.nav_1left dd{ width:84%; padding:2% 8%; line-height:1.2em; font-size:0.9em; }
.nav_1left dd .tl{}
.nav_1left dd .tl a{}

.focusBox1 { width:100%;height:220px; }
.focusBox1 .swiper-button-next{ background-size: 50%; position: absolute; top: 90%; right:0; }
.focusBox1 .swiper-button-prev{ background-size: 50%; position: absolute; top: 90%; left: 0;}




.nav_1right{ float: left; width: 100%;  }
.nav_1right dl span{width: 50px; padding-right: 2%; font-size: 12px; margin-top: 8%; }
.nav_1right dl span i{ font-size: 30px; margin: 2% 0; }
.nav_1right dl{ margin:0 auto 3% auto; padding-top: 3%; width: 96%; height: 100px; overflow: hidden;}
.nav_1right dt{ width: 80%; line-height: 1.2em; font-size: 0.95em; }
.nav_1right dd{width: 80%;font-size: 0.8em; line-height: 1.2em;}




.nav_2bg{height:auto;margin-bottom: 6%; background-size: cover;}
.nav_2{ width: 100%; height: auto;  padding: 0;}

.nav_2 dl{ width:100%; height:200px;}
.nav_2 dt{ width:100%; height:200px;}
.nav_2 dl img{width:90%; height: 200px;}
.nav_2 dd{ width:55%; padding:2% 5%;line-height:1.4em; font-size:0.8em; margin-left: 18%;}
.nav_2 dd .tl{}
.nav_2 dd .tl a{}

#certify {
	position: relative;
	width: 100%;
	margin: 0 auto
}

#certify .swiper-container {
	width: 90%;
}

#certify  .swiper-slide {
	
	height: 200px;
	box-shadow: 0 8px 30px #333;
}
#certify  .swiper-slide img{
	display:block;
}


#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}


#certify .swiper-button-prev {
	left: 0;
	width: 30px;
	background-size: 80%;
}

#certify .swiper-button-next {
	right: 0;
	width: 30px;
	background-size: 80%;
}




.nav_3bg{ width: 100%; margin-bottom: 5%; padding-bottom: 3%;}
.nav_3{ width: 98%; margin:0 auto 3% auto;}
.items{ width: 47%; height: 100px;  padding: 0; margin:0 2% 2% 1%;}
.items a .tl_img{ width: 100%; height: 100px;}
.items a .tl_img img{width: 100%; height: 100px;}
.items a .tl_box{ display: none; }
.items a:hover .tl_box{display: none;}


.bottom_bg{ }
.bottom_bg img{width: 45%;}



.bottom_sbj{ width:100%; display:block; text-align:center; background:#333; color:#ddd; line-height:3.5em;}
.bottom_sbj a{ color:#ddd;}
.tt{ display: none; }
}