html, body, div, span, header,  applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend{
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; font-size:100%; text-align: left;vertical-align: baseline; }
body{font-size: 62.5%;}
*{margin: 0;padding: 0;	box-sizing: border-box;	font-family: Arial, '微软雅黑';}
img {border:none; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;vertical-align: top;}
input[type='button']{-webkit-appearance:none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
/* 基础样式----------------------------------------*/
body{text-align:center; width:100%; position: relative;  }
/*--- 链接样式 ---*/
a{text-decoration:none;}
a:hover, a:active{text-decoration: none;}
ul{ list-style-type:none;}
ul, li {list-style: none;}
blockquote {margin: 0 0 18px 18px; font-style: italic;}
strong {font-weight:bold;}
em {font-style:italic;}
/* 常用样式----------------------------------------*/
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.center{width: 1200px; margin: 0 auto;}
.center1300{max-width: 1300px; width: 100%;  margin: 0 auto;}
.payment_item8,.about,.process,.advantage,.contact_box,footer,a,p,span,div{	font-family: Arial, '微软雅黑';}
.cursor{cursor: pointer;}
.hide{display: none;}




/* 分页----------------------------------------*/
			.containerPage{width: 100%; display: flex;justify-content: center; margin-top: 20px;}
			.containerPage:after { clear: both;
  content: "";
  display: table;
}
.container ul { width: 100%;}
.large { width: 45rem;}
.pagination ul, li { list-style: none; display: inline;  padding-left: 0px;}
.pagination li { counter-increment: pagination;}
.pagination li:hover a { color: #fdfdfd; background-color: #1d1f20; border: solid 1px #1d1f20;}
.pagination li.active a {
  color: #fdfdfd;
  background-color: #1d1f20;
  border: solid 1px #1d1f20;
}

.pagination li:first-child a:after {
  content: "<";
}

.pagination li:nth-child(2) {
  counter-reset: pagination;
}

.pagination li:last-child a:after {
  content: ">";
}
.pagination li a {
  border: solid 1px #d6d6d6;
  border-radius: 0.2rem;
  color: #7d7d7d;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 0.5rem 0.9rem;
}
.pagination li a:after {
  content: " " counter(pagination) " ";
}

.large li a {
  display: none;
}
.large li:first-child a {
  display: inline-block;
}
.large li:first-child a:after {
  content: "<";
}
.large li:nth-child(2) a {
  display: inline-block;
}
.large li:nth-child(3) a {
  display: inline-block;
}
.large li:nth-child(4) a {
  display: inline-block;
}
.large li:nth-child(5) a {
  display: inline-block;
}
.large li:nth-child(6) a {
  display: inline-block;
}
.large li:nth-child(7) a {
  display: inline-block;
}
.large li:nth-child(8) a {
  display: inline-block;
}
.large li:last-child a {
  display: inline-block;
}
.large li:last-child a:after {
  content: ">";
}
.large li:nth-last-child(2) a {
  display: inline-block;
}
.large li:nth-last-child(3) {
  display: inline-block;
}
.large li:nth-last-child(3):after {
  padding: 0 1rem;
  content: "...";
}

.newBanner img {
    width: 100%; height:100%
}
.slide_box{position:relative}
.slide_box p{position:absolute; left:0; bottom:0;padding-top: 52px; color:#fff; line-height:35px; font-size:16px; font-weight:bold; width:100%; padding-left:10px; box-sizing:border-box; background:linear-gradient(-180deg,transparent 13%,rgba(0,0,0,.65) 97%)}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background:#0a6396}
.layui-laypage{margin-top:30px; text-align:left; width:100%;}
.newList {
    width: 100%;
    width: 1200px;
    margin: 0 auto;
}
.newLeft{width: 840px; float: left;padding-bottom: 20px; float: left; margin-top:20px;}
.newLeft_order{width: 100%; float: left;}
.newLeft_order .li{width: 100%; border-bottom: 1px solid #e6e6e6; padding: 15px 0; box-sizing: border-box;  transition: all 0.3s;  float: left; }
.newLeft_order .li:hover{
	background: #f7f7f7;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1);
    box-shadow: 0 0 30px rgba(0,0,0,0.15);
    -webkit-transform: translate3d(0, 0px, -2px);
    transform: translate3d(0, 1px, -2px);
}
.newLeft_order .li .img{width: 244px; height: 150px;}
.newLeft_order .li .textBox{width: 550px; margin-left: 20px;position: relative;height: 150px;}
.newLeft_order .li .textBox .tit{font-size: 19px; color: #31424e; font-weight: bold;}
.newLeft_order .li .textBox p{font-size: 14px; color: #999; line-height: 28px; margin-top: 10px;}
.newLeft_order .li .textBox .time{position: absolute; bottom: 5px; left: 0; color: #9baab6;}
.newRight{width: 310px; float: right;}
.rightBox{width: 310px; margin-top: 20px; float: right;}
.rightBox .tit{font-size: 16px; padding: 0px 0 10px;position: relative; color: #31424e; font-weight: bold; padding-left: 4px;}
.rightBox .tit a{position: absolute; right: 0px; top: 20px; font-size: 12px; color: #666;}
.rightBox .list{width: 100%; overflow: hidden;border: 1px solid #e6e6e6; padding:0 15px 15px; box-sizing: border-box; background: #FFFFFF; }
.rightBox .list li{width: 100%; font-size: 14px;float: left; box-sizing: border-box; }
.rightBox .list li a{color: #31424e;font-size: 14px; background: url(../images/icon_a.jpg) no-repeat 0 16px; padding-left: 10px; line-height: 34px;  width: 100%; display: inline-block; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.rightBox .list .text{border-bottom: 1px solid #e6e6e6; margin-top: 15px;}
.rightBox .list .text a{padding: 0; }
.rightBox .list .text span{width: 100%; height: 156px; overflow: hidden; display: block;}
.rightBox .list .text .img{width: 100%; height: 156px; float: left; transition: all 0.3s;}
.rightBox .list .text .img:hover{transform: scale(1.1);}
.rightBox .list .text p{width: 100%; font-size: 14px; margin-left: 10px; color: #666666;float: right; line-height:35px; padding: 2px 0;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newslide{width: 543px; height: 370px; position: relative; margin: 20px 0 10px 0;}
.swiper-slide img{width: 543px; height: 370px; }
.swiper-slide{position: relative;}
.swiper-slide .title{position: absolute; width: 100%; height: 50px; line-height: 50px; background: rgba(0,0,0,0.5);  bottom: 0; left: 0; color: #FFFFFF; padding: 0 2%; box-sizing: border-box; font-size: 20px; font-weight: bold;}
.banner_right{width: 280px;}
.banner_right .li{width: 280px; height: 175px; position: relative; margin-top: 20px; padding: 0;}
.banner_right .li img{width: 280px; height: 175px;}
.banner_right .li span{position: absolute; bottom: 0; left: 0; line-height: 30px; font-size: 14px; color: #fff; font-weight: bold; width: 100%; text-align: center;}
.new_nav{width: 100%; margin: 20px 0 10px; overflow: hidden;}
.new_nav ul li{padding:5px 20px; border-radius: 100px; display: inline-block;  float: left; font-size: 17px; font-weight: bold; color: #31424e;}
.new_nav ul li.current{border: 2px solid #396585; color: #396585;}
.hot_right {width: 310px; margin-top: 20px; float: right;}
.hot_right .list{ padding-top: 15px;border: 1px solid #e6e6e6; padding:15px; box-sizing: border-box; background: #FFFFFF;border: 1px solid #e6e6e6;  overflow: hidden;}
.hot_right .list li{width: 100%; padding: 8px 0; float: left; margin-bottom: 4px; border-bottom: 1px dotted #e6e6e6;}
.hot_right .list li a{color: #31424e;font-size: 14px;  }
.hot_right .tit{font-size: 16px; padding: 0px 0 10px;position: relative; color: #31424e; font-weight: bold; padding-left: 4px;}
.hot_right .cont{width: 100%;}
.hot_right .cont a{border: 1px solid #e8ecef; height: 30px; background: #fff; border-radius: 100px; transition: 0.3s all; line-height: 30px; padding: 0 12px; display: inline-block; margin: 15px 15px 0px 0; color: #5e6b73;}
.hot_right .cont a:hover{
	background: #f7f7f7;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, 0px, -3px);
    transform: translate3d(0, 1px, -3px);
}


.newLeft .dh{width: 100%; height: 60px; line-height:60px; color: #000000; padding: 0 1%;}
.newLeft .dh a{color: #000000; margin: 0 3px;}

.contacterBox{width: 100%; padding: 0px 0;}
.contacterBox .title{background: #f0efef; text-align: center; padding: 25px 70px; box-sizing: border-box; margin-bottom: 20px;}
.contacterBox .title h1{color: #31424e; text-align: center; font-size: 23px;}
.contacterBox .diro{width: 100%; text-align: center;}
.contacterBox .diro span{margin: 0 10px; color: #31424e;}
.contacterBox .diro span.time{color: #7e93a2;}
.contacterBox h1{font-size: 24px; font-weight: bold; margin-bottom: 20px;}
.contacterBox p{font-size: 16px; line-height: 26px; margin-top: 20px; color: #31424e;}
.contacterBox img{max-width: 100%; width: auto; display: block; margin: 10px auto;}

.xiangguan{width: 100%; overflow: hidden; margin-top: 60px;}
.xiangguan .title{width: 100%; height: 45px; line-height: 45px; font-size: 16px; color: #31424e; border-bottom: 1px solid #e6e6e6;}
.xiangguan .cont{width: 100%; margin-top: 20px;}
.xiangguan .cont .li{width: 170px; float: left; margin-left: 25px;}
.xiangguan .cont .li:first-child{margin: 0;}
.xiangguan .cont .li img{width: 170px; height: 100px;}
.xiangguan .cont .li p{width: 100%; margin-top: 5px; line-height: 20px; color: #31424e; font-size: 14px;}

.dianping{width: 100%; overflow: hidden;margin-top: 30px;}
.dianping .title{width: 100%; height: 45px; line-height: 45px; font-size: 16px; color: #31424e; border-bottom: 1px solid #e6e6e6;}
.dianping textarea{width: 100%; margin-top: 15px; min-height:80px; border: 1px solid #e8e8e8; padding: 10px; box-sizing: border-box;}
.dianping .tijiao{width: 100%; text-align: right; margin-top: 10px;}
.dianping .tijiao button{width: 100px; height: 40px; line-height: 40px; border-radius: 5px; background: #ea7754; color: #fff; border: none; font-size: 16px;}
.tip{width: 100%; height: 38px; line-height: 38px; background: #eeeeee; border-bottom: 1px solid #dfdfdf;}
.tip .tit{font-size: 14px; color: #696868;}
.tip .topLogin{color: #bababa;}
.tip .topLogin a{font-size: 14px; color: #696868; margin: 0 4px;}
.header{padding: 10px 0;  overflow: hidden; width: 100%;}
.so{ line-height:32px; margin-top:10px; margin-bottom:20px; display:flex; justify-content:center;}
.so input{height:30px; line-height:30px; width:300px; }
.so .waves-effects{width:80px; height:30px; line-height:30px;}
.so .input_a{width: 450px; height: 38px; border: 1px solid #e4e4e4; margin-top: 20px; float: left; margin-right: 10px;}
.so .input_b{width: 80px; height: 38px; line-height: 38px; background: #ee4f4f; color: #fff; border: none;margin-top: 20px; float: left;}
.navBox{width: 100%; height:45px; line-height: 45px; background: #4ba6e5;}
.navBox a{color: #fff; font-size: 16px; padding: 0 25px;}
.navBox li{height: 45px; display: inline-block;}
.navBox li.current{background: #42adf7;}