@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;font-size: 14px;}
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;}
.mb5{margin-bottom: 5% !important;}
.mb2{margin-bottom: 2% !important;}
.mt3{margin-top: 3% !important;}
.mt50{margin-top: 50px !important;}
.mb35{margin-bottom: 35px !important;}

/* ==|== 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}
.overhidd{overflow: hidden;}
.wapshow{display: none;}


.w1400{max-width:1200px;margin: 0 auto;position: relative; }



.top{position: relative;width: 100%;background: #000;height: 75px;}
.top.fixedpro{position: fixed;top: 0;left: 0;z-index: 999;}


.logo{z-index: 9;width:40%;margin:18px 0;float: left; }
.logo img{max-width: 100%;}



/*.topss{}*/
.topss{float: right;width: 58%;}
nav{height:75px;line-height:75px;}
div.nav{text-align: center; }
div.nav ul li{float: left;position: relative;position: relative; }

div.nav ul li a{color: #fff;text-align: center;;padding:0 18px;font-size: 14px;position: relative;}
div.nav ul li:last-child{}
div.nav ul li a.selected:before{position: absolute;content:'';width: 100%;height:3px;background: #e34646;bottom: -28px;left: 0%; }
div.nav ul li a.selected{color: #e34646;}
div.nav ul li .nav-body{width:calc(160% - 30px );padding:15px;display: none;position:absolute;top:80px;left: -30%;z-index: 999;background-color:#fff;border-radius: 8px;}
div.nav ul li.ative a{color: #e34646;}
div.nav ul li .nav-body a{font-size:14px;color:#626262;display:block;text-align: center;padding: 0;line-height: 35px;}
div.nav ul li .nav-body a:hover{color:#e34646;}

.swiper-pagination-bullet{width: 18px;height: 18px;background: url(../images/d.png) center no-repeat;}
.swiper-pagination-bullet-active{background: url(../images/dh.png) center no-repeat;}
.swiper-button-next, .swiper-button-prev{width: 70px;height: 135px;margin-top: -68px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(../images/l.png) left center no-repeat;left: 0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(../images/r.png) left center no-repeat;right: 0;}
/*手机导航布局*/
.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: #fff;display: block;margin-top: -1px;position: absolute;
    text-indent: -9999em; top: 50%;}
.menu-link span, .menu-link span:before, .menu-link span:after{background: #fff;}
.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: #fff;
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;float: right; }

.menu.show{background:#000;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;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{width: 100%;height: auto;color: #fff;font-size: 14px;line-height:30px;clear: both;}
.footer{padding: 50px 0;background: #333333;}
.footl{width: 35%;}
.footl dl dt h2{font-size: 18px;color: #ffffff;margin-bottom:5px;position: relative;text-transform:uppercase;}
.footl dl dt h4{color: #fff;font-size: 14px;position: relative;padding-bottom:15px;margin-bottom:20px;}
.footl dl dt h4:after{content: "";width: 56px;height: 1px;background: #fff;bottom: 0;position: absolute;bottom: 0;left: 0}
.footl dl dd{position: relative;}
.footl dl dd p{color: #d0d0d0;font-size: 14px;line-height:38px;padding-left:25px;}
.footl dl dd p:nth-child(1){background: url(../images/index14.png) left 10px no-repeat;}
.footl dl dd p:nth-child(2){background: url(../images/index15.png) left 10px no-repeat;}
.footl dl dd p:nth-child(3){background: url(../images/index15.png) left 10px no-repeat;}
.footl dl dd p:nth-child(4){background: url(../images/index16.png) left 10px no-repeat;}

.footc{border-left: 1px solid #999999;padding-left:50px;width:calc(35% - 50px ); }
.footc ul li{color: #959595;font-size:14px;line-height: 34px;}
.footc ul li img{width: 135px;max-width: 100%;display: block;margin-top: 2px;}

.footr{width:calc(25% - 50px );border-left: 1px solid #999999;padding-left:50px;}
.footr ul li{border: 1px solid #7e7e7e;line-height: 38px;margin-bottom: 15px;padding: 0 5px}
.footr ul li input{background: none;border: none;line-height: 38px;color: #fff;}
.footr ul li textarea{line-height: 24px;padding: 5px;height:48px;background:none;border: none;width:calc(100% - 12px );color: #fff; }
.footr .coolbg{width: 100%;height: 42px;background: #e34646;color: #fff;}


.banquan{background: #000000;font-size: 14px;line-height: 26px;padding: 10px 0;color: #fff;text-align: center;}
.banquan p a{color: #fff;}



.itit{text-align: center;color: #e34646;margin: 2% auto 3%;}
.itit h2{font-size:1.8rem;}
.itit h1{position: relative;font-size:2.6rem;line-height:1.4; }
.itit h1 span{display: inline-block;position: relative;background: #fff;padding: 0 15px;z-index: 9;text-transform:uppercase;}
.itit h1:after{position: absolute;width: 100%;height: 1px;background: #f1a2a2;content: '';left: 0;top: 50%;}

.itit1{color: #fff;}
.itit1 h1{}
.itit1 h1 span{background: #141413 url(../images/xjt.png) bottom center no-repeat;padding-bottom:15px;}
.itit2 h1 span{background: #010101 url(../images/xjt.png) bottom center no-repeat;padding-bottom:15px;}
.itit1 h1:after {background: #fff;top:calc(50% - 7px );}


@media (max-width:1260px){	


}
@media (max-width:1200px){
	.w1400{width:92%;}
	.header{height: 68px;}
	.logo{max-width: 468px;width:42%; }
	.topss{width: 58%;}
	div.nav ul li a{padding: 0 9px;}

}
@media (max-width:1080px){
	


}
@media (max-width:980px){
	
	div.nav{width: 10%;position: absolute;right: 15px;}
	.topss{width:40%;}
	.topss img{float: left;width:calc(100% - 60px )}
	.swiper-button-next, .swiper-button-prev{display: none;}
	.menu-link {display: block;padding:20px 0;margin-right:0px;}
	nav{height: auto;background: none;}
	.menu{display: none;}
	.menu.show{display: block;}
	div.nav ul li span{color: #fff;}
	.menu.show ul{position: relative;z-index: 99;padding-top: 10%;}
	.menu.show .nav > li > a{font-size:18px;padding-left: 0;border: none;}
	.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;}
	div.nav ul li .nav-body{display: none !important;}
	div.nav ul li a.selected:before{bottom:-10px;}


}

@media (max-width:751px){
	.logo{max-width: 468px;width:70%; }
	.topss{width: 30%;}
	.menu-link{padding: 24px 0;}
	.wapshow{display: block;}
	.pcshow{display: none;}

	.footer{padding: 25px 0;}
	.footr{display: none;}
	.footl{width: 70%;}
	.footc{width: calc(30%);padding-left: 0;float: right;border: none;}
	.footc dt{display: none;}
	.footc ul{margin-top: 103px;}
	.footc ul li p{font-size: 12px;}

	
}
@media (max-width:420px){
	.menu-link{padding:12px 0;}
	.top{height:50px; }
	.logo{margin: 14px 0;}

	.itit h2{font-size:1.4rem;}
	.itit h1{position: relative;font-size:2.2rem;line-height:1.4; }

	

}