html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, ins, kbd, q, s, samp,small, strike, strong, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption,  tbody, tfoot, thead,  th{ margin: 0px; padding: 0px;outline: 0;vertical-align: baselinebaseline; text-decoration:none;} img{border: 0px;}ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}a { blr:expression(this.onFocus=this.blur())}

article,aside,canvas,details,div,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none; font-family:"Microsoft YaHei",Arial;} 

html {font-size: 100%;}
body { font-size:1em; font-family:"Microsoft YaHei",Arial; color:#111; position:relative; -webkit-text-size-adjust:none; background-color:#fff; }
a { color:#111; text-decoration:none; }
a:hover { text-decoration:underline;}

.wrapper { width:1400px; margin:0 auto; }
/*头部*/
			#header {
				height: 100px;
				background-color: #f7f7f7;
			}
			#header .logo {
				margin-top: 35px;
				line-height: 40px;
				float: left;
			}
			#header .nav {
				float: right;
				line-height: 100px;
				font-size: 16px;
			}
.wapnav{ display: none;}
			.nav .search {
				float: left;
			}
			.nav .language {
				float: left;
			}
			.nav .nav_line {
				margin-right: 40px;
				float: left;
			}
			.nav .navs {
				float: left;
			}
			.nav .navi {
				float: left;
				margin-right: 85px;
			}
			/*语言*/
			.translate_wrapper {
				margin-right: 10px;
				width: 125px;
				height: 100px;
				font-size: 16px;
				background-color: #f7f7f7;
			}
			.current_lang {
				cursor: pointer;
				text-transform: uppercase;
				overflow: hidden;
			}
			.lang.selected {
				display: none;
			}
			.lang img,
			.lang span.lang-txt {
				display: inline-block;
				margin-left: 5px;
				vertical-align: middle;
				color: #444444;
			}
			.lang img {
				width: 20px;
				margin-left: 0;
			}
			.lang span span {
				color: #999;
				font-weight: 400;
			}
			.lang span.fa {
				font-size: 12px;
				position: relative;
				top: -1px;
				margin-left: 3px;
			}
			/*more lang*/
			.more_lang {
				transform: translateY(-20px);
				opacity: 0;
				cursor: pointer;
				display: none;
				-webkit-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);
				-moz-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);
				-o-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);
				-ms-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);
				transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);
				border: #eaeaea 1px solid;
			}
			.translate_wrapper.active .more_lang {
				position: absolute;
				background-color: #f7f7f7;
				display: block;
				z-index: 100;
			}
			.more_lang.active {
				opacity: 1;
				transform: translateY(-0px);
			}
			.more_lang .lang:hover {
				background: #b2b2b2;
				color: #fff;
			}
			.more_lang .lang:hover span {
				color: #fff;
			}
			.translate_wrapper:hover,
			.translate_wrapper.active {
				box-shadow: rgba(0, 0, 0, 0.2) 0 5px 15px;
				-webkit-transition: all 0.3s cubic-bezier(0, .99, .44, .99);
				-moz-transition: all 0.3s cubic-bezier(0, .99, .44, .99);
				-o-transition: all 0.3s cubic-bezier(0, .99, .44, .99);
				-ms-transition: all 0.3s cubic-bezier(0, .99, .44, .99);
				transition: all 0.3s cubic-bezier(0, .99, .44, .99);
			}
			.translate_wrapper.active .lang {
				border-bottom: 1px solid #eaeaea;
			}

