blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
q:after,q:before{content:''}
.clearfix::after {content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both}
.clearfix {zoom: 1;}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r{float:right}
.c{clear:both}
.n,em{font-weight:400;font-style:normal}
.dn{display:none}
body{color:#333;font-size:14px;line-height:1.5;font-family:"Microsoft Yahei",sans-serif;max-width:750px;margin:0 auto;padding-bottom:1.6rem;
padding-bottom: calc(1.6rem + env(safe-area-inset-bottom));}
a{color:#333;text-decoration:none}
a:hover{color:#ff6913}
img,video{max-width:100%}
textarea{ resize :none; outline:none; border: none;}
input, button{ border-radius:0; -webkit-appearance:none;}
input,select,textarea{font-size:14px;color:#444;font-family:"Microsoft Yahei",sans-serif;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#c2c3de}
::-moz-placeholder{color:#c2c3de}
::-ms-input-placeholder{color:#c2c3de}
.ani,a{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
*{-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0}
.unselect{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}
.wp{padding:0 0.24rem;}

/* ++++++++++++++++++++  header +++++++++++++++++++++++ */

.header{display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;padding:0.2rem 0.24rem;}
.index-head{position: relative;}
.index-head::after{content:'';width: 2.28rem;height: 4.2rem;background: url(../images/index-bg.png) no-repeat;position: absolute;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;right: 0;top: 0.8rem;z-index: -1;}

.header .logo{display: block;width: 2.72rem;margin-top: 0.05rem;}
.head-tel{display: block;background: url(../images/head-tel.png) no-repeat left 0.12rem;background-size: 0.62rem;padding-left: 0.66rem;}
.head-tel span{display: block;font-size: 0.26rem;color: #333333;line-height: 0.36rem;text-shadow: 0.03rem 0.01rem 0.06rem rgba(40, 92, 192, 0.25);}
.head-tel p{font-size: 0.28rem;color: #db4346;text-shadow: 0.03rem 0.01rem 0.06rem rgba(40, 92, 192, 0.25);}
.head-tel p strong{font-weight: bold;}


/* ++++++++++++++++++++  导航 +++++++++++++++++++++++ */

.index-nav{background-color: #f3f4f4;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;-moz-box-shadow:0px 0.1rem 0.1rem -0.1rem #ebf0f8; -webkit-box-shadow:0px 0.1rem 0.1rem -0.1rem #e9eff7; box-shadow:0px 0.1rem 0.1rem -0.1rem #e9eff7;padding:0 0.24rem;}
.index-nav ul{overflow: hidden;margin-left: -2%;}
.index-nav li{float: left;width: 14.6%;text-align: center;margin-left: 2%;}

.index-nav li a{display: block;font-size: 0.32rem;color: #666666;line-height: 0.99rem;height: 0.99rem}
.index-nav li.on a{color: #ffffff;font-weight: bold;background-color: #008aff;border-radius: 0.06rem;}


/* ++++++++++++++++++++  footer +++++++++++++++++++++++ */

.footer{position: fixed;width: 100%;max-width: 750px;left: 50%;bottom: 0;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);padding-bottom: env(safe-area-inset-bottom);z-index: 9999;display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.footer a{display: block;}
.footer .tel{width: 4rem;padding: 0.28rem 0 0.04rem 0.35rem;background: url(../images/msg-bg3.png) no-repeat left center;background-size:  4rem;}
.footer .tel strong{display: block;font-size: 0.3rem;color: #fff;text-shadow: 0 0 1px rgba(210,57,61,0.96);line-height: 0.4rem;}
.footer .tel span{font-size: 0.24rem;color: #fff;text-shadow: 0 0 1px rgba(210,57,61,0.96);line-height: 1.1em;display: block;}
.footer .tel span em{font-style: normal;font-weight: bold;}
.footer .tel img{width: 0.42rem;margin-right: 0.2rem;}
.footer .tel p{display: inline-block;}
.footer .msg{flex:1;margin-top: 0.24rem;line-height: 0.94rem;text-align: center;font-size: 0.3rem;color: #333333;}
.footer .msg img{vertical-align: middle;width: 0.45rem;}
.footer:after{content:'';position: absolute;top: 0.2rem; left: 0;width: 100%; bottom:0;background: url(../images/msg-bg2.png) no-repeat;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;z-index: -1;}

/* ++++++++++++++++++++  首页 +++++++++++++++++++++++ */

.index-one{margin-top: 0.5rem;display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;height: 7.5rem;position: relative;}
.index-one .swiper-nav{width: 1.2rem;background-color: #f3f4f4;padding: 0.1rem 0;border-radius: 0 0.1rem 0.1rem 0;box-shadow:0.14rem 0.14rem 0.1rem #e9eff7;height: 7rem;}
.swiper-nav .swiper-slide {padding-left: 0.48rem; display: -webkit-flex;display: flex;align-items:center;}
.swiper-nav .swiper-slide span{display: block;width: 0.32rem;font-size: 0.32rem;line-height: 1.1em;position: relative;cursor: pointer;}
.swiper-nav .swiper-slide span::before{content:'';width: 0.04rem;height: 0.3rem;position: absolute;top: 0.04rem;left: -0.24rem;background-color: #008aff;border-radius: 0.02rem;opacity: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.swiper-nav .swiper-slide-thumb-active span{color: #008aff;}
.swiper-nav .swiper-slide-thumb-active span::before{opacity: 1;}
.index-one .swiper-top{flex: 1;}
.swiper-top strong{display: block;font-size: 0.46rem;color: #084261;margin-top: 0.4rem;padding-left: 0.7rem;margin-bottom: 0.22rem;line-height: 0.56rem;}
.swiper-top strong em{color: #008aff;font-weight: bold;}
.swiper-top p{font-size: 0.22rem;color: #084261;line-height: 0.32rem;padding-left: 0.34rem;}
.swiper-top p::before{content:'';display: inline-block;width: 0.04rem;height: 0.22rem;background-color: #f8b551;margin-right: 12px;vertical-align: middle;}
.swiper-top .img{display: block;position: relative;padding-left: 0.18rem;}
.swiper-top .img img{display: block;width: 100%;}
.swiper-top .qt{display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;padding:0 0.5rem;margin-top: 0.36rem;}
.swiper-top .qt dl{width: 2.5rem;background-color: #f3f4f4;border-radius: 0.1rem;border:1px solid #eaeaea;padding:0.28rem 0.36rem;box-shadow: 0.08rem 0.08rem 0.16rem #e9eff7;}
.swiper-top .qt dl dt{font-size: 0.26rem;color: #666666;line-height: 0.36rem;margin-bottom: 0.22rem;position: relative;}
.swiper-top .qt dl dt::before,.swiper-top .qt dl dt::after{content:'';width: 100%;height: 0.06rem;background-color: #c2dff6;border-radius: 0.03rem;position: absolute;left: 0;bottom: -0.14rem;}
.swiper-top .qt dl dt::before{width: 1rem;background-color: #008aff;border-radius: 0.03rem;z-index: 1;}
.swiper-top .qt dl dd{font-size: 0.32rem;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: bold;line-height: 0.42rem;}
.swiper-top .swiper-pagination{left: -0.6rem!important;bottom: 0!important;}
.swiper-top .swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;background: #9cb4c0;opacity:1;margin: 0 0.06rem!important;}
.swiper-top .swiper-pagination-bullet-active{background:#ff932e;background: -moz-linear-gradient(bottom, #ff6913 0%, #ff932e 100%);background: -webkit-linear-gradient(bottom, #ff6913 0%,#ff932e 100%);background: -o-linear-gradient(bottom, #ff6913 0%,#ff932e 100%);background: -ms-linear-gradient(bottom, #ff6913 0%,#ff932e 100%);background: linear-gradient(to top, #ff6913 0%,#ff932e 100%);box-shadow: 0 0 0.1rem #b7c9e6;}
.index-pro{padding:1.26rem 0.24rem 0.4rem;background: url(../images/index-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;margin-top: -0.4rem;}
.h2-tit{text-align: center;margin-bottom: 0.38rem;}
.h2-tit h2{font-size: 0.4rem;color: #084568;line-height: 0.55rem;position: relative;display: inline-block;padding:0 0.2rem;}
.h2-tit h2::before,.h2-tit h2::after{content:'';width: 0.15rem;height: 0.14rem;position: absolute;}
.h2-tit h2::before{background: url(../images/index-pic.png) no-repeat;top: 0;left: 0;background-size: 0.15rem;}
.h2-tit h2::after{background: url(../images/index-pic1.png) no-repeat;bottom: 0;right: 0;background-size: 0.15rem;}

.pro-list{margin-left: -3%;}
.pro-list li{float: left;width: 47%;margin-left: 3%;padding:0.14rem;background-color: #fff;box-shadow: 0.08rem 0.08rem 0.1rem #e8edf4;margin-bottom: 0.26rem;}
.pro-list li .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 74%;margin-bottom: 0.4rem;}
.pro-list li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%;}
.pro-list li .text{position: relative;padding-bottom: 0.29rem;}
.pro-list li .text .tit{display: block;font-size: 0.32rem;color: #084261;font-weight: bold;line-height: 0.42rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 0.06rem;}
.pro-list li .text p{font-size: 0.26rem;color: #666666;line-height: 0.48rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-list li .text p strong{color: #084261;}
.pro-list li:nth-child(odd){border-radius: 0.9rem 0.1rem 0.1rem  0.1rem;}
.pro-list li:nth-child(even){border-radius: 0.1rem 0.9rem 0.1rem 0.1rem;}
.pro-list li:nth-child(odd) .img{border-radius: 0.8rem 0.1rem 0.1rem  0.1rem;}
.pro-list li:nth-child(even) .img{border-radius: 0.1rem 0.8rem 0.1rem 0.1rem;}
.pro-list li .text .more{display: block;width: 0.5rem;text-align: center;position: absolute;right: -0.14rem;bottom: -0.14rem;background-color: #008aff;padding: 0.1rem 0;border-radius: 0.1rem 0 0.1rem 0;}
.pro-list li .text .more i{display: inline-block;width: 0.08rem;height: 0.08rem;border-radius: 50%;background-color: #ffa62d;}

.index-case{position: relative;margin-top: -2rem;}
.index-case .case-list{position: relative;z-index: 1;}
.case-list li{position: relative;margin-bottom: 0.03rem;}
.case-list li:first-child{border-top-left-radius: 0.9rem;}
.case-list li:first-child .img img{border-top-left-radius: 0.9rem;}
.case-list li .img{display: block;}
.case-list li .img img{display: block;width: 100%;}
.case-list li .text{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0.32rem 0.84rem 0.14rem;color: #fff;overflow: hidden;z-index: 1;}
.case-list li .text::before{content:'';position: absolute;top:0;right:0;bottom:0;left:0;background:#18178a;background: -moz-linear-gradient(top, #4257c1 0%, #061661 100%);background: -webkit-linear-gradient(top, #4257c1 0%,#061661 100%);background: -o-linear-gradient(top, #4257c1 0%,#061661 100%);background: -ms-linear-gradient(top, #4257c1 0%,#061661 100%);background: linear-gradient(to bottom, #4257c1 0%,#061661 100%);z-index: -1;opacity: 0.95;border-top-left-radius: 0.9rem;}
.case-list li .text .tit{display: block;font-size: 0.32rem;color: #ffffff;line-height: 0.42rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: bold;margin-bottom: 0.04rem;}
.case-list li .text p{font-size: 0.26rem;color: #fff;line-height: 0.46rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-list li .text p::before{content: '';display: inline-block;width: 0.04rem;height: 0.2rem;background-color: #ffa62d;margin-right: 0.1rem;}
.case-list li .text .more{display: block;width: 0.45rem;height: 0.45rem;position: absolute;right: 0.4rem;bottom: 0.2rem;border-radius: 50%;}
.case-list li:last-child{border-bottom-right-radius: 0.9rem;}
.case-list li:last-child .img img{border-bottom-right-radius: 0.9rem;}
.case-list li:last-child .text::before{border-bottom-right-radius: 0.9rem;}

.ysbj{padding:0.55rem 0.24rem 2.2rem;}
.ys{position: relative;z-index: 1;}

.ys .ys-list{padding-bottom:0.65rem;}
.ys .ys-list dl dt{ overflow:hidden;}
.ys .ys-list dl dt img{}
.ys .ys-list dl dd{padding:0.25rem 4% 0;}
.ys .ys-list dl dd h4{margin-bottom: 0.4rem; font-size: 0.4rem;}
.ys .ys-list dl dd h4 span{display:block; color:#006ad0; font-weight: bold;}
.ys .ys-list dl dd h4 em{display:block;font-size: 0.3rem;color:#666666; font-weight: normal;}
.ys .ys-list dl dd ul li{font-size: 0.2rem;line-height: 0.42rem;color:#777777; padding-left: 0.34rem;background:url(../images/ys-ico.png) no-repeat left; background-size:1.5%;}
.ys .ys-list .swiper-pagination{bottom:0;}
.ys .ys-list .swiper-pagination .swiper-pagination-bullet{ width:0.2rem; height:0.2rem; background:#333333;border-radius: 50%;margin:0 0.15rem;}
.ys .ys-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#006AD0; }

.about-index {
  width: 100%;
  padding-top: 0.3rem;
  padding-bottom: 2.28rem;
}
.about-index .five-top {
  margin-top: 0.55rem;
  width: 100%;
  padding: 0 0.3rem;
}
.about-index .five-top .five-top-left {
  width: 100%;
  margin-top: 0.53rem;
}
.about-index .five-top .five-top-left .company-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.38rem;
}
.about-index .five-top .five-top-left .company-title p {
  font-size: 0.3rem;
  font-weight: bold;
  color: #333333;
  line-height: 0.26rem;
}
.about-index .five-top .five-top-left .company-title em {
  margin-top: 0.2rem;
  display: block;
  width: 0.3rem;
  height: 0.02rem;
  background: #f51c30;
}
.about-index .five-top .five-top-left .p-infor {
  font-size: 0.24rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.32rem;
  text-indent: 2em;
 
}
.about-index .five-top .five-top-left ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 0.44rem;
}
.about-index .five-top .five-top-left ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.about-index .five-top .five-top-left ul li img {
  display: block;
  width: 0.74rem;
}
.about-index .five-top .five-top-left ul li p {
  margin-top: 0.1rem;
  margin-bottom: 0.15rem;
  font-size: 0.31rem;
  font-weight: bold;
  color: #f51c30;
  line-height: 0.2rem;
}
.about-index .five-top .five-top-left ul li p span {
  font-size: 0.3rem;
  color: #f51c30;
}
.about-index .five-top .five-top-left ul li span {
  font-size: 0.21rem;
  font-weight: bold;
  color: rgba(102, 102, 102, 0.7);
  line-height: 0.24rem;
}
.about-index .five-top .five-top-right .bg-color {
  position: relative;
  width: 6.9rem;
  height: 3.5rem;
  background: #008aff;
}
.about-index .five-top .five-top-right .bg-color img {
  position: absolute;
  top: -0.17rem;
  left: -0.15rem;
  display: block;
  width: 6.9rem;
}

.index-news{background: url(../images/index-bg1.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding: 0.6rem 0.24rem 0.2rem;position: relative;margin-top: -1.8rem;}

.new-list{position: relative;}
.new-list:after{content:'';position: absolute;top: -0.1rem;left: 1.06rem;bottom: -0.1rem;width: 0.02rem;border-left:0.02rem dashed #0082f8;}
.new-list li{display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 0.64rem;}
.new-list li .date{width: 1rem;color: #333333;padding-top: 0.48rem;}
.new-list li .date strong{display: block;font-size: 0.3rem;line-height: 0.4rem;margin-bottom: 0.06rem;}
.new-list li .date span{display: block;font-size: 0.26rem;line-height: 0.36rem;font-weight: bold;}
.new-list li .text{width: 5.55rem;background-color: #fff;padding:0.2rem 0.2rem 0.18rem 0.2rem;position: relative;border-radius: 0.1rem;border:1px solid #f4f5f5;box-shadow: 0.08rem 0.08rem 0.16rem #e8ecf4;}
.new-list li .text .tit{display: block;font-size: 0.32rem;color: #333333;line-height: 0.42rem;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.22rem;}
.new-list li .text span{display: inline-block;font-size: 0.26rem;line-height: 0.36rem;color: #666666;padding-left: 0.38rem;background: url(../images/index-icon1.png) no-repeat left center;-webkit-background-size: 0.36rem;background-size: 0.36rem;}
.new-list li .text .more{display: block;padding: 0.12rem 0.18rem 0.08rem 0.28rem;background-color: #008aff;border-radius: 0.1rem 0 0 0.1rem;position: absolute;right: 0;bottom: 0.12rem;}
.new-list li .text .more img{width: 0.22rem;}
.new-list li .text::before{content:'';width: 0.38rem;height: 0.38rem;background: url(../images/index-icon.png) no-repeat;background-size: 0.38rem;position: absolute;left: -0.6rem;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);z-index: 1;}


.index-type{padding:0.3rem 0 0.24rem;}
.index-type h2{text-align: center;font-size: 0.4rem;color: #084568;line-height: 0.5rem;margin-bottom: 0.55rem;}
.index-type h2 span{font-family: "Impact";color: #008aff;display: inline-block;margin-right: 0.2rem;}


/* ++++++++++++++++++++  案例 +++++++++++++++++++++++ */

.case-top{background: url(../images/case-bg.png) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.base-top{padding:0.64rem 0.24rem 1.54rem;margin-top: 0.54rem;}
.base-top h2{font-size: 0.4rem;color: #ffffff;line-height: 0.5rem;margin-bottom: 0.2rem;}
.base-top p{font-size: 0.32rem;color: #ffffff;line-height: 0.42rem;}

.case-box{padding-left: 0.24rem;position: relative;margin-top: -0.4rem;margin-bottom: 0.54rem;}
.case-box .case-list li{margin-bottom: 0.24rem;}
.case-box .case-list li:last-child .img img{    border-bottom-right-radius:0;}
.case-box  .case-list li:last-child .text::before{border-bottom-right-radius:0;}
.case-list li .img img{border-top-left-radius: 0.9rem;}
.inner-good{margin-top: 0;}

/* ++++++++++++++++++++  产品 +++++++++++++++++++++++ */
.pro-top{background: url(../images/pro-bg.png) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}

.pro-box{padding:0 0.24rem;position: relative;margin-top: -0.3rem;margin-bottom: 0.75rem;}
.pro-box ul{margin:0 -0.18rem;}
.pro-box li{float: left;width: 25%;padding:0 0.18rem;text-align: center;}
.pro-box li .con{background-color: #e5eaed;text-align: center;padding:0.12rem 0 0.45rem 0;border-radius: 0.74rem;box-shadow: 0 0.02rem 0.18rem rgba(183,201,230,0.32);cursor: pointer;}
.pro-box li .img{border-radius: 50%;background-color: #fff;width: 1.3rem;height: 1.3rem;display: inline-block;overflow: hidden;margin-bottom: 0.14rem;border:0.02rem solid #eaeaea;box-shadow: 0 0.12rem 0.1rem -0.12rem #c4d1e1;}
.pro-box li .img img{display: block;width: 100%;}
.pro-box li a{font-size: 0.32rem;color: #043856;line-height: 0.42rem;position: relative;display: block;}
.pro-box li a::after{content:'';width: 0.6rem;height: 0.04rem;background-color: #ffa62d;position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);bottom: -0.12rem;opacity: 0;}
.pro-box li.active .con{background:#041c61;background: -moz-linear-gradient(top, #323db9 0%, #041c61 100%);background: -webkit-linear-gradient(top, #323db9 0%,#041c61 100%);background: -o-linear-gradient(top, #323db9 0%,#041c61 100%);background: -ms-linear-gradient(top, #323db9 0%,#041c61 100%);background: linear-gradient(to bottom, #323db9 0%,#041c61 100%);}
.pro-box li.active a{color: #fff;}
.pro-box li.active a::after{opacity: 1;}

.por-box1{padding:0 0.24rem;margin-bottom: 0.15rem;}
.pro-ul{margin-left: -3%;}
.pro-ul li{float: left;width: 47%;margin-left: 3%;background-color: #fff;
box-shadow: 0 0 0.2rem #e8edf4;margin-bottom: 0.4rem;border-radius: 0.4rem;}
.pro-ul li .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75.3%;border-radius: 0.4rem;box-shadow: 0 0.02rem 0.18rem rgba(183, 201, 230, 0.32);}
.pro-ul li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;}
.pro-ul li .text{padding:0.2rem 0.14rem 0.5rem;position: relative;}
.pro-ul li .text .tit{display: block;font-size: 0.32rem;color: #084363;font-weight: bold;line-height: 0.42rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 0.14rem;}
.pro-ul li .text p{font-size: 0.26rem;color: #666666;line-height: 0.38rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-ul li .text p strong{color: #084261;display: inline-block;}
.pro-ul li .text .more{display: block;position: absolute;bottom: 0;right: 0;width: 0.54rem;background-color: #008aff;text-align: center;padding:0.15rem 0;border-radius: 0.1rem 0 0.3rem 0;}
.pro-ul li .text .more i {display: inline-block;width: 0.08rem;height: 0.08rem;border-radius: 50%;background-color: #ffa62d;}

/* ++++++++++++++++++++  新闻  +++++++++++++++++++++++ */

.new-top{background: url(../images/new-bg1.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.new-top.base-top{padding: 0.64rem 0 1.7rem 0.24rem;}
.new-top .top{padding-left: 0.34rem;margin-bottom: 0.34rem;}

.new-swiper .swiper-wrapper{padding-bottom: 0.42rem;}
.new-swiper .swiper-slide{background-color: #fff;border-radius: 0.6rem 0 0 0.6rem;}
.new-swiper .swiper-slide .img{display: block;border-radius: 0.6rem 0 0 0.6rem;}
.new-swiper .swiper-slide .img img{display: block;width: 100%;border-radius: 0.6rem 0 0 0.6rem;}
.new-swiper .swiper-slide .text{padding:0.16rem 0.2rem 0.34rem 0.34rem;}
.new-swiper .swiper-slide .text .tit{display: block;font-size: 0.32rem;color: #232323;line-height: 0.48rem;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;letter-spacing: 0.04rem;margin-bottom: 0.3rem;}
.new-swiper .swiper-slide .text p{display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;color: #999999;padding-right: 0.16rem;}
.new-swiper .swiper-slide .text span{display: block;font-size: 0.22rem;line-height: 0.34rem;}
.new-swiper .swiper-slide .text .qt{padding: 0 0.1rem;border: 1px dashed #ffb249;border-radius: 0.1rem;}
.new-swiper .swiper-slide .text .key{padding-left: 0.4rem;background: url(../images/index-icon1.png) no-repeat left center;background-size: 0.36rem;}

.new-swiper .swiper-pagination{bottom: 0!important;}
.new-swiper .swiper-pagination-bullet{width: 0.5rem;height: 0.06rem;background-color: #044572;margin:0!important;opacity: 1;border-radius: 0.03rem;}
.new-swiper .swiper-pagination-bullet-active{background-color: #008aff;}

.new-one{padding:0.68rem 0.24rem 1.4rem 0.6rem;background: url(../images/new-bg.png) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;margin-top: -1rem;}
.new-one p{font-size: 0.3rem;color: #008aff;line-height: 0.4rem;margin-bottom: 0.06rem;}
.new-one strong{display: block;font-size: 0.38rem;color: #008aff;line-height: 0.48rem;}
.new-one strong a{color: #ffa62d;}

.new-two{padding:0 0.24rem;position: relative;margin-top: -0.3rem;margin-bottom: 1rem;}
/* =========== 分页 ========= */

.pager-box{padding:0 0.3rem 0 0.6rem;margin-bottom: 0.6rem;}
.pager-box ul{background-color: #fff;box-shadow: 0 0.05rem 0.15rem rgba(209,220,234,0.7);border-radius: 0.44rem 0 0 0.44rem;text-align: center;padding:0.26rem 0;}
.pager-box li{display: inline-block;margin: 0 0.1rem;}
.pager-box li a{display: block;font-size: 0.24rem;color: #3f4855;line-height: 0.38rem;}
.pager-box li span{display: block;font-size: 0.24rem;line-height: 0.36rem;color: #3e77b2;border:1px solid #3a70ab;padding:0 0.2rem;border-radius: 0.05rem;}
.pager-box li span i{display: inline-block;font-style: normal;color: #298fd5;}
.pager-box li span em{display: inline-block;font-style: normal;color: #333333;}
/* ++++++++++++++++++++  案例内页  +++++++++++++++++++++++ */

.case-mian{margin-top: 0.6rem;margin-bottom: 0.58rem;}
.case-mian .pic{padding-right: 0.7rem;position: relative;z-index: 1;}
.case-mian .pic img{display: block;width: 100%;border-radius: 0 0.66rem 0.66rem 0;box-shadow: 0 0.02rem 0.2rem rgba(40,92,192,0.15);}
.case-mian .content{padding-top: 3.3rem;border-top-right-radius: 0.9rem;position: relative;margin-top: -3.3rem;padding-left: 0.24rem;overflow: hidden;}
.case-mian .content .text{padding: 3.54rem 0.24rem 0.76rem 0.46rem;background:#041c61;background: -moz-linear-gradient(top, #323db9 0%, #041c61 100%);background: -webkit-linear-gradient(top, #323db9 0%,#041c61 100%);background: -o-linear-gradient(top, #323db9 0%,#041c61 100%);background: -ms-linear-gradient(top, #323db9 0%,#041c61 100%);background: linear-gradient(to bottom, #323db9 0%,#041c61 100%);position: relative;margin-top: -3.3rem;border-radius: 0.9rem;margin-bottom: 0.26rem;}
.case-mian .content .text h1{font-size: 0.44rem;color: #ffffff;line-height: 0.56rem;padding-left: 0.25rem;position: relative;margin-bottom: 0.4rem;}
.case-mian .content .text h1::before{content:'';width: 0.04rem;height: 0.34rem;background-color: #ffa62d;position: absolute;left: 0;top: 0.14rem;}
.case-mian .row{margin-top: 0.36rem;margin-bottom: 0.34rem;}
.case-mian .row dl{line-height: 0.44rem;padding-left: 0.44rem;background: url(../images/inner-icon2.png) no-repeat left center;-webkit-background-size: 0.22rem;background-size: 0.22rem;}
.case-mian .row dl dt{display: inline-block;font-size: 0.26rem;color: #ffe59e;}
.case-mian .row dl dd{display: inline-block;font-size: 0.32rem;color: #b1e3ff;font-weight: bold;}


.case-mian p{font-size: 0.32rem;color: #ffffff;line-height: 0.48rem;}
.case-mian p span{color: #ffa62d;}

.case-price{padding:0.92rem 0.24rem 0.4rem 0;position: relative;margin-top: -0.5rem;z-index: 1;display: block;margin-bottom: 0.6rem;}
.case-price::after{content:'';width: 7.26rem;height: 2.28rem;background: url(../images/case-bj1.png) no-repeat;background-size: 7.26rem;position: absolute;top: 0;left: -0.24rem;z-index: -1;}
.case-price p{font-size: 0.32rem;color: #fff;padding-left: 0.42rem;line-height: 0.48rem;}
.case-price p em{color: #ffe59e;font-weight: bold;}
.get-price{position: absolute;width: 2.13rem;right: 0.16rem;bottom: -0.1rem;}
.get-price img{display: block;width: 100%;}
.get-price .btn{display: block;font-size: 0.32rem;color: #f4f4f4;text-shadow: 0 0.02rem 0.05rem rgba(43, 43, 43, 0.24);text-align: center;line-height: 0.62rem;position: relative;z-index: 1;}
.get-price .btn::after{content: '';width: 1.99rem;height: 1.17rem;background: url(../images/case-kfbg.png) no-repeat;background-size: 1.99rem;position: absolute;top: -0.11rem;left: 0.1rem;z-index: -1;}

.show-msg{margin-bottom: 0.26rem;padding-right: 0.24rem;}
.show-msg ul{display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.show-msg li.show{width: 1.54rem;height: 1.34rem;text-align: center;position: relative;z-index: 1;padding-top: 0.2rem;}
.show-msg li.show::after{content:'';position: absolute;top: -0.14rem; left: -0.15rem;bottom: -0.14rem;right:-0.15rem; background: url(../images/case-bg1.png) no-repeat center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;z-index: -1;}
.show-msg li.show span{display: block;font-size: 0.3rem;color: #043f62;line-height: 0.4rem;}
.show-msg li.show span:first-child{margin-bottom: 0.18rem;}
.show-msg li.dot{display: flex;align-items: center;}
.show-msg li.dot img{width: 0.99rem;}

.item-ol li{position: relative;padding-left: 0.6rem;margin-bottom: 0.3rem;}
.item-ol li span{display:block;width: 0.34rem;height: 0.34rem;background-color: #3068bf;text-align: center;line-height: 0.32rem;font-size: 0.2rem;color: #ffffff;position: absolute;left: 0;top:0.06rem;border: 0.02rem solid #fff;}
.item-ol li span:after{content: '';width: 0.32rem;height: 0.32rem;position: absolute;background-color: #3068bf;top: 0.04rem;left: 0.04rem;z-index: -1;}

.base-con{font-size: 0.32rem;line-height: 1.7em;color: #666666;}
.relation-case strong,.base-xg>strong{display: block;}
.relation-case strong,.base-xg>strong{font-size: 0.4rem;color: #084568;line-height: 0.55rem;position: relative;text-align: center;margin-bottom: 0.32rem;}
.relation-case strong::before,.relation-case strong::after,.base-xg>strong::before,.base-xg>strong::after{content:'';width: 0.15rem;height: 0.14rem;position: absolute;}
.base-con h2::before,.relation-case strong::before,.base-xg>strong::before{background: url(../images/index-pic.png) no-repeat;top: 0;left: 50%;margin-left: -1rem;-webkit-background-size: 0.15rem;background-size: 0.15rem;}
.base-con h2::after,.relation-case strong::after,.base-xg>strong::after{background: url(../images/index-pic1.png) no-repeat;bottom: 0;right: 50%;margin-right: -1rem;-webkit-background-size: 0.15rem;background-size: 0.15rem;}
.base-con p{margin-bottom: 0.3rem;}
.base-con p img,.base-con p video{display: block;width: 100%;}
.base-con .tag{text-align: center;color: #084568;text-align: center;}
.base-con .tag::before{background-image: url(../images/tag-icon.png);margin-right: 0.2rem;}
.base-con .tag::after{background-image: url(../images/tag-icon1.png);margin-left: 0.2rem;}
.base-con .tag::before,.base-con .tag::after{content:'';width: 0.74rem;height: 0.22rem;display: inline-block;background-repeat: no-repeat;background-size: 0.74rem;vertical-align: middle;}

.al-one {margin-bottom: 0.64rem;}
.al-two{background: url(../images/case-bj2.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top:0.36rem;padding-bottom: 0.48rem;margin-bottom: 0.6rem;}
.al-three{margin-bottom: 1.2rem;}
.al-four{margin-bottom: 1.46rem;}
.al-four .con{background-color: #fff;border-radius: 0.1rem;box-shadow: 0 0 0.16rem rgba(0,0,0,0.1);padding:0.72rem 0.26rem 1rem;position: relative;}
.al-four strong{width: 2rem;height: 0.8rem;line-height: 0.8rem;border-radius: 0.1rem;background-color: #3068bf;display: block;font-size: 0.4rem;color: #ffffff;position: absolute;right: 0.4rem;top: -0.4rem;text-align: center;}
.al-four strong::before{background-image: url(../images/case-l.png);left: -0.16rem;}
.al-four strong::after{background-image: url(../images/case-r.png);right: -0.16rem;}
.al-four strong::before,.al-four strong::after{content:'';width: 0.21rem;height: 0.32rem;background-repeat: no-repeat;background-size: 0.21rem;position: absolute;z-index: -1;top: 0.08rem;}
.al-four .con::after{content: '';width: 1.77rem;height: 1.77rem;background: url(../images/case-t.png) no-repeat;background-size: 1.77rem;position: absolute;bottom: -0.88rem;left: -0.14rem;}

.relation-case{padding:0 0.24rem;margin-bottom: 1rem;}
.al-ul{margin-left: -3%;}
.al-ul li{float: left;width: 47%;margin-left: 3%;box-shadow: 0.08rem 0.08rem 0.1rem #e8edf4;margin-bottom: 0.4rem;}
.al-ul li .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 100%;}
.al-ul li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%;}
.al-ul li:nth-child(odd){border-radius: 0.9rem 0.1rem 0.1rem  0.1rem;}
.al-ul li:nth-child(even){border-radius: 0.1rem 0.9rem 0.1rem 0.1rem;}
.al-ul li:nth-child(odd) .img{border-radius: 0.8rem 0 0 0;}
.al-ul li:nth-child(even) .img{border-radius: 0 0.8rem 0 0;}
.al-ul li .text{background-color: #fff;border-radius: 0.2rem 0 0.1rem  0.1rem;padding:0.15rem 0.15rem 0.12rem;position: relative;margin-top: -0.3rem;}
.al-ul li .text a{display: block;font-size: 0.32rem;line-height: 0.42rem;color: #084261;padding-left: 0.16rem;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;position: relative;}
.al-ul li .text a::before{content:'';width: 0.04rem;height: 0.24rem;background-color: #ffa62d;position: absolute;left: 0;top: 0.05rem;}

/* ++++++++++++++++++++  产品内页  +++++++++++++++++++++++ */

.pro-main{margin-bottom: 0;}
.pro-main .content{background-color: #ffffff;}
.pro-main p {font-size: 0.26rem;}
.pro-main p span{color: #fff;}
.pro-main .content .text{padding: 3.54rem 0.24rem 0.55rem 0.46rem;}
.pro-main .case-price::after{display: none;}
.pro-main .case-price{background:#27429d;background: -moz-linear-gradient(top, #40a3ff 0%, #27429d 100%);background: -webkit-linear-gradient(top, #40a3ff 0%,#27429d 100%);background: -o-linear-gradient(top, #40a3ff 0%,#27429d 100%);background: -ms-linear-gradient(top, #40a3ff 0%,#27429d 100%);background: linear-gradient(to bottom, #40a3ff 0%,#27429d 100%);padding:0.2rem 0;margin-top: 0.66rem;margin-right: 0.24rem;border-radius: 0.71rem;border: 0.03rem solid #fdedc8;box-shadow:0.03rem 0 0.05rem rgba(0,0,0,0.19) inset, 0.04rem 0 0.13rem rgba(40,70,161,0.36);}
.pro-main .get-price{right: -0.1rem;}

.cp-one{background: url(../images/cp-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 1.4rem;position: relative;margin-top: -0.8rem;padding-bottom: 0.4rem;margin-bottom: 0.52rem;color:#fff;}
.cp-one h2{color: #fff;}
.cp-one h2::before{background: url(../images/index-pic2.png) no-repeat;top: 0;left: 50%;margin-left: -1rem;   -webkit-background-size: 0.15rem;background-size: 0.15rem;}
.cp-one h2::after{background: url(../images/index-pic3.png) no-repeat;bottom: 0;right: 50%;margin-right: -1rem;-webkit-background-size: 0.15rem;background-size: 0.15rem;}
.cp-one p{color: #fff;}

.cp-content p img{border-radius: 0.3rem;box-shadow: 0 0 0.13rem rgba(48,104,191,0.27);}

.cp-three{background: url(../images/cp-bg1.png) no-repeat top center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;padding-top: 1.14rem;position: relative;margin-top: -0.8rem;padding-bottom: 0.24rem;margin-bottom: 0.5rem;}
.trait-ul li{position: relative;margin-bottom: 0.36rem;z-index: 1;}
.trait-ul li span{display: block;font-family: "Impact";position: absolute;right: 0;line-height: 1.1em;color: #89bbfd;top: 0.2rem;z-index: -1;font-size: 0.64rem;}
.trait-ul li strong{display: inline-block;width: 4.8rem;height: 0.7rem;background-color: #3068bf;line-height: 0.7rem;border-radius: 0.04rem 0.3rem 0 0;padding-left: 0.18rem;color: #fff;font-size: 0.32rem;}
.trait-ul li .text{background-color: #fff;-webkit-box-shadow: 0 0.07rem 0.13rem rgba(19,67,84,0.11);-moz-box-shadow: 0 0.07rem 0.13rem rgba(19,67,84,0.11);-ms-box-shadow: 0 0.07rem 0.13rem rgba(19,67,84,0.11);-o-box-shadow: 0 0.07rem 0.13rem rgba(19,67,84,0.11);box-shadow: 0 0.07rem 0.13rem rgba(19,67,84,0.11);border-radius: 0 0 0.04rem 0.04rem;padding:0.28rem 0.18rem 0.08rem;}

.mob-cs{margin-top:0.55rem;margin-bottom: 0.6rem;}
.mob-cs td{word-break: break-all;font-size: 0.28rem;padding:0.1rem 0;line-height: 1.2em;}
.mob-cs table{margin-bottom: 0.3rem;}
.swiper-top .swiper-slide{margin-bottom: 0.52rem;text-align: center;}
.swiper-top .swiper-slide span{display: inline-block;font-size: 0.32rem;color: #267abf;line-height: 0.68rem;background-color: #fafafa;padding:0 0.4rem;border-radius: 0.34rem;cursor: pointer;}
.swiper-top .swiper-slide-active span{background-color: #2579bf;color: #fff;}
.swiper-top .swiper-button-prev{background: url(../images/prev.png) no-repeat;}
.swiper-top .swiper-button-next{background: url(../images/next.png) no-repeat;}
.swiper-top .swiper-button-next,.swiper-top .swiper-button-prev{width: 0.39rem;height: 0.25rem;-webkit-background-size: 0.39rem;-moz-background-size: 0.39rem;-ms-background-size: 0.39rem;-o-background-size: 0.39rem;background-size: 0.39rem;margin-top: -0.34rem;}

.pro-swiper .swiper-slide {margin: 0 1% 0.3rem;width: 82%;}
.pro-swiper .slide-con{	clear: both;border-radius: 0.2rem;width: 100%;transform: scale(0.9);}
.pro-swiper .swiper-slide .img img {display: block;width: 100%;height: auto;}
.pro-swiper .swiper-slide-active .slide-con {width: 100%;transform: scale(1);}

/* ++++++++++++++++++++  新闻内页  +++++++++++++++++++++++ */

.new-inner{padding-left: 0.24rem;margin-top: 0.46rem;margin-bottom: 0.36rem;}
.new-inner .inner{background: url(../images/xw-bg1.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding:0.4rem 0.24rem 0.4rem 0.38rem;border-radius: 0.9rem 0 0 0.9rem;}
.new-inner h1{font-size: 0.44rem;line-height: 1.5em;color: #fff;margin-bottom: 0.45rem;}
.new-inner p{font-size: 0.2rem;color: #3b71bc;line-height: 0.4rem;}
.new-inner p img{vertical-align: middle;margin-right: 0.16rem;width: 0.24rem;}

.new-price{position: relative;background: url(../images/xw-bg.png) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding:0.7rem 0 0.18rem 0.62rem;margin-top: -0.5rem;margin-bottom: 0.6rem;}
.new-price p{font-size: 0.26rem;color: #ffffff;line-height: 0.46rem;padding-left: 0.46rem;background: url(../images/xw-icon3.png) no-repeat left center;background-size: 0.18rem;}
.new-price .get-price{bottom: 0;right: 0.5rem;}

.new-content{background-color: #fff;font-size: 0.32rem;line-height: 1.7em;color: #666;box-shadow: 0 -0.1rem 0.1rem 0.02rem #b7c9e6;border-radius: 0.9rem 0.9rem 0 0;padding:0.4rem 0.24rem;margin-bottom: 0.62rem;}
.new-content p{margin-bottom: 0.3rem;}
.new-content p img,.new-content p video{display: block;width: 100%;}
.new-content p.ms{text-align: center;position: relative;margin-top: -0.1rem;}
.new-content p.ms::after{content: '';width: 0.72rem;height: 1px;background-color: #ff6913;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;}
.new-content h2{font-size: 0.4rem;color: #084568;line-height: 0.5rem;background: url(../images/xw-icon4.png) no-repeat left 0.1rem;padding-left: 0.62rem;margin-bottom: 0.3rem;background-size: 0.42rem;}

.new-grid{margin-top: 0.76rem;box-shadow: 0 0 0.2rem #e9eff7;border-radius: 0.9rem 0.9rem 0.2rem 0.2rem;margin-bottom: 0.52rem;}
.get-a{display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;padding:0.12rem 0.12rem 0.12rem 2.3rem;position: relative;background: url(../images/xw-bg1.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.get-a::after{content: '';width: 1.99rem;height: 2.21rem;background: url(../images/xw-good.png) no-repeat;background-size: 1.99rem;position: absolute;left: 0.32rem;bottom: 0.02rem;}
.get-a .col{margin-top: 0.22rem;}
.get-a p{font-size: 0.29rem;color: #ffffff;line-height: 0.39rem;margin-bottom: 0.1rem;}
.get-a strong{display: block;font-size: 0.36rem;line-height: 0.46rem;color: #ffffff;}
.get-a strong i{font-style: normal;color: #ffe59e;}
.get-a .btn{display: block;width: 1.36rem;height: 1.36rem;border-radius: 50%;text-align: center;font-size: 0.36rem;color: #fff;line-height: 0.42rem;border:0.02rem solid #fff;background:#ff6913;background: -moz-linear-gradient(top, #ff932e 0%, #ff6913 100%);background: -webkit-linear-gradient(top, #ff932e 0%,#ff6913 100%);background: -o-linear-gradient(top, #ff932e 0%,#ff6913 100%);background: -ms-linear-gradient(top, #ff932e 0%,#ff6913 100%);background: linear-gradient(to bottom, #ff932e 0%,#ff6913 100%);padding-top: 0.26rem;}
.new-grid .grid{padding: 0.46rem 1.58rem 0.14rem 0.48rem;position: relative;}
.new-grid .grid p{font-size: 0.3rem;color: #1b64a3;line-height: 0.4rem;margin-bottom: 0.3rem;padding-left: 0.44rem;background: url(../images/xw-icon5.png) no-repeat left center;background-size: 0.21rem;}
.new-grid .grid .txt{background-color: #f3dcc4;border-radius: 0.1rem 0.1rem 0 0;position: absolute;right: 0.28rem;padding: 0.2rem 0.4rem 0.26rem;bottom: 0;}
.new-grid .grid .txt span{display: block;width: 0.32rem;font-size: 0.32rem;line-height: 1.1em;color: #044062;}

.pager-ul li{font-size: 0.28rem;color: #666666;line-height: 0.38rem;padding:0.34rem 0.7rem 0.3rem;box-shadow: 0 0 0.3rem rgba(183,201,203,0.16);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pager-ul li.top{margin-bottom: 0.25rem;border-top-left-radius: 0.6rem;}
.pager-ul li.bottom{border-bottom-right-radius: 0.6rem;}
.pager-ul li img{width: 0.27rem;vertical-align: middle;margin-top: -0.06rem;margin-right: 0.16rem;}

.base-pro{margin-bottom: 0.7rem;padding:0 0.24rem;}
.base-news{padding:0 0.24rem;margin-bottom: 1rem;}

/* ++++++++++++++++++++  关于  +++++++++++++++++++++++ */

.about-one{background: url(../images/about-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;margin-top: 0.48rem;padding: 1.05rem 0.24rem 1.4rem;}
.about-one .about{text-align: center;padding-bottom: 2.48rem;}
.about-one h1{font-size: 0.42rem;color: #ffffff;line-height: 0.5rem;margin-bottom: 1.08rem;}
.about-one .play{display: inline-block;width: 1.45rem;height: 1.45rem;cursor: pointer;}
.about-one .play img{display: block;width: 100%;}
.about-one p{font-size: 0.32rem;line-height: 0.48rem;color: #fff;text-indent: 0.36rem;}

.ab-tit{text-align: center;margin-bottom: 0.5rem;}

.ab-tit h2{font-size: 0.4rem;color: #054164;line-height: 0.5rem;position: relative;margin-top:0.45rem;}
.about-two{padding:0 0.24rem;margin-bottom: 1.02rem;}
.about-two>p{font-size: 0.32rem;line-height: 0.48rem;color: #666666;margin-bottom: 0.52rem;}
.about-two ul{display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.about-two li{width: 1.96rem;}
.about-two li .img{width: 1.96rem;position: relative;}
.about-two li .img img{display: block;width: 100%;}
.about-two li .img::after{content: '';position: absolute;top: 0.06rem; left: 0.06rem;width: 100%; height: 100%;background-color: #c0d1ec;z-index: -1;}
.about-two li p{font-size: 0.26rem;color: #666666;line-height: 0.4rem;text-align: center;margin-top: 0.16rem;}

.about-three{margin-bottom: 0.8rem;}
.about-three h2{color: #fff;}
.about-three .content{background:#081e6c;background: -moz-linear-gradient(top, #27199a 0%, #17086c 100%);background: -webkit-linear-gradient(top, #27199a 0%,#17086c 100%);background: -o-linear-gradient(top, #27199a 0%,#17086c 100%);background: -ms-linear-gradient(top, #27199a 0%,#17086c 100%);background: linear-gradient(to bottom, #27199a 0%,#17086c 100%);padding: 0.38rem 0.24rem 1.44rem;border-top-left-radius: 0.9rem;}
.about-three .content>p{font-size: 0.32rem;line-height: 0.48rem;color: #fff;margin-bottom: 0.52rem;}
.about-three .img{display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 0.24rem;position: relative;margin-top: -1.12rem;}
.about-three .img .left{width: 3.66rem;}
.about-three .img .left img:first-child{margin-bottom: 0.18rem;}
.about-three .img .right{width: 3.11rem;}
.about-three .img img{box-shadow: 0 0 0.1rem #b7c9e6;}

.about-four{margin-bottom: 0.4rem;}

.about-five{background: url(../images/about-bg1.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 0.9rem 0.9rem 0 0;padding-top:0.54rem;padding-bottom: 1.4rem;margin-bottom: 0.62rem;}
.about-five h2{text-align: center;margin-bottom: 1.1rem;}
.about-five h2 img{width: 3.76rem;}
.about-five li{float: left;width: 33.3%;text-align: center;}
.about-five li .img{display: inline-block;width: 1rem;height: 1rem;border-radius: 50%;margin-bottom: 0.2rem;box-shadow: 0 0.11rem 0.07rem rgba(0,0,0,0.28);}
.about-five li .img img{display: block;width: 100%;}
.about-five li p{font-size: 0.26rem;color: #ffffff;line-height: 0.36rem;}
.about-five li:nth-child(4){margin-left: 16.65%;}
.about-five li:nth-child(4),.about-five li:nth-child(5){margin-top: 0.64rem;}

.pop-video{position: fixed;width: 100%;height: 100%;left: 0;top:-100%;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;z-index: 9999;opacity: 0;filter: alpha(opacity=0);}
.pop-video .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.pop-video .close{position: absolute;right: 0.2rem;top: 0.2rem;width: 0.5rem;height: 0.5rem;background: url(../images/close.png) center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;cursor: pointer;}
.pop-video video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);max-width: 90%;}
.pop-video.open{top:0;opacity: 1; filter: alpha(opacity=100);}

/* ++++++++++++++++++++  404  +++++++++++++++++++++++ */
.error{text-align: center;padding-top: 1.48rem;}
.error img{width: 4.43rem;margin-bottom: 1.22rem;}
.error p{font-size: 0.4rem;line-height: 0.5rem;color: #666666;margin-bottom: 1.46rem;}
.error a{display: inline-block;width: 3.18rem;height: 0.78rem;line-height: 0.78rem;font-size: 0.34rem;color: #fff;border-radius: 0.07rem;background:#008aff;background: -moz-linear-gradient(top, #40a3ff 0%, #008aff 100%);background: -webkit-linear-gradient(top, #40a3ff 0%,#008aff 100%);background: -o-linear-gradient(top, #40a3ff 0%,#008aff 100%);background: -ms-linear-gradient(top, #40a3ff 0%,#008aff 100%);background: linear-gradient(to bottom, #40a3ff 0%,#008aff 100%);}

/* ++++++++++++++++++++  联系  +++++++++++++++++++++++ */
.contact-top{margin-left: 0.24rem;margin-top: 0.46rem;position: relative;margin-bottom: 0.48rem;}
.lx-top{background: url(../images/lx-img.jpg) top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding:0.85rem 0 2.6rem 0.24rem;border-top-left-radius: 0.6rem;}
.lx-top h2{font-size: 0.5rem;line-height: 0.76rem;color: #fff;margin-bottom: 0.7rem;position: relative;z-index: 1;}
.lx-top h2::before{content:'';width: 2.94rem;height: 0.5rem;background: url(../images/lx-wz.png) no-repeat;-webkit-background-size: 2.94rem;background-size: 2.94rem;position: absolute;left: 0;top: -0.06rem;z-index: -1;}
.contact-top span{font-size: 0.26rem;color: #ffffff;line-height: 0.36rem;padding-left: 0.8rem;background: url(../images/lx-icon.png) no-repeat left center;-webkit-background-size: 0.56rem;background-size: 0.56rem;margin-bottom: 0.2rem;display: block;}
.lx-center{position: relative;padding: 1.3rem 0 0.3rem;z-index: 1;margin-top: -2.5rem;}
.lx-center::after{content:'';position: absolute;top: 0; left:-0.24rem;bottom: 0;right: 0;background: url(../images/lx-bg.png) no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;z-index: -1; }
.lx-center p{font-size: 0.32rem;color: #084568;line-height: 0.48rem;padding-left: 0.58rem;}
.lx-center p a,.lx-center p strong{color: #084568;font-weight: bold;}
.lx-center p:nth-of-type(1){background: url(../images/lx-icon1.png) no-repeat left 0.08rem;background-size: 0.32rem;margin-bottom: 0.2rem;}
.lx-center p:nth-of-type(2){background: url(../images/lx-icon2.png) no-repeat left 0.08rem;background-size: 0.32rem;}
.lx-bottom{padding: 1.36rem 0.24rem 0.54rem;background: #08227f;background: -moz-linear-gradient(90deg, #4257c1 0%, #061661 100%);background: -webkit-linear-gradient(90deg, #4257c1 0%,#061661 100%);background: -o-linear-gradient(90deg, #4257c1 0%,#061661 100%);background: -ms-linear-gradient(90deg, #4257c1 0%,#061661 100%);background: linear-gradient(90deg, #0d3f7c 0%,#3068bf 100%);border-radius: 0 0 0.1rem 0.9rem;position: relative;margin-top: -0.8rem;}

.contact-wrap{padding:0 0.24rem;}
.contact-wrap>p{font-size: 0.32rem;color: #666666;line-height: 1.5em;margin-bottom: 0.4rem;}
.contact-wrap .h2-tit{margin-bottom: 0.2rem;}
.contact-wrap ul{display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.contact-wrap li {width: 2rem;}
.contact-wrap li .img{border-radius: 0.1rem;}
.contact-wrap li .img img{display: block;width: 100%;}
.contact-wrap li p{background-color: #008aff;text-align: center;font-size: 0.2rem;color: #ffffff;width: 1.7rem;line-height: 0.48rem;position: relative;margin-left: 0.15rem;padding-bottom: 0.05rem;border-radius: 0 0 0.1rem 0.1rem;}

.contact-map{padding: 1.36rem 0.24rem 1.14rem;background: url(../images/lx-bg1.png) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;margin-top: -0.14rem;margin-bottom: 0.7rem;}
.contact-map .h2-tit h2{color: #fff;}
.contact-map .h2-tit h2::before{background: url(../images/index-pic4.png) no-repeat;top: 0;left: 0;background-size: 0.15rem;}
.contact-map .h2-tit h2::after{background: url(../images/index-pic5.png) no-repeat;bottom: 0;right: 0;background-size: 0.15rem;}
#allmap{height: 4.8rem;}
.contact-map #map{border-radius: 0.1rem;}
#allmap *{
  box-sizing: content-box;
  max-width: none;
}

.to-top{position: fixed;right: 0.1rem;bottom: 1.8rem;width: 0.52rem;height: 0.52rem;cursor: pointer;display: none;z-index: 9999;}
.to-top img{display: block;width: 100%;}

@media screen and (min-width: 750px){
    html{font-size: 94px;}
  }
  @media screen and (max-width: 700px){
    html{font-size: 86px;}
  }
  @media screen and (max-width: 639px){
    html{font-size: 64px;}
  }
  @media screen and (max-width: 479px){
    html{font-size: 48px;}
  }
  @media screen and (max-width: 359px){
    html{font-size: 42px;}
  }
.new-year{
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.6);
  z-index: 99999;
  display: none;
}
.ny-img{
  width: 80%;
  position: absolute;
  left: 50%;
  top: 46%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.ny-close{
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 30px;
  color: #333;
  text-align: center;
  left: 50%;
  bottom: -20px;
  margin-left: -20px;
  cursor: pointer;
}