@import url(base.css);

/* 全局变量 */
:root{
	--background-cover: no-repeat center center / cover;
	--background-contain: no-repeat center center / contain;
	--main-color: 26,106,171;
	--bg-lg: linear-gradient(to right, rgb(255, 255, 255), rgb(135, 197, 156));
	--bg-lg2: linear-gradient(to right, rgb(134, 198, 156), rgb(135, 197, 156,0.5));
	--bg-lgt: linear-gradient(to bottom, rgb(134, 198, 156), rgb(135, 197, 156,0));
}

/*Top s*/
.header{position: absolute;left: 0;top: 0;width: 100%;z-index: 100;color: #fff;transition: all 0.5s;background-color: rgba(255, 255, 255, .5)}
.header .logo {position: relative;z-index: 10;width: 2.8rem;}
.header .logo img{width: 2.8rem;position: absolute;left: 0;top: 50%;transition: all 0.4s;transform: translateY(-50%);}
.header .logo img.cai{opacity: 1;}

.header .auto-inner{height: 0.9rem;position: static;}
 
.header .ver{position: relative;font-size: var(--font-size14);}
.header .ver dt{cursor: pointer;line-height: 0.9rem;}
.header .ver dt:before{width: 0.18rem;height: 0.18rem;background: url(../images/language.svg) no-repeat center center/contain;content: "";display: inline-block;vertical-align: middle;margin: -0.03rem 0.1rem 0 0;}
.header .ver dt:after{width: 10px;height: 5px;background: url(../images/arr_b_white.svg) no-repeat center center/contain;content: "";display: inline-block;vertical-align: middle;margin: -0.02rem 0 0 0.05rem;}
.header .ver dd{position: absolute;left: 50%;top: 150%;width: 115%;box-shadow: 0 5px 10px rgba(0,0,0,0.1);background-color:#fff;text-align: center;transform: translateX(-50%);border-radius: 5px;opacity: 0;visibility: hidden;z-index: -1;transition: all 0.3s ease;pointer-events: none;}
.header .ver dd a{display: block;color: rgba(var(--rgb-555));}.header .ver dd a:hover{color: rgba(var(--main-color))}
.header .ver.on dd{opacity: 1;z-index: 10;top: 100%;visibility: visible;padding: 0.1rem 0;pointer-events: auto;}

.top_search .ico{ cursor:pointer;text-align: center;position: relative;margin-left: 0.34rem;position: relative;z-index: 10;}
.top_search .ico i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-position: center center;background-repeat: no-repeat;background-size: contain;width: 0.16rem;height: 0.16rem;}
.top_search .ico .iconso{background-image: url(../images/soso.svg);filter: grayscale(0) brightness(0);}
.top_search .ico .icongb{ display:none;background-image: url(../images/close2.svg);}
.top_search .ico.on .icongb{ display:block;}
.top_search .ico.on .iconso{ display:none;}
.top_search .searchbox {display:none;position: absolute;left: 0;top: 100%;width: 100%;background-color: #f5f8fa;padding: 2.604vw;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.top_search .searchbox .inner{max-width: 7rem;margin: 0px auto;position: relative;}
.top_search .searchbox .gjso{position: absolute;right: -1rem;top: 0.18rem;color: rgba(var(--main-color));}
.top_search .searchbox .gjso:hover{text-decoration: underline;}
.top_search .searchbox input{width: 100%;height: 0.6rem;border-radius: 5px;background-color: #fff;border: 0;padding: 0 0.8rem 0 0.65rem;background: #fff url(../images/soso2.svg) no-repeat 0.2rem center/0.18rem 0.18rem;}
.top_search .searchbox input:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.top_search .searchbox .btn{position: absolute;right: 0;top: 0;width: 1.06rem;text-align:center;height:0.6rem;line-height:0.6rem;border-radius: 0 5px 5px 0;color: #fff;font-weight: 700;background-color: rgba(var(--main-color));}
.top_search .searchbox .btn:hover{opacity: 0.9;}
.top_search .searchbox .keyword{padding-top: 0.18rem;color: #666666;}
.top_search .searchbox .keyword span{margin: 0 0.15rem 0 0.2rem;}
.top_search .searchbox .keyword a:not(:last-child){margin-right: 0.32rem;}
.top_search .searchbox .keyword a{color: #666666;}
.top_search .searchbox .keyword a:hover{color: rgba(var(--main-color));}

.mainNav{position: relative;}
.mainNav li{padding:0 1.823vw;position: relative;}
.mainNav li:first-child{padding-left: 0;}
.mainNav span a{ position:relative; z-index:100;display:block;line-height: 0.9rem;color: #333;transition: all 0.3s;font-size: var(--font-size18);}
.mainNav span a:after{position: absolute;width: 0;height: 2px;content: "";left: 50%;transform: translateX(-50%);bottom: 0;background:rgba(var(--main-color));transition: all .5s;}
.mainNav .arr{ display:none;}
.mainNav li.aon span a{color: #333;}
.mainNav li:hover span a:after,.mainNav li.aon span a:after{width: 100%;;}

.open-menu{width: 0.3rem;height: 0.4rem;display: flex;flex-direction: column;justify-content: space-between;padding: 0.1rem 0; cursor: pointer; margin-left: 0.3rem;}
.open-menu i{display: block;width: 100%;background-color: #fff;height: 2px;transition: all 0.5s;}
.menu-show .open-menu i:nth-child(1) {
	-webkit-transform: translate(0, 8px) rotate(45deg) !important;
	-moz-transform: translate(0, 8px) rotate(45deg) !important;
	-ms-transform: translate(0, 8px) rotate(45deg) !important;
	-o-transform: translate(0, 8px) rotate(45deg) !important;
	transform: translate(0, 8px) rotate(45deg) !important;}
.menu-show .open-menu i:nth-child(2) {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}
.menu-show .open-menu i:nth-child(3) {width: 0;}


.header.down{transform: translateY(-100px)!important;}
.header.show{transform: translateY(0)!important;position: fixed}

/* 头部滑过 */
.header:hover .logo img.bai,
.header.on .logo img.bai,
.header.column .logo img.bai,
.header.fix .logo img.bai{opacity: 0;}

.header:hover .logo img.cai,
.header.on .logo img.cai,
.header.column .logo img.cai,
.header.fix .logo img.cai{opacity: 1;}

.header:hover,
.header.on,
.header.column,
.header.fix{background-color: #fff;box-shadow: 0 3px 12px rgba(0,0,0,.1)} 

.detailBox header .logo img.bai{opacity: 0;}
.detailBox .header .logo img.cai{opacity: 1;}
.detailBox .header{background-color: #fff;} 

.header:hover .mainNav span a,
.header.on .mainNav span a,
.header.column .mainNav span a,
.header.fix .mainNav span a{color: #333}

.header:hover .top_search .ico .iconso,
.header.on .top_search .ico .iconso,
.header.column .top_search .ico .iconso,
.header.fix .top_search .ico .iconso{filter: grayscale(0) brightness(0);}

.header:hover .top_search .ico .icongb,
.header.on .top_search .ico .icongb,
.header.column .top_search .ico .icongb,
.header.fix .top_search .ico .icongb{filter: grayscale(0) brightness(0);}

.header:hover .open-menu i,
.header.on .open-menu i,
.header.column .open-menu i,
.header.fix .open-menu i{filter: grayscale(0) brightness(0);}

@media(min-width:1921px){
	.mainNav li{padding: 0 0.35rem;}
}
@media(max-width:1440px){
	.mainNav li{padding: 0 1.5vw;}
}
@media (min-width:1025px) {
    .header .ver{margin-left: 0.44rem;}
    .header .ver:before{position: absolute;left: -0.36rem;top: 50%;transform: translateY(-50%);width: 1px;height: 0.18rem;content: "";background-color: rgba(255,255,255,0.3);}

	.open-menu{display: none;}
    /* 下拉 */
    .mainNav .sub{position: absolute;left: 1.825vw;transform:scale(0.9);top: 100%;width: 3rem;opacity: 0;visibility: hidden;z-index: -100;transition: all 0.3s ease-out 0s;pointer-events: none;}
    .mainNav .sub dl{display: inline-block;box-shadow: 0 0 15px rgba(0,0,0,0.09);background:#f8f9fb;min-width: 1.5rem;border-radius: 0 0.05rem 0.05rem 0.05rem;}
    .mainNav .sub dd{position: relative;margin: 0 0.15rem;text-align: left;}
    .mainNav .sub a{display: block;padding: 0.5vw .2rem .5vw 0;position: relative;z-index: 1;color: #333333;border-bottom: 1px solid #e6e6e6;transition: all 0.5s;}
    .mainNav .sub a:after{position: absolute;right: 0.15rem;top: 50%;transform: translateY(-50%);content: "";width: 0.08rem;height: 0.12rem;background: url(../images/arr_r_blue.svg) no-repeat center center/contain;opacity: 0;transition: all 0.5s;}
    .mainNav .sub dd:last-child a{border-bottom: 0 !important;}
    .mainNav .sub dd:hover a{border-bottom: 1px solid rgba(var(--main-color));}
    .mainNav .sub dd:hover a{color: rgba(var(--main-color));}
    .mainNav .sub dd:hover a:after{right: 0;opacity: 1;}
    .mainNav .active .sub{display: block;z-index: 99;opacity: 1;visibility: visible;transform: scale(1);pointer-events: auto;}
}
	
@media(max-width:1024px){
	.header .logo span{display: none;}
	.header .auto-inner{height: 70px;}
	.mainNav{position: fixed;left: 0;top:70px;background: rgba(var(--main-color),0.9); padding: 0.2rem 0;visibility: hidden; transform: translateX(-100%); opacity: 0; transition: 0.3s; width: 3rem; bottom: 0; box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.2);height: calc(100vh - 70px);}
	.menu-show{position: fixed;left: 0;top: 0;height: 100%;overflow: hidden;width: 100%;}
	.menu-show .mainNav{visibility: visible; opacity: 1; transform: translateX(0);}
	.mainNav ul{height: 100%; overflow: auto;line-height: 2;}
	.mainNav li{padding: 0;border-bottom: 1px solid rgba(255,255,255,0.3);}
	.header.on .mainNav span a:after, 
    .header.fix .mainNav span a:after{display: none;}
	.mainNav .sub dd a,
	.mainNav span a{color:#fff !important;line-height: 3;padding: 0 0.3rem;}
	.mainNav li.aon span a{color: #ffcc00 !important;}

	.mainNav li span{display: block;position: relative;font-size: 0.24rem;line-height: 2;}

	.wap-dd-op,
	.wap-op{position: absolute;right: 0;width: 3em; height: 100%;background: url(../images/arr_xjt_white.svg) no-repeat center center; background-size: 20% auto; top: 0;z-index: 101; transition: 0.3s;}
	.mainNav .sub dd.wap-active .wap-dd-op,
	span.on .wap-op{transform: rotate(180deg);}
	.mainNav .sub{display: none; padding: 0.1rem; background: rgba(255,255,255,0.1);line-height: 3;}
	.mainNav .sub dd dl{display: none; padding:1em 1em 1em 2em; background-color: rgba(var(--rgb-white),0.8); line-height: 2.4;}
	.mainNav .sub > dl > dd:not(:last-child){border-bottom: rgba(0,0,0,0.05) 1px solid;}
	.mainNav .sub dd.wap-active dl{display: block;}
    Nav{position: fixed;right: 0;top: 0.9rem;width: 80%;height: calc(100% - 0.9rem);right: -100%;transition: all 0.3s;opacity: 0;background-color:#ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding: 20px 0 0 0;overflow-y: auto;z-index: 100;text-align: center;margin-right: 0;}
}
@media(max-width:480px){
	.header .ver dt{line-height: 0.5rem;}
	.header .logo{zoom: 0.8;}
}
/*Top end*/

/*Bottom s*/
.home-footer{z-index: 100;overflow: inherit!important;}
.footer{ position:relative;background:#202529;z-index: 2;font-weight: var(--lighter);color: #fff;}
.footer .overflo{padding: 0.97rem 0;}
.footer .bg-canvas{position:absolute;bottom:0;left:50%;transform:translate(-50%,0) scale(1);opacity: 0.3;height: 100%;width: 100%;overflow: hidden}
.footer .bg-canvas canvas{height: 100% !important;width: 100%}

.footer .footer-tt{border-bottom: 1px solid rgba(255,255,255,.1);margin-bottom: .8rem;padding-bottom: .5rem}

.footer .blank{position: absolute;left: 0;top: -100vh;height: 100vh;z-index: -2;width: 100%;visibility: hidden;}
.footer .logo {}
.footer .logo img{height: 0.56rem;}
.footer .contact{flex: 1;}
.footer .contact dt {font-weight: 400;margin-bottom: .25rem;font-size: var(--font-size18);}
.footer .contact dd{margin-bottom: 0.11rem;padding-left: 0.4rem;position: relative;}
.footer .contact dd img{position: absolute;left: 0;top: 10%;width: 0.19rem;}
.footer .contact dd span{position: relative;padding-left: .15rem;display: block}
.footer .contact dd span::before{position: absolute;content: '';width: .04rem;height: .04rem;background: #fff;left: 0;top: .1rem;border-radius: 50%;}
.footer .contact .tel{font-size: var(--font-size20);}

.footer .footer-bottom{border-top: 1px solid rgba(255,255,255,.1);margin-top: .8rem;padding-top: .4rem;font-size: var(--font-size14);}

.footer .right-con{width: 65%;flex: 0 0 auto}
.footer .right-con nav dl {margin-right: 0.3rem;padding-right: 0.3rem;border-right:1px solid transparent;border-image: linear-gradient(180deg, #ffffff3b 8%, #ffffff00 8.1%) 1 100%;}
.footer .right-con nav dl:last-child {margin-right:0; padding-right:0; border:0}
.footer .right-con nav dt {font-weight: 400;margin-bottom: .25rem;font-size: var(--font-size18);}
.footer .right-con nav dd { line-height: calc(24 / 16); padding: calc(6 / 16 * 1em) 0; max-width:150px}

.footer .nav{margin: 0 0 2.552vw;}
.footer .nav a:not(:last-child){position: relative;margin-right: 0.6rem;}
.footer .nav a:not(:last-child)::after{position: absolute;right: -0.3rem;top: 50%;transform: translateY(-50%);width: 2px;height: 2px;background-color: #fff;content: "";}

.footer .links a{}
.footer .links a:not(:last-child){position: relative;margin-right: 0.2rem;}

.footer .fllowus {}
.footer .fllowus li{position: relative;z-index: 10;}
.footer .fllowus li:not(:first-child){margin-left: 0.2rem;}
.footer .fllowus .icon{cursor: pointer;display: inline-block;position: relative;width: 0.48rem;height: 0.48rem;line-height: 0.48rem;border-radius: 50%;background: rgba(255,255,255,0.1);text-align: center;}
.footer .fllowus .icon img{height: 0.2rem;opacity: 0.6;}
.footer .fllowus .ewm{padding: 0.1rem;border-radius: 5px;background: #fff;width: 1.5rem;min-height: 1.5rem;bottom: 0.4rem;left: 50%;transform: translateX(-50%);transition: all 0.5s;position: absolute;opacity: 0;z-index: -1;visibility: hidden;box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.footer .fllowus .ewm img{width: 100%;}
.footer .fllowus .ewm:after{width: 10px;height: 10px;left: 50%;transform: translateX(-50%) rotate(45deg);content: "";position: absolute;background: #fff;bottom: -5px;}
.footer .fllowus li:hover .ewm{bottom: 0.68rem;visibility: visible;z-index: 1000;opacity: 1;}
.footer .fllowus li:hover{z-index: 1500;}
.footer .fllowus li:hover .icon{background: rgba(255,255,255,0.2);}
.footer .fllowus li:hover .icon img{opacity: 1;}

.fixRight{right: 0;top: 50%;transform: translateY(-50%);width: 0.9rem;background-color: rgba(0,0,0,0.2);border-radius: 0.15rem 0 0 0.15rem;position: fixed;z-index: 100;}
.fixRight li{position: relative;}
.fixRight li:first-child{border-radius: 0.15rem 0 0 0;}
.fixRight li:last-child{border-radius: 0 0 0 0.15rem;}
.fixRight li a{color: #fff;}
.fixRight p{font-size: var(--font-size14);font-weight: var(--lighter);}
.fixRight .btn{display: block;padding: 0.19rem 0 0.12rem;text-align: center;}
.fixRight .btn img{display: block;margin: 0px auto 0.08rem;height: 0.25rem;}
.fixRight li:not(:last-child) .btn{border-bottom: 1px solid rgba(255,255,255,0.18);}
.fixRight li:hover{background-color: rgba(var(--main-color));}
.fixRight li:hover .ewm{right: 100%;visibility: visible;z-index: 100;opacity: 1;}
.fixRight .ewm{padding: 0.1rem;border-radius: 5px;background: #fff;width: 1.8rem;top: 50%;right: 90%;transform: translateY(-50%);transition: all 0.5s;position: absolute;opacity: 0;z-index: -1;visibility: hidden;box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.fixRight .ewm img{width: 100%;}
.fixRight .ewm:after{width: 10px;height: 10px;top: 42%;transform: translateX(-50%) rotate(45deg);content: "";position: absolute;background: #fff;right: -10px;}
.fixRight .ewm a{font-size: var(--font-size20);font-weight: bold;color: rgba(var(--main-color));}
.fixRight li:nth-child(2) .ewm{width: 1.8rem;}
.fixRight.on li{background-color: rgba(8,13,28,0.9);}

.totop{position: fixed;right: 2.5vw;bottom: 0;width: 0.45rem;height: 0.45rem;border-radius: 50%;color: #fff !important;text-align: center;cursor: pointer;z-index: 100;display: flex;align-items: center;justify-content: center;background: rgba(var(--main-color)) url(../images/top.svg) no-repeat center center/ 0.16rem 0.16rem; visibility: hidden; opacity: 0; transition: 0.3s;cursor:pointer;}
.totop.cd-is-visible {visibility: visible;opacity: 1;bottom: 5%;}
.totop:hover{opacity: 0.8 !important;}
.totop.fix{position: absolute;top: -0.22rem;bottom: auto;border-radius: 50%;}
@media(max-width:1024px){
    .home-footer{}
    .footer{ z-index: 100;}
    .footer .overflo{padding: 0.6rem 0 1rem;}
    .footer .footer-tt{margin-bottom: .5rem;}
    .footer .right-con{display: none}
    .footer .footer-bottom{margin-top: .5rem}
	.totop.cd-is-visible{bottom: 0.62rem;}
	.fixRight{position:fixed;width: 100%;bottom: -100%;top: auto;transform: translateY(0);background-color: rgba(8, 13, 28, 0.9);transition: all 0.5s;border-radius: 0;}
	.fixRight.show{bottom: 0;}
	.fixRight ul{display: flex;}
	.fixRight ul li{flex: 1;border-radius: 0 !important;}
	.fixRight .ewm{right: auto;left: 50%;transform: translateX(-50%);top: auto;bottom: 90%;}
	.fixRight .ewm:after{right: auto;left: 50%;transform: translateX(-50%) rotate(45deg);bottom: -5px;top: auto;}
	.fixRight li:hover .ewm{bottom: 100%;}
    .fixRight li:not(:last-child) .btn{border-bottom: 0;}
    
    .footer .fllowus .ewm{padding: 0.1rem;border-radius: 5px;background: #fff;width: 1.5rem;min-height: 1.5rem;bottom: 0.4rem;left: auto;transform: translateX(0%);right: 0; transition: all 0.5s;position: absolute;opacity: 0;z-index: -1;visibility: hidden;box-shadow: 0 0 15px rgba(0,0,0,0.15);}
    .footer .fllowus .ewm:after{left: 90%;transform: translateX(-50%) rotate(45deg);content: "";position: absolute;background: #fff;bottom: -5px;}
}
@media(max-width:640px){
	.footer .overflow{padding: 0.6rem 0 1.1rem;}
	.footer .contact .logo{display: none;}
	.footer .fllowus{justify-content: center;}
}
/*Bottom end*/

/* button s*/
.morebtn{width: 1.8rem;line-height: 0.54rem;text-align: center;border: 1px solid #fff;color: #fff;border-radius: 0.05rem;display: inline-block;transition: all 0.5s;overflow: hidden;position: relative;}
.morebtn span{position: relative;overflow: hidden;display: block;}
.morebtn span:After{content: "";margin: -0.03rem 0 0 0.938vw;background: url(../images/arr_more.svg) no-repeat right center/contain;width: 0.24rem;height: 0.11rem;display: inline-block;vertical-align: middle;transition: all 0.5s;}
.morebtn span:hover:After{transform: translateX(0.15rem);}
.morebtn::before {content: "";position: absolute;top: -5%;left: -5%;z-index: 0;width: 110%;height: 110%;background-color: rgba(var(--main-color), 1);transform: scaleX(0);transform-origin: right;-webkit-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-moz-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-o-transition: transform .6s cubic-bezier(.785, .135, .15, .86);transition: transform .6s cubic-bezier(.785, .135, .15, .86)}
.morebtn.gray{border: 1px solid #999999;color: #999999;}
.morebtn.gray span:After{background-image: url(../images/arr_more_gray.svg);}
.morebtn:hover::before {transform: scaleX(1);transform-origin: left}
.morebtn:hover{border-color: rgba(var(--main-color), 1);color: #fff;}
.morebtn.gray:hover span:After{background-image: url(../images/arr_more.svg);}
.morebtn.op7{opacity: 0.7;}
.morebtn2{color: #999999;}
.morebtn2:After{content: "";margin: -0.03rem 0 0 0.938vw;background: url(../images/arr_more_gray.svg) no-repeat right center/contain;width: 0.24rem;height: 0.11rem;display: inline-block;vertical-align: middle;transition: all 0.5s;}
.item:hover .morebtn2{color: rgba(var(--main-color));}
.item:hover .morebtn2:After{margin-left: 1.3vw;background: url(../images/arr_more_main.svg) no-repeat right center/contain;}
@media(max-width:640px){
	
}
/* button end*/

/* 首页 s*/
.section{overflow: hidden;position: relative;}

/* 滚屏导航 */
#FixMenu{position: fixed;left: 1vw;z-index: 10000;top: 50%;transform: translate(0,-50%);font-size: var(--font-size14);}
#FixMenu li{display: block;width: 0.24rem;	position: relative;transition: all 0.5s;height: 2.604vw;cursor: pointer;}
#FixMenu li:after{content: "";left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;position: absolute;width: 0.09rem;height: 0.09rem;border:1px solid rgba(255,255,255,0.95);transition: all 0.5s;}
#FixMenu li:before{position: absolute;width: 0;height: 0;content: "";left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(var(--main-color)) ;transition: all 0.5s;border-radius: 50%;}
#FixMenu li a{display: block;}
#FixMenu li span{transition: all 0.5s;left: 0;min-width: 2rem;top: 50%;position: absolute;transform: translateY(-50%);visibility: hidden;opacity: 0;}
#FixMenu li span em{display: inline-block;background-color: rgba(255,255,255,0.9);padding: 0 0.15rem;border-radius: 5px;line-height: 18px;padding:5px;transition: all 0.5s;}
#FixMenu li:hover span{opacity: 1;padding-right: 0.24rem;visibility: visible;}
#FixMenu li:hover span em{margin-left: 0.25rem;}
#FixMenu li:hover:after{background-color: rgba(255,255,255,1);}
#FixMenu li.active:before{width: 0.2rem;height: 0.2rem;}
#FixMenu li.active:after{width: 0;height: 0;border: 0;}

@media(max-width:1024px){
	#FixMenu{display: none;}
}

/* banner */
.downarr{ -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both;color:#fff;z-index:999;cursor: pointer;margin: 0px auto;width: 15px;height: 23px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 1rem;}
.downarr span{display: block;height: 23px;position: relative;width: 15px;border-radius: 10px;border:1px solid #fff;}
.downarr span:After{position: absolute;left: 50%;top: 6px;width: 1px;content: "";background:#fff;height: 4px;margin-left: -0.05px;}
.downarr .sp1{animation-name: down_move1; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms;}
.downarr .sp2{opacity: 0; animation-name: down_move2; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 800ms;}
.downarr .iconxjt{opacity: 0; animation-name: down_move2; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 800ms;font-size: 16px;position: relative;margin-top: -100px;color: #00479d;}
@keyframes down_move1
{
0% { top:-0.25rem; opacity:0;}
50% { top:0; opacity:1;}
100% { top:0.2rem; opacity:0;}
}
@-webkit-keyframes down_move1
{
0% { top:0; opacity:0;}
50% { top:0.7rem; opacity:1;}
100% { top:1.2rem; opacity:0;}
}
@keyframes down_move2
{
0% { top:0; opacity:0;}
50% { top:0.7rem; opacity:1;}
100% { top:1.2rem; opacity:0;}
}
@-webkit-keyframes down_move2
{
	0% { top:0; opacity:0;}
	50% { top:0.7rem; opacity:1;}
	100% { top:1.2rem; opacity:0;}
}

@media(min-width:1025px){
    #fullPage{background-color: #000;}
}

.section{color: #fff;}


.loading{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.4); width: 280vw;height: 280vh;z-index: 1000;background: url(../images/logo_mask.png) center center;background-size: cover;animation: intro_anim 2.5s 1.5s linear forwards;pointer-events: none;}
@media(max-width:1024px){
    .loading{width: 100%;height: 100vh;}
}
@keyframes intro_anim {
    0% {transform: translate(-50%,-50%) scale(0.4) ;}
    50%{transform: translate(-50%,-50%) scale(1); opacity: 1; }
    100%{transform: translate(-50%,-50%) scale(2); opacity: 0; display:none; }
}


/* home-ban */
.home-ban .info{text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;background-image: var(--linear-gradient);width: 90%}
.home-ban .info h2{margin-bottom: 2.344vw;font-size: var(--font-size60);color:#fff;}
.home-ban .info h2 img{height: 0.71rem;}
.home-ban .info .btn{display: flex;align-items: center;justify-content: center;width: .5rem;height: .5rem;margin: 0 auto;;animation: imghover 2s infinite;background: url(../images/icon-mouse.svg)no-repeat center;background-size: .4rem auto}
.home-ban .info .btn::before{content: '';width: .24rem;height: .24rem;background:url(../images/arr_b_white.svg)no-repeat center;background-size: .16rem auto;display: none}

/* .home-ban .swiper-slide-active .ispic{animation:fadeInscale 5s .3s ease both;-webkit-animation:fadeInscale 5s .3s ease both;-moz-animation:fadeInscale 5s .3s ease both;} */
.home-ban .swiper-slide-active h2{animation:fadeInUpSmall 1s .5s ease both;-webkit-animation:fadeInUpSmall 1s .5s ease both;-moz-animation:fadeInUpSmall 1s .5s ease both;}
.home-ban .swiper-slide-active .morebtn{animation:fadeInUpSmall 2s .5s ease both;-webkit-animation:fadeInUpSmall 2s .5s ease both;-moz-animation:fadeInUpSmall 2s .5s ease both;}
.home-ban .swiper-button-prev{left: -1rem;}
.home-ban .swiper-button-next{right: -1rem;}
.home-ban:hover .swiper-button-prev{left: 6%;}
.home-ban:hover .swiper-button-next{right: 6%;}
.home-ban .controls-page {position: absolute;left: 0;bottom: 0.3rem;z-index: 10;width: 100%;}
.home-ban .controls-page span{width: 0.08rem;height: 0.08rem;margin: 0 0.14rem !important;border-radius: 50%;background-color: rgba(255,255,255,0.5);}
.home-ban .controls-page .swiper-pagination-bullet-active{background-color: #fff;width: 0.12rem;height: 0.12rem;border-radius: 100%;}
.home-ban .mousebtn{position: absolute;left: 0%;bottom: 1rem;display: flex;align-items: center;justify-content: center;z-index: 100;width: 100%}
.home-ban .mousebtn a{width: .5rem;height: .5rem;animation: imghover 2s infinite;background: url(../images/icon-mouse.svg)no-repeat center;background-size: .4rem auto}
@keyframes imghover{
0% {transform:translateY(20px)}
50% {transform:translateY(0)}
100% {transform:translateY(20px)}
}
@-webkit-keyframes imghover{
0% {transform:translateY(20px)}
50% {transform:translateY(0)}
100% {transform:translateY(20px)}
}
@-ms-keyframes imghover{
0% {transform:translateY(20px)}
50% {transform:translateY(0)}
100% {transform:translateY(20px)}
}

.titHead{margin-bottom: 0.44rem;}
.titHead p{font-size: var(--font-size32);color: rgba(255,255,255,0.6);}
.titHead h2{font-size: var(--font-size40);line-height: 1.325;color: #fff;/*background-image: var(--bg-lg);background-clip: text;-webkit-background-clip: text;color:transparent;*/font-weight: 500;}

@media(min-width:1025px){
    .home-ban .ispic{height: 100vh;}
    .home-ban .ispic.wap{display: none;}
}
@media(max-width:1024px){
	.section .auto-inner{padding: 0 !important;}
    .home-ban .info h2{font-size: var(--font-size30);}
    .home-ban .ispic.pc{display: none}
    .home-ban .ispic.wap{}
    .home-ban .mousebtn{display: none;}
}




/* home-pro */
.home-pro .titHead{position: absolute;top: 10vw;left: 50%;z-index: 10;transform: translateX(-50%);}


.home-pro .isbg:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background-color: rgba(0,0,0,0.4);z-index: 1;}


.home-pro .content{position: absolute;left:50%;top: 54%;transform: translate(-50%,-50%);width: 11.8rem;z-index: 10;}
.home-pro .ispic {width: 50%;}
.home-pro .info {color: #fff;width: 60%;margin: 0 auto;text-align: center}
.home-pro .info .num{font-size: var(--font-size32);opacity: 0.1;}
.home-pro .info h3{font-size: var(--font-size30);margin: 0.26rem 0 0.13rem;font-weight: 500;}
.home-pro .info pre{opacity: 0.6;line-height: 2;margin-bottom: 4.792vw;text-align: center}
.home-pro .change-tab-box{z-index: 10;left: 0;bottom: .2rem;width: 100%;position: absolute;font-size: var(--font-size18);}
.home-pro .change-tab-box:before{height: 1px;background-color: rgba(255,255,255,0.3);width: calc((100% - 16rem)/2);content: "";left: 0;position: absolute;top: 33.1%;z-index: 0;}
.home-pro .change-tab-box:after{height: 1px;background-color: rgba(255,255,255,0.3);width:  calc((100% - 16rem)/2);content: "";right: 0;position: absolute;top: 33.1%;z-index: 0;}
.home-pro .change-tab .ico{width: 1.22rem;height: 1.22rem;margin: 0px auto 0.02rem;position: relative;z-index: 2;transition: all 0.5s;}
.home-pro .change-tab .ico:After{position:absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: url(../images/home-pro_icobg.png) no-repeat center center/contain;transition: all 0.54s;}
.home-pro .change-tab .ico:before{position:absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: url(../images/home-pro_icobg2.png) no-repeat center center/contain;transform: scale(0);transition: all 0.5s;}
.home-pro .change-tab li{cursor: pointer;color: #fff;text-align: center;position: relative;min-height: 1.8rem;padding-top: .5rem}
.home-pro .change-tab li:before,
.home-pro .change-tab li:after{height: 1px;background-color: rgba(255,255,255,0.3);width: calc(50% - .1rem);content: "";right: calc(50% + 0.1rem);position: absolute;top: 0.6rem;z-index: 0;}
.home-pro .change-tab li:after{right:auto;left: calc(50% + 0.1rem);}
.home-pro .change-tab .i{position:relative;z-index: 1;width: 0.2rem;height: 0.2rem;border: 1px solid #fff;border-radius: 50%;margin: 0 auto;display: flex;justify-content: center;align-items: center}
.home-pro .change-tab .i:after{content: '';width: .06rem;height: .06rem;background: #fff;border-radius: 50%;opacity: 0}
.home-pro .change-tab aside{padding: .2rem .4rem;transition: opacity 0.5s ease-in-out;}
.home-pro .change-tab aside.blink{opacity: .3;}

.home-pro .change-tab .swiper-slide-thumb-active .i{background: rgba(var(--main-color));border-color: rgba(var(--main-color));}
.home-pro .change-tab .swiper-slide-thumb-active .i:after{opacity: 1}
.home-pro .change-tab .swiper-slide-thumb-active .ico:after,
.home-pro .change-tab li:hover .ico:after{opacity: 0;}
.home-pro .change-tab .swiper-slide-thumb-active .ico:before{animation: turn 3s linear infinite;}
.home-pro .change-tab .swiper-slide-thumb-active .ico span:nth-child(2){left: -0.34rem;width: 0.34rem;}
.home-pro .change-tab .swiper-slide-thumb-active .ico span:nth-child(3){right: -0.34rem;width: 0.34rem;}

.home-pro .change-con li:hover h3{}
.home-pro .change-con .swiper-slide-active .ispic{animation:fadeInRightSmall 2s .3s ease both;-webkit-animation:fadeInRightSmall 2s .3s ease both;-moz-animation:fadeInRightSmall 2s .3s ease both;}
.home-pro .change-con .swiper-slide-active .info{animation:fadeInLeftSmall 2s .3s ease both;-webkit-animation:fadeInLeftSmall 2s .3s ease both;-moz-animation:fadeInLeftSmall 2s .3s ease both;}
.home-pro .change-con .swiper-slide-active .isbg{animation:fadeInfilter 1s .3s ease both;-webkit-animation:fadeInfilter 1s .3s ease both;-moz-animation:fadeInfilter 1s .3s ease both;}

@media(min-width:1025px){
    .home-pro .isbg{height: 100vh;}
	.home-pro.active .change-tab{animation:fadeInUp 1.5s .3s ease both;-webkit-animation:fadeInUp 1.5s .3s ease both;-moz-animation:fadeInUp 1.5s .3 both;}
    .home-pro .change-tab li{}
	.home-pro.active {animation:fadeInscale 1.5s .3s ease both;-webkit-animation:fadeInscale 1.5s .3s ease both;-moz-animation:fadeInscale}
    .home-pro .change-con .swiper-slide{height: 100vh;}
    
}
@media(max-width:1024px){
	.home-pro .content{width: 87.06%;}
    .home-pro .isbg{padding-bottom: 60%;}
    .home-pro .change-con .swiper-slide{height: 70vh;}
    .home-pro .info{width: 100%;}
    .home-pro .titHead{top: 0.6rem;}
	.home-pro .content{padding-left: 0;top: 40%;}
	.home-pro .change-tab{bottom: 15%;}
	
	.home-pro .change-tab{font-size: var(--font-size18);}
	.home-pro .info h3{font-size: var(--font-size18);}
	.titHead p{font-size: var(--font-size24);}
    .titHead h2{font-size: var(--font-size30);}
}


/* home-devices */
.home-tab{width: 22.43%;}
.home-tab .change-tab li{padding: 0.1rem 0;font-size: var(--font-size18);cursor: pointer;height: auto !important;}
.home-tab .change-tab .swiper-slide-thumb-active,
.home-tab .change-tab .on{color: rgba(var(--main-color));}

.home-con{width: calc(100% - 22.43%);min-height: 5.76rem;}
.home-con .arrow{top: auto !important;transform: translateY(0);bottom: 0;}
.home-con .swiper-button-next{right: auto;left: 0.75rem;}


.home-devices .home-con{position: relative;width: 100%}
.home-devices .home-tab{width: 100%;}
.home-devices .list{height: 100%;overflow: hidden;position: relative;display: flex;}
.home-devices .list .item{position: relative;z-index: 1;transition: .5s;width: calc((100% - 52%)/5);}
.home-devices .list .item + .item{z-index: 2}
.home-devices .list .num{background: #00468c;position: absolute;box-shadow: 0 7px 20px rgba(0,0,0,.4);cursor: pointer;height: 100%;width: 100%;padding: 0 .2rem;display: flex;justify-content: center;align-items: center;background: linear-gradient(to bottom, #003372 0%, #0e6bc3 100%);color: #fff;}
.home-devices .list .item .hover{display: block;text-align: center;padding: 1.01rem 0 0 0;min-height: 5.76rem;background: url(../images/home-devices_bg1.jpg) no-repeat center center / cover;overflow: hidden;display: none}
.home-devices .list .item .ispic {padding-top: 3.85rem;margin: 0px auto 0.2rem;}
.home-devices .list .item .tit {font-size: var(--font-size20); color: #fff;background: rgba(0, 0, 0, .3);padding: .2rem 0;}

.home-devices .list .item.on{width:65%; }
.home-devices .list .item.on .hover{display: block;}
.home-devices .list .item.on .num{display: none;}

.home-devices .tab{position: absolute;z-index: 2;display: flex;width: 35%;right: 0;top: 0;height: 100%;display: none}
.home-devices .tab::after{}
.home-devices .tab li{background: #00468c;position: relative;box-shadow: 0 7px 20px rgba(0,0,0,.4);cursor: pointer;height: 100%;width: 20%;padding: 1rem .2rem 0;display: flex;justify-content: center;background: linear-gradient(to bottom, #003372 0%, #0e6bc3 100%);}
.home-devices .tab li + li{z-index: 2}
.home-devices .tab li .num{font-size: var(--font-size20);color: #fff;writing-mode: vertical-lr;}

@media(min-width:1600px){
    .home-devices .auto-inner{padding-top: 3vw;}
}
@media(min-width:1025px){
    .home-devices .auto-inner{display: flex;height: 100%;align-items: center}
    .home-devices .auto-inner .box{width: 100%}
    
    .home-devices.active .isbg{animation:fadeInfilter 1s .3s ease both;-webkit-animation:fadeInfilter 1s .3s ease both;-moz-animation:fadeInfilter 1s .3s ease both;}
    .home-devices.active .titHead{animation:fadeInUp 1.5s .3s ease both;-webkit-animation:fadeInUp 1.5s .3s ease both;-moz-animation:fadeInUp 1.5s .3 both;}
    .home-devices.active .list{animation:fadeInLeftSmall 1.5s .3s ease both;-webkit-animation:fadeInLeftSmall 1.5s .3s ease both;-moz-animation:fadeInLeftSmall 1.5s .3 both;}
    .home-devices.active .tab{animation:fadeInLeftSmall 1.5s .3s ease both;-webkit-animation:fadeInLeftSmall 1.5s .3s ease both;-moz-animation:fadeInLeftSmall 1.5s .3 both;}
    .home-devices.active .state{animation:fadeIn 1.5s .3s ease both;-webkit-animation:fadeIn 1.5s .3s ease both;-moz-animation:fadeIn 1.5s .3 both;}
}
@media(max-width:1024px){
	.home-devices{padding: 0.6rem 0 !important;min-height: auto;}
    .home-devices .list{flex-wrap: wrap;}
	.home-devices .list .item{width: 100%;}
    .home-devices .list .item.on{width:100%; }
    .home-devices .list .item .hover{padding:.6rem 0 0 0;min-height: auto}
    .home-devices .list .item .ispic {padding-top: 50%;}
    .home-devices .list .num{position: relative;padding: .2rem 0;font-size: var(--font-size20);}

}

/* home-about */
.home-about .auto-inner{}
.home-about .content{}
.home-about .txt{line-height: 2;font-weight: var(--lighter);}
.home-about .more{margin-top: .5rem}
.home-about .nav{padding: 0.5rem 0 10.208vw;}
.home-about .nav li{padding: 0 0.6rem;text-align: center;}
.home-about .nav a{display: block;font-weight: var(--lighter);}
.home-about .nav li img{display: block;margin: 0px auto 0.1rem;height: 0.36rem;}
.home-about .nav li:not(:last-child){border-right: 1px solid rgba(255,255,255,0.2);}
.home-about .nav li:first-child{padding-left: 0;}
.home-about .nav li:last-child{padding-right: 0;}
.home-about .numList{margin-right: 1rem;text-align: center;font-size: var(--font-size18);}
.home-about .numList li{height: 2rem;background: url(../images/numbg.png) no-repeat center center/100%;}
.home-about .numList .num{line-height: 0.68rem;height: 0.68rem;font-size: var(--font-size50);font-weight: 700;}
.home-about .numList .num i{background-image: var(--bg-lg);background-clip: text;-webkit-background-clip: text;color:transparent;font-weight: 700;}
.home-about .numList p{font-weight: var(--lighter);}
.home-about .numList li:not(:last-child){margin-bottom: 0.2rem;}

.home-about .video video{width: 100%}

@media(min-width:1025px){
    .home-about .auto-inner{display: flex;height: 100%;align-items: center}
    .home-about .content .left{flex:1;padding-right: 5%}
    .home-about .content .right{width: 50%;flex: 0 0 auto;}
    
	.home-about.active .isbg{animation:fadeInfilter 1s .3s ease both;-webkit-animation:fadeInfilter 1s .3s ease both;-moz-animation:fadeInfilter 1s .3s ease both;}
	.home-about.active .numList li:nth-child(1){animation:fadeInUpSmall 0.8s .8s ease both;-webkit-animation:fadeInUpSmall 0.8s .8s ease both;-moz-animation:fadeInUpSmall 0.8s .8s ease both;}
	.home-about.active .numList li:nth-child(2){animation:fadeInLeftSmall 0.9s .8s ease both;-webkit-animation:fadeInLeftSmall 0.9s .8s ease both;-moz-animation:fadeInLeftSmall 0.9s .8s ease both;}
	.home-about.active .numList li:nth-child(3){animation:fadeInLeftSmall 1s .8s ease both;-webkit-animation:fadeInLeftSmall 1s .8s ease both;-moz-animation:fadeInLeftSmall 1s .8s ease both;}
	.home-about.active .titHead{animation:fadeInRightSmall 1s .8s ease both;-webkit-animation:fadeInRightSmall 1s .8s ease both;-moz-animation:fadeInRightSmall 1s .8s ease both;}
	.home-about.active .txt{animation:fadeInRightSmall 1.2s .8s ease both;-webkit-animation:fadeInRightSmall 1.2s .8s ease both;-moz-animation:fadeInRightSmall 1.2s .8s ease both;}
	.home-about.active .nav{animation:fadeInRightSmall 1.4s .8s ease both;-webkit-animation:fadeInRightSmall 1.4s .8s ease both;-moz-animation:fadeInRightSmall 1.4s .8s ease both;}
	.home-about.active .morebtn{animation:fadeInRightSmall 1.6s .8s ease both;-webkit-animation:fadeInRightSmall 1.6s .8s ease both;-moz-animation:fadeInRightSmall 1.6s .8s ease both;}
    .home-about.active .video{animation:fadeInRightSmall 1.6s .8s ease both;-webkit-animation:fadeInRightSmall 1.6s .8s ease both;-moz-animation:fadeInRightSmall 1.6s .8s ease both;}
	.home-about .numList{width: 2.9rem;}
}
@media(max-width:1024px){
    .home-about{padding: 0.6rem 0 !important;}
	.home-about .content{display: block;}
	.home-about .content .right{margin-top: 30px}
	.home-about .numList{width: auto;display: flex;margin: 0.2rem -0.05rem 0;}
	.home-about .numList li{flex: 1;background: transparent;border: 1px solid rgba(255,255,255,0.1);margin: 0 0.05rem;}
	.home-about .numList .num{font-size: var(--font-size30);}
	.home-about .nav li{padding: 0;flex: 1;}
	.home-about .numList{margin-right: 0;}
}


/* home-news */

.home-news{position: relative;z-index: 100}
.home-news .auto-inner .box{position: relative}
.home-news .swiper-container{width: 113%;padding-right: 68%;}
.home-news .ispic{padding-top: 66%;border-radius: 0.12rem;margin-bottom: 0.34rem;background-color: #000000;}
.home-news .swiper-slide{padding-right: 2.083vw;}
.home-news .swiper-slide:not(.swiper-slide-active){opacity: 0.6 !important;}
.home-news .date{font-weight: var(--lighter);margin-bottom: 0.07rem;color: #fff;}
.home-news .tit{font-size: var(--font-size20);line-height: 1.6;color: #fff}
.home-news .swiper-pagination-info{position: absolute;left: 0;bottom: 0.85rem;color: #999999;}
.home-news .swiper-pagination-info .current{color: #fff;font-size: var(--font-size24);}
.home-news .auto-inner .box:After{background-color: rgba(255,255,255,0.5);content: "";height: 1px;width: 100%;left: 50%;position: absolute;bottom: 0.3rem;margin-left: -40%;}

@media(min-width:1600px){
    .home-news .auto-inner{padding-top: 5vw}
}

@media(min-width:1025px){
    .home-news .auto-inner{display: flex;align-items: center;height: 100%}
    .home-news .auto-inner .box{width: 100%}
    
	.home-news.active .isbg{animation:fadeInfilter 1s .3s ease both;-webkit-animation:fadeInfilter 1s .3s ease both;-moz-animation:fadeInfilter 1s .3s ease both;}
	.home-news.active .titHead{animation:fadeInRightSmall 1s .8s ease both;-webkit-animation:fadeInRightSmall 1s .8s ease both;-moz-animation:fadeInRightSmall 1s .8s ease both;}
	.home-news.active .change-tab{animation:fadeInRightSmall 1.2s .8s ease both;-webkit-animation:fadeInRightSmall 1.2s .8s ease both;-moz-animation:fadeInRightSmall 1.2s .8s ease both;}
}
@media(max-width:768px){
	.home-news{padding: 0.6rem 0 !important;}
	.home-news .box{display: block;}
	.home-news .home-tab{width: 100%;}
    .home-news .home-con{width: 100%;min-height: 4.5rem}
	.home-news .change-tab{display: flex;justify-content: center;margin-bottom: 0.2rem;}
	.home-news .change-tab li{margin: 0 0.2rem;}
	.home-news .auto-inner:After{margin-left: -25%;bottom: 0.2rem;}
	.home-news .swiper-pagination-info{bottom: 0.5rem;}
	.home-con .swiper-button-next{left: 0.5rem;}
	.home-news .swiper-container{width: 120%;padding-right: 45%;}
    .home-news .auto-inner .box:After{bottom: 0.2rem;margin-left: -20%;}
}

/* home-business */
.home-business .list .item{margin-left: -1px;margin-top: -1px;border: 1px solid rgba(255,255,255,0.3);width: 50%;transition: all 0.5s;}
.home-business .list .item a{height: 2.7rem;position: relative;display: block}
.home-business .list .inner{position: absolute;left: 0;top: 0;color: #fff;width: 100%; height: 100%;display: flex;flex-direction: column;justify-content: center;padding: 0 .6rem;transition: all .8s ease;}
.home-business .list .item .title{transition: all .8s ease;}
.home-business .list h3{margin-bottom: 0.07rem;font-size: var(--font-size26);transition: all .8s ease;}
.home-business .list .icon {margin-bottom: .15rem}
.home-business .list .icon img{height: 0.5rem;}
.home-business .list .info {transition: all .8s ease;}
.home-business .list .info p{font-weight: var(--lighter);}
.home-business .list .morebtn{position: absolute;bottom: 0.9rem;left: 0;opacity: 0;transition: all 0.5s;}

@media(min-width:1600px){
    .home-business .auto-inner{padding-top: 3vw;}
}
@media(min-width:1025px){
    .home-business .auto-inner{height: 100%;display: flex;align-items: center}
    .home-business .auto-inner .box{width: 100%}
	.home-business.active .isbg{animation:fadeInfilter 1s .3s ease both;-webkit-animation:fadeInfilter 1s .3s ease both;-moz-animation:fadeInfilter 1s .3s ease both;}
	.home-business.active .titHead{animation:fadeInRightSmall 1s .8s ease both;-webkit-animation:fadeInRightSmall 1s .8s ease both;-moz-animation:fadeInRightSmall 1s .8s ease both;}
	.home-business.active .list .item:nth-child(1){animation:fadeInUp 0.8s .5s ease both;-webkit-animation:fadeInUp 0.8s .5s ease both;-moz-animation:fadeInUp 0.8s .5s ease both;}
	.home-business.active .list .item:nth-child(2){animation:fadeInUp 2s .5s ease both;-webkit-animation:fadeInUp 2s .5s ease both;-moz-animation:fadeInUp 2s .5s ease both;}
	.home-business.active .list .item:nth-child(3){animation:fadeInUp 3s .5s ease both;-webkit-animation:fadeInUp 3s .5s ease both;-moz-animation:fadeInUp 3s .5s ease both;}
    .home-business.active .list .item:nth-child(4){animation:fadeInUp 3.8s .5s ease both;-webkit-animation:fadeInUp 3.8s .5s ease both;-moz-animation:fadeInUp 3.8s .5s ease both;}
    
    .home-business .list .info {opacity: 0;transform: translateY(100%);height: auto}
    .home-business .list .info p{padding-top: .1rem;font-size: .14rem;}
    
    
    .home-business .list{max-width: 13rem;margin: 0 auto;}
	.home-business .list .item.cur {background: rgba(0,51,144,0.75)}
    .home-business .list .item.cur .info{opacity: 1;transform: translateY(0);}
    .home-business .list .item.cur .title{transform: translateY(0);}
    .home-business .list .item.cur .morebtn{left: 1.6rem;opacity: 1;}
    
    .home-business .list .item a{height: 1.6rem;}
    .home-business .list .item .title{transform: translateY(15px);}
    .home-business .list .item.cur .title{transform: translateY(0);}
    .home-business .list h3{font-size: var(--font-size22)}
    .home-business .list .icon {margin-bottom: .1rem}
    .home-business .list .icon img{height: 0.3rem;}
    .home-business .list .info p{}
    
}

@media(max-width:1024px){
    
    .home-business{padding: 0.6rem 0 !important;}
	.home-business .list .item{width: 100%;}
    .home-business .list .inner{padding: 0 .4rem;}
}
@media(max-width:768px){
	
}



.home-project .desc{ color: #fff;line-height: 2;font-weight: var(--lighter);font-size: var(--font-size18);}
.home-project .more{ margin-top: .5rem;}
.home-project .con{position: relative;width: 50%; margin-left: 15%; padding-top:5vw ;}

.home-project .diqiu{width: 8rem;height: 6.5rem}
.home-project .map-box{ position: absolute; margin: auto; width:100%; top: 0%; left: 0; right: 0;height: 100%;z-index: 10}
.home-project .map-box .map{width: 100%;height: 100%;}
.home-project .map li {position: absolute;cursor: pointer;}
.home-project .map li i{display: block;width: 0.1rem; height:0.1rem; border-radius: 50%; background: #a1e7ff;position: relative; z-index: 4;}
.home-project .map li.beijing i{display: block;width: 0.16rem; height:0.16rem; border-radius: 50%; background: #fe0000;position: relative; z-index: 4;}
.home-project .map li i:before,
.home-project .map li i:after{position: absolute; content: '';border-radius: 50%;background:rgba(var(--main-color)); opacity: 0.4; animation: scale 3s infinite;-webkit-animation: scale 3s infinite;z-index: 0}
.home-project .map li i:before{left: -0.08rem; top: -0.08rem; bottom: -0.08rem;right: -0.08rem; animation-delay: 0.3s;}
.home-project .map li i:after{left: -0.2rem; top: -0.2rem; bottom: -0.2rem;right: -0.2rem; animation-delay: 0.8s;opacity: .1;background: #4daad1}
.home-project .map li.beijing i:before{left: -0.12rem; top: -0.12rem; bottom: -0.12rem;right: -0.12rem; }
.home-project .map li.beijing i:after{left: -0.36rem; top: -0.36rem; bottom: -0.36rem;right: -0.36rem;}

.home-project .map li .city{ display: flex;align-items: center;}
.home-project .map li .city aside{  margin-left: 0.15rem; font-size:var(--font-size16);color:#fff;}

.home-project .map li .popInfo {background: #fff;width: 1.8rem;padding: 0.15rem; border-radius: var(--radius); position: absolute;left: 0.7rem;top: 0;line-height: 1.8;opacity: 0;z-index: -1;visibility: hidden;transition: all 0.5s;border-radius: .2rem}

.home-project .map li::after{content: '';background: #a1e7ff;width: 1px;position: absolute;opacity: .5;}

.home-project .map li.xj::after{height: 3.8rem;transform: rotate(-83deg);right: -1.44rem;top: -1.53rem;}
.home-project .map li.sh::after{height: 1.5rem;transform: rotate(-29deg);right: .89rem;top: -1.32rem;}
.home-project .map li.sd::after{height: .6rem;transform: rotate(-16deg);right: .6rem; top: -.5rem;}
.home-project .map li.js::after{height: 1.2rem;transform: rotate(-21deg);right: .77rem;top: -1.11rem;}
.home-project .map li.jl::after{height: 1.3rem;transform: rotate(55deg);right: 1.05rem;top: -.17rem;}
.home-project .map li.gd::after{height: 2.7rem;transform: rotate(9deg);right: .31rem;top: -2.53rem;}
.home-project .map li.gs::after{height: 2.5rem;transform: rotate(94deg);right: -.72rem;top: -1.03rem;}
.home-project .map li.hb::after{height: 0.2rem;transform: rotate(-131deg);right: .43rem;top: -.05rem;}
.home-project .map li.cq::after{height: 2rem;transform: rotate(-143deg);right: -.09rem;top: -1.66rem;}
.home-project .map li.sc::after{height: 2.5rem;transform: rotate(-129deg);right: -.48rem;top: -1.91rem;}
.home-project .map li.hn::after{height: 2rem;transform: rotate(-162deg);right: .22rem;top: -1.8rem;}
.home-project .map li.zj::after{height: 1.8rem;transform: rotate(-198deg);right: .78rem;top: -1.6rem;}
.home-project .map li.fj::after{height: 2.3rem;transform: rotate(-189deg);right: .7rem;top: -2.2rem}
.home-project .map li.hen::after{height: 1rem;transform: rotate(-157deg);right: .3rem; top: -0.9rem;}
.home-project .map li.han::after{height: 3.4rem;transform: rotate(-166deg);right: 10px;top: -3.2rem}


.home-project .map li:hover {z-index: 100;}
.home-project .map li:hover .popInfo {top: -0.3rem;opacity: 1;visibility: visible;z-index: 10;}
.home-project .map li:hover .popInfo a{ display: block; padding-left:0.15rem;position: relative;color:#333;  }
.home-project .map li:hover .popInfo a::before{content:"";display: block;width:0.05rem;height:0.05rem;border-radius: 50%;background:rgba(var(--main-color));position: absolute;left:0;top:0.12rem;}
.home-project .map li:hover .popInfo a:hover{ color: rgba(var(--main-color));}

@media (min-width: 1025px) {
    .home-project .auto-inner {height: 100%;display: flex;align-items: center;}
    .home-project .left {width: 35%;}
    
    .home-project.active .isbg{animation:fadeInfilter 1s .3s ease both;-webkit-animation:fadeInfilter 1s .3s ease both;-moz-animation:fadeInfilter 1s .3s ease both;}
	.home-project.active .titHead {animation: fadeInUp 1.5s .3s ease both;-webkit-animation: fadeInUp 1.5s .3s ease both;-moz-animation: fadeInUp 1.5s .3 both;}
    .home-project.active .desc {animation: fadeInUp 1.5s .3s ease both;-webkit-animation: fadeInUp 1.5s .3s ease both;-moz-animation: fadeInUp 1.5s .3 both;}
    .home-project.active .more {animation: fadeInUp 2s .3s ease both;-webkit-animation: fadeInUp 2s .3s ease both;-moz-animation: fadeInUp 2s .3 both;}
    .home-project.active .con {animation: fadeInLeftSmall 1.5s .3s ease both;-webkit-animation: fadeInLeftSmall 1.5s .3s ease both;-moz-animation: fadeInLeftSmall 1.5s .3 both;}
}
@media (max-width: 1024px) {
    .home-project{padding: 0.6rem 0 !important;}
}

@keyframes scale{
	0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
	50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);}
	100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
}








/* 首页 end*/

/*common s*/
.subPage{position: relative;background-color: #f3f3f3;z-index: 1;height: auto !important;height: 2.8rem;min-height: 2.8rem;clear: both;padding: 5.208vw 0;background-position: center top;background-size: cover;background-repeat: no-repeat;overflow: hidden;}

.pageBan{position: relative;overflow: hidden;transition: all 0.3s;color: #fff;}
.pageBan:before{content: "";left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background:rgba(0,0,0,0.55) ;position: absolute;transition: all 0.5s;}
.pageBan .auto-inner{position: absolute;top: 45%;left: 50%;transform: translateX(-50%);z-index: 10;text-align: center;}
.pageBan h1{font-weight: 700;position: relative;z-index: 10;font-size: var(--font-size42);text-align: center;}
.pageBan p{text-transform: uppercase;font-size: var(--font-size20);font-weight: 500;}
.pageBan .ispic{overflow: hidden;position: relative;height: 7.5rem;}
.pageBan .ispic img{width: 100%;transform: scale(1.1);transition: all 5s;object-fit: cover;position: absolute;left: 0;top: 0;height: 100%;}
.pageBan.on .ispic img{transform: scale(1) !important;}
.pageBan:hover:before{opacity: 0.85;}

.colName{display: none;background-color:rgba(var(--main-color));border-radius: 0 0 5px 5px;color: #fff;position: relative;padding: 0 0.3rem;line-height: 2.4;margin-bottom: 0.1rem;}
.colName:after{content:"";position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background: url(../images/arr_xjt_white.svg) no-repeat center center/0.16rem 0.15rem;height: 100%;width: 20px;transition: all 0.3s;}
.colName.on:after{transform: translateY(-50%) rotate(-180deg);}

.subMenu{font-weight: 100;padding: 0.3rem 0 1rem;}
.subMenu li{position: relative;overflow: hidden;border-radius: 0.5rem;min-width: 1.5rem;}
.subMenu li:not(:last-child){margin-right: 0.2rem;}
.subMenu li span{display: block;position: relative;}
.subMenu li span a{color: #555555;display: block;line-height: 0.48rem;text-align: center;padding: 0 0.2rem;border: 1px solid #cfcfcf;border-radius: 0.5rem;}
.subMenu li:before{position: absolute;left: 50%;transform: translateX(-50%);width: 100%;bottom:0;height: 0;content: "";background: rgba(var(--main-color));
	transition: all 0.5s;}
.subMenu li.onli a,.subMenu li:hover a{color: #fff;border-color:rgba(var(--main-color));}
.subMenu li.onli:before,.subMenu li:hover:before{height: 100%;}

.place{color: #999999;text-align: right;}
.place:before{width: 12px;height: 14px;content: "";background: url(../images/ico_home.svg) no-repeat center center/contain;display: inline-block;vertical-align: middle;margin: -3px 0.1em 0 0;}
.place a{color: #999999;margin-right: 0.22rem;position: relative;}.place a:hover,.place span{color: rgba(var(--main-color));display: inline-block;}
.place a:after{position: absolute;width: 0.22rem;right: -0.22rem;top: 50%;height:100%;content: "/";text-align: center;transform: translateY(-50%);}

.singlePage{ word-wrap:break-word;word-break:normal;text-align:justify;position: relative;line-height: 1.875;}
.singlePage p *{text-wrap:none !important;  white-space: pre-wrap !important; }
.singlePage h2{color:rgba(var(--main-color));font-size: var(--font-size20);font-weight: 500;margin-bottom: 0.938vw;}
.singlePage table{width: 100%;border-collapse: collapse;border-bottom: 1px solid #fff;}
.singlePage table thead{color:#fff;font-size: var(--font-size20);font-weight: bold;}
.singlePage table thead th{background-color: rgba(var(--main-color));padding: 1.042vw;}
.singlePage table thead th:first-child{border-radius: 0.2rem 0 0 0.2rem;}
.singlePage table thead th:last-child{border-radius: 0 0.2rem 0.2rem 0;}
.singlePage table th:not(:last-child),
.singlePage table td:not(:last-child){border-right: 1px solid rgba(255,255,255,0.5);}
.singlePage table td{padding: 0.625vw 1.042vw;font-size: var(--font-size18);font-weight: 500;}
.singlePage table tr:nth-child(even) td{background-color: #fff;}
.singlePage table td:first-child{border-radius: 20px 0 0 0.2rem;}
.singlePage table td:last-child{border-radius: 0 0.2rem 0.2rem 0;}


@media(max-width:1024px){
	.pageBan .ispic{height: auto;}
	.pageBan .ispic img{position: static;}
}
@media(max-width:768px){
	.subPage{padding: 0.4rem 0;}
	.pageBan .auto-inner{display: none;}
	.singlePage .tc img{width: 100% !important;height: auto !important;}

	/* 二级菜单 */
	.subMenu{padding: 0.2rem 0;}
	.subMenu .colName{display: block;}
	.subMenu ul{margin-bottom: 0.15rem;display: none;}
	.subMenu li{margin-right: 0 !important;}
	.subMenu li span a{line-height: 2.5;border:0;border-bottom: 1px solid #eee;text-align: left;border-radius: 0;}
	.subMenu li.onli a, .subMenu li:hover a{color: rgba(var(--main-color));}
	.subMenu li.onli:before, .subMenu li:hover:before{display: none;}
}
/*common end*/

/*pages*/
.Pages{ padding:0.5rem 0 0; line-height:0.64rem; zoom:1; overflow:hidden;text-align: center;font-size: var(--font-size18);} 
.Pages span{ padding:0px 0.05rem; display:inline-block;} 
.Pages a{ display:inline-block; margin:0px 0.06rem;width: 0.66rem;height: 0.66rem;vertical-align: middle;border: 1px solid #dbdbdb;border-radius: 50%;font-weight: 500;} 
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump,.Pages .a_prev,.Pages .a_next{display: none;}  
.Pages .p_page em a.a_cur,.Pages .p_page em a:hover{ color:#fff; border-color: rgba(var(--main-color)); background:rgba(var(--main-color));} 
.Pages .p_page b{ font-weight:normal;} 
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;} 
.Pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none;}
    .Pages .a_first, .Pages .a_prev, .Pages .a_next, .Pages .a_end {
        font-size: 14px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 0.18rem 0.12rem;
        border: 0;
        background-color: #fff;
        border: 1px solid #dbdbdb;
        color: #000;
        display: inline-block !important;
    }
        .Pages .a_first:hover, .Pages .a_prev:hover, .Pages .a_next:hover, .Pages .a_end:hover {
            background-color: rgba(var(--main-color));
            color: #fff;
        }
.Pages .a_first,.Pages .a_end{border-color: #d3d3d3;}
.Pages .a_first{background-image: url(../images/page/prev.svg);}
.Pages .a_first:hover{background-image: url(../images/page/prev-on.svg) !important;border-color: rgba(var(--main-color));}
.Pages .a_end{background-image: url(../images/page/next.svg);}
.Pages .a_end:hover{background-image: url(../images/page/next-on.svg) !important;border-color: rgba(var(--main-color));}
@media ( max-width:480px){
	.Pages a{width: 0.35rem;height: 0.35rem;line-height: 0.31rem;}
}
/*pages end*/





.cbanner{position: relative}
.cbanner .Ispic{padding-bottom: 33.403%;background-size: cover;background-position: center;background-repeat: no-repeat}
.cbanner .txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding-top: .5rem}
.cbanner .txt .tit{font-size: var(--font-size40);color: #fff;padding-bottom: .35rem;font-weight:bold}
.cbanner .txt .desc{color: #fff;opacity: .85;font-family: 'hml'}
.cbanner .location{position: absolute;width: 100%;left: 0;bottom: .35rem;font-family: 'hml';font-size: var(--font-size14);}
.cbanner .location a{color: #fff;opacity: .5;}
.cbanner .location a:hover{color: rgba(var(--main-color));opacity: 1;}
.cbanner .location span{color: #fff;opacity: .5;}
.cbanner .location i{margin: 0 .05rem;color: #fff;opacity: .5;}

@media(max-width:1024px){
    .cbanner .Ispic{padding-bottom: 70%;}
    .cbanner .txt .tit{padding-bottom: .15rem;font-size: var(--font-size30);}
    .cbanner .location{bottom: .2rem}
}



.cmenu {border-bottom: 1px solid #ddd;background: #fff;}
.cmenu.cmenu_fixed {position: sticky;top: 0;z-index: 99}
.cmenu ul{display: flex;align-items: center;justify-content: center;}
.cmenu li a{line-height: .9rem;padding: 0 .4rem;}
.cmenu li.aon a{background:rgba(var(--main-color)) ;color: #fff;display: block}

@media(max-width:1024px){
    .cmenu ul{flex-wrap: wrap;}
    .cmenu li a{padding: 0 .12rem;line-height: .7rem}
}



.tmenu{position: sticky;top: .9rem;z-index: 98;background: #fff;border-bottom: 1px solid #ddd;}
.tmenu ul{display: flex;justify-content: center;}
.tmenu li{margin: 0 .4rem;}
.tmenu li a{line-height: .6rem;display: block}
.tmenu li.on a{text-decoration: underline;color: rgba(var(--main-color))}



.Product{position: relative;z-index: 10}
.Pro_index{padding: 1rem 0}
.Pro_index .title {padding-bottom: .5rem;position: relative}
.Pro_index .title .tit{font-size: var(--font-size40);color: #000;font-weight: 500;text-align: center}
.Pro_index .title .tit span{}
.Pro_index .title .morebtn{position: absolute;top: 0;right: 0}
.Pro_index .title .morebtn:not(:hover){border: 1px solid #ddd;color: #333}
.Pro_index .title .morebtn:not(:hover) span:after{filter: grayscale(0) brightness(0);}
.Pro_index .item + .item{margin-top:.8rem;border-top: 1px solid #ebebeb;padding-top: .8rem }
.Pro_index .item .swiper{overflow: hidden}
.Pro_index .item .swiper-slide{background: #f6f9fb;transition: .5s all;height: 100%}
.Pro_index .item .swiper-slide a{display: block;padding: .4rem;position: relative;transition: .5s all}
.Pro_index .item .swiper-slide a::before{content: '';position: absolute;width: 0%;height: 5px;background:rgba(var(--main-color));left: 0;top: 0;transition: .5s all }
.Pro_index .item .swiper-slide a .pic{height: 2.1rem;position: relative;transition: .5s all;}
.Pro_index .item .swiper-slide a .pic img{max-width: 70%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.Pro_index .item .swiper-slide a .txt{color: #000;text-align: center;font-weight: 500;margin-top: .2rem;height: .92rem;overflow: hidden}

.Pro_index .item .swiper-slide:hover{background: #fff;box-shadow: 0 3px 20px rgba(0,0,0,.1)}
.Pro_index .item .swiper-slide a:hover::before{width: 100%}
.Pro_index .item .swiper-slide a:hover .pic{transform: scale(1.05)}
.Pro_index .item .swiper-slide a:hover .txt{color: rgba(var(--main-color))}

.Pro_index .item .pages{display: flex;justify-content: center;margin-top: .5rem}
.Pro_index .item .pages span{width: .12rem;height: .12rem;border-radius: 50%;margin: 0 .08rem!important}

@media(max-width:1024px){
    .Pro_index{padding: .6rem 0}
    .Pro_index .title {flex-direction: column;justify-content: center}
    .Pro_index .title .morebtn{position: relative;margin-top: .15rem}
    
    .Pro_index .item .swiper-slide a .pic{height: 1.6rem;}
    .Pro_index .item .swiper-slide a{padding: .2rem .2rem .4rem;}
}



.Pro_list{padding: 1rem 0}
.Pro_list ul{display: flex;flex-wrap: wrap;}
.Pro_list li{width: 32%;margin-right: 2%;margin-bottom: 2%;background:#f6f9fb; }
.Pro_list li:nth-child(3n){margin-right: 0; }
.Pro_list li a{display: block;padding: .4rem}
.Pro_list li a .pic{transition: .5s all;}
.Pro_list li a .pic figure{padding-bottom: 50%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.Pro_list li a .txt{padding-top: .4rem;}
.Pro_list li a .txt .it{font-size: var(--font-size18);color: #333;font-weight: bold;border-bottom: 1px solid #D8D8D8;padding-bottom: .2rem;margin-bottom: .2rem;position: relative;}
.Pro_list li a .txt .it span{display: block;height: .58rem;overflow: hidden;}
.Pro_list li a .txt .it::before {content: ""; width: 0; height: 1px; background: rgba(var(--main-color)); position: absolute; left: 0; bottom: -1px; transition: all 1s linear;z-index: 10}
.Pro_list li a .txt .desc{font-weight: 300;height: .5rem;overflow: hidden;color: #666}
.Pro_list li a .txt .more {margin-top: .3rem}
.Pro_list li a .txt .more span{display: inline-block;border: 1px solid #E6E6E6;padding: .12rem .3rem;border-radius: .05rem}

.Pro_list li a:hover .pic{transform: scale(1.05)}
.Pro_list li a:hover .txt .it{color: rgba(var(--main-color));}
.Pro_list li a:hover .txt .it::before{width: 40%;}
.Pro_list li a:hover .txt .more span{background: rgba(var(--main-color));color: #fff;border-color: rgba(var(--main-color))}

@media(max-width:1024px){
    .Pro_list{padding: .6rem 0}
    .Pro_list li{width: 49%;}
    .Pro_list li:nth-child(3n){margin-right: 2%; }
    .Pro_list li:nth-child(2n){margin-right: 0; }
    .Pro_list li a{padding:.4rem .2rem}
    .Pro_list li a .pic figure{padding-bottom: 60%;}
    .Pro_list li a .txt .more {display: none}
}



.Pro_detail{padding: 1rem 0;}

.Pro_detail .big{ margin-bottom:.2rem;background: #f6f9fb;padding: .5rem 0}
.Pro_detail .big li figure{padding-bottom:50%; background-size:contain;background-position: center;background-repeat: no-repeat}
.Pro_detail .small{ padding:0 .3rem; position: relative;}
.Pro_detail .small .slick-arrow{ position:absolute; height:100%; top:0; width:.25rem; z-index:10; cursor:pointer; border: 0;padding: 0;font-size: 0;background: url(../images/icon-jt.svg)no-repeat center;background-size: .2rem auto}
.Pro_detail .small .slick-prev{ left:0;transform: rotate(180deg)}
.Pro_detail .small .slick-next{ right:0;}
.Pro_detail .small .slick-disabled{ cursor:default;opacity: .5}
.Pro_detail .small .slick-arrow span{ font-size:20px; color:#ccc;}
.Pro_detail .small li figure{ margin:0 auto; padding-bottom:60%; background-size:contain;background-position: center;background-repeat: no-repeat; max-width:90%; border:1px solid transparent;}
.Pro_detail .small li.slick-current figure{ border-color:rgba(var(--main-color));}


.Pro_detail .intro .title{ font-size: var(--font-size30);color: #000;font-family: 'hmm';padding-bottom: .3rem}
.Pro_detail .intro .desc{line-height: 1.75}
.Pro_detail .intro dl{padding-top: .5rem}
.Pro_detail .intro dl dd + dd{padding-top: .1rem}
.Pro_detail .backbtn{margin-top:.5rem;display: flex;justify-content: center}
.Pro_detail .backbtn a{width: 2.8rem;height: .6rem;border-radius: 3px;border: 1px solid rgba(var(--main-color));display: flex;justify-content: center;align-items: center;color: #333}
.Pro_detail .backbtn a:hover{background: rgba(var(--main-color));color: #fff;border-color: rgba(var(--main-color))}


.Pro_detail .prodet{padding-top: .4rem}
.Pro_detail .prodet .title{padding-bottom: .3rem}
.Pro_detail .prodet .title span{font-family: 'hmm';font-size: var(--font-size20);color: #000;border-bottom: 2px solid #000;display: inline-block}

.Pro_detail .prodet .table th,
.Pro_detail .prodet .table td{ border-collapse:collapse; line-height:24px; padding:.15rem .6rem;text-align: left;color: #333}
.Pro_detail .prodet .table th{ width: 40%;}
.Pro_detail .prodet .table tr:nth-child(2n-1){ background: #f5f5f5;}


@media(min-width:1025px){
    .Pro_detail .wrap{display: flex;justify-content: space-between;}
    .Pro_detail .wrap .list_img{width: 45%;flex: 0 0 auto}
    .Pro_detail .wrap .intro{flex: 1;padding-left: 10%}
}

@media(max-width:1024px){
    .Pro_detail{padding: .6rem 0;}
    .Pro_detail .intro{margin-top: .5rem}
    .Pro_detail .intro .title{ font-size: var(--font-size24);}
    .Pro_detail .prodet .table{overflow: auto}
    .Pro_detail .prodet .table table{width: 180%}
}



.News{padding: 1rem 0;position: relative;z-index: 10}
.newsFocus{margin-bottom: 5.208vw;}
.newsFocus .swiper-slide a{overflow: hidden;border-radius: 0.2rem;background-color: #f6f9fb;}
.newsFocus .ispic{width: 49.875%;}
.newsFocus .info{flex: 1;padding: 3.125vw;}
.newsFocus .date{color:rgba(var(--rgb-999));}
.newsFocus .tit{font-size: var(--font-size32);margin: 2.083vw 0 1.875vw 0;font-weight: 500;color: #1a1a1a;display: block;overflow: inherit}
.newsFocus .desc{font-size: var(--font-size18);line-height: 1.77;margin-bottom: 3.75vw;color:rgba(var(--rgb-333));}
.newsFocus li:hover .tit{color:rgba(var(--main-color));}
.newsFocus .swiper-pagination{width: 50%;text-align: right;left: auto;right: 3.125vw;bottom:  3.125vw;z-index: 10;}
.newsFocus .swiper-pagination .swiper-pagination-bullet{width: 0.18rem;height: 0.18rem;background-color: transparent;position: relative;border: 1px solid rgba(0,0,0,0);transition: all 0.5s;}
.newsFocus .swiper-pagination .swiper-pagination-bullet:After{width: 0.06rem;height: 0.06rem;background-color: #000;content: "";position: absolute;left: 50%;top: 50%;border-radius: 50%;transform: translate(-50%,-50%);}
.newsFocus .swiper-pagination .swiper-pagination-bullet-active{border-color: rgba(var(--main-color));transform: rotate(45deg);}
.newsFocus .swiper-pagination .swiper-pagination-bullet-active:After{background-color: rgba(var(--main-color));}

.news-list{padding-bottom: 4.167vw;}
.news-list .item:first-child{padding-top: 0;}
.news-list .item{padding: 3.125vw 0;border-bottom: 1px solid #e0e0e0;position: relative;}
.news-list .item:after{width: 0;left: 0;bottom: 0;content: "";position: absolute;height: 1px;transition: all 0.5s;background-color: rgba(var(--main-color));}
.news-list .item .date{color: rgba(var(--rgb-999));font-size: var(--font-size18);border-right: 1px solid #d5d5d5;width: 1.37rem;position: relative;}
.news-list .item .date:after{width: 1px;right: -1px;top: 0;content: "";position: absolute;height: 0;transition: all 0.5s;background-color: rgba(var(--main-color));}
.news-list .item .date b{color: rgba(var(--rgb-333));display: block;font-size: var(--font-size50);font-weight: 700;}
.news-list .item .info{flex: 1;padding: 0  3.229vw 0 3.229vw;}
.news-list .item .ispic{width: 3.85rem;padding-top: 2.54rem;border-radius: 0.1rem;}
.news-list .item .tit{font-size: var(--font-size24);font-weight: 500;}
.news-list .item .desc{line-height: 2;color:rgba(var(--rgb-333));margin: 1.042vw 0 2vw;text-align: justify;}
.news-list .item.pt .info{padding: 1.406vw 5.781vw 0 3.229vw;}
.news-list .item:hover .date:After{height: 100%;}
.news-list .item:hover:After{width: 100%;}


.NewsInfo{padding: 1rem 0;position: relative;z-index: 10}

.title-info{text-align: center;background-color: #f6f9fb;border-radius: 0.2rem;padding: 2.188vw;margin-bottom: 2.344vw;}
.title-info .title{font-size: var(--font-size34);font-weight: 500;margin-bottom: 1.771vw;}
.title-info .other{color:rgba(var(--rgb-666));font-size: var(--font-size18);}
.title-info .other time{background: url(../images/ico_date.svg) no-repeat 0 center/0.2rem 0.2rem;padding-left: 0.34rem;}

.PrevNextInfo{padding: 2.76vw 2rem 0 0;border-top: 1px solid #dadada;margin-top: 0.4rem;position: relative;}
.PrevNextInfo dl{line-height: 0.36rem;min-height: 0.36rem;}
.PrevNextInfo dl dt{color: rgba(var(--rgb-999));}
.PrevNextInfo .back{position: absolute;right: 0;top: 0.6rem;width: 1.8rem;line-height: 0.57rem;text-align: center;border-radius: 0.05rem;background-color: rgba(var(--main-color));color:#fff;}
.PrevNextInfo .back:After{margin: -0.156vw 0 0 1.042vw;width: 0.22rem;height: 0.16rem;background: url(../images/back.svg) no-repeat center center/contain;display: inline-block;content: "";transition: all 0.5s;vertical-align: middle;}
.PrevNextInfo .back:hover{opacity: 0.8;}
.PrevNextInfo .back:hover:After{transform: translateX(0.1rem);}

.NewsInfo .singlePage .tc {display: flex;justify-content: center;flex-wrap: wrap;margin: 0 -0.729vw 0.833vw;}
.NewsInfo .singlePage .tc img{border-radius: 0.1rem;width: calc(100% / 3 - 1.458vw);margin: 0 0.729vw 0.729vw;}
.NewsInfo .singlePage p strong{font-family: 'hmb'}

@media(max-width:1024px){
    .News{padding: .6rem 0;}
    .newsFocus .info{padding: .3rem;}
    .NewsInfo{padding: .6rem 0;}
	.newsFocus .tit{font-size: var(--font-size24);margin-bottom: .3rem}
	.newsFocus .ispic{width: auto;padding-top: 60%;}
    .news-list{padding-bottom: 0;}
	.news-list .item{border-bottom: 0;}
	.news-list .item:not(:last-child){margin-bottom: .3rem;}
	.news-list .item .info{padding: 0 0 0 0.25rem !important;}
	.news-list .item .ispic{width: 100%;padding-top: 60%;margin-top: 0.3rem;}
	.news-list .item .date{width: 0.7rem;font-size:var(--font-size14);}
	.news-list .item .date b{font-size: var(--font-size24);}
	.news-list .item .tit{font-size: var(--font-size24);}
    .news-list .item .desc{margin: .2rem 0}

    .title-info{padding: .3rem;margin-bottom: .2rem}
	.title-info .title{font-size: var(--font-size24);padding-bottom: .1rem}

	.PrevNextInfo{padding-right: 0;}
	.PrevNextInfo .back{position: relative;top: auto;display: block;margin: .2rem auto 0}
}




.policy {position: relative;z-index: 10;padding: 1rem 0}
.policy li{border: solid 1px #eaecf0;border-radius: .1rem;padding: .38rem .5rem;margin-bottom: .1rem;}
.policy li a{display: flex;justify-content: space-between;align-items: center}
.policy li .info{width: 80%;flex: 0 0 auto}
.policy li .date{flex-shrink: 0;margin-right: .6rem;text-align: right;font-size: var(--font-size24);font-family: 'hmm'}
.policy li .date .year{color: #999999;font-size: var(--font-size16);font-family: 'hml'}
.policy li .inner{color: #555555;line-height: .3rem;width: 90%}
.policy li .inner .title{color: #000000;font-size: var(--font-size24);margin-bottom: .1rem;}
.policy li:hover .inner .title{color: rgba(var(--main-color));}

@media (max-width:1024px){
    .policy {padding: .6rem 0}
    .policy li{padding: .3rem;}
    .policy li .date{margin-right: .3rem;}
    .policy li .morebtn{display: none;}
}




.Download{padding: 1rem 0;}
.Download ul{display: flex;flex-wrap: wrap;;}
.Download li{width: 31%;margin-right: 3.5%;margin-bottom: 3.5%}
.Download li:nth-child(3n){margin-right: 0;}
.Download li a{display: block;background: #f6f9fb;padding: .4rem;position: relative;}
.Download li a::before{content: '';position: absolute;width: 0;height: 5px;left: 0;top: 0;background:rgba(var(--main-color));transition: .5s all }
.Download li a .txt{height: 1.4rem;;}
.Download li a .txt span{color: #000000;font-size: var(--font-size24);}
.Download li a .op{border-top: 1px solid #ebebeb;display: flex;justify-content: space-between;padding-top: .3rem}
.Download li a .op .time{color: #999}
.Download li a .op .btn{display: flex;align-items: center;}
.Download li a .op .btn::before{content: '';width: .2rem;height: .2rem;background: url(../images/download.svg)no-repeat center;background-size: .16rem auto;margin-right: .12rem}

.Download li a:hover{background: #fff;box-shadow: 0 3px 20px rgba(0,0,0,.1)}
.Download li a:hover::before{width: 100%}
.Download li a:hover .txt span{color: rgba(var(--main-color));}
.Download li a:hover .op .btn::before{background: url(../images/download-on.svg)no-repeat center;background-size: .16rem auto;}

@media(max-width:1024px){
    .Download{padding: .6rem 0;}
    .Download li{width: 100%;margin-right: 0}
}



.About{padding: 1rem 0}
.About .title{color: #000000;font-size: var(--font-size40);font-family: 'hmm';text-align: center;padding-bottom: .5rem}
.About .desc{padding: 0 1.4rem;line-height: 2;color: #333}
.About .desc p + p{padding-top: .2rem}
.About .video{background: #000;margin-top: .8rem}
.About .video video{width: 100%}

@media(max-width:1024px){
    .About{padding: .6rem 0}
    .About .title{font-size: var(--font-size30)}
    .About .desc{padding: 0}
}




.Service_box1{padding: 1rem 0;}

.Service_box1 .title{color: #000000;font-size: var(--font-size40);font-family: 'hmm';padding-bottom: .5rem}
.Service_box1 .desc{line-height: 1.75}
.Service_box1 .desc p + p{padding-top: .2rem}
.Service_box1 .pic figure{background-size: cover;background-position: center;background-repeat: no-repeat;padding-bottom: 60%;border-radius: 0.1rem;}
@media(min-width:1025px){
    .Service_box1 .left{flex: 1;padding-right: 6%;}
    .Service_box1 .right{flex: 0 0 auto;width: 50%;}
}

@media(max-width:1024px){
    .Service_box1{padding: .6rem 0;}
    .Service_box1 .title{font-size: var(--font-size30);}
}



.Service_box2{padding: 1rem 0;position: relative;background-size: cover;background-position: center;background-repeat: no-repeat;}
.Service_box2 .title{color: #fff;font-size: var(--font-size40);font-family: 'hmm';padding-bottom: .5rem;text-align: center}
.Service_box2 .intro{color: #fff;text-align: center}
.Service_box2 .list{display: flex;justify-content: space-between;padding: 1rem 0 .5rem;flex-wrap: wrap}
.Service_box2 .list .item{width: 19%;padding: .5rem .3rem;background: rgba(255,255,255,.85);border-radius: .1rem}
.Service_box2 .list .item .it{font-size: var(--font-size20);font-family: 'hmm';color: #08233f;padding-bottom: .15rem}
.Service_box2 .list .item .desc{color: #333;line-height: .26rem}
.Service_box2 .list .item .desc b{font-weight: bold}

@media(max-width:1024px){
    .Service_box2{padding: .6rem 0;}
    .Service_box2 .title{font-size: var(--font-size30);}
    .Service_box2 .list{padding: .5rem 0}
    .Service_box2 .list .item{width: 100%;margin-bottom: .1rem}
}



.Service_box3{padding: 1rem 0;background: url(../images/Service_box3-bg.jpg)no-repeat center top;background-size: cover;}
.Service_box3 .title{color: #000;font-size: var(--font-size40);font-family: 'hmm';padding-bottom: .5rem;}
.Service_box3 .intro{color: #333;max-width: 50%;font-size: var(--font-size18);line-height: 1.75;padding-bottom: .5rem}
.Service_box3 .intro p + p{padding-top: .2rem}
.Service_box3 .con2{padding-top: .5rem;}
.Service_box3 .title2{color: #000;font-size: var(--font-size30);font-family: 'hmm';padding-bottom: .2rem;}

.Service_box3 .list{display:flex;flex-wrap:wrap;padding-top: .2rem}
.Service_box3 .list .item{width:32.46%;border:2px solid #ffffff;background-image:linear-gradient(to bottom right,#f1f7fc,#ffffff);box-shadow:0 0 .15rem rgba(0,0,0,.05);padding:.3rem 0;border-radius:.2rem;margin-bottom:1.3%;}
.Service_box3 .list .item:not(:nth-child(3n+1)){margin-left:1.3%;}
.Service_box3 .list .item_tit{color:#08233f;position:relative;font-size: var(--font-size24);font-family: 'hmm';}
.Service_box3 .list .item_tit::before{content:'';display:block;position:absolute;left:0;background-color:rgba(var(--main-color));width:.05rem;height:.2rem;border-radius:0 .03rem .03rem 0;top:50%;transform:translate(0,-50%);}
.Service_box3 .list .item_desc{color:#707983;margin-top:.2rem;}
.Service_box3 .list .item_tit,
.Service_box3 .list .item_desc{padding:0 .35rem;}

.Service_box3 .con{padding:1rem .8rem;border-radius: .1rem;overflow: hidden;margin-top: .5rem;background-size: cover;background-position: center;background-repeat: no-repeat;}
.Service_box3 .con .txt{max-width: 50%;}
.Service_box3 .con .title2{color: #fff;}
.Service_box3 .con .intro{color: #fff;padding-bottom: 0;max-width: 100%}


@media(max-width:1024px){
    .Service_box3{padding: .6rem 0;}
    .Service_box3 .title{font-size: var(--font-size30);}
    .Service_box3 .title2{font-size: var(--font-size24);}
    .Service_box3 .intro{max-width: 100%;}
    .Service_box3 .list .item{width:100%;}
    .Service_box3 .con{padding:.5rem;}
    .Service_box3 .con .txt{max-width: 100%;}
}




.Service_box4{padding: 1rem 0;}
.Service_box4 .title{color: #000;font-size: var(--font-size40);font-family: 'hmm';padding-bottom: .5rem;text-align: center}
.Service_box4 .title2{color: #000;font-size: var(--font-size30);font-family: 'hmm';padding-bottom: .5rem;}
.Service_box4 .title2::after{content: '';display: block;width: .5rem;height: 5px;background: rgba(var(--main-color));margin-top: .2rem;border-radius: 5px}
.Service_box4 .con1 .desc {font-size: var(--font-size18);line-height: 1.75;}
.Service_box4 .con1 .desc p + p{padding-top: .2rem}
.Service_box4 .con1 .desc b{font-weight: bold}
.Service_box4 .con1 .desc dl{padding-top: .3rem;}
.Service_box4 .con1 .desc dl dd{padding-left: .2rem;position: relative;}
.Service_box4 .con1 .desc dl dd::before{content: '';position: absolute;width: 6px;height: 6px;background: rgba(var(--main-color));border-radius: 50%;left: 0;top: .12rem}
.Service_box4 .con1 .desc dl dd span{font-weight: bold}
.Service_box4 .con1 .pic figure{background-size: cover;background-position: center;background-repeat: no-repeat;padding-bottom: 60%;border-radius: 0.1rem;}


.Service_box4 .con2 {padding-top: 1rem}
.Service_box4 .con2 .title2{text-align: center}
.Service_box4 .con2 .title2::after{margin: .2rem auto 0;}
.Service_box4 .con2 .list{display:flex;flex-wrap:wrap;}
.Service_box4 .con2 .list .item{width: 15.58%;display:flex;flex-direction:column;}

.Service_box4 .con2 .list .text_box{flex:1;margin-top:-.35rem;position:relative;z-index:2;padding:.7rem .3rem;box-shadow:0 0 .15rem rgba(0,0,0,.05);border-radius:.2rem;background-image:url(../images/list4_ico.jpg);background-repeat:no-repeat;background-size:cover;background-position:center top;border:1px solid #fff;}
.Service_box4 .con2 .list .editor{margin-top:.15rem;}
.Service_box4 .con2 .list .editor ul li{padding-left:.17rem;position:relative;margin-top:.08rem;}
.Service_box4 .con2 .list .editor ul li:before{content:'';display:block;position:absolute;left:0;top:.12rem;width:.05rem;height:.05rem;border-radius:50%;background-color:rgba(var(--main-color));}
.Service_box4 .con2 .list .item_cp{background-image:url(../images/list4_icon01.png);background-repeat:no-repeat;width:1.26rem;height:.85rem;display:block;margin:0 auto;color:#fff;text-align:center;padding-top:.1rem;background-size:contain;background-position:center center;font-size: var(--font-size20);font-family:'hmm' ;}
.Service_box4 .con2 .list .it{color:#08233f;line-height:1.3;font-size: var(--font-size20);font-family:'hmm' ;}

@media(min-width:1025px){
    .Service_box4 .con1 .item:nth-child(2n){flex-direction: row-reverse;}
    .Service_box4 .con1 .left{flex: 1;padding-right: 6%;}
    .Service_box4 .con1 .right{flex: 0 0 auto;width: 50%;}
    .Service_box4 .con1 .item:nth-child(2n) .left{padding-right: 0;padding-left: 6%}
    
    .Service_box4 .con2 .list .item:not(:nth-child(6n+1)){margin-left:1.3%;}
}

@media(max-width:1024px){
    .Service_box4{padding: .6rem 0;}
    .Service_box4 .title{font-size: var(--font-size30);}
    .Service_box4 .title2{font-size: var(--font-size24);padding-bottom: .2rem}
    .Service_box4 .con1 .item:not(:last-child){margin-bottom:.5rem }
    .Service_box4 .con2 .list .item{width: 100%;margin-bottom: .1rem;}
    .Service_box4 .con2 .list .text_box{padding:.5rem .3rem;}
}



.column-more{margin-top: .4rem;}
.column-more a{display: inline-flex;align-items: center;border: solid 1px rgba(var(--main-color));line-height: .5rem;padding: 0 0.4rem;border-radius: 0.05rem;transition: 0.3s; color: rgba(var(--main-color));}
.column-more a:after{display: block;content: '';width: 0.12rem;height: 0.12rem;margin-left: 0.1rem;background: url(../images/btn.svg) no-repeat center;background-size:contain;}
.column-more a:hover{background:rgba(var(--main-color));color: #fff }
.column-more a:hover:after{filter: grayscale(100) brightness(100);}


/*RighInfo002810*/
.RighInfo002810{ padding:1rem 0;position: relative; z-index: 9;}
.RighInfo002810 .box+.box{margin-top:var(--padMar80);}
.RighInfo002810 .box:nth-child(even) .column-more{text-align: left;}
.RighInfo002810 .flex .info aside{margin-top: .1rem; line-height: 1.6;}
.RighInfo002810 .tit{ font-size:var(--font-size38);color:rgba(var(--main-color)); line-height: 1.5; font-family:'hmm';display: contents;}
.RighInfo002810 .oven{max-height: 1.8rem;overflow: hidden;padding-right: .3rem;margin-top: .3rem;position: relative}
.RighInfo002810 .btn{padding-top: .1rem;}
.RighInfo002810 .btn span{color:rgba(var(--main-color));text-decoration: underline;padding-top: .1rem;cursor: pointer;display: inline-block}
.RighInfo002810 .oven.flow{overflow: auto;max-height: 3rem}
.RighInfo002810 .Cont{margin-bottom: .6rem;}
.RighInfo002810 .Cont .tit{text-align: center}
.RighInfo002810 .Cont p{font-size: var(--font-size16); color: #333; line-height: 1.8; margin-top: .2rem;}
.RighInfo002810 .flex .txt{ color:rgba(var(--rgb-333)); margin:.12rem 0 0 0; font-size: var(--font-size16);}
.RighInfo002810 .flex .txt p,
.RighInfo002810 .flex .hexin p{line-height:1.8; margin-bottom: .04rem;}
.RighInfo002810 .flex .txt p::before{display: inline-block;content: '';width:.04rem;height:.04rem;border-radius: 50%; background-color:rgba(var(--rgb-333));margin-right:.1rem;vertical-align: middle; margin-top: -.02rem;}
.RighInfo002810 .flex .hexin{color:rgba(var(--rgb-333));}
.RighInfo002810 .flex .hexin h2{margin:.2rem 0 .1rem 0; font-size: var(--font-size22);}
.RighInfo002810 .num{position: relative; font-size:var(--font-size40);font-weight:bold; color:rgba(var(--main-color));margin:2.5em 0 1.5em;}
.RighInfo002810 .box:nth-child(1) .num{margin-top:0;}
.RighInfo002810 .num:after{display: block; content: ''; background:rgba(var(--main-color)); position: absolute; width:96%; height: 1px; top: 50%; margin-top:-0.5px; right: 0;}
.RighInfo002810 .flex .pic .Ispic{display:block; width: 100%; padding-bottom:75%;}
.RighInfo002810 .flex p b{color: rgba(var(--main-color)); font-size: var(--font-size18);}
.RighInfo002810 .flex .img{display: block; margin:0 auto; max-width: .54rem;}
.RighInfo002810 .title{font-size:var(--font-size22); font-weight: bold; color: rgba(var(--main-color)); line-height:.18rem; border-left:16px solid rgba(var(--main-color)); padding-left:.15rem; margin-bottom: .3rem;}
.RighInfo002810 .slick-arrow{position: absolute;border: 0;font-size: 1em;text-indent: -999em;width: 2.5em; height: 2.5em;border-radius: 50%; top: 50%;margin-top: -1.25em;z-index: 10;}
.RighInfo002810 .slick-arrow:hover:before{width:50%; height:50%;border-top: 3px solid rgba(var(--main-color));border-right: 3px solid rgba(var(--main-color)); }
.RighInfo002810 .slick-prev{left:-.35rem;}
.RighInfo002810 .slick-next{right: -.1rem;}
.RighInfo002810 .slick-arrow:before{position: absolute;content: ''; width:50%; height:50%;border-top: 3px solid var(--grey2);border-right: 3px solid var(--grey2); transform: rotate(45deg); top:0;left: 30%;}
.RighInfo002810 .slick-prev:before{transform: rotate(-135deg);}
@media(min-width:1025px){
    .RighInfo002810 .flex{display: flex;align-items:center;justify-content:space-between;}
    .RighInfo002810 .flex .pic{width:51%; padding-top:.2rem; padding-left:.2rem; position: relative; z-index: 2; margin-bottom: 0;}
    .RighInfo002810 .flex .pic:after{display: block;content: '';width:90%; height:95%;background:rgba(var(--main-color)); position: absolute; left: 0; top: 0; z-index: -1; opacity: 0.1; }
    .RighInfo002810 .flex .info{padding-left:5vw; width:58%;}
    .RighInfo002810 .box:nth-child(2n) .flex .pic{ padding-left:0; padding-right:.2rem; order: 2;}
    .RighInfo002810 .box:nth-child(2n) .flex .pic:after{left:auto;right: 0; }
    .RighInfo002810 .box:nth-child(2n) .flex .info{padding-left:0; padding-right:5vw;}
    .RighInfo002810 .box:nth-child(2n) .num{text-align: right;}
    .RighInfo002810 .box:nth-child(2n) .num:after{right: auto; left: 0;}
    .RighInfo002810 .box:nth-child(2n) .flex .img{ }
}

@media(max-width:1024px){
    .RighInfo002810{ padding:.6rem 0;}
    .RighInfo002810 .num:after{width:86%;}
    .RighInfo002810 .num{margin:2.5em 0 .3rem;}
    .RighInfo002810 .tit{ font-size:var(--font-size30);}
    .RighInfo002810 .Cont{margin-bottom: .3rem;}
    .RighInfo002810 .flex .pic {padding-bottom:.5rem;}
    .RighInfo002810 .oven{margin-top: .1rem;height: 1.9rem}
}


.Tftabletitle {padding-bottom: .5rem}
.Tftabletitle .tit{font-size: var(--font-size42);color: #000;font-family: 'hmm';}
.Tftabletitle .morebtn{width: 2.2rem;}
.Tftabletitle .morebtn:not(:hover){border: 1px solid #ccc;color: #333}
.Tftabletitle .morebtn:not(:hover) span:after{filter: grayscale(0) brightness(0);}

@media(max-width:1024px){
    .Tftabletitle .tit{font-size: var(--font-size30);}
}



.Infrastructure .box,
.Modelside .box,
.DLIcourse .box{padding-top: 1rem;}

.Infrastructure .box:last-child,
.Modelside .box:last-child,
.DLIcourse .box:last-child{padding-bottom: 1rem;}
.Infrastructure .tftable {color:#333333;width:100%;width: 100%;}
.Infrastructure .tftable th {font-size:var(--font-size20);background-color:rgba(var(--main-color));padding:.2rem;border: 1px solid #eee;text-align:left; text-align: center; color: #fff;}
.Infrastructure .tftable tr {background-color:#ffffff;}
.Infrastructure .tftable tr:nth-child(odd){background:rgb(0,51,144,0.05);}
.Infrastructure .tftable td {font-size:var(--font-size16);border: 1px solid #ddd;padding:.2rem; line-height: 1.8; }
.Infrastructure .tftable td p{line-height: 1.8;}

.Infrastructure .tftable td .btn{text-align: center;background:rgba(var(--main-color)); }
.Infrastructure .tftable td .btn a{line-height: .45rem; color: #fff; display: block;}

.Infrastructure .tftable th:nth-child(2){width: 40%;}
.Infrastructure .tftable th:nth-child(4){width: 10%;}
.Infrastructure .tftable th:nth-child(6){width: 10%;}

.Infrastructure .tftable td:nth-child(1){color:rgba(var(--main-color)); font-size: var(--font-size18); text-align: center;}
.Infrastructure .tftable td:nth-child(4),
.Infrastructure .tftable td:nth-child(5){text-align: center;}

@media(max-width:1024px){
    .Infrastructure,
    .Modelside,
    .DLIcourse{padding: .6rem 0;}
    
    .Infrastructure .table{overflow: auto;}
    .Infrastructure .table table{width: 180%;}
    .Infrastructure .tftable td .btn a{line-height: .24rem; padding: .1rem}
}


.Modelside .tftable {color:#333333;width:100%;width: 100%;}
.Modelside .tftable th {font-size:var(--font-size20);background-color:rgba(var(--main-color));padding:.2rem;border: 1px solid #eee;text-align:left; text-align: center; color: #fff;}
.Modelside .tftable tr {background-color:#ffffff;}
.Modelside .tftable tr.yan{background:rgb(0,51,144,0.06);}
.Modelside .tftable td {font-size:var(--font-size16);border: 1px solid #ddd;padding:.2rem; line-height: 1.8; }
.Modelside .tftable td p{line-height: 1.8;}
.Modelside .tftable td .btn{text-align: center;background:rgba(var(--main-color)); }
.Modelside .tftable td .btn a{line-height: .45rem; color: #fff; display: block;}
.Modelside .tftable td.t1{text-align: center; font-size: var(--font-size18); color:rgba(var(--main-color));}

.Modelside .tftable th:nth-child(2){width:23%;}
.Modelside .tftable th:nth-child(3){width:25%;}
.Modelside .tftable th:nth-child(4){width: 8%;}
.Modelside .tftable th:nth-child(5){width: 6%;}
.Modelside .tftable th:nth-child(6){width: 10%;}



.DLIcourse .tftable{color:#333333;width:100%;}
.DLIcourse .tftable th {font-size:var(--font-size20);background-color:rgba(var(--main-color));padding:.2rem;border: 1px solid #eee;text-align:left; text-align: center; color: #fff;}
.DLIcourse .tftable tr {background-color:#ffffff;}
.DLIcourse .tftable tr:nth-child(odd){background:rgb(0,51,144,0.05);}
.DLIcourse .tftable tr.yan{background:rgb(0,51,144,0.06);}
.DLIcourse .tftable td {font-size:var(--font-size16);border: 1px solid #ddd;padding:.2rem; line-height: 1.8; }
.DLIcourse .tftable td p{line-height: 1.8;}
.DLIcourse .tftable td .btn{text-align: center;background:rgba(var(--main-color)); }
.DLIcourse .tftable td .btn a{line-height: .45rem; color: #fff; display: block;}
.DLIcourse .tftable td.t1{text-align: center; font-size: var(--font-size18); color:rgba(var(--main-color));}

.DLIcourse .tftable td:nth-child(1){font-size: var(--font-size18); color:rgba(var(--main-color)); text-align: center;}

.DLIcourse .tftable th:nth-child(1){width:10%}
.DLIcourse .tftable th:nth-child(2){width:8%}
.DLIcourse .tftable th:nth-child(4),
.DLIcourse .tftable th:nth-child(5){width: 19%}
.DLIcourse .tftable th:nth-child(6){width: 8%;}
.DLIcourse .tftable th:nth-child(7){width: 8%;}
.DLIcourse .tftable th:nth-child(9){width:8%}


.pop-up{ display:none; position:fixed; z-index:150; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.pop-up .ycenter{ height:100%;display: flex;align-items: center;}
.pop-up .main{ position:relative; width:90%; margin:0 auto; max-width:6rem; background:#fff; border:0px solid rgba(var(--main-color)); border-radius:0; padding:3%;}
.pop-up .close{ position:absolute; width:.3rem; height:.3rem; right:-.15rem; top:-.15rem; border-radius:50%; background:rgba(var(--main-color)); cursor:pointer;}
.pop-up .close::before,
.pop-up .close::after{ position:absolute; content:''; left:20%; top:50%; width:60%; height:3px; background:#fff; margin-top:-1px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.pop-up .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.pop-up#form td{ padding-top:4%; vertical-align:top; font-size: var(--font-size16);}
.pop-up#form td.f-name{ line-height:.4rem; padding-right: .15rem; color: #333; width: 20%;}
.pop-up#form td .text{ width:100%; line-height:.4rem; height:.4rem; border:1px solid #ddd; border-radius:3px; padding:0 5px; margin-left: 0; }
.pop-up#form td .btn{ width:40%; margin-right:3%; height:.4rem; cursor:pointer; border:none; border-radius:3px;color:#fff; background:rgba(var(--main-color)); max-width:120px;}
.pop-up#form td textarea.text{ height:.9rem;}
.pop-up#form p{ margin:0; font-size:var(--font-size32); color:rgba(var(--main-color));line-height: 1.4; margin-bottom: .1rem; font-family: 'hmm';}
.pop-up#form p span{font-size:var(--font-size18); color: #333333;font-family: 'hml'; }
.pop-up#map .main{ padding:.15rem;}
.pop-up .map{ height:3rem;}

@media(max-width:1024px){
    .pop-up .main{ padding:.3rem;}
    .pop-up#form td{ display: block;}
}


.recruits-titles {background:#fafafa;}
.recruits-titles.three_fixed {position: sticky;top: .91rem;z-index: 99;}
.recruits-titles .san{display: flex;justify-content: center;}
.recruits-titles a{transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);margin-right:0; line-height:4.5;display: inline-block;font-size:var(--font-size16); color: #333;}
.recruits-titles a:not(:nth-last-of-type(1))::after{content: '|';margin: 0 .4rem;}
.recruits-titles a.active{color: rgba(var(--main-color));}
.recruits-titles a:hover{color: rgba(var(--main-color));}
@media (max-width:1024px) {
    .recruits-titles .san{flex-wrap: wrap;}
    .recruits-titles a:not(:nth-last-of-type(1))::after{ margin: 0 .1rem;}
}


/*PicList002736 */
.PicList002736{padding:1rem 0 0.5rem;}
.PicList002736 li{width:48.5%;float:left;margin-right:3%; margin-bottom: 3%;}
.PicList002736 li:nth-child(2n){margin-right:0;}
.PicList002736 li a{overflow: hidden;display: flex;align-items: center;background: #fff; border: 1px solid #f1f7fc; transition: 0.3s;border-radius: 0.15rem;background-image: linear-gradient(to bottom right,#f1f7fc,#ffffff);}
.PicList002736 li a:hover{border-color: var(--main-color);}
.PicList002736 li a .pic{position: relative;overflow: hidden}
.PicList002736 li a .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: space-between;align-items: center}
.PicList002736 li a .pic span img{width: 100%;height: 100%;object-fit: contain}
.PicList002736 li .Ispic{ background-size: contain;background-position: center;background-repeat: no-repeat;background-color: #f5faff;}
.PicList002736 li .txt{ padding:0 2% 0 5%;}
.PicList002736 li .txt h3{font-size: var(--font-size26);color: rgba(var(--main-color));font-family: 'hmm';margin-bottom: 0.15rem;}
.PicList002736 li .txt p{ margin-bottom: 0;font-size: var(--font-size18);line-height: 1.77;color: rgba(var(--rgb-333));}
.PicList002736 li .txt .desc{ max-height: 1.3rem;overflow: auto;font-size: var(--font-size18);line-height: 1.77;color: rgba(var(--rgb-333));padding-right: 3%}


@media(min-width:1025px){
    .PicList002736 li .pic{width: 36.176%;padding-bottom: 2.8rem;flex: 0 0 auto}
    .PicList002736 li .txt{flex: 1}
}

@media(min-width:481px) and (max-width:1024px){
    .PicList002736 li .Ispic{width: 45%;padding-bottom: 31.3%;}
    .PicList002736 li .txt{width: 48%;}
}

@media(max-width:1024px){
    .PicList002736{padding:.6rem 0;}
    .PicList002736 li{width:100%;margin-right:0;}
    .PicList002736 li a {flex-direction: column;}
    .PicList002736 li a .pic{padding-bottom: 50%;width: 100%}
    .PicList002736 li .txt {padding: .3rem;}
}





.History{background: url(../images/History-bg.jpg) no-repeat center bottom;background-size: cover; overflow: hidden;padding: 1rem 0 0;position: relative;z-index: 10}
.History .title{color: #000000;font-size: var(--font-size40);font-family: 'hmm';text-align: center;padding-bottom: .5rem}
.History .box{position: relative;padding: .3rem 0 1.5rem;}
.History .box::before{position: absolute;content: '';width: 1px;height: 100%;background: #000;left: 50%;top: 0}
.History .box .item{display: flex;padding: .2rem 0;}
.History .box .item .con{width: 50%;text-align: right;padding-right: .8rem}

.History .box .item .year{margin-bottom: .2rem;position: relative}
.History .box .item .year::before{content: '';position: absolute;width: .11rem;height: .11rem;background: #000;right: -.86rem;top: 50%;transform: translateY(-50%);border-radius: 50%;z-index: 2}

.History .box .item .year::after{position: absolute;content: '';height: 1px;width: .44rem;background: #000;right: -.8rem;top: 50%;}

.History .box .item .year span{font-size: .5rem;color:#000;line-height: 1;font-family: 'hmr';}
.History .box .item .itxt{color: #000;line-height: 2}
.History .box .item .itxt p{padding-right: .12rem;position: relative}
.History .box .item .itxt p::before{content: '';position: absolute;width: 5px;height: 2px;background: rgba(var(--main-color));right: 0;top: .15rem}

.History .box .item:hover .year::before{width: .2rem;height: .2rem;background: #fff;border: .06rem solid rgba(var(--main-color));right: -.91rem;}


@media(min-width:1025px){
    .History .box .item:nth-child(2n){flex-direction: row-reverse;;}
    .History .box .item:nth-child(2n) .con{text-align: left;padding-left: .8rem;padding-right: 0}
    .History .box .item:nth-child(2n) .year::before{left: -.85rem;right: auto}
    .History .box .item:nth-child(2n) .year::after{left: -.8rem;right: auto}
    
    .History .box .item:nth-child(2n) .itxt p{padding-left: .12rem;padding-right: 0}
    .History .box .item:nth-child(2n) .itxt p::before{right: auto;left: 0;}
    .History .box .item:nth-child(2n):hover .year::before{left: -.9rem;}
}
@media(max-width:1024px){
    .History .box::before{left: 0;}
    .History .box .item .year::before{right: auto;left: -.83rem}
    .History .box .item .year::after{left: -.8rem;right: auto}
    .History .box .item .con{width: 100%;text-align: left;padding: 0 0 0 .8rem}
    .History .box .item .itxt p{padding:0 0 0 .12rem;}
    .History .box .item .itxt p::before{right: auto;left: 0;}
    .History .box .item .year span{font-size: .3rem;}
}




.Concept{padding: 1rem 0;background: #fafafa}
.Concept .title{color: #000000;font-size: var(--font-size40);font-family: 'hmm';padding-bottom: .5rem}

.Concept .item{position: relative;display: flex;justify-content: space-between;}
.Concept .item:not(:last-child){margin-bottom: 1.5rem;}
.Concept .item .pic figure{padding-bottom: 60.042%;border-radius:3px ;background-size: cover;background-position: center;background-repeat: no-repeat}
.Concept .item .txt{background:url(../images/Culture-box2-line.png)no-repeat left .3rem bottom -.3rem #fff; background-size: auto auto;border-radius:3px;padding: 1rem .7rem;box-shadow: 0 3px 6px rgba(0,0,0,.1)}
.Concept .item .txt .tit{font-size: var(--font-size40);color: #333;font-family: 'hmm';padding-bottom: .3rem}
.Concept .item .txt .desc{color: #333;line-height: 2}


@media(min-width:1025px){
    .Concept .item{display: flex;}
    .Concept .item .txt{width: 40%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
    .Concept .item .pic{width: 69%;}
}

@media(max-width:1024px){
    .Concept{padding: .6rem 0;}
    .Concept .title{font-size: var(--font-size30);}
    .Concept .item .txt .tit{font-size: var(--font-size30);}
    .Concept .item{flex-direction: column;}
    .Concept .item .pic{width: 100%}
    .Concept .item .pic figure{padding-bottom: 60.042%;border-radius:3px ;}
    .Concept .item .txt{padding: .5rem;}
}





.Honor{padding: 1rem 0;}
.Honor .list{ display: flex;flex-wrap: wrap;}
.Honor .item{margin-bottom: 4%}
.Honor .item .pic{background: url(../images/honor-bg.jpg)no-repeat center;background-size: cover;padding-bottom: 120%;border-radius: .1rem;overflow: hidden;position: relative;display: flex;justify-content: center;align-items: center}

.Honor .item .pic img{padding: .17rem;background: url(../images/honor-kuang.png)no-repeat center;background-size: 100% 100%;position: absolute;z-index: 2;object-fit: contain;max-width: 85.7%;max-height: 75%;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.Honor .item .pic .imgBox{max-width: 85.7%;max-height: 85.7%;margin-top: 10%;position: relative}
.Honor .item .pic .imgBox::after{content: '';position: absolute;width: 127%;height: 100%;right: -.7rem;top: 0; background: url(../images/honor-yy.png)no-repeat center right;background-size: 100% 100%;z-index: 1}
.Honor .item .tit{padding-top: .24rem;text-align: center;color: #333;font-size: var(--font-size18);}

@media(min-width:1025px){
    .Honor .item{width: 23.5%;margin-right: 2%;}
    .Honor .item:nth-child(4n){margin-right: 0;}
}

@media(max-width:1024px){
    .Honor{padding: .5rem 0;}
    .Honor .item{width: 49%;margin-right: 2%;margin-bottom: .3rem}
    .Honor .item:nth-child(2n){margin-right: 0;}
    .Honor .item .tit{padding-top: .14rem;}
}





.Case{padding: 1rem 0;}
.Case li {margin-bottom: 3%}
.Case li a{position: relative}

.Case li a .pic figure{padding-bottom: 60%;border-radius: .1rem;overflow: hidden;background-size: cover;background-position: center;background-repeat: no-repeat}
.Case li a .txt {}
.Case li a .txt .title{font-size: var(--font-size32);color: #000;padding-bottom: .4rem}
.Case li a .txt .desc{line-height: 2;margin-bottom: .5rem}
.Case li a:hover .txt .title{color: rgba(var(--main-color));}
@media(min-width:1025px){
    .Case li a::after{content: '';position: absolute;width: 50%;right: 0;bottom: 0;height: 1px;background: #ebebeb}
    .Case li a{display: flex;align-items: center;justify-content: space-between;}
    .Case li a .pic{width: 50%;}
    .Case li a .txt{width: 50%;padding: 0 5%;}
}

@media(max-width:1024px){
    .Case{padding: .6rem 0;}
    .Case li:not(:last-child){margin-bottom: .5rem}
    .Case li a .txt {padding-top: .2rem}
    .Case li a .txt .title{font-size: var(--font-size24);padding-bottom: .2rem}
    .Case li a .txt .desc{margin-bottom: .2rem}
}





.singing{padding: 1.5rem 0 1rem;min-height: 4rem;}
.singing .title{font-size:var(--font-size40);color: #333;padding-bottom: .3rem;border-bottom: 1px solid #ebebeb;margin-bottom: .3rem }
.singing .con h3{font-family: 'hmb';color: #333;padding-bottom: .2rem}
.singing .con p{line-height: 2}
@media(max-width:1024px){
    .singing{padding: 1.2rem 0 .6rem;}
    .singing .title{font-size:var(--font-size30); }
}



/* 足迹 */

.background-grid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333;
    z-index: -1;
}

.gallery-container {
    position: relative;
    width: 40vw;
    height: 40vw;
    max-width: 800px;
    max-height: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.center-image {
    position: relative;
    width: 35%;
    height: 35%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 2;
    border: 14px solid rgba( 88,156,206, 0.2);
}

.center-image::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1B4E85;
    z-index: -1;
}

.center-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.6;
}

.center-label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    font-weight: bold;
    opacity: 1;
    font-size: 20px;
    /* 始终显示 */
}

.orbit {
    position: absolute;
    width: 85%;
    height: 85%;
    border-radius: 50%;
    border: 6px solid rgba( 88,156,206, 0.2);
}

.orbit-item {
    position: absolute;
    width: 12%;
    height: 12%;
    border-radius: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    cursor: pointer;
    z-index: 1;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
    border: 6px solid rgba( 88,156,206,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.orbit-item::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1B4E85;
    z-index: -1;
}

.orbit-item:hover {
    transform: translate(-50%, -50%) scale(1.5);
    z-index: 3;
}

.orbit-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease, filter 0.3s ease;
    opacity: 0.6;
}

.orbit-item:hover img {
    transform: scale(1.1);
    filter: brightness(0.6);
    /* 鼠标悬停时图片变暗，突出文字 */
}

.orbit-item-label {
    position: absolute;
    color: white;
    font-weight: bold;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    z-index: 2;
    pointer-events: none;
    text-align: center;
    font-size: 18px;
    transition: font-size 0.3s ease;
}

.orbit-item:hover .orbit-item-label {
    font-size: 14px;
}

.connection-line {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.3);
    height: 2px;
    transform-origin: left center;
    z-index: -1;
    transition: opacity 0.3s ease;
    opacity: 0;
}

.connection-line.active {
    opacity: 1;
}

.info-panel {
    position: absolute;
    left: auto;
    right: 120%;
    color: #333;
    /* 初始位置在元素右侧 */
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 20px;
    width: 200px;
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 10;
    overflow-wrap: break-word;
    word-wrap: break-word;
    z-index: 0;
}

.info-panel.active {
    opacity: 1;
    right: 100%;
    /* 移动到元素左侧 */
    z-index: 10;
}

.info-panel h3 {
    margin-bottom: 15px;
    color: #4a90e2;
    text-align: center;
    font-size: 18px;
    margin-top: 0;
}

.close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    border: none;
    cursor: pointer;
    display: none;
    /* 默认隐藏 */
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: background-color 0.3s ease;
}

.close-btn:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

/* 在移动端显示关闭按钮 */
@media (max-width: 768px) {
    .close-btn {
        display: flex;
        z-index: 100;
        /* 确保关闭按钮在最上层 */
    }

    /* 移动端调整标题位置，避免与关闭按钮重叠 */
    .info-panel h3 {
        margin-top: 15px;
        padding-top: 10px;
        font-size: 16px;
        /* 减小标题字体大小 */
        text-align: center;
    }

    /* 移动端优化文字信息 */
    .info-panel li {
        font-size: 13px;
        /* 减小列表项字体大小 */
        text-align: center;
        /* 文字居中显示 */
        justify-content: center;
        /* 内容居中 */
        padding: 6px 10px;
        /* 调整内边距 */
    }

    /* 移动端优化信息面板样式 */
    .info-panel {
        text-align: center;
        /* 整体文字居中 */
        padding: 20px 15px;
        /* 调整内边距 */
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        bottom: auto !important;
        max-width: 90% !important;
        width: 300px !important;

    }

    /* 调整小圆中间文字大小 */
    .orbit-item-label {
        font-size: 11px;
        /* 减小小圆文字大小 */
    }

    .orbit-item:hover .orbit-item-label {
        font-size: 12px;
        /* 悬停时也使用较小的字体大小 */
    }
}

.info-panel ul {
    list-style-type: none;
    padding: 0;
}

.info-panel li {
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 14px;
    display: flex;
    align-items: center;
    overflow-wrap: break-word;
    word-wrap: break-word;
    line-height: 1.4;
}

.info-panel li:last-child {
    border-bottom: none;
}

.info-panel li:before {
    content: "●";
    color: #4a90e2;
    margin-right: 8px;
    font-size: 10px;
}

.glow-effect {
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(74, 144, 226, 0.3) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

/* 响应式设计 */
@media (max-width: 1024px) {
    .home-project .con{
        margin: 0 auto;
        width: 90%;
    }
    .info-panel {
        width: 180px;
        padding: 15px;
        pointer-events: all;
    }
    .gallery-container {
        width: 80vw;
        height: 80vw;
}
    
}







/*搜索结果页*/

.SearchBox{background: url(../images/searchbanner.jpg)no-repeat center;background-size: cover;background-repeat: no-repeat;background-position: center;}
.SearchBox .auto-inner{position: relative;padding: 2rem 0}
.SearchBox .con{max-width: 5.8rem;width: 90%;margin: 0 auto;display: flex;flex-direction: column;justify-content: center;}
.SearchBox .con .title{font-size:var(--font-size40);color: #333;margin-bottom: .3rem;text-align: center}
.SearchBox .con .form {position: relative;}
.SearchBox .con .form .text{width: 100%;height: .6rem;line-height: .6rem;border: 0;padding: 0 1.2rem 0 .5rem;border-radius: 3px;color: #333;font-size:var(--font-size18);background: url(../images/soso2.svg)no-repeat center left .2rem #fff;background-size: .16rem auto;}
.SearchBox .con .form .btn{position: absolute;width: 1.2rem;height: .6rem;border-radius: 3px;background:rgba(var(--main-color));color: #fff;text-align: center;line-height: .6rem;border: 0;right: 0;bottom: 0;font-family: 'hmr';font-size:var(--font-size18); }

.SearchBox .SearchMenu{position: absolute;bottom: 0;left: 0;width: 100%;display: flex;justify-content: center;}
.SearchBox .SearchMenu a{line-height: .6rem;color: #000;margin: 0 .2rem;border-bottom: 2px solid transparent;font-size:var(--font-size18);}
.SearchBox .SearchMenu a.on{border-bottom-color: rgba(var(--main-color))}

@media(max-width:1024px){
    .SearchBox .auto-inner{padding: 1.5rem 0}
    
    .SearchBox .SearchMenu{flex-wrap: wrap;}
    .SearchBox .SearchMenu a{margin: 0 .16rem;}
}


.SearchResults{padding: 1.2rem 0}
.SearchResults .inner{z-index: 1; position: relative; clear: both; max-width: 1400px; width: 90%; margin: 0px auto;}
.SearchResults .titlebox{display: flex;align-items: center;justify-content: space-between;border-bottom: 2px solid #ebebeb;padding-bottom: .2rem;margin-bottom: .5rem}
.SearchResults .titlebox .it{font-size:var(--font-size24);color: #000;font-family: 'hmr';}
.SearchResults .titlebox .ip{color: #999;}
.SearchResults .titlebox .ip span{color: rgba(var(--main-color));}

.SearchResults .box:not(:last-child){padding-bottom: .7rem}


.SearchResults .SearchProList li:not(:last-child){margin-bottom: .3rem}
.SearchResults .SearchProList li a{display: flex;align-items: center;}
.SearchResults .SearchProList li a .pic{width: 15%;flex: 0 0 auto;position: relative;padding-bottom: 13%;display: flex;justify-content: center;align-items: center;background: #f6f9fb;}
.SearchResults .SearchProList li a .pic img{position: absolute;max-width: 70%;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .3s all}

.SearchResults .SearchProList li a .txt{flex: 1;padding-left: 4%;width: 85%}
.SearchResults .SearchProList li a .txt .it{font-size:var(--font-size20);color: #000;padding-bottom:.1rem;transition: .3s all }
.SearchResults .SearchProList li a .txt .ip{color: #999;}
.SearchResults .SearchProList li:hover a .pic img{transform: scale(1.05) translate(-50%,-50%)}
.SearchResults .SearchProList li:hover a .txt .it{color: rgba(var(--main-color));}
@media(min-width:1025px){
    .SearchResults .SearchProList {width: 90%;}
    .SearchResults .SearchProList li a .pic{}
    
}
@media(max-width:1024px){
    .SearchResults{padding: 50px 0}
    
    .SearchResults .SearchProList li a{flex-direction: column;}
    .SearchResults .SearchProList li a .pic{padding-bottom: 43%;width: 50%;margin-bottom: .2rem}
    .SearchResults .SearchProList li a .txt{padding-left: 0;width: 100%}
}



.SearchResults .SearchCaseList li{counter-increment: itemcounter;}
.SearchResults .SearchCaseList li:not(:last-child){margin-bottom: .3rem}
.SearchResults .SearchCaseList li a{position: relative;padding-left: .4rem;display: block}
.SearchResults .SearchCaseList li a:before{content: counters(itemcounter, ".", decimal-leading-zero);width: .26rem;height: .26rem;border-radius: 3px;background: rgb(232 241 249);display: flex;justify-content: center;align-items: center;color: rgba(var(--main-color));font-size: 12px;position: absolute;left: 0;top: 3px;}  
.SearchResults .SearchCaseList li a .txt .it{font-size:var(--font-size20);color: #000;padding-bottom:.1rem;transition: .3s all }
.SearchResults .SearchCaseList li a .txt .ip{color: #999;}
.SearchResults .SearchCaseList li:hover a .txt .it{color: rgba(var(--main-color));}
@media(min-width:1025px){
    .SearchResults .SearchCaseList {width: 90%;}
    .SearchResults .SearchCaseList li a{}
}

    



.SearchResults .SearchDownloadList{}
.SearchResults .SearchDownloadList li{counter-increment: itemcounter;}
.SearchResults .SearchDownloadList li:not(:last-child){margin-bottom: .3rem}
.SearchResults .SearchDownloadList li a{position: relative;padding-left: .4rem;display: block}
.SearchResults .SearchDownloadList li a:before{content: counters(itemcounter, ".", decimal-leading-zero);width: .26rem;height: .26rem;border-radius: 3px;background: rgb(232 241 249);display: flex;justify-content: center;align-items: center;color: rgba(var(--main-color));font-size: 12px;position: absolute;left: 0;top: 3px;}  
.SearchResults .SearchDownloadList li a .txt .it{font-size:var(--font-size20);color: #000;padding-bottom:.1rem;transition: .3s all }
.SearchResults .SearchDownloadList li a .txt .ip{color: rgba(var(--main-color));display: flex;align-items: center;}
.SearchResults .SearchDownloadList li a .txt .ip:after{content: '';width: .14rem;height: .14rem;background: url(../images/download-on.svg)no-repeat center;background-size: .14rem auto;margin-left: .1rem}
.SearchResults .SearchDownloadList li:hover a .txt .it{color: rgba(var(--main-color));}
@media(min-width:1025px){
    .SearchResults .SearchDownloadList {width: 90%;}
    .SearchResults .SearchCaseList li a{}
}




.popUp-box {position: fixed; z-index: 200; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.5); display: none;}
.popUp-box .box{position: absolute; z-index: 200; left: 0; top: 0; width: 100%; height: 100%;display: flex;justify-content: center;align-items: center;}
.popUp-box .main{width: 90%;background: #fff;max-width: 5.4rem;position: relative;padding: .6rem .5rem}
.popUp-box .close {position: absolute;right: 20px;top: 20px;width: .2rem;height: .2rem;z-index: 10;cursor: pointer;}
.popUp-box .close:before, 
.popUp-box .close:after { position: absolute; content: ''; width: 100%; height: 2px; background-color: #000; top: 50%; margin-top: -1px; transform: rotate(-45deg);}
.popUp-box .close:after {transform: rotate(45deg);}

.popUp-box .title{font-size:var(--font-size32);color: #000;font-family: 'hmr';text-align: center;padding-bottom: .3rem}

.popUp-box .form li {position: relative;z-index: 1; margin-bottom: 10px;}
.popUp-box .form li label.tit { position: absolute; left: .2rem; top: 0; line-height:.5rem;color: #333}
.popUp-box .form li .text { border: solid 1px rgba(139,139,139,0.2); width: 100%; height: .5rem; line-height: .5rem; border-radius: 3px; padding: 0 .2rem;}
.popUp-box .form li textarea.text {height: auto;}
.popUp-box .form ol .btn { display: block; width: 1.6rem; background: rgba(var(--main-color)); border: 0; cursor: pointer; border-radius: 3px; height: .5rem;color: #fff;font-size:var(--font-size18);margin: 0 auto}

@media(min-width:1025px){
    
}






.jszn{padding: 1rem 0 0}
.jszn .jszn_title{text-align: center;padding-bottom: .8rem}
.jszn .jszn_title h3{text-align: center;color: #000;font-family: 'hmm';font-size: var(--font-size40);padding-bottom: .1rem}
.jszn .jszn_title span{display: inline-block;font-size: var(--font-size22);color: #000}

.jszn .jszn_box1{overflow: hidden}
.jszn .jszn_box1 .jszn_box1_title{text-align: center}
.jszn .jszn_box1 .jszn_box1_title h3{font-size: var(--font-size20);color: rgba(var(--main-color))}
.jszn .jszn_box1 .jszn_box1_title h1{font-size: var(--font-size46);color: #000;font-family: 'hmm';}

.jszn .jszn_box1 .jszn_box1_con{margin-top: 1rem;padding-bottom: 1.2rem;position: relative}
.jszn .jszn_box1 .jszn_box1_con .yuan{position: relative;height:3.2rem;width: 3.2rem;margin: 0 auto;border-radius: 50%;}
.jszn .jszn_box1 .jszn_box1_con .yuan i{position: absolute;width: 100%;height: 100%;left: 0%;top: 0%;border-radius: 50%}
.jszn .jszn_box1 .jszn_box1_con .yuan i::before{content: ''; position: absolute;z-index: -1;width: 140%;height: 140%;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #e1f0fa;border-radius: 50%;opacity: .5}
.jszn .jszn_box1 .jszn_box1_con .yuan i::after{content: ''; position: absolute;width: 200%;height: 200%;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #eef6fc;border-radius: 50%;z-index: -2;opacity: .3}
.jszn .jszn_box1 .jszn_box1_con .yuan .txt{color: #fff;text-align: center;padding: 0 .2rem;position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 10}
.jszn .jszn_box1 .jszn_box1_con .yuan .txt h3{font-size: var(--font-size30);font-family: 'hmm'}
.jszn .jszn_box1 .jszn_box1_con .yuan .txt .desc{font-size: var(--font-size22);}
.jszn .jszn_box1 .jszn_box1_con .yuan .bg{height: 100%;height: 100%;border-radius: 50%;overflow: hidden;background: #000}
.jszn .jszn_box1 .jszn_box1_con .yuan img{height: 100%;height: 100%;object-fit: cover;opacity: .75}


.jszn .jszn_box1 .jszn_box1_con .list .item .icon{width: .76rem;height: .76rem;background:rgba(var(--main-color));border-radius: 50%;border: 7px solid #e1f0fa;flex: 0 0 auto;display: flex;justify-content: center;align-items: center}
.jszn .jszn_box1 .jszn_box1_con .list .item .icon img{max-width: .36rem;max-height: .36rem;}
.jszn .jszn_box1 .jszn_box1_con .list .item .txt{flex: 1;}
.jszn .jszn_box1 .jszn_box1_con .list .item .txt .tit{font-size: var(--font-size20);font-family: 'hmm';color: #000;padding-bottom: .15rem}
.jszn .jszn_box1 .jszn_box1_con .list .item .txt .desc{line-height: .26rem}



.jszn .jszn_box2{padding: 1rem 0;background: url(../images/Service_box3-bg.jpg) no-repeat center top;background-size: cover;}
.jszn .jszn_box2 .left .tit{font-size: var(--font-size30);font-family: 'hmm';color: #000;padding-bottom: .3rem}
.jszn .jszn_box2 .left .desc{line-height: .26rem;padding-bottom: .4rem;margin-bottom: .4rem;border-bottom: 1px solid #ebebeb;}
.jszn .jszn_box2 .left dl dd{padding-left: .15rem;position: relative}
.jszn .jszn_box2 .left dl dd:not(:last-child){margin-bottom: .15rem}
.jszn .jszn_box2 .left dl dd:before{content: '';position: absolute;width: .06rem;height: .06rem;background: rgba(var(--main-color));border-radius: 50%;left:0;top: .08rem;}
.jszn .jszn_box2 .left dl dd strong{font-family: 'hmm';color: rgba(var(--main-color))}

.jszn .jszn_box2 .right figure{padding-bottom: 65%;background-size: cover;background-position: center;background-repeat: no-repeat;border-radius: .1rem}

@media(min-width:1025px){
    .jszn .jszn_box1 .jszn_box1_con .list .item{position: absolute;width: calc((100% - 5.6rem)/2);display: flex;align-items: center;}
    .jszn .jszn_box1 .jszn_box1_con .list .item:nth-child(1){left: 0;top: 30%;flex-direction: row-reverse;}
    .jszn .jszn_box1 .jszn_box1_con .list .item:nth-child(2){right: 0;top: 30%;}
    .jszn .jszn_box1 .jszn_box1_con .list .item:nth-child(3){top: 100%;left: 50%;transform: translateX(-50%);flex-direction: column;width: 50%}
    
    .jszn .jszn_box1 .jszn_box1_con .list .item:nth-child(1) .txt{padding-right: .3rem;text-align: right}
    .jszn .jszn_box1 .jszn_box1_con .list .item:nth-child(2) .txt{padding-left: .3rem;}
    .jszn .jszn_box1 .jszn_box1_con .list .item:nth-child(3) .txt{padding-top: .3rem;text-align: center}
    
    .jszn .jszn_box2 .jszn_box2_con{display: flex;justify-content: space-between;align-items: center}
    .jszn .jszn_box2 .jszn_box2_con .left{flex: 1;padding-right: 5%}
    .jszn .jszn_box2 .jszn_box2_con .right{flex: 0 0 auto;width: 50%;}
}

@media(max-width:1024px){
    .jszn .jszn_box1 .jszn_box1_con {padding-bottom: 1rem}
    .jszn .jszn_box1 .jszn_box1_con .list .item{padding-top: .5rem}
    .jszn .jszn_box1 .jszn_box1_con .list .item .icon{margin-bottom: .1rem}
    
    .jszn .jszn_box2 .left{margin-bottom: .5rem}
}


.RighInfo003072 {margin-bottom:1rem}

.RighInfo003072 .apply{position: relative;}
.RighInfo003072 .apply aside{position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); z-index: 10;color: #fff;box-shadow: 0.05vw 0.09vw 0.26vw  rgba(3, 0, 0, 0.14);font-family: 'SourceHanSansCN-Bold';font-size: 2.92vw; text-align: center;line-height: 3.13vw;letter-spacing: 0.53vw;}

.RighInfo003072 .item-group .item{padding: 0.2rem 0;background-repeat: no-repeat;background-image: url("../images/RighInfo003072_bg.png");}
.RighInfo003072 .item-group .item:nth-child(2n-1){background-position: left 20% bottom -30%;}
.RighInfo003072 .item-group .item:nth-child(2n){background-position: right 20% bottom -30%;}

.RighInfo003072 .item-group .img img{border-radius: 10px;}
.RighInfo003072 .item-group h3{font-size: var(--font-size30);    font-family: 'hmm';    color: #000;    padding-bottom: .3rem;}
.RighInfo003072 .item-group h3 span{padding:0.01rem 0.08rem; background:#1a6aab; color:#fff;margin-right:0.05rem;border-radius:0.1rem 0rem}

.RighInfo003072 .item-group pre{line-height: .26rem;}
@media(min-width:1024px){
.RighInfo003072 .item-group .item:nth-child(2n-1) .txt,
.RighInfo003072 .item-group .item:nth-child(2n) .img{float: left;}
.RighInfo003072 .item-group .item:nth-child(2n) .txt,
.RighInfo003072 .item-group .item:nth-child(2n-1) .img{float: right;}
.RighInfo003072 .item-group .img{width: 50%;}
.RighInfo003072 .item-group .txt{width: 43.5%; padding-top: 3.5vw;}
}
@media(max-width:1024px){
.RighInfo003072 .item-group .item{padding: 5vw 0;}
.RighInfo003072 .item-group .txt{ padding-bottom: 4vw;}
.RighInfo003072 .item-group .img img{width:100%}
}
@media(max-width:480px){
.RighInfo003072 .item-group h3{font-size: 6vw;}
.RighInfo003072 .item-group pre{font-size: 3.5vw;}
}