@charset "utf-8";
/* Css reset start */
body,
div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, textarea,
p, blockquote, th, td, hr, button,
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{margin:0;padding:0;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;	font-weight: 500;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
ol, ul ,li{list-style: none;}
fieldset, img {border: 0}
del, ins { text-decoration: none }
caption, th { text-align: left }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
audio, canvas, video {display: inline-block; *display:inline; *zoom:1}
/*FORM RESET*/
button, input, select, textarea{font-size: 100%}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button;}
button[disabled], html input[disabled]{cursor: default;}
input[type="checkbox"], input[type="radio"] {padding: 0;box-sizing: border-box;}
input[type="search"] {-webkit-box-sizing: content-box;	-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0}
textarea {overflow: auto}
q:before, q:after {content: ''}
sup {top: -0.5em}
sub {bottom: -0.25em}
table {border-collapse: collapse;border-spacing:0;}
th {text-align: inherit;}
/*iframe{	display: block;}*/
input,a{-webkit-tap-highlight-color:transparent;-webkit-transition:background-color;outline: none; border:none; border-radius:0;}
.nwarc img{max-width: 100%;}

/* ==|== FONT RESET======================= */
html, body, button, input, select, textarea {font: 14px/1.5 "Microsoft YaHei", arial;}
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #333;	}
body{ background-color:#fff;}
a{ color:#333;text-decoration:none;}
a:hover,a:link,a:visited{ color:#333;}
.clearfix{zoom:1;}
.clearfix:after{ clear: both;content:"";diplay:table;}
.clear{ clear: both} 
.fl {  float: left;}
.fr {    float: right;}
.blue{ color: #0d6fb8}


.header{height: auto;width: 100%;}
.w1400{max-width:1400px;margin: 0 auto;position: relative; }
.logo{position: absolute;left:-5%;width: 10%;z-index: 9;}
.logo img{max-width: 100%;}
.logor{position: absolute;right:-5%;width: 18%;}
.logor img{margin-top:30px;max-width: 100%;}


div.nav{width:80%;margin: 0 auto;text-align: center; }
div.nav ul li{float: left;margin:0 3%;position: relative; }
div.nav ul li a{display: block;padding: 28px 0;color: #1b1b1b;line-height: 1.6;text-align: center;}
div.nav ul li font{display: block;font-size: 22px;}
div.nav ul li span{display: block;color: #9c9c9c;font-size: 16px;}
div.nav ul li:last-child font{color: #0b4790;background: url(../images/ss.png) left 5px no-repeat;padding-left: 30px;}
div.nav ul li:last-child span{color: #a5b2cc;padding-left: 30px;}
div.nav ul li:last-child{}

div.nav ul li .nav-body{width:190px; position:absolute; left:50%; top:116px;z-index: 999; margin-left:-95px; text-align:center; background-color:#fff; filter:alpha(opacity=60); background-color:rgba(255, 255, 255, 0.6); display:none;}
div.nav ul li .nav-body a{font-size:16px; color:#666; display:block; margin:10px 20px;padding: 0;}
div.nav ul li .nav-body a:hover{color:#154576;}
div.nav ul li .nav-body dd a{font-size: 14px;text-align: left;}



div.nav ul li .nav-body ul{position: relative;}
div.nav ul li .nav-body ul li{float: none;}
div.nav ul li .nav-body ul li.ative a{color:#0b4790;}
div.nav ul li .nav-body ul li ul{display: none;position: absolute;background-color: #fff;left:185px;width: 190px;top:-10px;filter: alpha(opacity=60);background-color: rgba(255, 255, 255, 0.6);}
div.nav ul li .nav-body ul li.ative ul{display: block;}
div.nav ul li .nav-body ul li.ative ul li a{color:#666; }
div.nav ul li .nav-body ul li.ative ul li:hover a{color:#154576; }

.home div.nav ul li.home font,
.about div.nav ul li.about font,
.pro div.nav ul li.product font,
.news div.nav ul li.news font,
.contact div.nav ul li.contact font,
div.nav ul li:hover font
{color: #0b4790;}

.home div.nav ul li.home span,
.about div.nav ul li.about span,
.pro div.nav ul li.product span,
.news div.nav ul li.news span,
.contact div.nav ul li.contact span,
div.nav ul li:hover span
{color: #a5b2cc;}


/*手机导航布局*/
.menu.show {display: block;}
.menu-link {display: none;}
.menu-link {width: 30px;height: 27px;margin-left: auto;position: relative;z-index: 100;}
.menu-link span {width: 100%;height: 2px;background: #044f9f;display: block;margin-top: -1px;position: absolute;
    text-indent: -9999em; top: 50%;}
.menu-link span, .menu-link span:before, .menu-link span:after{background: #044f9f;}
.menu-link.close span:before, .menu-link.close span:after, .menu-link.close span:before,.menu-link.close span:after{background: #fff;}
.menu-link.close span:before { color: #fff; -ms-transform: rotate(45deg); transform: rotate(45deg);}
.menu-link.close span:after {color: #fff;-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu-link span:before, .menu-link span:after { width: 30px; height: 2px; background: #044f9f;
content: ""; display: block;  left: 0;  position: absolute; text-indent: -9999px;top: -8px;
-ms-transform-origin: 13%; transform-origin: 13%; transition: transform .2s linear 0s;}
.menu-link span:after { bottom: -8px;  top: auto;}
.menu-link.close span,.menu-link.close span { background: transparent;}
.menu ul {margin: 0; padding: 0; list-style: none; }

.menu.show{background:#044fa0;height:100vh; top: 0;z-index: 99;position: fixed;overflow-y: auto;left: 0;right: 0;}
.menu.show ul{display: -ms-flexbox;display: flex;width: 100%;text-align: center;font-size: 28px;
-ms-flex-align: center;
align-items: center;-ms-flex-pack: center;/*justify-content: center;     */
-ms-flex-direction: column;flex-direction: column;}
.menu.show ul .submenu{padding-top: 0;}
.menu-link.close{position: fixed;right: 5%;}
.menu.show .nav > li{background: none;width: 100%;}
.menu.show .nav > li > a{padding:0px 0px;color: #fff;font-size: 22px;line-height: 30px}
.menu.show .nav > li > a:hover{background: none;}
.menu.show .nav li .submenu{position: relative;top: 0;}
.menu.show .nav li{max-height: auto;}


.swiper-container2 img{max-width: 100%;}



.swiper-container{clear: both;}
.swiper-container .swiper-slide img{max-width: 100%;display: block;}

.footer ul li{float: left;margin:0 3.58%;position: relative; }
.footer ul li a{display: block;padding: 28px 0;color: #fff;line-height: 1.6;text-align: center;}
.footer ul li font{display: block;font-size: 22px;}
.footer ul li span{display: block;font-size: 16px;}
.footer ul li:last-child font{background: url(../images/fss.png) left 5px no-repeat;padding-left: 30px;}
.footer ul li:last-child span{padding-left: 30px;}
.footer ul{margin-bottom: 10px;overflow: hidden;}
.footer ul a{color: #fff;font-size: 14px;display: inline-block;margin: 0 20px;}
.footer{width: 100%;height: auto;background: #1e2021;color: #a9a9a9;font-size: 14px;padding:20px 0;text-align: center;clear: both; }

@media (max-width:1600px){
    .w1400{width:92%;}
    .logo{left: 0;}
    .logor{right:0%;}
    .footer ul{text-align: center;}
    .footer ul li{margin: 0 3%;display: inline-block;float: none;}
}

@media (max-width:1460px){
	div.nav ul li{margin: 0 2.3%;}
	.footer ul li{margin: 0 2%;}
}

@media (max-width:1260px){
	div.nav ul li{margin: 0 2%;}
	.footer ul li{float: left;margin:0 1.5%;position: relative; }
}
@media (max-width:1200px){

	.logo{}
	.logor img{margin-top: 20px;}
	div.nav{float: left;}
	.logor{position: relative;float: right;}

	.menu-link {display: block;padding:20px 0;}

	.menu{display: none;}
	.menu.show{display: block;}
	div.nav ul li span{color: #fff;}
	div.nav ul li:last-child font,div.nav ul li:last-child span{padding-left: 0;color: #fff;}
	.nav ul li:last-child font{color: #fff;}
	.menu.show ul{position: relative;z-index: 99;padding-top: 10%;}
	.menu.show .nav > li > a{font-size: 28px;padding-left: 0;}
	.menu.show .nav li .submenu li a{padding: 0;}
	.nav li .submenu{background: none;}
	.nav li .submenu li{display: block;width: 100%;text-align: center; filter:alpha(opacity=60); -moz-opacity:0.6;  -khtml-opacity: 0.6;   opacity: 0.6;  }
	.nav li .submenu li.cur{filter:alpha(opacity=100); -moz-opacity:1;  -khtml-opacity: 1;   opacity: 1; }
	.nav li .submenu li a{display: block;width:100%;font-size: 22px;text-align: center;color: #fff;}
	.nav li .submenu li span{display: block;line-height: 30px;color: #fff;}
	.menu.show .nav > li{padding: 3px 0;line-height: 250%;}
	.menu.show .nav li .submenu{left: 0;}
	.menu.show .nav li .submenu li{height:auto;line-height:250%;padding: 0;}


}
@media (max-width:1086px){
	.footer ul li{margin: 0 1%;}
	
}
@media (max-width:980px){
	.footer ul{display: none;}
	
}