/* 通用处理单行文字溢出代码 */
.text-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 通用处理多行文字溢出代码 */
.text-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	white-space: break-spaces;
	-webkit-box-orient: vertical;
	line-height: 1.7;
}

.h7nav{height:75px;}
.x7mhead{background: #fff; z-index: 66; position: fixed;width: 100%;left:0;top:0;padding:20px 5%; box-sizing: border-box;}
.x7mheadm{display: flex; justify-content: space-between; align-items: center;}


.x7mright{display: flex;width: 70px;justify-content: space-between;}
.x7mlogo{width: 72px;height: 34px; position: relative;}
.x7mlogo img{ position: absolute;width: 100%;left:0;top:0;}
.x7msearch{width:22px;background: url(../img/search2.png) center no-repeat;}
.x7msearch{ background-size: 100% auto; height: 35px; background-position: 0 8px;}
.x7mmeau {width: 26px; height:35px; padding-top: 10px; box-sizing: border-box;}
.x7mmeau span{ border-radius:2px;}
.x7mmeau span{ display:block; vertical-align:top; position:relative; width:100%;height:2px; margin-top:6px;border-radius:1px;background: #000;}
.x7mmeau span{transform-origin: left center;transition: transform .3s ease-in-out,opacity .3s ease-in-out;    will-change: transform,opacity;}
.x7mmeau span:nth-child(1){ margin-top: 0;}
.x7mmeau.on .msp1{transform: rotate(45deg);}
.x7mmeau.on .msp2{opacity: 0;}
.x7mmeau.on .msp3{transform: rotate(-45deg);top:2px;}


.x7wbtxt1{top:20%; transform: none;}
.x7wbanp1{ margin-top:35px;}
.x7wbanmore{display: inline-block;border: 1px solid #fff;color:#fff;line-height: 1;}
.x7wbanmore{padding:17px 38px;border-radius:5px;}
.bannerpage,.sbox{ display: none;}




.x7wqxgs{width: 90%;left: 5%; bottom: 15px; position: absolute; z-index: 12;}
.x7wqxgs{ margin-top: -220px;}
.x7wqxgsslider{ box-shadow: 0 0 15px rgba(0,0,0,0.07);}
.x7wqxgsslider{background: #fff;border-radius:5px; overflow: hidden;margin-top: 20px;}
.x7wqxgsslider{padding:20px;}
.x7wqxgsp1{ display: flex; justify-content: space-between;color:#333;}
.x7wqxgsp1h4{color:#307bae; font-size:16px; font-weight: bold;}
.x7wqxgsp12{ font-size: 12px;}
.x7wqxgsp12 span{background: #e8e7e7; border-radius:5px; line-height: 12px; display: inline-block;padding:3px 5px;}
.x7wqxgsp13 span{ font-weight: bold; font-size: 24px;}
.x7wqxgsp13 em{color:#Ff0000;padding-left:10px; font-size: 14px; line-height:14px;}
.x7wqxgsp13 em,.x7wqxgsp13 span{display: inline-block; vertical-align: top;}
.x7wqxgsp13{ line-height: 26px;}
.x7wqxgsp13 em{ position: relative;top:9px;}
.x7wqxgsp1h4,.x7wqxgsp12{ margin-top: 5px;}
.x7wqxgsp13{ margin-top: 8px;}
.x7wqxgsp1h2{ font-size: 14px;}
.x7wqxgsp11{ font-size: 12px;}
.x7wqxgsah4{color:#fff; font-size: 16px; position: relative; height: 40px; line-height: 40px;}
.x7wqxgsbtn{width: 40px;top:0; box-sizing: border-box; height: 40px; position: absolute;border-radius:50%;}
.x7wqxgsbtn i{ position: absolute;left:0;top:0;width: 100%; height: 100%;}
.x7wqxgsbtn i{display: block; background-size: 12px auto;}
.x7wqxgsbtn i{ background-position: center; background-repeat: no-repeat;}
.x7wqxgsbtn{ border: 1px solid rgba(255,255,255,0.6); background: rgba(0,0,0,0.3);}
.x7wqxgsbtnr{right:0;}
.x7wqxgsbtnl{right:50px;}
.x7wqxgsbtnr i{ background-image:url(../img/0708/zjtbai1.svg);}
.x7wqxgsbtnl i{ background-image:url(../img/0708/zjtbai2.svg);}
.x7wqxgsp2{ margin-top: 20px; padding-top: 20px; border-top:1px solid #ddd;}
.x7wqxgsp2h4{ font-size: 16px; font-weight: bold;}
.x7wqxgsp2dl{ margin-top: 10px;}
.x7wqxgsp2dl dd{line-height:24px; margin-top: 5px;}
.x7wqxgsp2dl dd:nth-child(1){ margin-top: 0;}
.x7wqxgsp2dl dd a{ font-size: 14px;color:#333;}
.x7wqxgsp2dl dd a{ position: relative; display: block;padding-left:12px;}
.x7wqxgsp2dl dd a:before{width: 4px; position: absolute; height: 4px; background: #000; content:'';}
.x7wqxgsp2dl dd a:before{border-radius: 50%;left:0;top:50%; margin-top: -2px;}
.x7wqxgsp2dl dd a:before{ opacity:0.3;}
.x7wqxgsp2dl dd a:hover{color:#307bae;}
.x7wqxgsp2dl dd a:hover:before{background: #307bae; opacity: 1;}
.x7wqxgsp2dl dd a,.xg7pp3dl dd a:before{ transition:all 0.3s ease;}
.x7wqxgssliderm{ opacity: 0 !important;}	
.swiper-slide-active.x7wqxgssliderm{ opacity: 1 !important;}	
.banner{ height: calc(100vh - 75px);}

.x7mhead{ transition: all 0.3s ease; box-shadow:0 0 20px rgba(0,0,0,0.07);z-index: 166;}
.x7mhead.header-hide{top:-73px;}



.x7wfoot{padding-top:20px;display:none;}
.x7wfoota{padding: 0 5%;}
.x7wfh4{position: relative;height:55px; line-height: 55px; padding: 0 5px; font-size: 14px;}
.x7wfh4{ border-bottom: 1px solid #dcdcdc;}
.x7wfh41{ border: none;}
.x7wfh4 a{color:#333; font-weight: bold;}
.x7wfh4 i{ z-index: 3; font-size: 12px; position: absolute; line-height: 50px; height: 50px;top:1px;right:5px; font-weight: normal;}
.x7wfh4 i{ transition: all 0.3s ease;}
.x7wftaasearch{ margin-top: 10px;}
.x7wftaasearch{background: #fcfcfc; border: 1px solid #e2e2e2;}
.x7wftaasearch{padding:0 20px;}
.x7wfooticon1{width:20%; text-align: right; font-size: 22px;}
.x7wfoottxt{width: 80%; font-size: 15px;}
.x7wfooticon1,.x7wfoottxt{height: 100%; line-height: 55px;}
.x7wftaady,.x7wftaasearch{height:55px; line-height: 55px;}
.x7wftaady{border: 1px solid #535353; color:#535353; text-align: center;}
.x7wftaady{ margin-top: 25px;display:none;}
.x7wftaady span{ padding-left: 10px; font-size: 16px;}
.x7wftaady i,.x7wftaady span{display: inline-block; line-height: 20px; height: 20px; vertical-align: middle;}
.x7wftaady i{width: 20px; font-size: 12px; border: 1px solid #535353; border-radius:50%;}
.x7wfootab{ }

.x7wfootabul{ margin-top: 10px;}
.x7wfootabul li{ border-bottom: 1px solid #d4d4d4;padding: 10px 0; margin: 8px;}
.x7wfootabul a{color:#555;}
.x7wfootabul{ display: none;}
.x7wfootax{ margin-top: 25px;}
.x7wfoota{ padding-bottom: 30px;}
.x7wfootb{padding: 45px 5%; background: #fafafa; text-align: center;}
.x7wfootb .on i{ transform: rotateX(180deg);}

.x7wfootbp1 img{width: 100px;}
.x7wfootbp2{ padding-top: 25px; padding-bottom: 20px;}
.x7wfootbp3 a{display: inline-block; margin: 0 10px; border-radius:50%; line-height: 40px; width: 40px; height: 40px;}
.x7wfootbp3 a{background: #c4c4c4;color:#fff;}
.x7wfootbp3i1{ font-size: 24px;}
.x7wfootbp3i2{ font-size: 27px;}
.x7wfootbp3i3{ font-size: 21px;}
.x7wfootbp3 a{display:none;}
.x7wfootbp3 a:nth-child(1){display:inline-block;}

.x7wfootbp4{margin-top: 30px;}
.x7wfootbp4{ line-height: 30px;}
.x7wfootbp4 span,.x7wfootbp4 i{display: inline-block; line-height: 30px; vertical-align:top;}
.x7wfootbp4 i{ font-size: 20px; position: relative; top:1px;}
.x7wfootbp5{ margin-top: 20px;}
.x7wfootbp5a{display: inline-block;background: #f4f5f6; padding: 8px 35px;}
.x7wfootbp5a{ border: 1px solid #666; border-radius:25px;}
.x7wfootbp5a i{ font-size: 12px; margin-left: 10px;}
.x7wfootbp5a span,.x7wfootbp5a i{display: inline-block; line-height: 30px; vertical-align:top;}

.x7wfootbp6{ margin-top: 15px;}
.x7wfootbp6,.x7wfootbp6 a{ color:#555; font-size: 12px;}
.x7wfootbp6 p{ padding-top: 8px;}

.wapwxtc7{position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: none; }
.wapwxtc7{z-index: 69;background: rgba(0,0,0,0.5);}
.wapwxtcbox7 {position: fixed;display: none;width: 100px;background: #fff;border-radius: 6px;
    left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 89;}
.wapwxtcbox7 img {display: block;max-width: 100%;vertical-align: top;}




body.mobile-menu-open{ overflow: hidden;height: 100vh;}
.xx-navbar-pub{ box-sizing: border-box;background: #f8f8f8;}
.xx-navbar-pub{width: 100%;position: fixed;z-index: 100; left: 100%;top: 75px;bottom: 0;padding:0 5%;background-color: #f8f8f8;-webkit-transition: all 0.5s;transition: all 0.5s;overflow: hidden;padding-bottom: 48px;}
.xx-navbar-pub.in{left:0;}
.xx-navbar-pub{ padding-top: 25px;}
.xx-navbar-pub{ overflow-y: auto;}

.xx-navbar-search{ border-radius: 5px;}
.xx-navbar-search i{ position: absolute;left:12px;top:0;}
.xx-navbar-search{background: #d4d5d5;padding:0 20px; position: relative;}
.xx-navbar-search input{width: 100%;  background:none; border: none;}
.xx-navbar-search input{color:#333; padding-left: 18px; box-sizing: border-box;}
.xx-navbar-search i,.xx-navbar-search input,.xx-navbar-search{height: 40px; line-height: 40px;}
.xx-navbar-search i,.xx-navbar-search input{display: block;}
.xx-navbar-search i{ font-size:24px;height: 20px; line-height: 20px;top:5px;}
.xx-navbar-search input::-webkit-input-placeholder {color: #333; font-size:14px;}
.xx-navbar-search input:-moz-placeholder {color: #333; font-size:14px;}

.xx-navbar-meau{ margin-top: 10px;}
.xx-navbar-meau a{color:#333;}
.menu-fixed-right{width: 100%;border-bottom: 1px solid #d4d4d4;position: fixed;
    left: 100%;top: 75px;bottom: 0;background-color: #fff;overflow-y: auto;
    z-index: 120;padding: 30px 5%;
    -webkit-transition: all 0.5s;transition: all 0.5s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);visibility: hidden;}
.menu-fixed-right.in {left: 0;visibility: visible;}
.menu-fixed-right { box-sizing: border-box;}
.xx-navbar-a{display: block; font-weight: bold; border-bottom:1px solid #d4d4d4;}
.xx-navbar-a{padding:15px 0;position: relative; font-size: 16px;}
.xx-navbar-a i{ position: absolute;right:0; font-size: 14px;top:18px; opacity: 0;}
.x7hasjs i{ opacity: 1;}

.btn-nav-back{ display: inline-block;color:#333; font-size: 16px; position: relative;}
.btn-nav-back span{ position: absolute;left:-8px;font-size:22px;line-height: 24px;}
.btn-nav-back span{top:0;}
.btn-nav-back{ padding-left: 20px;}
.xx-navbar-h4{ font-weight: bold; font-size: 20px; margin-top: 15px; border-bottom: 1px solid #d4d4d4;}
 .xx-navbar-h4{ padding: 10px 0;}
 .xx-navbar-dd{font-size: 16px;border-bottom: 1px solid #d4d4d4;padding: 20px 0 10px 0;}
.xx-navbar-dd a{color:#555; font-size: 14px;}

.xx-navbar-dl-cy{display: flex; flex-wrap: wrap;}
.xx-navbar-dd-cy{padding:20px 0;}
.xx-navbar-dd-cy{width: 50%;}
.xx-navbar-icon{ display: inline-block;width:30px; position: relative;}
.xx-navbar-icon img{ position: absolute;left:0;top:0;bottom:0;margin:auto;}
.xx-navbar-icon img{max-height:50%; max-width:50%;}
.xx-navbar-icon,.xx-navbar-dd-cy span{height: 35px;display: inline-block; line-height: 35px;vertical-align:top;}

.tnpicona,.tnpiconai{ display: inline-block;vertical-align:top;}
.tnpiconai{width: 48px; height: 48px; border:1px solid #666666;border-radius: 50%;}
.tnpicona span{display: block; line-height: 22px; margin-top: 8px;color:#666;}
.top-nav-pull {
width: 100%;position: fixed;bottom: 0;left: 100%;
    text-align: center;z-index: 100;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translate3d(0,0,0);
    height: 100px; bottom: 60px;
}
.top-nav-pull.in {left: 0;}
.top-nav-pull.hide-down{bottom:-100px;}

.tnpicon1,.tnpicon2,.tnpicon3{ background-position: center; background-repeat: no-repeat;}
.tnpicon1{ background-image: url(../img/0708/31.svg);}
.tnpicon1{ background-size: 28px auto;}
.tnpicon2{ background-image: url(../img/0708/32.svg);}
.tnpicon2{ background-size: 24px auto;}
.tnpicon3{ background-image: url(../img/0708/33.svg);}
.tnpicon3{ background-size: 24px auto;}
.tnpicona{width: 24%;}

.xx-navbar-gp1{ font-weight: bold; }
.xx-navbar-gp2{ font-size: 12px;}
.xx-navbar-gp1,.xx-navbar-gp2,.xx-navbar-dd a{display: block;vertical-align:top;}
.xx-navbar-pub.top0{top:0;}
.mobile-menu-open .x7mhead{top:0;}


	.xx-navbar-a{padding-top: 15px; padding-bottom: 15px;}
	.tnpiconai{width: 40px; height: 40px; }
	.top-nav-pull{ height: 80px;}
	.top-nav-pull{ bottom: 30px;}
	
	.hbimg{ height:88%;}


.x7mhead{padding: 15px;}
.x7mheadbg{position: absolute;right:0;top:0;width:64px;height: 100%;background: #307bae;}
.x7mhead{background: none;box-shadow: none;}
.banner{height: 100vh;}
.h7nav{display: none;}
.x7mmeau span{background: #fff;}
.x7mlogo01,.x7mlogo02{transition: all 0.3s ease;}
.x7mlogo01{opacity: 0;}
.x7msearch{background: no-repeat;position: relative;}
.x7msearch:before,.x7msearch:after{ position: absolute;content: '';left:0;top:0;width: 100%;height: 100%;}
.x7msearch:before,.x7msearch:after{background-position: center;background-repeat: no-repeat;background-size: 100% auto;}
.x7msearch:before{background-image: url(../img/search2.png);}
.x7msearch:after{background-image: url(../img/search.png);}
.x7msearch:before{ opacity: 0;}
.x7mhead{height: 64px;}
.x7mright{width: 100px;}
.x7mmeau{width: 26px;height: 18px;padding-top: 0;}
.x7msearch {height: 34px;}
.x7mright{align-items: center;}
.x7mmeau{ position: relative;right:-15px;width: 24px;padding: 0 20px;box-sizing: content-box;}
.x7mmeau.on span:nth-child(1){left: 3px;}
.x7mmeau.on span:nth-child(3){left: 3px;top:1px;}

.x7mhead.on,.x7mhead.no{background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,0.08);}
.x7mhead.on .x7mlogo02,.x7mhead.on .x7msearch:after,.x7mhead.no .x7mlogo02,.x7mhead.no .x7msearch:after{ opacity: 0;}
.x7mhead.on .x7mlogo01,.x7mhead.on .x7msearch:before,.x7mhead.no .x7mlogo01,.x7mhead.no .x7msearch:before{ opacity: 1;}

.xx-navbar-pub{top:0;padding-top: 94px;}




.x7banersmall{ position:absolute;width:80%;left:50%;transform:translateX(-50%);z-index:16;border-top:1px solid rgba(255,255,255,0.2)}
    	.x7banersmall{display:flex;justify-content: space-between;flex-wrap: wrap;}
    	.x7banersmall a{position:relative;color:#fff;padding:10px 0;line-height:1.4;width:50%;}
    	.x7banersmall a{box-sizing: border-box;}
    	.x7banersmall{bottom:0;text-align:center;}
    	.x7bsp02{font-size:12px;margin-top:2px;}
    	.x7banersmall{padding:12px 0;}
    	/*.x7banersmall a:before{position:absolute;width:100%;left:0;top:-1px;background:#ff0000;height:2px;opacity:0;content:'';z-index:8}*/
    	/*.x7banersmall a:before{transition:all 0.3s ease;}*/
    	/*.x7banersmall a:hover:before{opacity:1;}*/
    	.x7banersmall{bottom:0;}
    	.x7bsp01{ font-weight:bold;}
    	
    	.xx3swiper-page{ position:absolute;z-index:16;width:100%; text-align:center;left:0;bottom:155px  !important;}
    	.xx3swiper-page span{background:#fff !important; opacity:0.5 !important;width:8px;height:8px;border-radius:8px;}
    	.xx3swiper-page span.swiper-pagination-bullet-active{background:#fff !important; opacity:1 !important;width:40px;}
    	
    	
    	
    
    .xx829servp2{color:#fff;font-size:14px; font-weight:normal;}
        .xx829servm{padding:90px 35px; padding-bottom:35px;text-align:right;}
        .xx829servp1{margin-top:55px;display:inline-block;}
        .xx829serva{margin-top:40px;}
        .xx829servp2{margin-top:5px;}
        .xx829servp1 i{position:relative;top:-1px;}
        
        .hbtxth5 i{ font-style:normal;color:#7bd434; vertical-align:top;padding:0 5px;}
        
        
        
@media screen and (max-width: 768px) {
   .x7wbtxt1{top:20%;}
   .x7wfoot{display:block;}
   .hbimg:before{opacity:0.2}
}
@media screen and (max-width: 414px) {
   .x7wbtxt1{top:18%;}
}
@media screen and (max-width: 375px) {
   .x7wbtxt1{top:12%;}
}
@media screen and (max-width: 325px) {
   .x7wbtxt1{top:8%;}
   .hbtxth5{ font-size: 20px;}
   .x7wbanmore{ padding:8px 25px;}
   .hbimg{ height: 90%;}
}