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}
table{border-collapse:collapse;border-spacing: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;}
.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;width: 100%;margin:0 auto;padding-bottom:1.2rem;
padding-bottom: calc(1.2rem + env(safe-area-inset-bottom));}
a{color:#333;text-decoration:none}
a:hover{color:#e7ae7f}
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:#adb3ba}
::-moz-placeholder{color:#adb3ba}
::-ms-input-placeholder{color:#adb3ba}

.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}
.wp{width:92%;margin:0 auto}

/* =========== header ========= */

.header{padding:0.27rem 0.3rem 0;width: 100%;position: absolute;top: 0;max-width:750px;margin: 0 auto;z-index: 9999;}
.header .logo{display: block;width: 2.56rem;}
.m-head {text-align: center;}
.header.m-head .logo{display: inline-block;}
.header.m-head .return-a{position: absolute;left: 0.3rem;top: 0.42rem;width: 0.16rem;height: 0.28rem;}

.nav{width: 100%;position: absolute;top: 0.91rem;max-width:750px;margin: 0 auto;z-index: 9999;}
.nav ul{overflow: hidden;}
.nav li{text-align: center;float: left;width: 16.6%;padding-top: 0.4rem;}
.nav li a{display: block;font-size: 0.32rem;color: #acccff;line-height: 0.42rem;}
.nav li.on a{font-weight: bold;color: #d2e3ff;}

.homeTop .nav{padding: 0rem 0.25rem; top: 1.04rem;}
.homeTop .header{padding:0.4rem 0.5rem 0;}
.homeTop .nav li{padding-top:0.29rem;}
.homeTop .nav li a{font-size:0.25rem;}
/* =========== 首页  ========= */
/* 首屏 */
.index-area{position: relative;height: 100vh;overflow: hidden;}
.index-area.areaPC{height:auto;}
.index-area .slick-list,.index-area .slick-track{clear:both; display:block; height:100%;}
.index-area .slick-list a{clear: both; display: block; background:#fff;}
.index-area .slick-slide{position: relative;overflow: hidden;height: 100%;}
.index-area .index-areaPic{clear: both;display: block;width:100%;position: relative;/* margin-top: -0.5rem; */height: 100%;}
.index-area .index-areaPic img{clear: both;display: block;width:100%;/* height: 100%; */}
.index-area .index-areaBox{    clear: both;    position: absolute;    top: 2.85rem;    left: 0.6rem;    right: 0.6rem;display: none;}
.index-area .slick-slide.slick-active .index-areaBox{display: block;}
.index-area .index-areaBox span{clear:both;display:block;text-align:center;font-size:0.3rem;color:#fff;line-height:1;padding-bottom: 0.32rem;}
.index-area .index-areaBox h1{clear:both; display:block; text-align:center; color:#fff;font-size:0.66rem;line-height:1;}
.index-area .index-areaBox h2{clear:both; display:block; text-align:center; color:#fff;font-size:0.66rem;line-height:1;}
.index-area .index-areaBox p{clear:both;display:block;text-align:center;color:#fff;line-height:1;font-size:0.19rem;padding-top: 0.2rem;padding-bottom: 0.46rem;text-transform: uppercase;}
.index-area .index-areaBox p.letter01{letter-spacing:2.5px;}
.index-area .index-areaBox p.letter02{letter-spacing:3px;}
.index-area .index-areaBox p.letter03{letter-spacing: 4px;}
.index-area .index-areaBox p.letter04{letter-spacing:1px;}
.index-area .index-areaBox i{clear:both; font-style:normal; display:block;text-align:center;width:1.95rem;height:0.65rem;background:url(../images/mBannerIcon01.png) no-repeat left top; background-size:100%; color:#fff;margin:0 auto;font-size:0.34rem;line-height: 0.65rem;}
.index-area .index-areaA{display: block;width:4.95rem;height:0.75rem;position: absolute;bottom: 1rem;left:50%;font-size: 0.3rem;color: #fff;text-align: center;line-height: 0.75rem;margin-left: -2.5rem; background:url(../images/mBannerIcon02.png) no-repeat left top; background-size:100%;}
.index-area .slick-dots {position: absolute;left: 0;bottom: 0.3rem;width: 100%;text-align: center;}
.index-area .slick-dots li {display: inline-block;padding: 0px 0.15rem;}
.index-area .slick-dots li button {border: 0.02rem solid #fff;padding: 0.04rem;opacity: 0.3;width: 0.11rem;height: 0.11rem;font-size:0px;border-radius: 50%;background: none;}
.index-area .slick-dots li.slick-active{padding-bottom:0.03rem;}
.index-area .slick-dots li.slick-active button{border: 0px;opacity: 1;height:0.04rem;border-radius:0.02rem;width:0.3rem;background: #fff;padding: 0px;}
/*  */

//.index-pro .pro-area1{display: -webkit-flex;display: flex;justify-content: space-between;}
//.index-pro .pro-box{position: relative;}
//.index-pro .pro-pic{display: block;}
//.index-pro .pro-pic img{display: block;width: 100%;}
//.index-pro .pro-box .txt{display: inline-block;position: absolute;left: 0;bottom: 0;font-size: 0.28rem;color: #000000;padding:0.09rem 0.4rem 0.09rem 0.3rem;line-height: 0.6rem;background-color: rgba(255, 255, 255, 0.8);
//border-top-right-radius: 0.6rem;-webkit-box-shadow: 0.1rem  0.15rem 0.18rem inset rgba(22,25,50,0.28);-moz-box-shadow: 0.1rem  0.15rem 0.18rem inset rgba(22,25,50,0.28);-ms-box-shadow: 0.1rem  0.15rem 0.18rem inset rgba(22,25,50,0.28);-o-box-shadow: 0.1rem  0.15rem 0.18rem inset rgba(22,25,50,0.28);box-shadow: 0.1rem  0.15rem 0.18rem inset rgba(22,25,50,0.28)}
//.index-area1{background: url(../images/in-bg0.jpg) no-repeat top;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 0.88rem;overflow: hidden;}

//.index-area1 .h2-title{color: #fff;}
//.hot-pro{padding-top: 0.8rem;position: relative;padding-bottom: 1.28rem;z-index: 1;}
//.hot-pro .hot-txt{display: block;position: absolute;right: 0;top: 0.48rem;width: 3.17rem;}
//.hot-pro .img{display: block;margin-left: -0.2rem;margin-right: -0.3rem;}
//.hot-pro .tit-a{color: #fff;font-size: 0.28rem;line-height: 0.38rem;cursor: pointer;margin: 0 0.22rem;padding-bottom: 0.08rem;display: block;position: absolute;left: 50%;margin-left: -0.66rem;}
//.hot-pro .tit-a::after{content:'';width: 0.46rem;height: 1px;background-color: #cb9a4c;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
//.hot-pro::after{content: '';width: 6.93rem;height: 5.86rem;background: url(../images/in-circular.png) no-repeat;position: absolute;bottom: 0;z-index: -1;background-size: 6.93rem;}
//.index-area1 .play{display: block;width: 0.8rem;height: 0.8rem;position: absolute;left: 0.34rem;bottom: 0.94rem;z-index: 2;cursor: pointer;}

//.index-area1 .caption{margin-bottom: 0.75rem;margin-top: 0.5rem;}
//.index-area1 .caption dl{float: left;width: 50%;position: relative;padding-left: 0.74rem;}
//.index-area1 .caption dl::before{content: '';width: 0.83rem;height: 10.8rem;background: url(../images/in-icon.png) no-repeat;position: absolute;left: 0;top: -0.3rem;background-size: 0.83rem;}
//.index-area1 .caption dl dt{font-size: 0.24rem;line-height: 0.34rem;color: #8997b1;}
//.index-area1 .caption dl dd{font-size: 0.32rem;color: #8997b1;font-weight: bold;}


.index-title{text-align: center;}
.h2-title{font-size: 0.5rem;line-height: 0.6rem;text-align: center;color: #2a303c;}
.index-title p{font-size: 0.26rem;color: #323b4c;line-height: 0.4rem;margin-top: 0.28rem;}

.index-case{background:#dde3ed;padding:0.82rem 0.12rem 0rem;overflow: hidden;}
.index-case .index-title{margin-bottom: 0.52rem;}
.index-case .index-title .h2-title{font-size:0.42rem; color:#000; line-height:1;}
.index-case .index-title p{line-height:0.37rem; color:#797d82;margin-top: 0.2rem;}
.case-list{}
.case-list li{clear:both;display: block;margin-bottom: 0.65rem;}
.case-list .case-img{display: block;width: 100%;height: 0;overflow: hidden;position: relative;padding-top: 68%;z-index: 1;}
.case-list .case-img>img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}
.case-text{position: relative;}
.case-text .con{padding-top: 0.5rem;padding-left: 0.3rem;padding: 0.3rem 0.4rem 0.12rem 0.4rem;position: relative;background: -webkit-linear-gradient(left, #fff, #e6e6e6);background: -moz-linear-gradient(left, #fff, #e6e6e6);background: -ms-linear-gradient(left, #fff, #e6e6e6);background: -o-linear-gradient(left, #fff, #e6e6e6);background: linear-gradient(to right, #fff, #e6e6e6);}
.case-text .tit{display: block;font-size: 0.3rem;line-height: 0.5rem;font-weight: bold;color: #000000;margin-bottom: 0.11rem;}
.case-text p{font-size: 0.26rem;color: #4c4c4c;line-height: 0.34rem;margin-bottom: 0.18rem;margin-left: -0.1rem;padding-left: 0.4rem;position: relative;background: url(../images/mCaseIcon01.png) no-repeat left 0.02rem;background-size: 0.34rem 0.29rem;}
.case-text p span{float: left;display: block;}
.case-text p strong{display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: normal;}
.case-text .more-a{width: 2.04rem;height: 0.62rem;border-radius: 0.55rem 0rem 0rem 0rem;background: #ff2828;background: -moz-linear-gradient(top,#ff2828,#ff2626);background: -webkit-linear-gradient(top,#ff2828,#ff2626);background: -o-linear-gradient(top,#ff2828,#ff2626);background: -ms-linear-gradient(top,#ff2828,#ff2626);background: linear-gradient(to bottom,#ff2828,#ff2626);color: #fff;display: block;position: absolute;right: 0;bottom: 0;text-align: center;font-size: 0.26rem;line-height: 0.62rem;padding: 0rem 0rem 0rem 0.15rem;}
/**/
.index-about{clear:both;display:block;background: #dde3ed;padding: 0.14rem 0.5rem 0.3rem;}
.index-about .index-title{margin-bottom: 0.46rem;}
.index-about .index-title .h2-title{font-size:0.42rem; color:#000; line-height:1;}
.index-about .index-title p{line-height:0.37rem; color:#797d82;margin-top: 0.2rem;}
.index-about ul{clear:both;display:block;/* padding-top:0.52rem; */}
.index-about ul li{clear:both; display:block; padding-bottom:0.1rem;}
.index-about ul li img{clear:both; display:block; width:100%;}
/**/
.about-show h3{position: relative;}
.about-show h3 img{width: 1.67rem;float: left;margin-right: 0.28rem;}
.about-show h3::after{content:'';width: 0.84rem;height: 0.14rem;background: url(../images/in-line.png) no-repeat;position: absolute;bottom: 0;left: 0;}
.about-show h3 strong{font-size: 0.34rem;color: #ac794f;overflow: hidden;line-height: 1.2rem;display: block;font-weight: normal;}
.about-show p{font-size: 0.26rem;color: #ffffff;line-height: 0.36rem;margin-top: 0.2rem;}
.about-show .pic{margin-top: 0.68rem;}
.about-show .pic img{display: block;width: 100%;}

/* =========== 底部悬浮 ========= */
.xsj-footer{background: url(../xsj-images/xsj-pic.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding:0.16rem 0 0.15rem ;width: 100%;max-width: 750px;position: fixed;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 9999;padding-bottom: env(safe-area-inset-bottom);display: none;}
.xsj-footer a{display: block;position: relative;width: 100%;padding-left: 2.75rem;}
.foot-tel{text-align: center;}

.foot-tel img{width: 3.61rem;display: inline-block;}
.xsj-footer a::before{content:'';width: 2.75rem;height: 1.42rem;background: url(../xsj-images/xsj-pic1.png) no-repeat;position: absolute;left: 0;bottom: 0;background-size:  2.75rem;}

.fix-foot{border-radius: 0.44rem 0rem 0rem 0rem;position: fixed;width: 100%;max-width: 750px;z-index: 9999;background: -webkit-linear-gradient(left,#ffc0c0,#fff,#ffb3b4);background: -moz-linear-gradient(left,#ffc0c0,#fff,#ffb3b4);background: -ms-linear-gradient(left,#ffc0c0,#fff,#ffb3b4);background: -o-linear-gradient(left,#ffc0c0,#fff,#ffb3b4);background: linear-gradient(to right,#ffc0c0,#fff,#ffb3b4);height: 1.16rem;bottom: -3.4666666667rem;transition: all .5s;}
.fix-foot.active{opacity:1;bottom:0rem}
/*.fix-foot{position: fixed;bottom: 0;width: 100%;max-width: 750px;z-index: 99999;}*/

.fix-box1 ul{position: relative;display: -webkit-flex;display: flex;justify-content: space-between;}
.fix-box1 ul{overflow: hidden;}
.fix-box li{float: left;}

.fix-box li.fix-zx{text-align: center;width: 34.6666%;}
.fix-box li.fix-zx a{display: block;font-size: 0.26rem;line-height: 1.16rem;cursor: pointer;color: #e71414;text-align: center;}
.fix-box li.fix-zx a span{clear: both;display: inline-block;background: url(../images/fix-icon1.png) no-repeat left center;background-size: 0.36rem 0.31rem;text-align: left;padding-left: 0.58rem;}

.fix-box li.fix-tel{width: 65.3333%;position: relative;margin-top: -0.21rem;float: right;height: 1.09rem;background: url(../images/fix-iconBg.png) no-repeat left bottom;background-size: 100%;}
.fix-box li.fix-tel a{display: block;display: -webkit-flex;display: flex;justify-content: space-between;line-height:1rem;height: 100%;position: relative;z-index: 2;}
.fix-tel span{display: block;width: 0.66rem;height: 0.57rem;margin-left: 0.4rem;margin-top: 0.24rem;}
.fix-tel .phone{flex: 1;margin-top: 0.24rem;margin-left: 0.2rem;}
.fix-tel .phone p{font-size: 0.25rem;color: #ffeacb;line-height: 1;padding-bottom: 0.1rem; font-weight:normal;}
.fix-tel .phone strong{display: block;font-size: 0.35rem;color: #ffd495;font-weight: bold;line-height: 1;margin-left: 0.5rem;}
.fix-tel .phone strong em{font-size: 0.32rem;display: inline-block;font-weight: bold;}

.fix-box1 .fix-msg{width: 2.35rem;background:url(../images/fix-bg2.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.fix-box1 .fix-msg a{display: block;line-height: 0.96rem;font-size: 0.3rem;color: #f51818;font-weight: bold;text-align: center;}
.fix-box1 .fix-msg span{display: inline-block;position: relative;z-index: 1;}
.fix-box1 .fix-msg span img{vertical-align: middle;width: 0.4rem;height: 0.43rem;}
.fix-box1 .fix-msg span::after{content:'';width: 0.66rem;height: 0.61rem;background: url(../images/fix-bg1.png) no-repeat;background-size: 0.66rem;position: absolute;left:-0.32rem;top: 0.31rem;}
.fix-box1 .fix-txt{flex: 1;text-align: center;padding:0.23rem 0 0.29rem;position: relative;}
.fix-box1 .fix-txt p{font-size: 0.26rem;color: #ffb342;line-height: 0.46rem;}
.fix-box1 .fix-txt::after{content:'';width: 0.67rem;height: 0.37rem;background: url(../images/fix-arr.png) no-repeat;background-size: 0.67rem;position: absolute;right: 0.2rem;bottom: 0.07rem;}
/* =========== 返回顶部 ========= */
.return-top {width: 0.7rem;position: fixed;right: 0.2rem; bottom:2rem;z-index: 9999;cursor: pointer;text-align: center;display: none;}

/* =========== 客户案例 ========= */

.case-top{position: relative;}
.case-top img{display: block;width: 100%;border-bottom-left-radius: 0.6rem;}
.case-top .content{position: absolute;width: 100%;left: 0;bottom: 0.8rem;}
.case-top h2{font-size: 0.6rem;color: #c09377;line-height: 0.7rem;margin-bottom: 0.22rem;}
.case-top p{font-size: 0.24rem;color: #fff;line-height: 2em;}

.case-wrapper{text-align: right;margin-bottom: 0.9rem;}
.case-wrapper span{display: inline-block;font-size: 0.26rem;color: #da251d;line-height: 0.7rem;font-weight: bold;margin-right: 0.14rem;}
.case-wrapper .online{display: inline-block;width: 2.68rem;height: 0.7rem;line-height: 0.7rem;text-align: center;font-size: 0.26rem;position: relative;z-index: 1;color: #fff;font-weight: bold;}
.case-wrapper .online::after{content:'';width: 2.77rem;height: 1.22rem;background: url(../images/c-btn.png) no-repeat;position: absolute;right: 0;z-index: -1;top: -0.34rem;background-size: 2.77rem;}
.case-wrapper .online i{display: inline-block;width: 0.5rem;height: 0.5rem;border-radius: 100%;background: url(../images/c-btn-icon.png) no-repeat #fff center;vertical-align: middle;margin-top: -0.08rem;margin-left: 0.25rem;background-size: 0.29rem;}

.case-wrapper1{margin-top:0.6rem;overflow: hidden;margin-bottom: 0.5rem;}
.case-ul{margin-left: -2%;}
.case-ul li{float: left;width: 48%;margin-left: 2%;margin-bottom: 0.3rem;}
.case-ul li .img{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 74%;border-radius: 0.1rem;z-index: 1;}
.case-ul li .img img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;border-radius: 0.1rem;}
.case-ul li .text{background: url(../images/c-bg0.png) no-repeat #fff;margin-right: 0.22rem;padding:0.3rem 0.3rem 0.2rem;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;margin-top: -0.12rem;border-bottom-right-radius: 0.6rem;box-shadow: 0 0 0.1rem #f6f6f6;}
.case-ul li .text .tit{font-size: 0.32rem;color: #1d2532;line-height: 0.36rem;font-weight: bold;height: 0.72rem;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.case-ul li .text p{font-size: 0.24rem;line-height: 0.34rem;color: #1d2532;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 0.12rem;padding-left: 0.24rem;position: relative;}
.case-ul li .text p::before{content:'';width: 0.13rem;height: 0.38rem;background: url(../images/c-line.png) no-repeat center;position: absolute;left: 0;top: -0.02rem;background-size: 0.13rem;}
.case-ul li .text .more{display: block;position: absolute;right: -0.22rem;bottom: 0.38rem;width: 0.42rem;}


.base-title{text-align: center;margin-bottom: 0.55rem;}
.base-title h3{font-size: 0.5rem;line-height: 0.6rem;color: #1d2532;margin-bottom: 0.12rem;position: relative;padding-top: 0.12rem;z-index: 1;}
.base-title h3::after{content: '';width: 2.53rem;height: 0.59rem;background: url(../images/title-bg.png) no-repeat;background-size: 2.53rem;position: absolute;left: 50%;top: 0;transform: translateX(-50%);z-index: -1;}
.base-title p{font-size: 0.28rem;color: #6f7886;line-height: 0.38rem;}
.base-box .pic img{display: block;width: 100%;}

/* =========== 产品列表 ========= */

.pro-top {background: url(../images/p-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: 2.15rem;padding-bottom:0.65rem;border-radius: 0 0 0.6rem 0.6rem;}
.pro-top h2{font-size: 0.5rem;color: #ffffff;line-height: 0.6rem;margin-bottom: 0.1rem;}
.pro-top p{font-size: 0.26rem;color: #ffffff;line-height: 0.36rem;}

.pro-area{margin-top: 0.7rem;}
.pro-area .img{position: relative;display: block;margin-bottom: 0.5rem;}
.pro-area .img img{display: block;width: 100%;}
.pro-area .img::after{content: '';width: 0.67rem;height: 0.67rem;background: url(../images/p-icon.png) no-repeat;background-size: 0.67rem;position: absolute;right: 0.4rem;bottom: 0;}
.pro-area .text{display: -webkit-flex;display: flex;justify-content: space-between;}
.pro-area .text .col-l a{display: block;font-size: 0.34rem;color: #ffffff;font-weight: bold;line-height: 0.44rem;margin-bottom: 0.12rem;}
.pro-area .text .col-l span{display: block;font-size: 0.26rem;color: #ffffff;line-height: 0.36rem;}

.pro-area .text .col-r{margin-top: 0.1rem;}
.pro-area .text .col-r a{display: block;font-size: 0.3rem;color: #9a0c0c;line-height: 0.7rem;font-weight: bold;background-color: #e7ae7f;border-radius: 0.35rem;padding:0 0.12rem 0 0.34rem;}
.pro-area .text .col-r a i{display: inline-block;vertical-align: middle;width: 0.5rem;height: 0.5rem;background: url(../images/p-more.png) no-repeat center #fff;background-size: 0.23rem;border-radius: 50%;margin-top: -0.05rem;margin-left: 0.12rem;-webkit-box-shadow: 0 0.05rem 0.2rem rgba(0,0,0,0.15);-moz-box-shadow: 0 0.05rem 0.2rem rgba(0,0,0,0.15);-ms-box-shadow: 0 0.05rem 0.2rem rgba(0,0,0,0.15);-o-box-shadow: 0 0.05rem 0.2rem rgba(0,0,0,0.15);box-shadow: 0 0.05rem 0.2rem rgba(0,0,0,0.15);}

.pro-tab{padding:0 0.16rem;margin-bottom: 0.45rem;}
.pro-tab ul{display: -webkit-flex;display: flex;justify-content: space-around;}
.pro-tab li{text-align: center;background-color: #fff;padding: 0.3rem 0.1rem 0.08rem;-webkit-box-shadow: 0 0.05rem 0.16rem rgba(130,160,255,0.34);-moz-box-shadow: 0 0.05rem 0.16rem rgba(130,160,255,0.34);-ms-box-shadow: 0 0.05rem 0.16rem rgba(130,160,255,0.34);-o-box-shadow: 0 0.05rem 0.16rem rgba(130,160,255,0.34);box-shadow: 0 0.05rem 0.16rem rgba(130,160,255,0.34);border-radius: 0 0 0.7rem 0.7rem;position: relative;}
.pro-tab li a{display: block;font-size: 0.28rem;color: #ac794f;line-height: 0.34rem;margin-bottom: 0.15rem;}
.pro-tab li .pic{position: relative;border-radius: 50%;z-index: 1;width: 1.2rem;display: block;}
.pro-tab li .pic::after{content:'';position: absolute;top: -0.16rem;left: -0.16rem;bottom: -0.16rem;right: -0.16rem;margin: 0 auto;background: url(../images/pro-bg.png) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;z-index: -1;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
.pro-tab li::after{content:'';width: 0.75rem;height: 0.67rem;background: url(../images/pro-tab.png) no-repeat;-webkit-background-size: 0.75rem;background-size: 0.75rem;position: absolute;bottom: -0.24rem;left: 0.34rem;z-index: 2;opacity: 0;}
.pro-tab li.active::after{opacity: 1;}

.pro-wrapper{margin-bottom: 0.5rem;}
.pro-list{margin-left: -2%;}
.pro-list li{float: left;width: 48%;margin-left: 2%;margin-bottom: 0.3rem;}
.pro-list li .pic{display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75.4%;border-radius: 0.2rem;}
.pro-list li .pic img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;border-radius: 0.2rem;}
.pro-list li .text{width: 2.9rem;background-color: #fff;border-radius: 0.2rem;-webkit-box-shadow: 0 0 0.15rem rgba(130,160,255,0.54);-moz-box-shadow: 0 0 0.15rem rgba(130,160,255,0.54);-ms-box-shadow: 0 0 0.15rem rgba(130,160,255,0.54);-o-box-shadow: 0 0 0.15rem rgba(130,160,255,0.54);box-shadow: 0 0 0.15rem rgba(130,160,255,0.54);padding:0.2rem 0.24rem 0.22rem;position: relative;margin-top: -0.4rem;}
.pro-list li .tit{display: block;font-size: 0.28rem;color: #1d2532;line-height: 0.38rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: bold;margin-bottom: 0.1rem;}
.pro-list li .text p{font-size: 0.24rem;color: #626a77;line-height: 0.38rem;}
.pro-list li .text span{display: block;font-size: 0.28rem;color: #b78459;font-weight: bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-list li .text .more{display: block;position: absolute;width: 0.42rem;height: 0.36rem;bottom: 0.34rem;right: -0.2rem;border-radius: 0.2rem;}



/* =========== 新闻列表 ========= */

.new-top{padding-bottom: 0.45rem;margin-bottom: 0.8rem;}
.new-top p{line-height: 0.48rem;margin-bottom: 0.5rem;}

.new-swiper{padding-bottom: 0.54rem!important;}
.new-swiper .swiper-slide{margin: 0 2%;width: 82%;}
.new-swiper .slide-con{background-color: #ffffff;border-radius: 0.6rem 0.2rem 0.2rem 0.6rem;;}
.new-swiper .img {display: block;border-radius: 0.6rem 0.2rem 0.2rem 0.6rem;}
.new-swiper .img img{display: block;width: 100%;border-radius: 0.6rem 0.2rem 0.2rem 0.6rem;}
.new-swiper .text{padding:0.24rem 1.06rem 0.3rem 0.4rem;position: relative;}
.new-swiper .text a{display: block;font-size: 0.28rem;line-height: 0.4rem;color: #59616c;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.new-swiper .text span{display: block;font-size: 0.24rem;color: #ffffff;line-height: 0.49rem;width: 0.78rem;height: 0.79rem;padding-top: 0.3rem;background: url(../images/n-hot.png) no-repeat top;-webkit-background-size: 0.79rem;background-size: 0.79rem;position: absolute;right: 0;top: -0.31rem;text-align: center;}
.new-swiper .swiper-pagination{bottom: 0!important;}
.new-swiper .swiper-pagination .swiper-pagination-bullet{background: #d4d5d8;opacity: 1;}
.new-swiper .swiper-pagination .swiper-pagination-bullet-active{width: 0.27rem;border-radius: 4px;}

.new-list li{margin-bottom: 0.58rem;}
.new-list li .tit{width: 96%;padding: 0.16rem 0;background:#405978;background: -moz-linear-gradient(left, #1d2532 0%, #405978 100%);background: -webkit-linear-gradient(left, #1d2532 0%,#405978 100%);background: -o-linear-gradient(left, #1d2532 0%,#405978 100%);background: -ms-linear-gradient(left, #1d2532 0%,#405978 100%);background: linear-gradient(to right, #1d2532 0%,#405978 100%);border-radius: 0 0.805rem 0.805rem 0;position: relative;z-index: 1;}
.new-list li .tit a{font-size: 0.34rem;line-height: 0.54rem;color: #edb98f;font-weight: bold;padding-left: 0.3rem;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-right: 0.44rem;}
.new-text{padding:0 0.3rem 0 0.62rem;position: relative;margin-top: -0.94rem;}
.new-text .con{background-color: #f1f6fc;padding: 1.15rem 0.3rem 0;overflow: hidden;-webkit-box-shadow: 0 0.05rem 0.15rem rgba(209,220,234,0.7);-moz-box-shadow: 0 0.05rem 0.15rem rgba(209,220,234,0.7);-ms-box-shadow: 0 0.05rem 0.15rem rgba(209,220,234,0.7);-o-box-shadow: 0 0.05rem 0.15rem rgba(209,220,234,0.7);box-shadow: 0 0.05rem 0.15rem rgba(209,220,234,0.7);border-bottom-left-radius: 0.6rem;}
.new-text p{font-size: 0.3rem;color: #59616c;line-height: 0.5rem;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.2rem;}
.new-text .qt{margin-bottom: 0.2rem;}
.new-text .qt span{display: inline-block;font-size: 0.3rem;color: #c49a7e;line-height: 0.6rem;padding-left: 0.3rem;margin-right: 0.5rem;padding-bottom: 0.1rem;position: relative;}
.new-text .qt span::before{content:'';width: 0.88rem;height: 0.7rem;background: url(../images/n-img.png) no-repeat;background-size: 0.88rem;position: absolute;top: 0;left: 0;}
.new-list li .date{padding-right: 0.3rem;text-align: right;margin-top: 0.16rem;}
.new-list li .date span{display: inline-block;font-size: 0.24rem;color: #c3987c;line-height: 0.34rem;background: url(../images/n-time.png) no-repeat left center;padding-left: 0.3rem;background-size: 0.2rem;}


/* =========== 分页 ========= */

.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;}

/* =========== 留言板 ========= */
.main-msg{margin-top: 0.92rem;background: url(../images/msg-bg.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding:0.66rem 0.82rem 0.76rem 0.7rem;box-sizing: border-box;position: relative;}
.main-msg p.ms{font-size: 0.24rem;color: #fff;line-height: 0.34rem;font-weight: bold;margin-bottom: 0.16rem;}
.main-msg p.guid{font-size: 0.44rem;color: #fff;line-height: 0.66rem;}
.main-msg p.guid strong{font-size: 0.56rem;color: #f7b14a;}

.show-msg{margin-top: 0.58rem;}
.show-msg li{margin-bottom: 0.2rem;}
.show-msg li span{display: block;font-size: 0.28rem;color: #ffffff;line-height: 0.34rem;margin-bottom: 0.14rem;}
.show-msg li span i{display: inline-block;font-style: normal;color: #eb2626;}
.show-msg li input,.show-msg li .text-area{width: 100%;border:none;background-color: #f0f5ff;font-size: 0.24rem;line-height: 0.36rem;padding:0.12rem 0.24rem;border-radius: 0.1rem 0 0.1rem 0.1rem;}
.show-msg li .text-area{height: 1.2rem;}
.show-msg .msg-btn{padding: 0.48rem 0 0.52rem 0.18rem;position: relative;z-index: 1;}
.show-msg .msg-btn input{border: none;width: 2.56rem;line-height: 0.76rem;text-align: center;background: url(../images/msg-btns.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 0.1rem 0.3rem 0 0.1rem;font-size: 0.28rem;color: #31487d;cursor: pointer;}
.show-msg .msg-btn::after{content:'';width: 5.97rem;height: 2rem;background: url(../images/msg-bg1.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;z-index: -1;position: absolute;top: -0.1rem;left: -0.4rem;}

.msg-zx{position: absolute;width: 3.1rem;height: 0.97rem;background: url(../images/msg-zx.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;position: absolute;right: 0;top: -0.48rem;border-radius: 0.49rem 0 0 0.49rem;box-shadow: -0.05rem 0.07rem 0.13rem rgba(1,115,197,0.19);}
.msg-zx a{display: block;font-size: 0.4rem;color: #ffffff;line-height: 0.97rem;font-weight: bold;padding-left: 0.58rem;border-radius: 0.49rem 0 0 0.49rem;}
.msg-zx::after{content:'';width: 0.57rem;height: 2.29rem;background: url(../images/mag-qt.png) no-repeat;-webkit-background-size: 0.57rem;background-size: 0.57rem;position: absolute;right: 0;top: 0.96rem;}

/* =========== 产品内页 ========= */
.main-inner{background: url(../images/cp-bg.jpg) no-repeat top;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;overflow: hidden;border-radius: 0 0 0.6rem 0.6rem;}
.pro-inner{padding-top: 2rem;}
.pro-inner .cp-img{border-radius: 0.3rem 03rem 0.6rem 0.3rem;}
.pro-inner .cp-img img{display: block;width: 100%;border-radius: 0.3rem 0.3rem 0.6rem 0.3rem;}
.main-inner .text{margin-top: 0.44rem;}
.main-inner .text h1{font-size: 0.5rem;line-height: 0.6rem;color: #ffffff;margin-bottom: 0.48rem;padding-left: 0.3rem;}
.main-inner .trait{padding: 0 0.76rem 0 0.3rem;}
.main-inner .trait li{color: #c2d7fe;display: -webkit-flex;display: flex;justify-content: space-between;font-size: 0.28rem;line-height: 0.38rem;margin-bottom: 0.35rem;}
.main-inner .trait li span{display: block;padding-left: 0.56rem;position: relative;}
.main-inner .trait li span::before{content: '';width: 0.21rem;height: 0.6rem;background: url(../images/cp-tip.png) no-repeat; background-size: 0.21rem;position: absolute;left: 0.18rem;top: -0.1rem;}
.main-inner .trait li strong{display: block;}
.hot-line{display: -webkit-flex;display: flex;justify-content: space-between;}
.hot-line span{display: block;font-size: 0.24rem;color: #ffc46c;font-weight: bold;line-height: 0.97rem;flex: 1;text-align: right;padding-right: 0.2rem;}
.hot-line a{display: block;width: 3.67rem;height: 0.97rem;text-align: center;background-color: #ffc46c;line-height: 0.97rem;border-radius: 0.4rem 0 0.6rem 0;}
.hot-line a img{vertical-align: middle;width: 3.15rem;height: 0.27rem;}

.mian-content{margin-top: 0.28rem;}
.mian-content p{font-size: 0.32rem;color: #59616c;line-height: 1.875em;margin-bottom: 0.3rem;}
.pro-con h2,.re-case h3,.re-pro h3{font-size: 0.4rem;color: #1d2532;padding-left: 0.3rem;line-height: 0.5rem;padding-bottom: 0.12rem;margin: 0.8rem 0 0.6rem;position: relative;z-index: 1;}
.pro-con h2::after,.re-case h3::after,.re-pro h3::after{content: '';width: 3.61rem;height: 0.93rem;background: url(../images/h2-bg.png) no-repeat;background-size: 3.61rem;position: absolute;left: 0;bottom: 0;z-index: -1;}
.mian-content p img{display: block;width: 100%;height: auto;}
.mian-content p.cp-caption{text-align: center;font-size: 0.28rem;color: #1d2532;line-height: 0.34rem;padding-bottom: 0.03rem;position: relative;z-index: 1;margin-top: -0.15rem;}
.mian-content p.cp-caption::after{content:'';width: 3.61rem;height: 0.2rem;background: url(../images/cp-msg.png) no-repeat;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;z-index: -1;}

.pro-con .box{border-radius: 0.3rem;-moz-box-shadow: 0 0 0.1rem rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 0.1rem rgba(0,0,0,0.2);box-shadow: 0 0 0.1rem rgba(0,0,0,0.2);background-color: #fff;text-align: center;padding: 0.55rem  0 0.3rem;margin-bottom: 0.3rem;}
.pro-con .box img{display: block;width: 100%;}
.pro-con .box span{font-size: 0.24rem;display: inline-block;background: url(../images/y-ico4.png) no-repeat center left;line-height: 1.2em;padding-left: 0.32rem;margin: 0 0.06rem;background-size: 0.28rem;}


.pro-trait li{display: -webkit-flex;display: flex;justify-content:space-between;}
.pro-trait li span{display: block;width: 0.7rem;height: 0.7rem;line-height: 0.7rem;text-align: center;font-size: 0.24rem;color: #3766c7;border-radius: 100%;background-color: #fff;box-shadow: 0 0.05rem 0.2rem rgba(0, 0, 0, 0.15);margin:0.16rem 0.18rem 0 0.09rem;position: relative;}
.pro-trait li span::before{content:'';width: 2.05rem;height: 0.9rem;background: url(../images/cp-icon.png) no-repeat;background-size: 2.05rem;position: absolute;left: -0.09rem;top:-0.09rem;}
.pro-trait li p{flex: 1;}

.show-ul li{background-color: #fff;box-shadow: 0 0 0.3rem #e8f0f9;border-radius: 0.3rem 0 0.6rem 0.3rem;padding:0.8rem 0.3rem 0.06rem;margin-bottom: 0.62rem;position: relative;}
.show-ul li strong{display: block;position: absolute;top: -0.25rem;left: 0;font-size: 0.32rem;color: #0f3d5e;padding:0 0.3rem;line-height: 0.8rem;border-radius: 0.2rem 0 0.34rem 0;background: url(../images/cp-line.jpg) repeat-x center;background-color: #e2edff;box-shadow: 0 0.08rem 0.1rem #82a0ff;}
.show-ul li strong::before{content: '';width: 0.6rem;height: 0.66rem;background: url(../images/cp-td.png) no-repeat;position: absolute;bottom: -0.56rem;left: -0.08rem;background-size: 0.54rem;}

.call-now{display: block;width: 6.9rem;background: url(../images/online.png) no-repeat center;height: 2.42rem;background-size: 6.9rem;}
/* .call-now img{display: block;width: 100%;} */


.swiper-top .swiper-slide{font-size: 0.26rem;color: #333333;line-height: 0.7rem;background: #f4f6fa;border-radius: 0.35rem;margin:0 0.15rem;text-align: center;margin-bottom: 0.4rem;cursor: pointer;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.swiper-top .swiper-slide i{width: 0.5rem;height: 0.5rem;background: url(../images/cp-arr.png) no-repeat center #ffffff;background-size: 0.23rem;vertical-align: middle;border-radius: 50%;margin-left: 0.12rem;margin-top: -0.05rem;margin-right: 0.2rem;-webkit-box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.15);-ms-box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.15);-o-box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.15);box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.15);display: none;}
.swiper-top .swiper-slide.swiper-slide-active{background:#0da5f9;background: -moz-linear-gradient(left, #0072c5 0%, #0da5f9 100%);background: -webkit-linear-gradient(left, #0072c5 0%,#0da5f9 100%);background: -o-linear-gradient(left, #0072c5 0%,#0da5f9 100%);background: -ms-linear-gradient(left, #0072c5 0%,#0da5f9 100%);background: linear-gradient(to right, #0072c5 0%,#0da5f9 100%);text-align: left;color: #fff;box-shadow: 0.05rem 0.07rem 0.13rem rgba(1,115,197,0.19);}
.swiper-top .swiper-slide.swiper-slide-active i{display: inline-block;}

.show-data table{margin-bottom: 0.4rem; background-color: #e0e0e0;border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}
.show-data table td{font-size: 0.28rem;padding:0.2rem 0;border-top: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;}
.case-swiper .swiper-slide img{display: block;width: 100%;}

/* =========== 案例内页 ========= */

.case-inner{padding-top: 2.1rem;margin-bottom: 0.26rem;}
.case-inner .case-one{padding-left: 0.3rem;}
.case-one .cp-img img{display: block;width: 100%;border-top-left-radius: 0.6rem;}
.case-one .bar{text-align: right;}
.case-one .bar p{font-size: 0.3rem;color: #ffffff;font-weight: bold;line-height: 0.62rem;padding:0.08rem 0.84rem 0 0.68rem;background-color: #c09377;display: inline-block;border-top-left-radius: 0.6rem;}
.case-inner .text{padding:0 0.3rem}
.case-inner .trait{padding: 0;}
.case-inner .text h1{padding-left: 0;}

.case-sb p{font-size: 0.28rem;color: #1d2532;line-height: 0.6rem;}

.case-con h2{font-size: 0.36rem;color: #b67d4f;line-height: 1rem;padding-left: 0.5rem;background: url(../images/case-h2.png) no-repeat left center;padding-bottom: 0.15rem;background-size: 3.75rem;margin-bottom: 0.1rem;margin-top: 0.4rem;}

.case-content{background: url(../images/case-bg.jpg) no-repeat top center;padding-top: 0.68rem;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}

.case-content .title{text-align: center;margin-bottom: 0.4rem;}
.case-content .title strong{display: block;font-size: 0.6rem;line-height: 0.7rem;color: #ffffff;margin-bottom: 0.12rem;}
.case-content .title p{font-size: 0.6rem;line-height: 0.7rem;color: #fff;}
.case-content .video{border: 0.04rem solid #fff;border-radius: 0.1rem;position: relative;margin-bottom: 0.58rem;}
.case-content .video video{border-radius: 0.08rem;}
.case-content .video .play{width: 1.57rem;height: 1.57rem;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);cursor: pointer;}

.show-text{background-color: #d6e9f3;border: 0.05rem solid #0070c1;border-radius: 0.8rem;padding:0 0.38rem;box-shadow: 0 0.05rem 0.18rem inset rgba(13,184,248,0.57);margin-bottom: 1.1rem;}
.show-text h3{font-size: 0.36rem;color: #fff;line-height: 0.8rem;text-align: center;position: relative;margin-top: -0.12rem;z-index: 1;margin-bottom: 0.46rem;}
.show-text h3::after{content:'';width: 100%;height: 1.08rem;background: url(../images/case-bg1.png) no-repeat center;background-size: 5.39rem;position: absolute;left: 0;top:-0.1rem;z-index: -1;}
.show-text p{font-size: 0.32rem;line-height: 1.875em;color: #1d2532;margin-bottom: 0.26rem;}

.case-fk {padding:0.6rem 0.38rem 1.28rem 1.1rem;position: relative;margin-bottom: 1.04rem;height: 4.88rem;}
.case-fk p{font-size: 0.24rem;color: #555555;line-height: 0.5rem;}
.case-fk .kh{display: block;width: 0.85rem;font-size: 0.36rem;color: #ffffff;font-style: italic;background: url(../images/cast-bg2.png) no-repeat;background-size: 0.85rem;position: absolute;font-weight: bold;padding:0.45rem 0.2rem 0;line-height: 1;height: 2.52rem;top:-0.46rem;left:-0.02rem;}
.case-fk::after{content:'';width: 103%;background: url(../images/case-bk.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;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: -1;}
.case-fk .manager{display: block;position: absolute;left: 0.42rem;bottom: -0.42rem;width: 1.65rem;height: 1.65rem;border-radius: 50%;}
.case-fk .click-btn{display: block;width: 3.14rem;height: 0.76rem;line-height: 0.76rem;text-align: center;background:#fac69b;background: -moz-linear-gradient(left, #ac794f 0%, #fac69b 100%);background: -webkit-linear-gradient(left, #ac794f 0%,#fac69b 100%);background: -o-linear-gradient(left, #ac794f 0%,#fac69b 100%);background: -ms-linear-gradient(left, #ac794f 0%,#fac69b 100%);background: linear-gradient(to right, #ac794f 0%,#fac69b 100%);border-radius: 0.38rem;font-size: 0.2rem;color: #ffffff;position: absolute;left: 2.18rem;bottom: 0.18rem;}
.case-fk .arr{position: absolute;right: 0.67rem;bottom: 0.34rem;width: 0.45rem;height: 0.41rem;;display: block;}

/* =========== 新闻内页 ========= */

.new-inner{padding-top: 1.92rem;position: relative;background: url(../images/new-bg.jpg) no-repeat top;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 0 0 0.6rem 0.6rem;padding-bottom: 0.5rem;}
.new-inner h1{font-size: 0.5rem;line-height: 0.72rem;color: #fff;margin-bottom: 0.24rem;padding-top: 0.45rem;position: relative;z-index: 1;}
.new-inner span{display: block;width: 7.2rem;height: 0.91rem;position: absolute;left: 0.3rem;}

.new-inner .new-qt{display: -webkit-flex;display: flex;justify-content: space-between;}
.new-inner .new-qt p{font-size: 0.24rem;color: #aecbf6;line-height: 0.4rem;margin-top: 0.66rem;padding-left: 0.48rem;position: relative;}
.new-inner .new-qt p::before{content:'';width: 0.83rem;height: 1.08rem;background: url(../images/new-icon.png) no-repeat;background-size: 0.83rem;position: absolute;left: -0.2rem;top: -0.18rem;}
.new-inner .news-tel {position: relative;}
.new-inner .news-tel img{display: block;width: 1.66rem;height: 1.73rem;}
.new-inner .news-tel a{display: block;width: 1.51rem;height: 0.53rem;line-height: 0.53rem;background: url(../images/new-btn.png) no-repeat;background-size: 1.51rem;font-size: 0.24rem;color: #1961b2;text-align: center;font-weight: bold;position: absolute;right: 0;bottom: -0.02rem;}

.news-qt{margin:0.3rem auto 0.88rem;}
.news-qt span{display: inline-block;font-size: 0.22rem;color: #848c98;line-height: 0.52rem;}
.news-qt .author{width: 2.4rem;background-color: #aecbf6;border-radius: 0.26rem;text-align: center;color: #1f2836;margin-right: 0.1rem;}

.news-con h2{font-size: 0.4rem;line-height: 0.6rem;color: #1d2532;padding-left: 0.3rem;padding-bottom: 0.08rem;position: relative;z-index: 1;margin-bottom: 0.2rem;margin-top: 0.25rem;}
.news-con h2:after{content:'';width: 3.61rem;height: 0.39rem;background: url(../images/news-icon.png) no-repeat;background-size: 3.61rem;position: absolute;left: 0;bottom: 0;z-index: -1;}
.news-con p.new-tip{font-weight: bold;color: #9a7659;}
.news-con p{margin-bottom: 0.15rem;}
.news-con .caption{font-size: 0.24rem;color: #9a7659;line-height: 0.3rem;text-align: center;}
.news-con .caption::before,.news-con .caption::after{content: '';display: inline-block;width: 0.32rem;height: 0.07rem;margin-top: -0.2rem;}
.news-con .caption::before{background: url(../images/new-icon1.png) no-repeat bottom;margin-right: 0.1rem;}
.news-con .caption::after{background: url(../images/new-icon2.png) no-repeat bottom;margin-left: 0.1rem;}


.news-grid{width: 100%;padding-left: 1.96rem;text-align: center;position: relative;z-index: 1;padding-top: 0.5rem;}
.news-grid::after{content:'';width: 7.33rem;height: 2.65rem;background: url(../images/new-bg.png) no-repeat;background-size: 7.33rem;position: absolute;top: 0;left: -0.2rem;z-index: -1;}

.news-grid .title{padding-top: 0.16rem;}
.news-grid p{font-size: 0.24rem;color: #bbe0fc;line-height: 0.34rem;margin-bottom: 0.06rem;}
.news-grid strong{display: block;font-size: 0.4rem;color: #ffffff;line-height: 0.5rem;text-shadow: 0 0.05rem 0.05rem #131b26;margin-bottom: 0.16rem;}
.news-grid span{display: inline-block;font-size: 0.24rem;color: #1d2532;line-height: 0.38rem;border-radius: 0.19rem;background:#f9b06c;background: -moz-linear-gradient(left, #ffdfa2 0%, #f9b06c 100%);background: -webkit-linear-gradient(left, #ffdfa2 0%,#f9b06c 100%);background: -o-linear-gradient(left, #ffdfa2 0%,#f9b06c 100%);background: -ms-linear-gradient(left, #ffdfa2 0%,#f9b06c 100%);background: linear-gradient(to right, #ffdfa2 0%,#f9b06c 100%);padding:0 0.3rem;-webkit-box-shadow: 0 0 0.21rem rgba(7,17,32,0.74);-moz-box-shadow: 0 0 0.21rem rgba(7,17,32,0.74);-ms-box-shadow: 0 0 0.21rem rgba(7,17,32,0.74);-o-box-shadow: 0 0 0.21rem rgba(7,17,32,0.74);box-shadow: 0 0 0.21rem rgba(7,17,32,0.74);}

.show-news .content{position: relative;margin-top: -0.8rem;box-shadow: 0 0 0.2rem rgba(139,204,254,0.61);padding:1.4rem 0.32rem  0.2rem;border-radius: 0 0 0.3rem 0.3rem;position: relative;}
.show-news .content h3{font-size: 0.4rem;color: #0686d8;line-height: 0.5rem;margin-bottom: 0.3rem;}
.show-news .content p{font-size: 0.32rem;line-height: 0.42rem;color: #5b6770;margin-bottom: 0.3rem;padding-left: 0.54rem;position: relative;}
.show-news .content p::before{content:'';width: 0.17rem;height: 0.16rem;background: url(../images/new-icon4.png) no-repeat;background-size: 0.17rem;position: absolute;left: 0.18rem;top: 0.12rem;}
.show-news .content::after{content:'';width: 0.51rem;height: 0.56rem;background: url(../images/new-icon3.png) no-repeat;background-size:0.51rem;position: absolute;right: 0.48rem;top: 1.42rem;}


.new-page{padding:0 0.25rem;margin: 0.34rem 0 0.46rem;}
.new-page li{display: -webkit-flex;display: flex;justify-content: start;font-size: 0.3rem;color: #5b6770;padding:0.3rem 0.1rem 0.3rem 0.46rem;border-bottom:1px dashed #d0d0d0;position: relative;}
.new-page li span{display: block;width: 1.25rem;}
.new-page li a{display: block;flex: 1;font-size: 0.28rem;}
.new-page li:last-child{border-bottom:none;}
.new-page li:first-child::before{content:'';width: 0.72rem;height: 0.72rem;background: url(../images/new-top.png) no-repeat;background-size: 0.72rem;position: absolute;left: -0.18rem;top: 0.2rem;}
.new-page li:last-child::before{content:'';width: 0.72rem;height: 0.72rem;background: url(../images/new-bottom.png) no-repeat;background-size: 0.72rem;position: absolute;left: -0.18rem;top: 0.2rem;}


.re-news{background-color: #f0f3fa;padding-top: 0.05rem;margin-bottom: 0.6rem;}
.re-news strong{display: inline-block;font-size: 0.46rem;line-height: 1.1em;padding:0.28rem 0.46rem 0.1rem;background-color: #fff;border-radius: 0.1rem 0.3rem 0.1rem 0;position: relative;margin-bottom: -0.1rem;z-index: 1;}
.re-news .new-items{background-color: #fff;padding:0.3rem 0.28rem 0 0.18rem;box-shadow: 0 0 0.2rem #eef3ff;position: relative;}
.re-news .new-items li{border-bottom:1px dashed #c6d6fb;padding:0.25rem 0;}
.re-news .new-items li a{display: block;font-size: 0.32rem;line-height: 0.48rem;padding-left: 0.54rem;position: relative;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.re-news .new-items li:last-child{border-bottom: none;}
.re-news .new-items li a::before{content:'';width: 0.18rem;height: 0.19rem;background: url(../images/new-icon5.png) no-repeat;background-size: 0.18rem;position: absolute;left: 0.22rem;top: 0.16rem;}
.re-news .new-items::before,.re-news .new-items::after{content:"";position:absolute;z-index:-1;bottom:0.15rem;left:0.1rem;width:50%;height:20%;box-shadow:0 0.15rem 0.1rem #eef3ff;transform:rotate(-3deg);}
.re-news .new-items::after{right:0.1rem;left:auto;transform:rotate(3deg);}

/* =========== 联系我们 ========= */

.contact-top{background: url(../images/lx-bg.jpg) no-repeat top;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 2.54rem;margin-bottom: 0.6rem;}
.contact-top h1{font-size: 0.5rem;color: #ffffff;line-height: 0.6rem;margin-bottom: 0.32rem;}
.contact-top .other{display: -webkit-flex;display: flex;justify-content: space-between;}
.contact-top .other span{display: block;color: #fff;font-size: 0.26rem;line-height: 0.36rem;padding-left: 0.3rem;position: relative;}
.contact-top .other span::before{content:'';width: 0.73rem;height: 0.73rem;background: url(../images/lx-icon.png) no-repeat;background-size: 0.73rem;position: absolute;left: -0.22rem;top: -0.18rem;}
.contact-top .con{text-align: right;margin-top: 1.4rem;}
.contact-top .con strong{display: block;font-size: 0.6rem;color: #ffffff;line-height: 0.7rem;position: relative;margin-bottom: 0.24rem;}
.contact-top .con strong::after{content:'';width: 0.77rem;height: 0.62rem;background: url(../images/lx-icon1.png) no-repeat;background-size: 0.77rem;position: absolute;right: 0;top: -0.26rem;}
.contact-top .con p{font-size: 0.3rem;line-height: 0.4rem;color: #fff;margin-bottom: 0.14rem;}
.contact-top .kf-img{position: relative;margin-top: -1.37rem;}
.contact-top .img{width: 4.06rem;}
.contact-top .img img{display: block;width: 100%;}
.contact-top .click-zx{display: block;width: 3.43rem;height: 0.78rem;line-height: 0.78rem;text-align: center;font-size: 0.3rem;font-weight: bold;color: #ffffff;background: url(../images/lx-btn.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 0 0.39rem 0.39rem 0.39rem;position: absolute;right: 1.18rem;bottom: 1.5rem;box-shadow: 0 0.04rem 0.21rem rgba(4,12,26,0.6);}

.contact-eara {
    /* background: url(../images/lx-bk.png) no-repeat;background-size: 3.75rem; */
    padding-bottom: 0.1rem;margin-bottom: 0.6rem;}
.contact-eara p {font-size: 0.26rem;line-height: 0.92rem;padding-left: 0.3rem;}
.contact-eara p img{vertical-align: middle;margin-right: 0.18rem;width: 0.37rem;}
.contact-eara p a{display: inline-block;color: #c28b5f;font-weight: bold;position: relative;}
.contact-eara p a strong{font-size: 0.34rem;}
.contact-eara p a::after{content:'';width: 100%;height: 0.02rem;position: absolute;left: 0;bottom: 0.3rem;background-color: #c28b5f;}
.contact-eara p:first-child{line-height: 1.8;padding-left: 0.85rem; position: relative;}
.contact-eara p:first-child img{position: absolute;left: 0.3rem;top: 0.1rem;}

.contact-wrapper{box-shadow: 0 -0.04rem 0.21rem rgba(117,160,229,0.67);padding-top: 0.7rem;border-radius: 0.6rem 0.6rem 0 0;padding-bottom: 2.08rem;background: url(../images/lx-bg1.png) no-repeat top;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.base-tit{text-align: center;}
.base-tit span{display: block;}
.base-tit span img{width: 6.23rem;}
.base-tit h2{font-size: 0.5rem;color: #1f2837;position: relative;margin-top: -0.5rem;line-height: 0.6rem;}
.contact-wrapper>p{font-size: 0.26rem;line-height: 0.5rem;color: #1f2837;padding:0 0.32rem;margin-top: 0.38rem;margin-bottom: 0.46rem;}
.contact-pic{display: -webkit-flex;display: flex;justify-content: space-between;position: relative;margin-top: -1.56rem;}

.contact-pic {margin-bottom: 1.38rem;}
.contact-pic li{background:#405978;background: -moz-linear-gradient(left, #1d2532 0%, #405978 100%);background: -webkit-linear-gradient(left, #1d2532 0%,#405978 100%);background: -o-linear-gradient(left, #1d2532 0%,#405978 100%);background: -ms-linear-gradient(left, #1d2532 0%,#405978 100%);background: linear-gradient(to right, #1d2532 0%,#405978 100%);border-radius: 0.06rem 0.06rem 0.6rem 0.06rem;}
.contact-pic .img{width: 2.12rem;border-radius: 0.06rem 0.06rem 0.6rem 0.06rem;}
.contact-pic .img img{border-radius: 0.06rem 0.06rem 0.6rem 0.06rem;display: block;width: 100%;}
.contact-pic li p{font-size: 0.26rem;color: #ffffff;padding-left: 0.28rem;line-height: 0.76rem;}

#allmap{height: 6.4rem;margin-bottom: 0.6rem;}
#allmap #map{border-top-right-radius: 0.8rem;}
#allmap *{
  box-sizing: content-box;
  max-width: none;
}
/* =========== 关于我们 ========= */
.about-wrapper{background: url(../images/about-bg.jpg) no-repeat top;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 2.46rem;padding-bottom: 1.15rem;margin-bottom: 0.75rem;}

.about-wrapper>strong{display: block;text-align: center;position: relative;margin-bottom: -0.86rem;}
.about-wrapper strong img{width: 5.95rem;height: 0.86rem;}
.about-wrapper .img{margin-bottom: 0.65rem;position: relative;}
.about-wrapper .img img{display: block;width: 100%;}
.about-wrapper .img .play{position: absolute;display: block;width: 1.57rem;height: 1.57rem;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);cursor: pointer;}
.ab-text ul{display: -webkit-flex;display: flex;justify-content: space-between;}
.ab-text li{color: #fff;text-align: center;}
.ab-text li strong{display: block;font-size: 1rem;line-height: 1.1rem;font-family: "Impact";margin-bottom: 0.1rem;}
.ab-text li p{font-size: 0.28rem;color: #52b0ea;line-height: 0.38rem;}


.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: 99990;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);}

.about-wrapper1 p{font-size: 0.32rem;color: #59616c;line-height: 0.6rem;text-align: justify;margin-bottom: 0.3rem;}

.about-box{margin-bottom: 0.68rem;}
.about-box h1{text-align: center;font-size: 0.6rem;line-height: 0.7rem;color: #1d2532;margin-bottom: 0.65rem;position: relative;z-index: 1;}
.about-box h1::after{content:'';width: 3.61rem;height: 0.39rem;background: url(../images/news-icon.png) no-repeat;position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);bottom: -0.05rem;z-index: -1;background-size: 3.61rem;}

.about-title{text-align: center;margin-bottom: 0.34rem;}
.about-title span{display: block;margin: 0 -0.08rem 0 -0.06rem;}
.about-title span img{display: block;width: 100%;}
.about-title h2{font-size: 0.5rem;line-height: 0.6rem;color: #1d2532;position: relative;margin-top: -0.4rem;font-weight: bold;}

.about-box1 {background:url(../images/about-bg1.png) no-repeat;padding:0.56rem 0 0.86rem;border-top-left-radius:0.5rem;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.about-box1 h2{color: #ffffff;}
.about-box1 p{color: #fff;}

.base-box{position: relative;margin-top: -0.2rem;margin-bottom: 0.9rem;}
.base-ul .swiper-slide {width: 4.17rem;margin-left: 0.3rem;}
.base-ul .swiper-slide .con{position: relative;padding-bottom: 0.2rem;}
.base-ul .swiper-slide .img {border-radius: 0.5rem 0 0.08rem 0.08rem;}
.base-ul .swiper-slide .img img{border-radius: 0.5rem 0 0.08rem 0.08rem;}
.base-ul .swiper-slide p{font-size: 0.3rem;line-height: 0.48rem;text-align: center;padding:0.28rem 0 0.2rem;background: url(../images/about-bg2.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;position: absolute;width: 100%;left: 0;bottom: -0.05rem;color: #fff;border-radius: 0 0 0.1rem 0.1rem;}
.base-ul .swiper-slide .con:before{content: '';width: 95%;height: 0.3rem;background-color: #aabee4;position: absolute;left: 0.1rem;bottom:0.1rem;border-radius: 0.1rem;z-index: -1;-webkit-box-shadow: 0 0.05rem 0.1rem rgba(5,26,89,0.1);-moz-box-shadow: 0 0.05rem 0.1rem rgba(5,26,89,0.1);-ms-box-shadow: 0 0.05rem 0.1rem rgba(5,26,89,0.1);-o-box-shadow: 0 0.05rem 0.1rem rgba(5,26,89,0.1);box-shadow: 0 0.05rem 0.1rem rgba(5,26,89,0.1);}
.base-ul .swiper-slide .con:after{content: '';width: 90%;height: 0.3rem;background-color: #cddbf5;position: absolute;left: 0.2rem;bottom:0;border-radius: 0.1rem;z-index: -2;-webkit-box-shadow: 0 0.05rem 0.1rem rgba(5,26,89,0.1);-moz-box-shadow: 0 0.05rem 0.1rem rgba(5,26,89,0.1);-ms-box-shadow: 0 0.05rem 0.1rem rgba(5,26,89,0.1);-o-box-shadow: 0 0.05rem 0.1rem rgba(5,26,89,0.1);box-shadow: 0 0.05rem 0.1rem rgba(5,26,89,0.1);}

.about-box2 {margin-bottom: 0.7rem;}
.about-box2 .title{display: -webkit-flex;display: flex;justify-self: start;margin-bottom: 0.26rem;}
.about-box2 .title h2{font-size: 0.5rem;line-height: 0.6rem;color: #1d2532;}
.about-box2 .title span{display: block;font-size: 0.14rem;color: #d3d3d3;line-height: 1.1em;margin-top: 0.24rem;text-transform: uppercase;font-weight: bold;}
.about-box2 .pic{margin-top: 0.6rem;position: relative;}
.about-box2 .pic::after{content:'';width: 7.08rem;background: url(../images/about-dat.png) no-repeat;-webkit-background-size: 7.08rem;-moz-background-size: 7.08rem;-ms-background-size: 7.08rem;-o-background-size: 7.08rem;background-size: 7.08rem;position: absolute;right: 0;height: 4.37rem;top: 0.15rem;z-index: -1;}

.about-box3{margin-bottom: 0.8rem;}
.about-box4{margin-bottom: 0.9rem;}
.about-box5{background-color: #f0f3fa;padding:0.66rem 0 0.73rem;margin-bottom: 0.8rem;}

.about-grid {padding-right: 1.2rem;position: relative;z-index: 1;}
.about-grid::after{content:'';width: 6.57rem;height: 3.2rem;background: url(../images/about-bk1.png) no-repeat;background-size: 6.57rem;position: absolute;right: 0.32rem;top: 0.36rem;z-index: -1;}
.about-grid ul{display: -webkit-flex;display: flex;justify-content: space-between;}
.about-grid li{text-align: center;}
.about-grid li p{font-size: 0.24rem;line-height: 0.34rem;color: #1d2532;margin-bottom: 0;}
.about-grid li .img{margin-bottom: 0.17rem;}
.about-grid .img img{width: 0.83rem;height: 0.83rem;}
.about-grid li.arr{width: 0.66rem;height: 0.61rem;}
.grid-one li.arr{margin-top: 0.2rem;}
.about-grid .grid-one{margin-bottom: 1.55rem;}

.grid-box{position: absolute;right: -0.04rem;top: 1.6rem;}
.grid-box::before,.grid-box::after{content: '';width: 0.61rem;height: 0.66rem;background: url(../images/about-arr3.png) no-repeat;background-size: 0.61rem;position: absolute;right: 0.11rem;}
.grid-box::before{top:-0.75rem;}
.grid-box::after{bottom: -0.65rem;}

.grid-two li.arr{margin-top: 0.18rem;}
/* =========== 404 ========= */
.error{background: url(../images/error-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.1rem;text-align: center;overflow: hidden;}
.error img{margin-top: 1.8rem;}
.error .p1{font-size: 0.28rem;color: #ffffff;line-height: 0.38rem;padding:0.84rem 0 0.26rem;}
.error .p2{font-size: 0.24rem;color: #ffffff;line-height: 0.34rem;margin-bottom: 0.4rem;}
.error .p2 a{color: #fff;}
.error .p2 a:hover{color: #e7ae7f;}
.error .home-a{margin-bottom: 92px;display: inline-block;background-color: rgba(22,37,80,0.6);padding:0.1rem;border-radius: 0.4rem;}
.error .home-a a{display: inline-block;width: 4.8rem;line-height: 0.6rem;border-radius: 0.3rem;background:#094df1;background: -moz-linear-gradient(left, #3e88eb 0%, #094df1 100%);background: -webkit-linear-gradient(left, #3e88eb 0%,#094df1 100%);background: -o-linear-gradient(left, #3e88eb 0%,#094df1 100%);background: -ms-linear-gradient(left, #3e88eb 0%,#094df1 100%);background: linear-gradient(to right, #3e88eb 0%,#094df1 100%);font-size: 0.26rem;color: #ffffff;position: relative; background-position:left center; background-size:200% 100%; background-repeat:no-repeat; transition:background-position .6s ease;}
.error .home-a a:after{content:'';width: 0.46rem;height: 0.46rem;background: url(../images/error-img.png) no-repeat; position: absolute;right: 0.09rem;top: 0.07rem;background-size: 0.46rem;}
.error .home-a a:hover{background-position:right center;}

.footer{padding:0.2rem 0;margin-bottom: 0.3rem;}
.footer p{font-size: 0.28rem;color: #666;text-align: center;line-height: 0.48rem;}
.footer p a{display: inline-block;margin-left: 0.1rem;}

.index-goods{background: url(../images/hz-bg.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding:0.82rem 0 0.4rem;}
.index-goods h3{font-size: 0.5rem;color: #1d2532;line-height: 0.6rem;text-align: center;margin-bottom: 0.7rem;}
.index-goods h3 span{color: #ee0522;}
.index-goods .pic{text-align: center;}
.index-goods .pic img{width: 100%;display: block;}

@media screen and (max-width: 640px){
    .pro-list{margin-left: 0;}
    .pro-list li{width:100%;margin-left:0}
    .pro-list li .text{width: 94%;}
    .pro-list li .tit{font-size: 0.32rem;line-height: 0.42rem;}
    .pro-list li .text span{display: inline-block;vertical-align: middle;margin-top: -0.04rem;}
    .case-ul{margin-left: 0;}
    .case-ul li{width:100%;margin-left:0}
    .case-ul li .text .tit{height: auto;}
    .case-ul li .text p{font-size: 0.28rem;line-height: 0.38rem;}
}

@media screen and (max-width: 375px){
    .about-box2 .title span{display: none;}
}
@media screen and (max-width:360px){
    .about-grid{padding-right: 0.5rem;}
}

@media screen and (max-width:320px){
    .contact-eara p{padding-left: 0.2rem;}
}

/*+++++++++++ boda +++++++++++++++*/
.container {max-width: 750px;width: 100%;margin: 0 auto;background: url(../images/bd-bj.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-bottom: 100px;overflow: hidden;height: 100vh;}
.container .top {margin-top: 20%;text-align: center;}
.container .top img {border: 20px solid #0a0c11;border-radius: 50%;}
.container .top h2 {font-size: 42px;font-weight: normal;color: #fff;margin: 45px 0 25px;}
.container .top p {font-size: 26px;color: #999999;}
.container .phone {margin-top: 26%;text-align: center;font-size: 28px;}
.container .phone span {display: block;width: 116px;height: 116px;border-radius: 50%;background: url(../images/bd-tel.png) #0b772a no-repeat center;background-size: 55%;margin: 0 auto 10px;}
.container .phone a {color: #666;}
@media (max-width: 480px) {
    .container .top img {width: 120px;}
    .container .top h2 {font-size: 32px;margin: 25px 0 10px;}
    .container .top p, .container .phone {font-size: 18px;}
    .container .phone span {width: 60px;height: 60px;}
}

@media (max-width: 320px) {
    .container .top {margin-top: 25%;}
}
@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;}}