.container{width: 1200px;margin: 0 auto;}
.pd{padding-top:4rem;padding-bottom: 4rem;}
.bg{background: #f8f8f8;overflow: auto;}
.banner {width: 100%;position: relative;overflow: hidden;}
.banner .content {position: relative;padding-top: 26%;}
.banner .content img {position: absolute;width: 100%;top: 0;left: 0;height: 100%;}
.banner .content .mask {position: absolute;height: 100%;width: 100%;left: 0;top: 0;text-align: center;color: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-color:rgb(50 50 50 / 50%);}
.banner .content .mask .banbox h1,.banner .content .mask .banbox .bantit{font-size: 2.3rem;line-height: 45px;color: #fff;}
.banner .content .mask .banbox .bantext{margin-top: 1rem;font-size: 1.05rem;line-height: 2rem;color:rgba(255, 255, 255, 0.9);}
.position{background:none;}
.position .weizhi{height: 35px;line-height: 35px;color: #8e8e8e;font-size: 14px;border-bottom: 1px solid #efefef;border-left: 5px solid #4667af;margin-top: 10px;background: none;padding-left: 5px;}
.position .weizhi a{padding: 0 5px;}
.position .weizhi a:hover{color: #3557aa;}
/**/
.ty-title{font-size: 2rem;text-align: center;padding-top: 4rem;}
.ty-text{font-size: 1rem;text-align: center;margin-top: 1.5rem;line-height: 1.8rem;}
/**/
.peizhi-nav {text-align: center;}
.peizhi-nav .item{display:inline-block;width: 23%;margin-bottom: 1.5rem;}
.peizhi-nav .item a{display: block;background: #f5f5f5;height: 50px;line-height: 50px;margin:0 .5rem;border-radius: 3px;}
.peizhi-nav .item a:hover{text-decoration: none;background-color: #4667af;color: #fff;}
.peizhi-nav .item.cur a{text-decoration: none;background-color: #4667af;color: #fff;}
.peizhi-list{overflow: hidden;}
.list-item{position:relative;display:inline-block;margin-top: 2%;padding-bottom: 1%;width: 24%;border-bottom:1px solid #e5e5e5;float: left;margin-right: 1%;}
.list-item:nth-child(4n){margin-right: 0;}
.list-item:before{position:absolute;bottom:-1px;left:0;display:inline-block;width:0;height:1px;background: #4667aa;content:"";transition:all .5s ease;-webkit-transform:all .5s ease;}
.list-item .list-img{position:relative;overflow:hidden;}
.list-item .list-img a{display:inline-block;width:100%}
.list-item:hover .list-img .content_list_txt{opacity:1;transition:.5s all ease;}
.list-item:hover .list-img img{opacity: .8;transition:all .5s ease;-webkit-transform:all .5s ease;transition:all .5s ease 0s;-webkit-transform:scale(1.15);-webkit-transform:all .5s ease 0s;-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);filter:scale(1.15);filter:transform}
.list-item span{height: 45px;line-height: 45px;text-align:center;font-size: 1.1rem;display: block;}
.list-item:hover:before{transition:all .5s ease;-webkit-transform:all .5s ease;width:100%}
.fenye{text-align:center;}
.fenye ul{display: inline-block;margin: 2% auto;}
.fenye ul li{float:left;margin: 0 5px;padding: 0px 10px;border:1px solid #d8dadf;}
.fenye ul li:hover{text-decoration:none;color:#fff;border: 1px #4667af solid;background-color: #4667af;}
.fenye ul li:hover a{color:#fff}
.fenye ul li.thisclass{background-color: #4667af;color:#fff;border: 1px #4667af solid;}
/*left*/
.project{overflow:hidden;padding:30px 0;position: relative;}
.project .content{width:73%;background-color:#fff;padding: 2% 4%;}
.project .content h2{font-size:1.5rem;color:#21252d;line-height:40px;margin:2rem 0 1.2rem;}
.project .content h2:before{content:"";	display: inline-block;width: 15px;height: 20px;border-left: 6px solid #4667aa;}
.project .content h3{margin-top: 23px;font-size: 1.1rem;color: #4c4c4c;font-weight: bold;margin-bottom:1.2rem;}
.project .content p{font-size:1rem;line-height:2.4rem;color:#66686c;margin-bottom:1.2rem;}
.project .content p img{display:block;margin:0 auto;}
.project .content i{text-align: center;display: block;font-weight: bold;font-style: initial;}
.project .content table{margin-top:20px;width:100%;font-size:14px;margin-bottom:10px;text-align:center!important;word-break:break-all}
.project .content table{border:1px solid #ccc;border-collapse:collapse}
.project .content table tr:first-child{background:#4667aa;color:#fff;}
.project .content table tr:nth-child(2n+3){background:#fafafa;}
.project .content table td{border:1px solid #ccc;padding: 8px 0;font-size: 1rem;}
/*wenda*/
.project .content dl i{display: inline-block;width: 25px;background: #4667aa;color: #fff;text-align: center;border-radius: 5px;margin-right: .5rem;}
.project .content dl dt {padding: 1rem 0;border-top: 1px solid #EEEEEE;box-sizing: border-box;}
.project .content dl dd {background: #f8f8f8;border-radius: 4px;padding: 18px 21px;box-sizing: border-box;overflow: hidden;transition: all 0.5s;margin-left: 2rem;margin-bottom: 1rem;}
.project .content dl dd img{margin: 0 auto;display: block;}
/*right*/
.col-project .consult {text-align: center;font-size: 14px;color: #828993;line-height: 18px;background: #fff;margin-bottom: 1rem;padding: 2rem;border: 1px solid #edf2f5;}
.col-project .consult .num{line-height: 28px;font-size: .875rem;color: #bfbfbf;padding-bottom: 15px;}
.col-project .consult .num span{font-size: 1.2rem;color: #f95b61;line-height: 40px;padding: 0 3px;}
.col-project .consult .subtitle {line-height: 2rem;font-size: 1.5rem;color: #4667aa;font-weight: bold;margin-bottom: .5rem;}
.col-project .consult .step {overflow: hidden;}
.col-project .consult .step li {width: 33.33%;float: left;font-size: 12px;color: #999;line-height: 31px}
.col-project .consult .icon {width: 30px;height: 30px;border-radius: 30px;background-color: #e0e1e9;display: block;margin: 0 auto}
.col-project .consult s {width: 30px;height: 30px;border-radius: 30px;background-color: #e0e1e9;display: block;margin: 0 auto;}
.col-project .step1 {background-image: url(/images/step-icon.png);background-position: 0 0;}
.col-project .step2 {background-image: url(/images/step-icon.png);background-position: -35px 0;}
.col-project .step3 {background-image: url(/images/step-icon.png);background-position: 0 -35px;}
.col-project .consult .btn {margin: 1rem auto 0;display: block;height: 40px;text-align: center;background-color: #61d14f;font-size: 1rem;color: #fff;border-radius: 8px;-webkit-box-shadow: 0 0 12px #e4e4eb;box-shadow: 0 0 12px #e4e4eb;line-height: 40px;}
.col-project .consult .btn:hover {background-color: #f95b61}
.col-project .consult .tel{text-align: center;color: #4667aa;font-size: 1rem;margin-top: 1rem;}

.col-project{width: 25%;}
.col-project .crumb{background:#fff;border:1px solid #edf2f5;border-radius:2px;padding:28px 28px 20px;box-shadow:0 0 18px rgb(183,194,201,.1);transition:all linear .3s}
.col-project .fixed{position:fixed;top:0}
.col-project .crumb-absolute{position:absolute;top:auto;bottom:30px;}
.col-project .crumb span{font-size:22px;color:#21252d;display:block;margin-bottom:20px}
.col-project .crumb a{font-size:14px;color:#66686c;line-height:2;padding:7px 0;padding-left:19px;display:block;position:relative}
.col-project .crumb a::before{content:"";width:4px;height:4px;background:#66686c;border-radius:50%;position:absolute;left:0;top:18px}
.col-project .crumb .on,.crumb a:hover{color:#4667aa;font-weight: bold;}
.col-project .crumb .on::before,.crumb a:hover::before{width:6px;height:6px;background:#4667aa}
/**/
.liuyan{padding: 3rem 1rem;background:#fff;overflow: hidden;}
.from{width: 74%;border-right: 2px dotted #efefef;padding: 0 4%;}
.from .tit {text-align: center;font-size: 1.5rem;font-weight: bold;color: #4667aa;margin-bottom: 1rem;}
.from p{text-align: center;color: #757575;}
.liuyan h3{font-size:1.5rem;color: #433ac2;font-weight: bold;}
.from .botsms{margin-bottom: 0;}
.from .botsms .leftform{width: 100%;margin: 0 auto;float: none;text-align: center;}
.from .botsms .textbox{border: 1px solid #dde5eb;float: none;padding: 0 10px;}
.from .botsms .select{border: 1px solid #dde5eb;border-radius: 4px;float: none;padding: 0 10px;}
.from .botsms .bssubmit{height: 40px;line-height: 40px;border-radius: 4px;font-size: 16px;margin: 0 auto;padding: 0;margin-top: 15px;}
.from .botsms .subscribe-msg{line-height: 30px;border-radius: 4px;border: 1px solid #dde5eb;background-color: #FFF;padding: 0 10px;width: 75%;box-sizing: border-box;color: #4D4D4D;margin: 0 auto;margin-top: 15px;display: block;}
.right-content {width: 23%;}
.erweima{text-align: center;margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px dashed #989898;}
.erweima .tit{font-size: 1.3rem;font-weight: bold;margin-bottom: 1rem;color: #4667aa;}
.erweima .weixin {width: 150px;margin: 0 auto;border: 1px solid #f5f5f5;margin-bottom: 1rem;}
.erweima p{color: #757575;}
.contact-us{margin-top: 10px;padding: 0 20px;}
.contact-us h3{text-align: center;}
.contact-us ul li{font-size: 14px;padding-top: .5rem;}
.contact-us .chat-btn{margin-top: 1rem;width: 100%;height: 40px;display: block;background: #61D14F;color: #fff;text-align: center;line-height: 40px;}

.tuijian {overflow: auto;padding: 3rem 0;}
.tuijian .line {width: 49%;background: #fff;padding: 2rem;}
.tuijian .line .tit{font-size: 1.3rem;font-weight: bold;margin-bottom: 1rem;color: #4667aa;}
.tuijian .line ul li{float:left;width: 50%;}
.tuijian .line ul li a{font-size:16px;color:#66696e;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;position:relative;padding:12px 0 12px 18px;transition:all .5s ease}
.tuijian .line ul li a:before{content:'';width:5px;height:5px;display:block;background:#494d56;position:absolute;left:0;top:50%;margin-top:-2px;transition:all .5s ease}
.tuijian .line ul li:hover a{color:#3557aa;padding-left:25px}
.tuijian .line ul li:hover a:before{background:#3557aa}