@charset "utf-8";
/*==============================common==================================*/
*{margin:0; padding:0;box-sizing: border-box}
body,h1,h2,h3,h4,h5,p,ul,ol,form,fieldset,figure {  margin: 0;  padding: 0;  }
h3{font-weight: normal}
body{font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;}
ul,ol{list-style:outside none none;}
dl{ padding:0; margin:0;}
dd{ margin:0;}
a {text-decoration: none; color:#333;}
/*限制文字,文字超出显示冒号*/
.text-cut{overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}

/* 文章上下篇 */
.wengzhengfanye { width:100%; margin:0 auto;padding: 0.2rem 0}
.wengzhengfanye .wengzhengfanyeA { line-height:2;}
.wengzhengfanye .wengzhengfanyeB { line-height:2;}
.wengzhengfanye span { color:#666;}
.wengzhengfanye a { text-decoration:none; }

/* 文章类别上下页 */
.page { overflow:hidden;}
.pagelink { padding:0.3rem 0; text-align:center;}
.pagelink span,.pagelink a { display:inline-block; line-height:26px; height:26px; text-align:center;padding:0 8px; border:solid 1px #dcdcdc; color:#666; margin:0 2px;}
.pagelink a:hover,.pagelink a.on { background:#3889c8; color:#fff; border:solid 1px #3889c8;}
.pagelink span{display:inline-block; color:#fff; background:#3889c8;line-height:26px; height:26px; border:solid 1px #3889c8;}

/*==============================style==================================*/
.fl{ float:left}
.fr{ float:right}
.clear{clear: both}
.contioner {max-width: 720px;margin: 0 auto; min-width: 320px;overflow: hidden; position:relative;font-size: 0.26rem;}
.wapper{padding-bottom:1rem; position:relative;z-index:100; background:#FFF;color: #333}
.container{margin: 0 0.2rem;/*overflow: hidden;*/font-size: 0.26rem}
/*img{max-width: 100%}*/

/*============================= 首页 ============================*/
.top{overflow:hidden; background:#fff; padding: 0.2rem;position: relative}
.logo img{width: 2.37rem}
.menu-button {width:50px; cursor:pointer; float:right;}
.menu-button:before { content:""; position:absolute; top:0.3rem; right:0.2rem; border-bottom:9px double #3889c8; border-top:3px solid #3889c8; width:25px; height:3px;}

/*浮动导航*/
.top_fd {width:100%; height: 100%;position:fixed; top:0; left:0; z-index:999; display:none;overflow-y: auto;}
.maskbg {background:#333; position:absolute; left:0; top:0; opacity:0.3; height:100%; width:100%;}
.mask-close{cursor:pointer; color:#fff; font-size:22px; position:absolute; top:11px; right:15px;}
.top_fd ul{overflow:hidden; background:#3889c8; position:relative; top:0.9rem;overflow-y: auto;padding-bottom: 2rem;
width: 100%;height: 100%}
.top_fd ul li{width:100%;border-bottom:1px solid #fff;overflow: hidden}
.top_fd ul li a{color:#fff; height:40px; line-height:40px; font-size:14px; padding-left:30px;float: left}
.submenu-toggle{cursor:pointer;line-height:40px;color:#fff; display:inline-block; float:right; font-size:28px; padding-right:20px;}
.top_fd ul li .sub-menu {background:#fff; overflow:hidden;display: none;width: 100%}
.top_fd ul li .sub-menu a{display:block; height:35px; line-height:35px; padding-left:40px;color: #3889c8;width: 100%}

/*banner图片切换样式*/
.banner{position:relative;overflow: hidden}
.banner ul li{height: 3.5rem}
.banner ul li img{max-width: 100%}
.banner .pagination{ position: absolute; bottom:20px; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet{width:10px;height:10px;margin:0 3px!important;cursor: pointer;border: 1px solid #fff;border-radius: 100%;position: relative}
.banner .swiper-pagination-bullet-active{ opacity: 1;background:none}
.banner .swiper-pagination-bullet:after{  content: "";  position: absolute;  width: 4px;  height: 4px;  background: #fff;  top: 2px;  left: 2px;  border-radius: 100%;  opacity: 0;  }
.banner .swiper-pagination-bullet-active::after {  opacity: 1;  }

.title{text-align: center;margin-top: 0.4rem;}
.title h2{font-size: 0.34rem;}
.title p{font-size: 12px;font-family: Arial;color: #d7d7d7;margin-top: 0.1rem;text-transform: capitalize}

.oneB{background-color: #edeef0;padding-bottom: 0.5rem;overflow: hidden}
.product .pro_box{margin-top: 0.2rem;overflow: hidden; }
.product .pro_box dl{width: 48.5%;float: left;margin-top: 0.2rem;position: relative;border-radius: 5px;}
.product .pro_box dl:nth-child(2n){float: right}
.product .pro_box dl.pro1{background: url(../img/pro_list1.jpg) no-repeat center;background-size: cover;  position: relative;}
.product .pro_box dl.pro2{background: url(../img/pro_list2.jpg) no-repeat center;background-size: cover;  position: relative;  }
.product .pro_box dl.pro3{background: url(../img/pro_list3.jpg) no-repeat center;background-size: cover;  position: relative;  }
.product .pro_box dl.pro4{background: url(../img/pro_list4.jpg) no-repeat center;background-size: cover;  position: relative;  }
.product .pro_box dl .txt dt{ margin: 0.3rem auto;}
.product .pro_box dl .txt dt span{width: 1rem;height: 1rem;background: #fff;border-radius: 50%;display: block;  margin: 0 auto 0.2rem auto;  }
.product .pro_box dl .txt dt span img{width: 1rem;  display: block;  margin: 0 auto 0px auto;}
.product .pro_box dl .txt dt a{display: block;text-align: center;font-size: 0.28rem;color: #fff}

.oneC{margin-top: 0.2rem;overflow: hidden;}
.oneC ul li{width: 48.5%;   float: left; margin-top: 0.2rem}
.zhbg{text-align: center;}
.zhbg .bg{padding: 1.3rem 0.15rem 0.4rem; min-height:4.2rem;transition: all 0.5s ease 0s;  -webkit-transition: all 0.5s ease 0s;  -ms-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s;  display: block;  border: 1px solid transparent;  }
.zhbg .bg:hover{transform: scale(0.95);  -webkit-transform: scale(0.95);  -ms-transform: scale(0.95);  -moz-transform: scale(0.95);  -o-transform: scale(0.95);  }
.zhbg{background: #f4f4f4;  }
.zhbg .bg01{background: url(../img/a01.png) no-repeat center;background-size: cover;  }
.zhbg .bg02{background: url(../img/a02.png) no-repeat center;background-size: cover;  }
.zhbg .bg03{background: url(../img/a03.png) no-repeat center;background-size: cover;  }
.zhbg .bg04{background: url(../img/a04.png) no-repeat center;background-size: cover;  }
.zhbg a .bg p,.zhbg a .bg i {color: #fff;  text-align: center;}
.zhbg a .bg p{font-size: 0.28rem; font-weight: 600;}
.zhbg a .bg i{font-size: 12px;font-style: normal;line-height: 24px;  }
.zhbg a .bg p{margin-bottom: 4px;font-size: 0.28rem;}
.oneC ul li:nth-child(2n){float: right}

.oneD{background-color: #f7f8fa;overflow: hidden;margin-top: 0.4rem;padding-bottom: 0.4rem}
.oneDa{margin-top: 0.2rem}
.oneDa ul li{width: 48.5%;box-shadow: 0 0 10px #ccc;float: left;background-color: #fff;overflow: hidden;margin-top: 0.2rem}
.oneDa ul li dd{margin: 0.2rem 0.1rem 0;border-bottom: 1px solid #e8e8e8;overflow: hidden;padding: 0 0.2rem 0.1rem}
.oneDa ul li dd i{display: inline-block;width: 20px;height: 20px;float: left}
.oneDa ul li dd h3{display: inline-block;font-size: 0.26rem;float: left;line-height: 20px;margin-left: 0.1rem}
.oneDa ul li dt{margin: 0.2rem 0.1rem;line-height: 1.8;color: #555;font-size: 12px;min-height: 2.3rem}
.oneDa ul li dl img{width: 100%;transition: all 0.5s;}
.oneDa ul li:nth-child(1) dd i{background: url("../img/od1.png") no-repeat center;background-size: cover}
.oneDa ul li:nth-child(2) dd i{background: url("../img/od2.png") no-repeat center;background-size: cover}
.oneDa ul li:nth-child(3) dd i{background: url("../img/od3.png") no-repeat center;background-size: cover}
.oneDa ul li:nth-child(4) dd i{background: url("../img/od4.png") no-repeat center;background-size: cover}
.oneDa ul li:hover dl img{transition: all 0.5s;transform: scale(1.1)}
.oneDa ul li:hover h3{color: #3889C8}
.oneDa ul li:nth-child(2n){float: right}
.oneDa ul li:nth-child(3) dt{min-height: 1.3rem}
.oneDa ul li:nth-child(4) dt{min-height: 1.3rem}

.oneE{background-color: #3889c8;overflow: hidden;padding: 0.3rem 0;margin-top: 0.4rem}
.oneEsr{}
.oneEsr ul{ height: auto; overflow: hidden;}
.oneEsr ul li{ float: left; width: 1.6rem; height: 1.6rem;border:1px solid #fff; box-sizing: border-box; text-align: center; color:#fff; border-radius: 50%;
	margin-right: 1rem;margin-top: 0.3rem}
.oneEsr ul li:last-child{ margin-right: 0;}
.oneEsr ul li:hover{margin-top: -10px;}
.oneEsr ul li div{ }
.oneEsr ul li img{ display: block; margin:0 auto; margin-top: 17px;width: 0.5rem}
.oneEsr ul li h1{ font-size: 0.26rem; margin-top: 5px; font-weight: normal;}
.oneEsr ul li p{ font-size: 11px;  color:#7d7d7d; font-family: "Arial"; line-height: 12px;}
.oneEsr ul li:nth-child(3n){margin-right: 0}

.oneF{position: relative;}
.oneFs{margin: 0 0.35rem;padding: 0.3rem 0}
.oneF ul li{text-align: center}
.oneF ul li dl{padding: 0 5px}
.oneF ul li dl img{max-width: 100%;height: 196px}
.oneF ul li p{margin-top: 0.2rem}
.oneF ul li:hover{box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);transition: all 0.3s ease-out 0s;}
.swiper-button-next{text-align: right}

.oneG{background-color: #f3f7fa;overflow: hidden;margin-top: 0.4rem;padding-bottom: 0.4rem}
.oneGs{margin-top: 0.4rem}
.oneGsl{background-color: #fff;border: 1px solid #dddddd;box-sizing: border-box}
.oneGsla{padding: 0.25rem 0.2rem;box-sizing:border-box;overflow: hidden;border-bottom: 1px dashed #dddddd;
display: flex;justify-content: space-between}
.oneGsla dd{display: inline-block;font-weight: bold;background: url("../img/of1.png") no-repeat right;
	cursor: pointer;float: left;padding-right: 6%}
.oneGsla a{display: inline-block;float: right}
.oneGsla dd:hover,.oneGsla dd.active{color: #3889c8; background-image: url(../img/of1h.png);}

.oneGslb{padding: 0.3rem;overflow: hidden;display: none}
.oneGslb1{display: block}
.oneGslc{overflow: hidden;border-bottom: 1px dashed #dddddd;padding-bottom: 0.3rem}
.oneGslc dd{width: 100%}
.oneGslc dd img{width: 100%}
.oneGsld{}
.oneGsld ul li{position: relative;padding: 0.15rem 0;line-height: 24px;border-bottom: 1px dashed #dddddd;}
.oneGsld ul li a{}
.oneGsld ul li:before {  content: "";  display: inline-block;  width: 8px;  height: 3px;  background-color: #838383;  margin-right: 4px;  vertical-align: middle;  }
.oneGsld ul li span{float: right;color: #999}

.foot{ background:#242122;background-size:cover;padding:0.2rem;font-size:12px;color:#8b8b8b; line-height:2;}
.foot a{color: #8b8b8b}
footer{width:100%; position:fixed; bottom:0;z-index: 999;max-width: 720px;margin: 0 auto; min-width: 320px;overflow: hidden;}
footer ul {width:100%; overflow:hidden; background:#3889c8; padding:0.1rem 0;}
footer ul li {width:33.3%; float:left; text-align:center;}
footer ul li i {width:30px; height:25px; display:block; margin:0 auto; background-position:center center; background-repeat:no-repeat;}
footer ul li h4 {color:#fff; font-weight:normal;font-size: 0.26rem}
footer ul li:nth-child(1) i { background-image:url(../img/footer01.png); background-size: .45rem;}
footer ul li:nth-child(2) i { background-image:url(../img/footer02.png); background-size: .34rem;}
footer ul li:nth-child(3) i { background-image:url(../img/footer03.png); background-size: .45rem;}

/*========================================= 关于我们 =====================================*/
.slider{height: 3rem;overflow: hidden}
.bannertxt{width:100%;text-align: center;padding-top: 1rem;color: #fff}
.bannertxt h2{font-size: 0.36rem;font-weight: normal}
.bannertxt p{padding-top: 15px;}

.snavbox{height: 45px;background-color: #ebeef3;line-height: 45px;}
.snav{text-align: center}
.snav a{display: inline-block;text-align: center;color: #333;position: relative;width: 25%}
.snav a:hover:after,.snav a.active:after{content: "";display: block;width: 0.5rem;height: 3px;background-color: #ff7d07;position: absolute;
	left: 0.6rem;bottom: 0px;}

.ny_title{text-align: center;margin-top: 0.4rem;}
.ny_title h2{font-size: 0.34rem;color: #000}
.ny_title p{color: #999;margin-top: 0.1rem;text-transform: capitalize;font-size: 12px}

.abqygk{margin-top: 0.4rem;overflow: hidden}
.abqygkl{}
.abqygkl img{max-width: 100%}
.abqygkr{}
.abqygkr h3{font-size: 0.3rem;font-weight: bold;color: #333;margin: 0.2rem 0}
.abqygkr p,.abqygkr span{color: #545454;line-height: 24px;}
.abqygkr p{margin-bottom: 0.2rem}

.qyys{background: url("../img/qyys.png") no-repeat center center;overflow: hidden;margin-top: 0.4rem;padding-bottom: 0.4rem}
.abqyys {background-image: linear-gradient(to bottom,rgba(204,234,234,0.75),rgba(255,255,255,0.75));
	border-top-left-radius: 50px;border-bottom-right-radius: 50px;margin-top: 0.4rem;}
.yqysull li,.yqysulr li{text-align: center;line-height: 50px;color: #2a4c5d;font-size: 0.28rem}

.qywh{background: url("../img/qywh.png") no-repeat right;overflow: hidden;padding-bottom: 0.4rem}
.qywh .ny_title h2{color: #fff}
.fabt{color: #fff;}
.abqywh{color: #fff;margin-top: 0.4rem;padding: 15px;background-image: linear-gradient(to bottom,rgba(163,163,163,0.25),rgba(177,177,177,0.25));}
.abqywh p{margin-bottom: 0.2rem;line-height: 24px;}
.abqywh p b{font-size: 0.28rem;font-weight: bold;}

.abfwbg{background-color: #f7f8fa;padding: 0.4rem 0}
.abfwshl,.abfwshr{}
.abfwshl img{max-width: 100%}
.abfwshr{background-color: #1a5aa0;color: #fff;padding: 0.3rem;box-sizing: border-box}
/*.abfwlcl{background-color: #fff;color: #333;padding: 55px 60px;}*/
.abfwshr h3{margin: 0;font-size: 0.34rem;margin-bottom: 0.3rem;}
.abfwshr p{margin-bottom: 10px}

/*========================================= 新闻中心 =====================================*/
.news{margin-top: 0.2rem}
.news ul li{padding: 0.25rem 0;border-bottom: 1px dashed #dcdcdc;overflow: hidden;}
.news ul li dl{width: 1.8rem;overflow: hidden}
.news ul li dl img{transition: all 0.6s;max-width: 100%}
.news ul li .img img{height: 1.6rem;max-width: inherit}
.news ul li .text{width: 70%;}
.news ul li .text h3{margin: 0.1rem 0;font-size: 0.28rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news ul li .text p{color: #666;overflow: hidden;margin-bottom: 0.1rem}
.news ul li .text span{font-size: 12px;color: #999}
.news ul li .text .xq{display: inline-block; line-height: 26px;padding-left: 10px;padding-right: 10px;border: 1px solid #333333;  border-radius: 0;  }
.news ul li .text .xq:hover {  color: #3889c8;  border-color: #3889c8;  }
.news ul li .date{margin-top: 70px}
.news ul li .date b{font-size: 50px}
.news ul li .date p{font-size: 16px;  border-top: 1px solid #333;  line-height: 2;}
.news ul li:hover dl img{transform: scale(1.1);transition: all 0.6s}
.news ul li:hover .text h3{color: #3889c8}

/*========================================= 成功案例 =====================================*/
.case{margin-top: 0.25rem}
.case ul li{padding: 0.2rem 0;border-bottom: 1px solid #F0F0F0;overflow: hidden;
	background: url(../img/ico2.png) no-repeat left ;background-size: 0.2rem;padding-left: 0.3rem;}
.case ul li a{display: inline-block;width: 94%}


/*=======================================新闻详情页============================================*/
.news_info {overflow:hidden; margin-top: 0.4rem}
.info_title {text-align:center;}
.info_title h2 { font-size:18px; color:#000;}
.info_laiyuan { line-height:48px; font-size:12px; color:#888; text-align:center; border-bottom:1px dotted #ccc;}
.info_text { padding:20px 0;color:#333; line-height:2;border-bottom:1px dotted #ccc; }
.info_text img { max-width:100%;}
.info_picA { padding:10px; text-align:center;}
.info_picA img { max-width:100%;  width: expression(this.width > 720 ? 720: true)}

.con{line-height: 2;box-sizing: border-box;margin-top: 0.4rem;padding-bottom: 0.4rem}
.con img{max-width: 100%}

.con_img{text-align: center;margin-top: 0.3rem}
.con_img img{max-width: 100%}

/*******************s********分辨率兼容样式属性**************************/
@media screen and (min-width: 320px) {
	html,body{font-size:44.444px;}
}
@media screen and (min-width: 360px) {
	html,body{font-size:50px;}
}
@media screen and (min-width: 375px) {
	html,body{font-size:52.08333px;}
}
@media screen and (min-width: 385px) {
	html,body{font-size:53.47222px;}
}
@media screen and (min-width: 400px) {
	html,body{font-size:55.5555px;}
}
@media screen and (min-width: 414px) {
	html,body{font-size:57.5px;}
}
@media screen and (min-width: 420px) {
	html,body{font-size:58.3333px;}
}
@media screen and (min-width: 440px) {
	html,body{font-size:61.11111px;}
}
@media screen and (min-width: 480px) {
	html,body{font-size:66.66666px;}
}
@media screen and (min-width: 520px) {
	html,body{font-size:72.2222px;}
}
@media screen and (min-width: 560px) {
	html,body{font-size:77.7777px;}
}
@media screen and (min-width: 580px) {
	html,body{font-size:80.55555px;}
}
@media screen and (min-width: 600px) {
	html,body{font-size:83.333px;}
}
@media screen and (min-width: 640px) {
	html,body{font-size:88.8888px;}
}
@media screen and (min-width: 680px) {
	html,body{font-size:94.44444px;}
}
@media screen and (min-width: 720px) {
	html,body{font-size:100px;}
}
/***************************end分辨率兼容样式属性*************************/