*{ margin:0; padding:0; list-style:none;font-family: 'Source Sans Pro', sans-serif;}
body {color: #333;font-size: 14px;font-family: 'Source Sans Pro', sans-serif;margin:0 auto;position:relative;overflow-x: hidden;}
input,textarea,select{background:none;border:none;font-size:12px;outline:none;}
/*public style*/
html{ margin:0 auto; padding:0;overflow-x:hidden;overflow-y:auto}
div,ul,li,p,dl,dt,dd,h1,h2,h3,h4{ margin:0; padding:0; list-style-type:none; font-weight:normal}
table,tr,td{ margin:0; padding:0}
i,em{ font-style:normal}
a{ text-decoration:none; color:#000}
a:hover{ text-decoration:none;}
.clearfloat{clear:both;height:0;line-height:0; font-size:0;}
.clearfloat2{overflow:hidden;zoom:1; display:block;}
.pabs{position: absolute;}
.prel{position:relative;}
.floatL{float:left;}
.floatR{ float:right;}
A:link{text-decoration:none;}
A:visited{text-decoration:none;}
A:active{text-decoration:none;}
A:hover{text-decoration:none;}
/*页面翻转*/
body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;}

/*banner*/
.slick a font{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.banner .slick-dots{ bottom:0.45rem;right:2.24rem; width: auto; z-index: 2; }
.banner .slick-dots li{ width:0.38rem; height:0.37rem; padding:0;border: .01rem solid #fff;border-radius:100%;}
.banner .slick-dots li.slick-active{border: .01rem solid #ae0f0c}
.banner .slick-dots li button{ background:transparent; border-radius:100%;width:100%; height:100%;}
.banner .slick-dots li{ margin-right: 0.1300rem; }
.banner .slick-slide div{ height: 100%; display: block !important; }
.banner .slick-dots .slick-active button{ width:0.38rem; height:0.37rem;background:#ae0f0c center no-repeat;color:#fff;}
.banner a{ display: block; /* position: relative; */ height: 100%; }
.banner a img{ display: none;}
.slick,.slick-list,.slick-initialized .slick-slide,.slick-track,.banner a{ height: 100%; }
.banner{ position: relative; left: 0; top:0; right: 0; bottom: 0; height:6.9rem;}

/*预加载*/
/*手机端导航按钮*/
.menu-button { position: absolute; display: none; top: 0.3800rem; right: 0.1500rem; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0.0000rem;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0.0000rem;}
.header2 .menu-button{ right:0.3200rem;}
.bar { position: relative; display: block; width: 0.2400rem; height: 0.0200rem; margin: 0.0500rem auto; background-color: #fff; border-radius: 0.1000rem; -webkit-transition: .3s; transition: .3s; }
.cross{ top: 0.2800rem; }
.cross .bar{ margin:0.1300rem auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(0.1500rem) rotate(-45deg);-ms-transform: translateY(0.1500rem) rotate(-45deg); transform: translateY(0.1500rem) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-0.1500rem) rotate(45deg); -ms-transform: translateY(-0.1500rem) rotate(45deg); transform: translateY(-0.1500rem) rotate(45deg);}

@media( max-width: 800px){
.main,.main2,.main3{width: 98%;margin: 0 auto;}
.logo{ width:25%; margin-top:8px;}
.logo img{ width:100%;}

.menu-button{ display: block; }

.banner a img{display:block;min-height: 185px; width:100%;}
.banner .slick{ margin:0; }
.menu-button{ display: block; position: absolute;}

.menu-button{ top: 25px; }

.banner .slick-dots{ left: 0; right: 0; width: 100%; margin:0; }
.banner .slick-dots li{ margin:0 5px;}
.slick-dots li button{font-size:12px;}
.slick-dots li button:before,.banner .slick-dots li,.banner .slick-dots .slick-active button{width:20px;height: 20px;}
.banner .slick-dots {bottom:10px;}
.nav-list{ margin-top:0;}
.cross{ top:10px !important;}
.body_b{ position: relative; z-index: 100000; }
.nav-down-ul li{ width: 33.333333%; }

.img-ul li{ width: 50%; }

.banner .slick:before{ display: none;}


.banner{top: 0;height:auto;}


}



.slick a font{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;}