@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;}


/* ==|== FONT RESET======================= */
html, body, button, input, select, textarea {font: 12px/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;overflow: hidden;}
.fl {float: left !important;}
.fr {float: right !important;}
.red{color: #ff0000 !important;}
.hidden{overflow: hidden;}
a{ color:#333;text-decoration:none;}
a:hover,a:link,a:visited{ color:#333;}
a:hover{text-decoration: underline;}
body {
  font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff !important;
}
.posrel{position: relative;}
.mt2{margin-top: 2% !important;}
.mt5{margin-top: 5% !important;}
.w1400 .w1000{max-width: 1000px;width: 71.5%;margin: 0 auto;}
.w1400{max-width: 1400px;width: 74%;margin: 0 auto;}
.w1600{max-width: 1600px;width: 85%;margin: 0 auto;}
.swiper-slide img{max-width: 100%;}
.w1600 .w1400{width: 87.5%;}

.header{height: auto;/*overflow: hidden;*/}
.logo{height: auto;overflow: hidden;max-width: 467px;width: 33.36%;margin: 20px auto 12px;}
.logo img{max-width: 100%;;max-height: 86px;}

.navform{height: auto;overflow: hidden;margin-right: -42px;margin-top: 10px;margin-bottom:15px;}
.navform a{color: #999999;font-size: 14px;line-height: 34px;}
.navform p{float: right;color: #999999;margin-right: 18px;} 
.navform form{float: right;background: #eeeeee;height: 34px;line-height: 40px;border-radius: 25px; }
.navform form input[type='text']{width: 196px;height: 34px;background: none;border:0;line-height: 40px;margin-left: 20px;display: block;float: left;font-size: 15px;color: #999999; }
.navform form input[type='submit']{width:40px;height: 34px;background: url(../images/ss.png) center no-repeat;}

.navm{height: auto;margin-right: -42px;position: relative;}
.navm ul li a{color: #333333}
.navm ul li{font-size: 18px;line-height: 28px;float: left;position: relative;padding: 0 18px;}

.nav_list li div.sonnavs{background: url(../images/navbg.jpg) bottom center no-repeat;padding-top:32px;display: none;position: relative;}
.nav_list li ul{position: absolute;z-index: 999;;/*display: none;*/top: 32px;left: -25px;width:100px;padding: 0 15px;background-color: #005bac; /* 浏览器不支持的时候显示 */background-image: linear-gradient(0deg, #005bac, #18b5ec); }
.nav_list li ul li{margin: 0;padding: 0;text-align: center;width: 100%;font-size: 14px;line-height: 50px;border-bottom:1px solid #fff;}
.nav_list li ul li:last-child{border-bottom: none;}
.nav_list li ul li a{color: #fff;font-weight: 100;}
.nav_list li ul li:hover a{color: #fff;text-decoration: underline;}
.nav_list li:hover ul li a{color: #fff;}
.nav_list li:hover div.sonnavs{display: block;}
.nav_list li#arcts2 ul{width: 140px;left: -45px;}
.nav_list li#arcts3 ul{width: 140px;left: -45px;}
.nav_list li#arcts4 ul{width: 230px;left: -90px;}


.navm ul li.active a{color: #005bac;font-weight: bold;}
.navm ul li:hover a{color: #005bac;}
.nav__trigger {display: none;position: relative;width: 30px;height: 25px;right:30px;top:45px;z-index: 200;    float: right;}
.nav--active .nav__trigger {opacity: 0.5;}
.nav__icon {display: inline-block;position: relative;width: 25px;height: 5px;border-radius: 5px;background-color: #1962cb;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before,
.nav__icon:after {content: '';display: block;height: 5px;right: 0;position: absolute;border-radius: 5px;background: #1962cb;-webkit-transition-property: margin, -webkit-transform;
transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:after{width: 20px;}
.nav__icon:before{width: 30px;}
.nav__icon:before {margin-top: -10px;}
.nav__icon:after {margin-top: 10px;}





.footer{height:auto;overflow: hidden;padding:2% 0 1% ;}
.footer dl{float: left;margin-left:8%;line-height: 30px;}
.footer dl:first-child{margin-left: 0;}
.footer dl dt{font-weight: bold;font-size: 18px;color: #666666;margin-bottom: 6px;}
.footer dl a{color: #666666;}
.footer dl dd{font-size: 16px;background: url(../images/fd.jpg) 4px center no-repeat; padding-left: 18px;}

.ftel{max-width:260px;width: 24%; }
.ftel a.btel img{max-width: 100%;}
.ftel h2{font-size: 17px;line-height: 28px;color: #000;margin-bottom: 15px;}
.ftel p{line-height: 30px;font-size: 14px;}
.ftel p img{margin-right: 15px;vertical-align: middle;}

.ftel ul{height: auto;}
.ftel ul li{float: left;margin-right:2%;position: relative;margin-top:5%;}
.ftel ul li img{max-width: 100%;}
.ftel ul li a{width: 120px;display: block;text-align: center;}

.ftel ul li.wx .wxewm{position: absolute;height:192px;background: url(../images/wxbjt.jpg) bottom center no-repeat;top: -198px;left: -72px;display: none;}
.ftel ul li.wx .wxewm img{width: 170px;border: 5px solid #5dbd4c;max-width: 170px;display: block;}
.ftel ul li.wx:hover .wxewm{display: block;}

.copyright{width: 100%;height:auto;text-align: center;line-height: 30px;background: #005bac;color: #fff;font-size: 12px; }
.copyright a{color: #fff;}

.rightpf{position: fixed;right: 0;top: 50%;z-index: 999;}
.rightpf ul li{max-width:150px;background: url(../images/cpzx.jpg) center no-repeat;text-align: center;color: #fff;padding: 19px 30px; }
.rightpf ul li img{}
.rightpf ul li h2{color: #fff;font-size: 22px;font-weight: bold;margin-bottom: 10px;}
.rightpf ul li:hover a{text-decoration: none;}
.rightpf ul li:nth-child(1){background: url(../images/cpzxbg.jpg) center no-repeat;}

@media(max-width: 1640px){
	.navm ul li{margin: 0 14px;}
	.w1600{width:100%;}
	.w1400{width: 92%;margin: 0 auto;float: none !important;}
	.w1600 .w1400{width: 92%;margin: 0 auto;float: none !important;}

	.nav_list li div.sonnavs{padding-top: 14px;}
	.nav_list li ul{top: 14px;}
}



@media(max-width: 1546px){
	.logo img{max-height:70px;}
	.logo{max-width: 320px;margin-bottom: 17px;}
}

@media(max-width: 1440px){
	.logo img{max-height:55px;}
	.logo{max-width: 300px;margin-bottom: 21px;}

	.nav_list li div.sonnavs{padding-top: 13px;}
	.nav_list li ul{top: 13px;}

}

@media(max-width: 1320px){
	

	
	.navm ul li{margin:0px 10px 0;font-size: 16px;}

	.footer dl{margin-left:8%;}
	.ftel{max-width:260px;width: 32%; }
	.footer dl:nth-child(4){display:none;}
}
@media(max-width: 1240px){
	.logo img{max-height: 60px;}
	.logo{max-width: 260px;}

	.navm ul li{font-size: 16px;margin:28px 3px 0;}
	.navform{display: none;}

}


@media(max-width: 1092px){
	.logo img{max-height: 50px;}
	.logo{max-width: 250px;}
	.navm ul li{margin:28px 4px 0;font-size: 14px; }
	.nav__trigger{top: 34px;}
	.footer dl:nth-child(3){display:none;}

}
@media(max-width: 998px){	
	.w1400 .w1000{width:92%; }
	.logo{width: 55%;}
	.nav__trigger{display: block;}
	.navm ul{display: none;}	
	.navm.nav--active ul{display: block;}
	.navm.nav--active .nav__trigger{position: fixed;}
	nav.nav {position: absolute;z-index: 100;opacity: 0;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 300ms;
	transition-duration: 300ms;width: 100%;height: 100vh;}
	.nav--active nav.nav {opacity: 1;background-color: #333;}
	.nav_list {margin: 0;padding: 10px;margin-top:70px;}
	.navm .nav {-webkit-transform: translateX(-100%);transform: translateX(-100%);width: 100%;height: 100%;max-width: 100%;  top: 0;left: 0;
	  position: fixed;}
	.navm.nav--active a {opacity: 1;}
	.navm.nav--active .nav {-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;-webkit-transform: translateX(0);transform: translateX(0);}
	.navm.nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
	.navm.nav--active .nav__icon:before {margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);width: 30px;}
	.navm.nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);width: 30px;}
	.navm.nav--active ul li a{color: #fff;font-size: 18px;}
	.navm.nav--active ul li{float: none;text-align: center;}
	
	.navm.nav--active ul li ul li{margin: 0;}
	.navm.nav--active ul li{margin: 10px;}
	.nav_list li div.sonnavs{background: none;display: none;padding-top: 0;}
	.nav_list li div.sonnavs ul{width: 100%;background: none;position: relative;top: 0;}
	.navm.nav--active ul li ul li{border: none;line-height: 30px;}
	.nav_list li ul li a,
	.navm.nav--active ul li ul li a
	{font-size: 14px;}
	.nav_list li#arcts2 ul,
	.nav_list li#arcts3 ul,
	.nav_list li#arcts4 ul
	{width: 100%;left: 0;padding: 0;}


	.footer dl{display:none;}
	.ftel{width:100%;margin: 0 auto;float: none !important;max-width:100%;}
	.ftel h2{border-bottom: 1px solid #d2d2d0;padding-bottom: 10px;}
	/*.copyright a{display: block;}*/

	.rightpf{display: none;}
	.ftel ul li.wx .wxewm img{width: 140px;}
	.ftel ul li.wx .wxewm{left: -54px;top: -160px;height: 160px;}
}

@media(max-width: 420px){
	.navm{margin-right: 0;}
	.nav__trigger{top: 28px;right: 0;}

	.rightpf ul li{max-width:80px;background: url(../images/cpzx.jpg) center no-repeat;padding:10px 10px; }
	.rightpf ul li img{max-width: 70%;}
	.rightpf ul li h2{color: #fff;font-size:16px;font-weight: bold;margin-bottom: 10px;}

}