@charset "utf-8";
/**/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding: 0px; border: 0; font-size: 100%; outline: none;}
html { font-size: 100%!important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body{font: 14px/180% "Microsoft Yahei","微软雅黑",Arial,Helvetica,"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif"; margin: 0 auto; color: #ccc; background: #111; -webkit-tap-highlight-color:rgba(0,0,0,0);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6{font-weight:normal}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; vertical-align: middle; }
input{ outline: none; transition: all .4s ease-in-out; vertical-align: middle; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea {-webkit-appearance: none; border-radius: 0; outline: none;  font-family:"Microsoft Yahei"}
::-moz-selection { background: #338fff; color: #fff; text-shadow: none; }
::selection { background: #338fff; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
a:link, a:visited { text-decoration: none; color:#022d2e;}
a:active, a:hover { text-decoration: none; outline:none; color:#ff6600; }
a:focus{text-decoration:none;outline:0;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media(min-width:1024px) {
#top {width: 1200px;margin: 0 auto;overflow: hidden;}
#logo {	float: left;}
#btn{ display:none;}
.m_menu { display:none;}

#menu {	display: inherit;	float: right;}
#menu ul {	margin: 0 auto;	overflow: hidden;list-style: none;float: right;}
#menu ul li {float: left;margin-top: 32px;}
#menu ul li a {	display: block;	color: #fff;font-size: 14px;font-family: "微软雅黑";	padding: 0 20px;line-height: 36px;transition: line-height 0.5s, background 0.5s;border-radius: 3px;}
#menu ul li a:hover {background: #ffb709;color: #000;}
#menu ul li a.it {background: #ffb709;color: #000;}
#menu dl {	float: right;	margin-left: 50px;}
#menu dl dd {float: left;margin-left: 10px;	margin-top: 35px;}
#menu dl dd a {	display: block;	width: 26px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;height: 26px;line-height: 26px;	text-align: center;	color: #ccc;border: solid 1px #575757;	border-radius: 20px;transition: background 0.5s, color 0.5s, border 0.5s;}
#menu dl dd a:hover {background: #ffb709;	color: #000;	border: solid 1px #ffb709;}

.swiper-container {	width: 100%;height: 100%;}
.swiper-container img {	width: 100%;}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	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;
}
#index1 {background: #222;	overflow: hidden;	width: 100%;}
#index1 .title {text-align: center;font-size: 30px;line-height: 80px;padding-top: 20px;	color: #fff;}
#index1 .btn {	text-align: center;	overflow: hidden;}
#index1 .btn ul {	list-style: none;	display: inline-block;}
#index1 .btn ul li {	float: left;}
#index1 .btn ul li a {	display: block;	background: #393939;	width: 110px;	margin: 0 3px;	line-height: 34px;	color: #fff;	text-align: center;	font-size: 14px;}
#index1 .btn ul li a:hover {background: #ffb709;	color: #000;}
#index1 .index_pro {width: 1200px;	margin: 30px auto 70px auto;	overflow: hidden;}
#index1 .index_pro ul {	list-style: none;	width: 1300px;}
#index1 .index_pro ul li {float: left;	margin-right: 32px;}
#index1 .index_pro ul li a {display: block;}
#index1 .index_pro ul li a img{ width:276px;}

#index2 {	width: 1200px;	margin: 0 auto;	overflow: hidden;	padding: 60px 0;}
#index2 .a1 {	float: left;	margin-right: 50px;}
#index2 .a2 {	float: right;	overflow: hidden;	width: 550px;}
#index2 .a2 ul {	list-style: none;}
#index2 .a2 ul li {	border-bottom: solid 1px #363636;	margin-bottom: 20px;}
#index2 .a2 ul li a {display: block;	background: url(image/jian2.png) 510px 50px no-repeat;	line-height: 30px;	padding-bottom: 10px;	color: #ccc;}
#index2 .a2 ul li a p.date {	font-size: 30px;	line-height: 40px;	color: #333;	transition: color 0.5s;}
#index2 .a2 ul li a:hover {	background: url(image/jian1.png) 520px 50px no-repeat;	color: #ffb709;}
#index2 .a2 ul li a:hover p.date {	color: #fff;}

#index3 {	background: url(image/di1.jpg) center top;width: 100%;	overflow: hidden;	height: 515px;}
#index3 .title {font-size: 30px;line-height: 80px;margin-top: 50px;overflow: hidden;text-align: center;	color: #fff;}
#index3 .con {text-align: center;color: #999;}
#index3 .btn {overflow: hidden;text-align: center;width: 100%;margin-top: 40px;}
#index3 .btn ul {list-style: none;display: inline-block;}
#index3 .btn ul li {float: left;margin: 0 20px;}
#index3 .btn ul li a {display: block;color: #ccc;line-height: 40px;}
#index3 .btn ul li a img {border: solid 2px #2a2a2a;border-radius: 150px;transition: border 0.5s;}
#index3 .btn ul li a:hover img {border: solid 2px #ffb709;}
#index3 .btn ul li a:hover {color: #ffb709;}

#index4 {width: 1200px;margin: 0 auto;overflow: hidden;}
#index4 .title {font-size: 30px;line-height: 80px;margin-top: 50px;overflow: hidden;text-align: center;color: #fff;}
#index4 .pic {width: 1200px;overflow: hidden;}
#index4 .pic ul {list-style: none;width: 1300px;}
#index4 .pic ul li {float: left;margin-right: 32px;}
#index4 .pic ul li a {display: block;}
#index4 .pic ul li a p {line-height: 50px;overflow: hidden;color: #fff;background: #222;text-align: center;}
#index4 .pic ul li a p span {display: block;float: right;width: 50px;height: 50px;background: url(image/w1.png) center no-repeat #444; transition:background 0.5s;}
#index4 .pic ul li a:hover p span{background: url(image/w1.png) center no-repeat #ffb709;}

#change{ width:100%; text-align:center; overflow:hidden; padding-top:40px; padding-bottom:70px;}
#change ul{ display:inline-block;}
#change ul li{ float:left; margin:0 1px;}
#change ul li a.l{ display:block; width:50px; height:35px; background:url(image/change1.png) center no-repeat #333;}
#change ul li a.r{ display:block; width:50px; height:35px; background:url(image/change2k.png) center no-repeat #ffb709;}

#mbottom{ display:none;}
#mbottom1{ display:none;}
#bottom{ background:#000; width:100%; overflow:hidden; padding:50px 0;}
#bottom1{ width:1200px; margin:0 auto; overflow:hidden; color:#999;}
#bottom1 span{ color:#ffb709;}
#bottom1 p{ color:#ccc; padding-bottom:15px;}
#bottom1 p a{ color:#ccc;}
#bottom1 .cont{ float:left;}
#bottom1 .code{ float:right;}
#bottom1 .code p{ float:left; margin-left:20px; }
#bottom1 .code p span{ display:block; text-align:center;color:#ccc; line-height:40px;}
#bottom2{ width:100%; background:#1a1a1a; border-bottom:solid 6px #393939;}
#bottom2 p{ width:1200px; margin:0 auto;line-height:77px; color:#ccc;}
}

@media(max-width:800px) {
#top {width:100%; margin:0 auto; overflow:hidden;}
#logo {	float:left;}
#logo img{ height:3rem;}
#btn{float:right;}
#btn img{ height:3rem;}

.m_menu a {	display: block;float: right;width: 2rem; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px;height: 2rem;line-height: 2rem;	text-align: center;	color: #ccc;border: solid 1px #575757;	border-radius: 20px;transition: background 0.5s, color 0.5s, border 0.5s;margin-top: 0.5rem;}

#menu { width:100%; overflow:hidden; display:none;}
#menu ul {	margin: 0 auto;	overflow: hidden;list-style: none;}
#menu ul li { width:100%; text-align:center; border-top:solid 1px #222;}
#menu ul li a {	display: block;	color: #fff;font-size: 14px;font-family: "微软雅黑";line-height:2.6rem;}

#menu dl { display:none;}

.swiper-container {	width: 100%;height: 100%;}
.swiper-container img {	width: 100%;}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	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;
}
.swiper-button-next{ display:none;}
.swiper-button-prev{ display:none;}

#index1 {background: #222;	overflow: hidden;	width: 100%;}
#index1 .title {text-align: center;font-size: 24px;line-height:50px;padding-top: 10px;	color: #fff;}
#index1 .btn {text-align: center;	overflow: hidden;}
#index1 .btn ul {list-style: none;	display: inline-block;}
#index1 .btn ul li {float: left;}
#index1 .btn ul li a {display: block;background: #393939;margin: 0 3px;line-height: 34px; padding:0 10px;	color: #fff;	text-align: center;	font-size: .8rem;}
#index1 .btn ul li a:hover {background: #ffb709;	color: #000;}
#index1 .index_pro {width: 100%;	margin: 30px auto 70px auto;	overflow: hidden;}
#index1 .index_pro ul {	list-style: none;	width:95%; margin:0 auto;}
#index1 .index_pro ul li {float: left; width:50%; margin-bottom:1rem;}
#index1 .index_pro ul li a {display: block; width:95%; margin:0 auto;}
#index1 .index_pro ul li a img{ width:100%;}

#index2 {width: 90%;	margin: 0 auto;	overflow: hidden;	padding: 60px 0 30px 0;}
#index2 .a1  img{ width:100%;}
#index2 .a2 {overflow: hidden;	width: 100%;}
#index2 .a2 ul {list-style: none;}
#index2 .a2 ul li {	border-bottom: solid 1px #363636;	margin-bottom: 20px;}
#index2 .a2 ul li a {display: block;	background: url(image/jian2.png) 98% 50px no-repeat;	line-height: 30px;	padding-bottom: 10px;	color: #ccc;}
#index2 .a2 ul li a p.date {	font-size: 30px;	line-height: 40px;	color: #333;	transition: color 0.5s;}
#index2 .a2 ul li a:hover {	background: url(image/jian1.png) 520px 50px no-repeat;	color: #ffb709;}
#index2 .a2 ul li a:hover p.date {	color: #fff;}

#index3 {background: url(image/di1.jpg) center top;width: 90%;	overflow: hidden; margin:0 auto;}
#index3 .title {font-size: 24px;line-height: 50px;margin-top: 20px;overflow: hidden;text-align: center;	color: #fff;}
#index3 .con {text-align: center;color: #999;}
#index3 .btn {overflow: hidden;text-align: center;width: 100%;margin-top: 40px;}
#index3 .btn ul {list-style: none;display: inline-block;}
#index3 .btn ul li {float: left; width:33.33%;}
#index3 .btn ul li a {display: block;color: #ccc;line-height: 40px;}
#index3 .btn ul li a img {border: solid 2px #2a2a2a;border-radius: 150px;transition: border 0.5s; width:80%;}


#index4 {width: 100%;margin: 0 auto;overflow: hidden;    margin-bottom: 40px;}
#index4 .title {font-size: 24px;line-height:50px;margin-top:20px;overflow: hidden;text-align: center;color: #fff;}
#index4 .pic {width: 100%; overflow: hidden;}
#index4 .pic ul {list-style: none; width:95%; margin:0 auto;}
#index4 .pic ul li {float: left; width:50%; margin-bottom:.5rem;}
#index4 .pic ul li a {display: block; width:95%; margin:0 auto;}
#index4 .pic ul li a img{ width:100%;}
#index4 .pic ul li a p {line-height: 50px;overflow: hidden;color: #fff;background: #222;text-align: center;}
#index4 .pic ul li a p span {display: block;float: right;width: 50px;height: 50px;background: url(image/w1.png) center no-repeat #444; transition:background 0.5s;}
#index4 .pic ul li a:hover p span{background: url(image/w1.png) center no-repeat #ffb709;}

#change{ width:100%; text-align:center; overflow:hidden; padding-top:40px; padding-bottom:70px; display:none;}
#change ul{ display:inline-block;}
#change ul li{ float:left; margin:0 1px;}
#change ul li a.l{ display:block; width:50px; height:35px; background:url(image/change1.png) center no-repeat #333;}
#change ul li a.r{ display:block; width:50px; height:35px; background:url(image/change2k.png) center no-repeat #ffb709;}

#bottom{ display:none;}
#bottom2{ display:none;}
#mbottom1{ display:inherit;bottom:0; left:0;}
#mbottom1 ul{ list-style:none}
#mbottom1 ul li{ float:left; width:25%;}
#mbottom1 ul li a{ display:block;}
#mbottom1 ul li a img{ width:100%;}
#bottom1{ display:none;}
#mbottom{ display:inherit; position:fixed; bottom:0; left:0;}
#mbottom ul{ list-style:none}
#mbottom ul li{ float:left; width:25%;}
#mbottom ul li a{ display:block;}
#mbottom ul li a img{ width:100%;}
#bottom{ display:none;}
}