/*banner*/
#banner { font-size:0; overflow:hidden; width:100%; margin:auto;}
#banner3{ font-size:0; overflow:hidden; width:100%; margin:auto; display:none;}
.slideBox{ position:relative; width:100%;  height:auto; overflow:hidden; margin:0px auto; *max-height:550px; }
.slideBox .hd{ position:absolute; width:100%;  height:100%; bottom:0; left:0; z-index:1; }
.slideBox .hd img{ width:65px;}
.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:40%; display:block; width:65px; height:65px; line-height:65px; text-align:center;   }
.slideBox .next{ left:auto; right:0;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; }
.slideBox .bd li img{ width:100%; height:auto; display:block;   }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:27px; line-height:27px;  text-align:center;  color:#fff; background-color:rgba(0,0,0,0.7);}
/*banner12.60*/
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{ width:14%;  position:absolute; z-index:1; bottom:0; left:0; height:15px; line-height:15px; text-align:center; margin:0 43% 15px;}
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:0px 6px; background:#fff; overflow:hidden;  line-height:9999px; border-radius: 40px;}
.slideBox .hd ul li.on{background:#403e3e;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;}


/*底部*/
			.footer {
				/* height: 600px; */
				background: url("/images/foot_bg.jpg") no-repeat;
				background-size: 100% 100%;
				padding-bottom: 40px;
			}

			.foot_nav {
				padding: 0px 190px;
			}

			.foot_logo {
				padding-top: 80px;
				text-align: center;
			}

			.foot_qrcode {
				padding: 0px 190px;
				margin-top: 40px;
				color: white;
			}

			.foot_qrcode .qrcode {
				float: left;
				text-align: center;
				margin-left: 35px;
			}

			.q1 {
				margin-left: 10px !important;
			}

			.foot_link {
				margin-top: 40px;
				text-align: center;
			}

			.foot_link img {
				margin-right: 15px;
			}

			.foot_msg {
				padding: 0px 100px;
				text-align: center;
				margin-top: 20px;
				font-size: 16px;
				line-height: 24px;
				color: #ffffff;
			}

			.foot_msg a {
				color: #ffffff;
			}

			.content-text {
				text-align: center;
			}

			.content-text a {
				color: white;
				font-family: 'Geometr415 Blk BT';
				font-size: 18px;
line-height: 35px;
display: block;		
			}
.fn{display: none;
}

.clear {clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden;}
.text26 { text-indent:32px;}
.line15 { height:28px; line-height:28px; }
.font12 { font-size:0.75em;}
.font14 { font-size:0.875em;}
.font16 { font-size:1em;}
.line18 p{line-height:32px; font-size:16px;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " ";
clear: both; height: 0; }
.clearfix{*zoom:1;}

.page {height:30px; line-height:30px; width:100%; text-align:center; color: #ff0000; margin-bottom:23px; margin-top:20px;}
.page span {padding:5px 8px 5px 8px; background-color:#1b3b78; color:#fff; border:solid 1px #c70112; font-size:0.875em; }
.page a{ color:#444444; border:1px solid #ccc;padding:5px 8px 5px 8px; margin:0 2px; text-decoration:none; background-color:#fff;  font-size:0.875em; }
.page a:hover {color:#fff; background-color:#ed7030; }
.page a.current {color:#fff; background-color:#ed7030;  border:1px solid #ed7030}

/*放大镜样式*/
.info-mask { background:url(../images/bg-mask.png) no-repeat center center #004889; display: block; left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.3s ease-in 0s; visibility: hidden; width:100%; height:250px; }
.item:hover .info-mask { opacity: 0.5; filter:alpha(opacity=50); visibility: visible;}

@media screen and (max-width:640px){
.wapnav{ display: block;float: left; margin-left: 25%;}
.hidden {
	overflow: hidden
}

#drop>div,
nav,
nav~ul {
	display: flex
}

#drop,
nav {
	background-color: #f8f8f8
}

nav {
	width: 90%;
	height: 65px;
	padding: 0 5%;
	position: relative;
	justify-content: flex-start;
	align-items: center;
z-index: 10;
}

nav~ul {
	position: absolute;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	left: 1%;
	right: 1%;
	opacity: 0;
	visibility: hidden;
	z-index: 15;
	list-style: none;
	transition: 0s
}

nav~ul>li {
	color: #959595;
	padding: 10px;
	cursor: pointer;
	font-size: 30px
}

nav~ul>li:hover {
	filter: brightness(200%)
}

nav.open~ul {
	transition: .75s ease-in-out;
	visibility: visible;
	opacity: 1
}

#drop {
	cursor: pointer;
	position: fixed;
	width: 50px;
	height: 50px;
	border-radius: 0 50% 50%;
	transform: rotate(45deg);
	transition: border-radius .5s
}

nav.open>#drop {
	transition: .5s ease-in-out;
	box-shadow: 0 0 0 1000px #f8f8f8, inset 0 0 0 20px #f8f8f8;
	position: relative
}

#drop.active {
	border-radius: 50%;
	animation: drop .3s forwards
}

#drop>div {
	transform: rotate(-45deg);
	height: 100%;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

#drop span {
	display: block;
	background-color: #959595;
	width: 25px;
	height: 3px;
	margin: 3px 0;
	transition: .5s
}

#drop span.open:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px)
}

#drop span.open:nth-child(2) {
	transform: rotate(-45deg) translate(5px, -5px)
}

#drop span.open:nth-child(3) {
	opacity: 0
}

@keyframes drop {
	0% {
		transform: translateY(0) rotate(45deg)
	}

	50% {
		transform: translateY(30px) rotate(45deg)
	}

	100% {
		transform: translateY(10px) rotate(45deg)
	}
}



.wrapper {
    width: 100%;
    margin: 0 auto;
}
#header {
    height: 70px;
width: 100%;
}
#header .nav{
   display: none;
}
#header .logo{margin: 21px 0 0 18px;}
#header .logo img {height:25px; }

.foot_nav {
    padding: 0px 0px 15px 0px;
}
.foot_qrcode {
    padding: 0px ;
    margin-top: 20px;
    color: white;
}
.foot_qrcode .qrcode {
    float: left;
    text-align: center;
    margin-left: 20px !important;
margin-bottom:25px;
}
.qrcode p {
	font-size: 14px;
}
.qrcode img {
	width: 50%;
}
.foot_link {
    margin-top: 10px;
    text-align: center;
}

.foot_msg {
    padding: 0px;
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    line-height:14px;
    color: #ffffff;
}



 }
@media screen and (max-width:1280px){

#header .logo{margin: 21px 0 0 18px;}
#nav{margin: 4px 10px 0 0;}
.m_code_wrap{margin-right:2%;}

 }