@charset "utf-8";

/* 新闻列表 */
.nBan{position: relative;}
.nBan::before{content:'';display: block;width:100%;height:2rem;background: url(../images/topmask.png) repeat-x bottom center;position: absolute;top:0;left:0;z-index:9;background-size: cover;}
.nBan .img{padding-top:7.6rem;}
.nBan .txt{position: absolute;left:0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;width:100%;color:#fff;}
.nBan .txt .eng{font-size: 1rem;line-height: 1;text-transform: uppercase;font-weight: bold; background: -webkit-linear-gradient(top, rgba(255,255,255,0.2),rgba(255,255,255,0.1), rgba(255,255,255,0),rgba(255,255,255,0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent; /* 为了兼容非WebKit浏览器 */}
.nBan .txt .cn{font-size: 0.56rem;font-weight: bold;letter-spacing: 2px;line-height: 1;margin-top:-0.56rem;}

.Localtion{padding:0.3rem 0;text-align: right;color:#999;}
.Localtion a{color:#999;}
.Localtion img{position: relative;top:-2px;margin-right:10px;}

.Main{padding-bottom:1rem;padding-top:0.3rem;}
.Main .subMenu{width:20%;max-width:2.8rem;}
.Main .subMenu .subimg{margin-bottom:0.1rem;}
.Main .subMenu .subimg img{width:100%;}
.Main .subMenu .menutit{display: none;}
.Main .subMenu .menu{position: relative;}
.Main .subMenu .menu dl dd{line-height: 0.6rem;border-bottom:1px solid #ebebeb;}
.Main .subMenu .menu dl dd a{display: block;color:#666;position: relative;z-index:9;padding:0 0.2rem;}
.Main .subMenu .menu dl dd em::after{content:'';display: block;width:40px;height:100%;background: url(../images/subnav.png) no-repeat center center;position: absolute;right:0;top:0;}
.Main .subMenu .menu dl dd em::before{content:'';display: block;width:0;height:100%;background-image: linear-gradient(to right, #1979a6, #0c9864);position: absolute;left:0;top:0;transition: all .5s;-webkit-transition: all .5s;opacity: 0;}
.Main .subMenu .menu dl dd:hover em::before{width:100%;opacity: 1;}
.Main .subMenu .menu dl dd:hover em a{color:#fff;}
.Main .subMenu .menu dl dd em:hover::after{background: url(../images/subnavc.png) no-repeat center center;}
.Main .subMenu .menu dl dd.on em::before{width:100%;opacity: 1;}
.Main .subMenu .menu dl dd.on em a{color:#fff;}
.Main .subMenu .menu dl dd.on em::after{background: url(../images/subnavc.png) no-repeat center center;}

.Main .subContent{width:73.6%;}

/* .Main .subMenu .menu dl dd em{display: block;position: relative;}
.Main .subMenu .menu dl dd em b{display: block;width:40px;height:100%;position: absolute;top:0;right:0;z-index:99;cursor: pointer;}
.Main .subMenu .menu dl dd .twonav{padding:0.3rem;line-height: 0.35rem;display:none;position: absolute;left:100%;top:-1.22rem;background: rgba(255,255,255,0.8);z-index:998;box-shadow: 0 0 10px rgba(0,0,0,0.1);width:11rem;}
.Main .subMenu .menu dl dd .twonav li a:hover{color:#0c9766;}
.Main .subMenu .menu dl dd .twonav li.on a.bb{color:#0c9766;}
.Main .subMenu .menu dl dd .twonav ul ul li.on a{color:#0c9766;}
.Main .subMenu .menu dl dd .twonav .ul1::after{content:'';display: block;clear: both;}
.Main .subMenu .menu dl dd .twonav .ul1{padding-top: 0.3rem;border-top: 1px dashed #dedede;}
.Main .subMenu .menu dl dd .twonav .ul1 li{width:30.33%;margin-left:3%;float:left;} */
.Main .subMenu .menu dl dd em{display: block;position: relative;}
.Main .subMenu .menu dl dd em b{display: block;width:40px;height:100%;position: absolute;top:0;right:0;z-index:99;cursor: pointer;}
.Main .subMenu .menu dl dd .twonav{padding:0.1rem 0.2rem;line-height: 0.45rem;display: none;position: absolute;left:100%;top:0;width:6rem;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);z-index:998;max-height:40vh;overflow: auto;}
.Main .subMenu .menu dl dd .twonav ul::after{content:'';display: block;clear: both;}
.Main .subMenu .menu dl dd .twonav ul{margin-left:-3%;}
.Main .subMenu .menu dl dd .twonav li{width:47%;float:left;margin-left:3%;border-right:1px solid #e5e5e5;box-sizing: border-box;}
.Main .subMenu .menu dl dd .twonav li:nth-child(2n){border-right:none;}
.Main .subMenu .menu dl dd .twonav li img{display: inline-block;margin-right:5px;}
.Main .subMenu .menu dl dd .twonav li a:hover{color:#0c9766;}
.Main .subMenu .menu dl dd .twonav li.on a{color:#0c9766;}
.Main .subMenu .menu dl dd:hover .twonav{display: block;}


.Main .subMenu .menu dl dd a.bb{font-weight: bold;color:#0c9766;}
.Main .subMenu .menu dl dd:hover .twonav{display: block;}

.Main .subMenu .menu dl dd .twonav .ProIntro{ margin-bottom:.2rem;}
.Main .subMenu .menu dl dd .twonav .ProIntro .ProIntroTxt .con{ max-height:2.4rem; overflow:auto; margin-top:.1rem; }
.Main .subMenu .menu dl dd .twonav .ProIntro .ProIntroTxt .tit{ font-size:.3rem!important;}
.Main .subMenu .menu dl dd .twonav .ProIntro .ProIntroTxt .con span{ font-size:.16rem!important;}
.Main .subMenu .menu dl dd .twonav .BottomConL{ width:100%; margin-top:.2rem;}
.Main .subMenu .menu dl dd .twonav .BottomTit{ font-size:0.18rem;margin-bottom:0.15rem;}
.Main .subMenu .menu dl dd .twonav .BottomConL ul{display: flex;justify-content: space-between;}
.Main .subMenu .menu dl dd .twonav .BottomConL ul li{padding-left:0.48rem;position: relative;float:left;}
.Main .subMenu .menu dl dd .twonav .BottomConL ul li .ico{width:0.36rem;height:0.36rem;box-sizing: border-box;border:1px solid #168195;border-radius:50%;position: absolute;left:0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;display: flex;align-items: center;justify-content: center;}
.Main .subMenu .menu dl dd .twonav .BottomConL ul li:hover .ico img{-webkit-animation: icon-bounce 0.5s alternate;-moz-animation: icon-bounce 0.5s alternate;-o-animation: icon-bounce 0.5s alternate;animation: icon-bounce 0.5s alternate;}

@media(max-width:1024px){
.nBan .img{padding-top:50%;}
.nBan .txt .eng{font-size: 40px;}
.nBan .txt .cn{font-size: 30px;margin-top:-20px;}
.Localtion{padding:20px 0;}
.Main .subMenu .menu dl dd .twonav{position: static;width:100%;padding:0;line-height: 30px;}
.Main .subMenu .menu dl dd .twonav .ul1{display: none;}

.Main .subMenu .menu dl dd .twonav .BottomConL,
.Main .subMenu .menu dl dd .twonav .ProIntro{ display:none;}
.Main .subMenu .menu dl dd .twonav li{border-right:0;line-height: 30px;}
}

@media(max-width:768px){
.Main{padding-bottom:30px;padding-top:10px;}
.Main .subMenu{width:100%;max-width:100%;}
.Main .subContent{width:100%;margin-top:30px;}
.Main .subMenu .menu dl dd{line-height: 38px;}
.Main .subMenu .menu dl dd a{padding:0 20px;}
.Main .subMenu .menutit{display: block;font-size: 16px;color:#fff;padding:0 20px;line-height: 40px;background-image: linear-gradient(to right, #1979a6, #0c9864);font-weight: bold;position: relative;}
.Main .subMenu .menutit b{display: block;width:40px;height:100%;background: url(../images/subnavc.png) no-repeat center center;position: absolute;right:0;top:0;}
.Main .subMenu .menu{padding:10px;display: none;}
.nBan .txt .eng{font-size: 30px;}
.nBan .txt .cn{font-size: 20px;margin-top:-10px;}
.Main .subMenu .menu dl dd .twonav{width:100%;position: static;box-sizing: border-box;}
.Main .subMenu .menu dl dd:hover .twonav{display: none;}
}

@media(max-width:640px){
    .Main .subMenu .menu dl dd .twonav li{width:97%;}
}



.NewsList ul li{padding:0.3rem 0;border-bottom:1px dotted #ebebeb;}
.NewsList ul li:first-child{padding-top:0;}
.NewsList ul li a{display: block;padding-left:3.3rem;position: relative;}
.NewsList ul li .img{width:3.3rem;padding-top:2.2rem;position: absolute;left:0;top:0;}
.NewsList ul li .txt{height:2.2rem;padding:0.2rem 0 0.2rem 0.4rem;box-sizing: border-box;}
.NewsList ul li .txt .tit{font-size: 0.22rem;}
.NewsList ul li .txt .dec{line-height: 2;color:#666;height:0.64rem;margin:0.3rem 0;}
.NewsList ul li .txt .time{color:#666;position: relative;}
.NewsList ul li .txt .time .more{display: block;width:0.5rem;height:0.5rem;border-radius: 50%;background: url(../images/bg.png) no-repeat center center;background-size: cover;position: absolute;right:0.5rem;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);opacity: 0;transition: all .5s;-webkit-transition: all .5s;}
.NewsList ul li .txt .time .more i{display: block;width:100%;height:100%;background: url(../images/nextc.png) no-repeat center center;position: absolute;left:0;top:0;}
.NewsList ul li:hover .txt .time .more{right:0;opacity: 1;} 
.NewsList ul li:hover .txt{background: url(../images/newsbg.png) repeat-y left top;}
.NewsList ul li:hover .img span{transform: scale(1.05);-webkit-transform: scale(1.05);}
.NewsList ul li:last-child{border-bottom:none;}


@media(max-width:1024px){
    .NewsList ul li .txt .tit{font-size: 16px;}
    .NewsList ul li .txt .dec{line-height: 24px;height:48px;}
}

@media(max-width:640px){
    .NewsList ul li a{padding-left:140px;}
    .NewsList ul li .img{width:140px;padding-top:90px;}
    .NewsList ul li .txt{height:90px;padding:0 0 0 20px;}
    .NewsList ul li .txt .tit{font-size: 15px;}
    .NewsList ul li .txt .dec{margin:5px 0;}
    .NewsList ul li .txt .time .more{display: none;}
}


/* 新闻详情 */
.NewsInfo .NewsInfoTit{text-align: center;box-sizing: border-box;margin-bottom:0.3rem;}
.NewsInfo .NewsInfoTit h2{font-size: 0.3rem;line-height: 0.5rem;text-align: center;padding:0 0.4rem;}
.NewsInfo .NewsInfoTit .time{color:#666;margin: 0.25rem 0;}
.NewsInfo .NewsInfoTit .line{height:2px;border-top:1px solid #e5e5e5;border-bottom:3px solid #e5e5e5;}
.NewsInfo .NewsInfoBox{line-height: 0.3rem;color:#666;}
.NewsInfo .NewsInfoBox h6{font-size: 0.2rem;color:#333;margin-bottom:10px;}
/* .NewsInfo .NewsInfoBox img{display: block;} */
.NewsInfo .InfoPage{padding-top:0.3rem;margin-top:0.3rem;border-top:1px solid #e5e5e5;position: relative;padding-right:1.5rem;}
.NewsInfo .InfoPage .goback{position: absolute;right:0;top:0.4rem;}
.NewsInfo .InfoPage .goback a{display: block;line-height: 0.48rem;border-radius: 0.48rem;background-image: linear-gradient(to right, #1979a6, #0c9864);color:#fff;display: block;padding:0 0.3rem;}
.NewsInfo .InfoPage dl dd{line-height: 0.4rem;}
.NewsInfo .InfoPage dl dd span{color:#0c9864;}
.NewsInfo .InfoPage dl dd a{color:#666;}
.NewsInfo .InfoPage dl dd:hover a{color:#0c9864;}

@media(max-width:1024px){
    .NewsInfo .NewsInfoTit h2{font-size: 16px;padding:0;}
    .NewsInfo .NewsInfoBox{line-height: 24px;}
    .NewsInfo .NewsInfoBox h6{font-size: 14px;}
    .NewsInfo .InfoPage {padding-right:0;padding-top:30px;margin-top:30px;}
    .NewsInfo .InfoPage .goback{position: static;margin-bottom:20px;}
    .NewsInfo .InfoPage .goback a{line-height: 30px;width:100px;text-align: center;box-sizing: border-box;}
    .NewsInfo .InfoPage dl dd{line-height: 32px;}
}

/* 送样要求 */
.Songyyq {position: relative;z-index:998;}
.Songyyq ul{margin-left:-1.5%;}
.Songyyq ul li{width:48.5%;float:left;margin-left:1.5%;margin-bottom:1.5%;position: relative;background: #f8f8f8;}
.Songyyq ul li .SongTit{padding:0.3rem 1.2rem 0.3rem 0.8rem;position: relative;line-height: 0.3rem;transition: all .5s;transition: all .5s;}
.Songyyq ul li .SongTit i{width:0.3rem;height:0.3rem;border-radius: 3px;color:#fff;background-image: linear-gradient(to right, #1979a6, #0c9864);position: absolute;left:0.3rem;top:0.3rem;text-align: center;}
.Songyyq ul li .SongTit .tit{font-size: 0.2rem;}
.Songyyq ul li .SongTit .time{color:#666;position: absolute;right:0.3rem;top:0.3rem;}
.Songyyq ul li .SongCon{background: #fff;padding:0.3rem;padding-right:0.15rem;line-height: 0.36rem;position: absolute;width:100%;box-sizing: border-box;top:100%;left:0;display: none;z-index:999;color:#333;box-shadow: 0 0 10px rgba(0,0,0,0.1);} 
.Songyyq ul li .SongCon .box{max-height:4.2rem;overflow: auto;padding-right:0.15rem;}
.Songyyq ul li .SongCon .box::-webkit-scrollbar{
	width: 1px; height:1px;-webkit-overflow-scrolling : touch;
	background-color: rgba(196,202,199,0.2);}
	.Songyyq ul li .SongCon .box::-webkit-scrollbar-track{
	background-color: rgba(196,202,199,0.2);}
	.Songyyq ul li .SongCon .box::-webkit-scrollbar-thumb{
	border-radius: 10px;
	background-color: #046a2d;}
	.Songyyq ul li .SongCon .box::-webkit-scrollbar-button{
	height: 0px;
	background-color: rgba(196,202,199,0.2);}
.Songyyq ul li.on{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.Songyyq ul li.on .SongTit{background-image: linear-gradient(to right, #1979a6, #0c9864);}
.Songyyq ul li.on .SongTit i{background: #fff;color:#0c9864;}
.Songyyq ul li.on .SongTit .tit{color:#fff;}
.Songyyq ul li.on .SongTit .time{color:#fff;}

.Songyyq ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.Songyyq ul li:hover .SongTit{background-image: linear-gradient(to right, #1979a6, #0c9864);}
.Songyyq ul li:hover .SongTit i{background: #fff;color:#0c9864;}
.Songyyq ul li:hover .SongTit .tit{color:#fff;}
.Songyyq ul li:hover .SongTit .time{color:#fff;}

@media(max-width:1024px){
    .Songyyq ul li .SongTit .tit{font-size: 15px;}
    .Songyyq ul li .SongTit{padding:20px 100px 20px 60px;line-height: 24px;}
    .Songyyq ul li .SongTit i{width:24px;height:24px;line-height: 24px;top:20px;left:24px;}
    .Songyyq ul li .SongTit .time{top:20px;right:20px;}
    .Songyyq ul li .SongCon {line-height: 24px;padding:20px;}
    .Songyyq ul li .SongCon .box{max-height:240px;}
}


@media(max-width:768px){
    .Songyyq ul li{width:98.5%;}
}

/* 视频中心 */
.videoInfo{width:95%;max-width:1200px;margin:0 auto;box-sizing: border-box;padding:0.3rem !important;background: #fff;position: relative;}
.videoInfo video{width:100%;}
button.mfp-close, button.mfp-arrow{border-radius: 50%;background: #fff;opacity: 1;right:-22px !important;top:-22px !important;box-shadow: 0 0 10px rgba(0,0,0,0.2);}

.VodieList ul{margin-left:-2%;}
.VodieList ul li{width:31.33%;float:left;margin-left:2%;margin-bottom:0.3rem;}
.VodieList ul li .img{padding-top:56%;position: relative;}
.VodieList ul li .img::after{content:'';display: block;width:100%;height:100%;background: rgba(0,0,0,0.2);position: absolute;top:0;left:0;}
.VodieList ul li .img .play{width:100%;height:100%;background: url(../images/play.png) no-repeat center center;position: absolute;top:0;left:0;z-index:99;}
.VodieList ul li .tit{margin-top:0.2rem;font-size: 0.18rem;}
.VodieList ul li:hover .img span{transform: scale(1.05);-webkit-transform: scale(1.05);}



@media(max-width:1024px){
    .videoInfo{padding:10px !important;}
    button.mfp-close, button.mfp-arrow{width:30px;height:30px;top:-15px !important;right:-15px !important;line-height: 30px;}
    .VodieList ul li .tit{font-size: 15px;}
}

@media(max-width:640px){
    .VodieList ul li .tit{font-size: 14px;margin-top:10px;}
    .VodieList ul li{width:48%;margin-bottom:20px;}
    .VodieList ul li .img .play{background-size: 30px;}
}


/* 拜谱百科 */
.Baipbk .item{margin-bottom:0.2rem;}
.Baipbk .item .itemtit{background: #f8f8f8;padding:0.3rem 0.8rem;position: relative;cursor: pointer;transition: all .5s;}
.Baipbk .item .ico{width:0.28rem;height:0.28rem;line-height: 0.28rem;background-position: center;background-repeat: no-repeat;background-size: 100% 100%;position: absolute;left:0.4rem;top:0.3rem;text-align: center;color:#fff;}
.Baipbk .item .itemcon{position: relative;padding:0.3rem 0.8rem;line-height: 0.36rem;box-shadow: 0 0 10px rgba(0,0,0,0.1);display: none;}
.Baipbk .item .itemtit .ico{background-image: url(../images/q1.png);}
.Baipbk .item .itemtit .tit{font-size: 0.2rem;}
.Baipbk .item .itemtit .btn{width:0.28rem;height:0.28rem;background-position: center center;background-repeat: no-repeat;background-image: url(../images/jia.png);position: absolute;right:0.3rem;top:0.3rem;}

.Baipbk .item .itemtit.on{background: url(../images/qbg.jpg) no-repeat center center;background-size: 100% 100%;}
.Baipbk .item .itemtit.on .ico{background-image: url(../images/q2.png);color:#046a2d;}
.Baipbk .item .itemcon .ico{background-image: url(../images/q3.png);}
.Baipbk .item .itemtit.on .btn{background-image: url(../images/jian.png);}
.Baipbk .item .itemtit.on .tit{color:#fff;}
.Baipbk .item:hover .itemtit{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
@media(max-width:1024px){
    .Baipbk .item .itemtit .tit{font-size: 15px;}
}

@media(max-width:768px){
    .Baipbk .item .itemtit{padding:20px 50px 20px 50px;}
    .Baipbk .item .ico{width:20px;height:20px;line-height: 20px;position: absolute;left:15px;top:20px;}
    .Baipbk .item .itemtit .btn{width:20px;height:20px;right:15px;top:20px;background-size: contain;}
    .Baipbk .item .itemcon{padding:20px 50px;line-height: 24px;max-height:70vh;overflow: auto;}
}

/* 行业文献 */
.Hangywx .HangywxSelect{margin-bottom:0.3rem;}
.Hangywx .HangywxSelect .HangywxSelectBox{width:64.5%;}
.Hangywx .HangywxSelect .HangywxSelectBox .SelectBox{width:31.33%;float:left;margin-right:2%;}
.SelectBox{border:1px solid #ebebeb;border-radius:0;line-height: 0.45rem;position: relative;box-sizing: border-box;}
.SelectBox .SelectTxt span{display: block; padding-right: 0.3rem; background: url(../images/arr.png) no-repeat right 0.2rem center;padding-right:0.45rem;padding-left:0.3rem;cursor: pointer;}
.SelectBox .SelectUl{position: absolute; left: 0; right: 0; top: 102%; z-index: 999; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); display: none; max-height: 2rem; overflow: auto;}
.SelectBox .SelectUl .ul li a{display: block;line-height: 0.4rem; padding: 0 0.3rem; color: #333;border:none;}
.SelectBox .SelectUl .ul li:hover a{background-image: linear-gradient(to right, #1979a6, #0c9864);color:#fff;}


.Hangywx .HangywxSelect .HangywxSearch{width:4rem;box-sizing: border-box;padding-right:0.9rem;line-height: 0.45rem;box-sizing: border-box;border:1px solid #ebebeb;position: relative;}
.Hangywx .HangywxSelect .HangywxSearch input{width:100%;box-sizing: border-box;padding: 0 10px;}
.Hangywx .HangywxSelect .HangywxSearch button{width:0.9rem;height:100%;background-image: linear-gradient(to right, #1979a6, #0c9864);position: absolute;right:0;top:0; color:#fff;}


.Hangywx .HangywxList ul li{background: #f8f8f8;margin-bottom:0.2rem;padding:0.3rem 1.6rem 0.3rem 0.35rem;transition: all .5s;position: relative;}
.Hangywx .HangywxList ul li .tit{font-size: 0.2rem;}
.Hangywx .HangywxList ul li .tag{margin-top:0.15rem;}
.Hangywx .HangywxList ul li .tag dl dd{display: inline-block;margin-right:0.3rem;color:#666;line-height: 1.8;}
.Hangywx .HangywxList ul li .download{position: absolute;right:0.3rem;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);color:#046a2d;}
.Hangywx .HangywxList ul li .download a{color:#046a2d;}
.Hangywx .HangywxList ul li .download i{display: inline-block;width:20px;height:20px;background: url(../images/download.png) no-repeat center center;margin-right:0.1rem;position: relative;top:3px;}

.Hangywx .HangywxList ul li:hover{background-image: linear-gradient(to right, #1979a6, #0c9864);}
.Hangywx .HangywxList ul li:hover .tit{color:#fff;}
.Hangywx .HangywxList ul li:hover .tag dl dd{color:#fff;}
.Hangywx .HangywxList ul li:hover .download{color:#fff;}
.Hangywx .HangywxList ul li:hover .download a{color:#fff;}
.Hangywx .HangywxList ul li:hover .download i{background: url(../images/downloadc.png) no-repeat center center;}


@media(max-width:1024px){
    .SelectBox .SelectTxt span{padding:0 15px;}
    .Hangywx .HangywxList ul li .tit{font-size: 15px;}
    .Hangywx .HangywxSelect .HangywxSearch{line-height: 38px;}
    .SelectBox{line-height: 38px;}
    .SelectBox .SelectUl {max-height:150px;}
    .SelectBox .SelectUl .ul li a{padding:0 15px;line-height: 30px;}
}


@media(max-width:640px){
    .Hangywx .HangywxSelect .HangywxSelectBox{width:100%;}
    .Hangywx .HangywxSelect .HangywxSearch{width:100%;margin-top:10px;}
    .Hangywx .HangywxList ul li{padding:15px;}
    .Hangywx .HangywxList ul li .download{position: static;transform: translateY(0);-webkit-transform: translateY(0);margin-top:10px;}
}

/* 产品列表 */
.ProIntro .ProIntroTxt,
.ProIntro .ProIntroImg{width:47%;}
.ProIntro .ProIntroImg img{max-width:100%;height:auto !important;display: block;margin:0 auto;}
.ProIntro .ProIntroTxt .tit{font-size: 0.4rem;font-weight: bold;}
.ProIntro .ProIntroTxt .con{line-height: 0.3rem;margin-top:0.3rem;}

.Product{padding-top:0.6rem;margin-top:0.6rem;border-top:1px dotted #e5e5e5;}
.Product ul{margin-left:-2%;}
.Product ul li{width:31.33%;float:left;margin-left:2%;margin-bottom:2%;position: relative;}
.Product ul li .bg{content:'';display: block;width:100%;height:100%;background: url(../images/probg.jpg) no-repeat center center;background-size: cover;position: absolute;left:0;top:0;transition: all .5s;}
.Product ul li a{display: block;padding:0.4rem;position: relative;z-index:99;}
.Product ul li .txt{position: relative;z-index:9;}
.Product ul li .tit{font-size: 0.28rem;line-height: 0.4rem;height:0.8rem;}
.Product ul li .more{width:0.5rem;height:0.5rem;border-radius: 50%;background: #fff;position: relative;margin-top:0.3rem;opacity: 0;transition: all .5s;}
.Product ul li .more i{display: block;width:100%;height:100%;background: url(../images/projt.png) no-repeat center center;position: absolute;left:0;top:0;}
.Product ul li:hover .bg{background: url(../images/probgc.jpg) no-repeat center center;background-size: cover;}
.Product ul li:hover .more{opacity: 1;}
.Product ul li:hover .tit{color:#fff;}

@media(max-width:1024px){
    .ProIntro .ProIntroTxt .tit{font-size: 20px;}
    .ProIntro .ProIntroTxt .con{line-height: 24px;margin-top:15px;}
    .Product{padding-top:30px;margin-top:30px;}
    .Product ul li a{padding:25px;}
    .Product ul li .tit{font-size: 18px;line-height: 30px;height:60px;}
    .Product ul li .more{width:40px;height:40px;}
}

@media(max-width:640px){
    .ProIntro .ProIntroTxt,.ProIntro .ProIntroImg{width:100%;}
    .ProIntro .ProIntroTxt .tit{font-size: 16px;}
    .ProIntro .ProIntroImg{margin-top:20px;}
    .Product ul li{width:48%;}
    .Product ul li .tit{font-size: 15px;line-height: 28px;height:56px;}
}

/* 产品详情 */
.ProIntro1 .ProIntroImg{position: relative;}
.ProIntro1 .ProIntroImg img{width:100%;}
.ProIntro1 .ProIntroImg::after{content:'';display: block;width:100%;height:100%;background: rgba(0,0,0,0.3);position: absolute;left:0;top:0;}
.ProIntro1 .ProIntroImg .text{font-size: 0.26rem;color:#fff;position: absolute;left:0;top:50%;width:100%;text-align: center;padding:20px;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index:9;box-sizing: border-box;}
.ProIntro1 .ProIntroImg video{width:100%;display:block;height:auto;}
.ProIntro1 .ProIntroImg_v::after{display:none;}

.ProductInfo{padding-top:0.6rem;margin-top:0.6rem;border-top:1px dotted #e5e5e5;}
.ProInfo{margin-bottom:0.6rem;}
.ProInfo .ProInfoTit{font-size: 0.32rem;margin-bottom:0.3rem;position: relative;}
.ProInfo .ProInfoTit::before{content:'';display: block;width:36px;height:20px;background: url(../images/proico.png) no-repeat center center;position: absolute;left:0;top:-0.15rem;}
.ProInfo.ProInfo1 .ProInfoBox img{width:100%;height:auto !important;}
.ProInfo.ProInfo2 .ProInfoBox ul{display: flex;flex-wrap: wrap;margin-left:-10%;}
.ProInfo.ProInfo2 .ProInfoBox ul li{width:40%;margin-left:10%;margin-bottom:0.3rem;}
.ProInfo.ProInfo2 .ProInfoBox ul li .tit{line-height: 24px;}
.ProInfo.ProInfo2 .ProInfoBox ul li .tit span{display: inline-block;width:25px;height:24px;background: url(../images/numbg.png);line-height: 24px;color:#fff;text-align: center;margin-right:0.1rem;}
.ProInfo.ProInfo2 .ProInfoBox ul li .tit i{font-size: 0.18rem;font-weight: bold;
    background: -webkit-linear-gradient(left, #1979a6, #0c9864);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent; /* 为了兼容非WebKit浏览器 */
}

.ProInfo.ProInfo2{margin-bottom:0.3rem;}
.ProInfo.ProInfo2 .ProInfoBox ul li .text{margin-top:0.15rem;line-height: 0.3rem;}

.ProInfo.ProInfo3 .ProInfoBox ul{display: flex;flex-wrap: wrap;margin-left:-3%;}
.ProInfo.ProInfo3 .ProInfoBox ul li{width:48%;margin-left:2%;margin-bottom:0.2rem;padding:0.4rem 0.7rem 0.4rem 1.15rem;background: #f8f9fc;position: relative;box-sizing: border-box;overflow: hidden;}
.ProInfo.ProInfo3 .ProInfoBox ul li .num{font-size: 1rem;color:#999;opacity: 0.08;position: absolute;left:-0.25rem;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);font-weight: bold;}
.ProInfo.ProInfo3 .ProInfoBox ul li .tit{font-size: 0.18rem;font-weight: bold;}
.ProInfo.ProInfo3 .ProInfoBox ul li .con{margin-top:0.1rem;line-height: 0.3rem;}

.ProInfo.ProInfo4 .ProInfoBox table{width:100%;border-collapse: collapse;border-spacing: 0;border: 1px solid #e5e5e5;}
.ProInfo.ProInfo4 .ProInfoBox table td{height:0.3rem;text-align: center;box-sizing: border-box;padding:0.2rem 0.3rem;border: 1px solid #e5e5e5;line-height: 1.8;}
.ProInfo.ProInfo4 .ProInfoBox table td:nth-child(1){width:30%;}
.ProInfo.ProInfo4 .ProInfoBox table td:nth-child(2){width:20%;}
.ProInfo.ProInfo4 .ProInfoBox table .trTit{background-image: linear-gradient(to right, #1979a6, #0c9864);}
.ProInfo.ProInfo4 .ProInfoBox table .trTit td{color:#fff;font-size: 0.18rem;}

.ProductInfo .ProInfoPage{position: relative;padding-right:1.5rem;}
.ProductInfo .ProInfoPage .goback{position: absolute;right:0;top:0;}
.ProductInfo .ProInfoPage .goback i{display: inline-block;width:20px;height:20px;background: url(../images/prev.png) no-repeat center center;margin-right:0.1rem;position: relative;top:5px;}
.ProductInfo .ProInfoPage .goback a{display: block;line-height: 0.48rem;border-radius: 0.48rem;display: block;padding:0 0.3rem;border:1px solid #e5e5e5;color:#999;}
.ProductInfo .ProInfoPage .goback:hover a{background-image: linear-gradient(to right, #1979a6, #0c9864);color:#fff;}
.ProductInfo .ProInfoPage dl dd{line-height: 0.4rem;}
.ProductInfo .ProInfoPage dl dd span{color:#999;}
.ProductInfo .ProInfoPage dl dd a{color:#666;}
.ProductInfo .ProInfoPage dl dd:hover a{color:#0c9864;}
.ProductInfo .ProInfoPage .goback:hover i{background: url(../images/prevc.png) no-repeat center center;}

.otherPro{padding-bottom:1rem;}
.otherPro .otherProTit{border-bottom:1px solid #e5e5e5;margin-bottom:0.4rem;}
.otherPro .otherProTit span{font-size: 0.4rem;display: block;float:left;padding-bottom:0.25rem;position: relative;}
.otherPro .otherProTit span::before{content:'';display: block;width:100%;height:3px;background-image: linear-gradient(to right, #1979a6, #0c9864);border-radius: 3px;position: absolute;left:0;bottom:-1px;}
.otherPro .otherProTit::after{content:'';display: block;clear: both;}

.otherPro .slick-list{margin-left:-0.3rem;}
.otherPro .item{margin-left:0.3rem;position: relative;}
.otherPro .item .bg{content:'';display: block;width:100%;height:100%;background: url(../images/probg.jpg) no-repeat center center;background-size: cover;position: absolute;left:0;top:0;transition: all .5s;}
.otherPro .item a{display: block;padding:0.4rem;position: relative;z-index:99;}
.otherPro .item .txt{position: relative;z-index:9;}
.otherPro .item .tit{font-size: 0.28rem;line-height: 0.4rem;height:0.8rem;}
.otherPro .item .more{width:0.5rem;height:0.5rem;border-radius: 50%;background: #fff;position: relative;margin-top:0.3rem;opacity: 0;transition: all .5s;}
.otherPro .item .more i{display: block;width:100%;height:100%;background: url(../images/projt.png) no-repeat center center;position: absolute;left:0;top:0;}
.otherPro .item:hover .bg{background: url(../images/probgc.jpg) no-repeat center center;background-size: cover;}
.otherPro .item:hover .more{opacity: 1;}
.otherPro .item:hover .tit{color:#fff;}

.otherPro .slick-dots{text-align: center;margin-top:0.4rem;}
.otherPro .slick-dots li{display: inline-block;width:0.4rem;height:4px;background: #e0e0e0;border-radius: 4px;font-size: 0;color:transparent;margin:0 10px;cursor: pointer;}
.otherPro .slick-dots li button{display: none;}
.otherPro .slick-dots li.slick-active{background: #0c9766;}








@media(max-width:1024px){
    .ProductInfo .ProInfoPage {padding-right:0;padding-top:0;margin-top:0;}
    .ProductInfo .ProInfoPage .goback{position: static;margin-bottom:20px;}
    .ProductInfo .ProInfoPage .goback a{line-height: 30px;width:140px;text-align: center;box-sizing: border-box;padding:0 10px;}
    .ProductInfo .ProInfoPage dl dd{line-height: 32px;}

    .otherPro .item a{padding:25px;}
    .otherPro .item .tit{font-size: 18px;line-height: 30px;height:60px;}
    .otherPro .item .more{width:40px;height:40px;}

    .ProIntro1 .ProIntroImg .text{font-size: 18px;}
    .ProductInfo{padding-top:30px;margin-top:30px;}
    .ProInfo .ProInfoTit{font-size: 20px;font-weight: bold;margin-bottom:20px;}
    .ProInfo.ProInfo2 .ProInfoBox ul li .tit i{font-size: 15px;}
    .ProInfo.ProInfo2 .ProInfoBox ul li .text{line-height: 24px;}
    .ProInfo.ProInfo3 .ProInfoBox ul li{padding:20px 20px 20px 70px;}
    .ProInfo.ProInfo3 .ProInfoBox ul li .tit{font-size: 15px;}
    .ProInfo.ProInfo3 .ProInfoBox ul li .num{font-size: 70px;left:-15px;}
    .ProInfo.ProInfo3 .ProInfoBox ul li .con{line-height: 24px;}
    .ProInfo.ProInfo4 .ProInfoBox table td{padding:10px;}
    .ProInfo.ProInfo4 .ProInfoBox table .trTit td{font-size: 16px;}
    .otherPro .otherProTit span{font-size: 22px;font-weight: bold;}
}

@media(max-width:640px){
    .otherPro .item .tit{font-size: 15px;line-height: 28px;height:56px;}
    .ProInfo .ProInfoTit{font-size: 18px;}
    .ProInfo .ProInfoTit::before{top:-18px;}
    .ProInfo{margin-bottom:30px;}
    .ProInfo.ProInfo3 .ProInfoBox ul li{width:98%;}
    .ProInfo.ProInfo3 .ProInfoBox ul li{padding-left:55px;}
    .ProInfo.ProInfo3 .ProInfoBox ul li .num{font-size: 55px;}
    .ProInfo.ProInfo4 .ProInfoBox table .trTit td{font-size: 15px;}
    .otherPro .otherProTit span{font-size: 18px;}
}

/* 招贤纳士 */
.AboutTit{font-size: 0.46rem;font-weight: 600;text-align: center;margin-bottom:0.4rem;}
.Rencln{padding:0.3rem 0 1rem 0;}
.Rencln .con{max-width:9rem;margin:0 auto;text-align: center;line-height: 0.3rem;}
.Rencln ul{padding:0 1.4rem;margin-left:-7%;margin-top:0.5rem;margin-bottom:0.5rem;}
.Rencln ul li{width:26.33%;float:left;margin-left:7%;background: #f5f9f7;}
.Rencln ul::after{content:'';display: block;clear: both;}
.Rencln ul li{padding:0.3rem 0.3rem 0.3rem 1.1rem;position: relative;box-sizing: border-box;line-height: 1.85;}
.Rencln ul li .ico{width:0.6rem;height:0.6rem;background: url(../images/bg.png) no-repeat center center;background-size: 100% 100%;border-radius: 50%;text-align: center;line-height: 0.6rem;position: absolute;left:0.3rem;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.Rencln ul li span{color:#666;}
.Rencln ul li:hover .ico img{
    -webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
    animation: icon-bounce 0.5s alternate;
}
.Rencln .img img{width:100%;}
.Job{padding:1rem 0;background: url(../images/jobbg1.jpg) no-repeat center center;background-size: cover;}

.Job .JobList .item{background: #fff;margin-bottom:0.2rem;padding:0.6rem;position: relative;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.Job .JobList .item .itemtit{padding-right:1.2rem;position: relative;cursor: pointer;}
.Job .JobList .item .itemtit .tit{font-size: 0.28rem;}
.Job .JobList .item .itemtit .tag{margin-top:0.2rem;}
.Job .JobList .item .itemtit .tag dl dd{display: inline-block;margin-right:0.4rem;color:#666;}
.Job .JobList .item .itemtit .num{position: absolute;right:0;top:50%;transform: translateY(-50%);font-size: 0.3rem;color:#0c9766;}
.Job .JobList .item .btn{width:45px;height:45px;background: url(../images/jobjia.png) no-repeat center center #ebebeb;position: absolute;right:0;bottom:0;}
.Job .JobList .item .itemcon{line-height: 0.36rem;padding-top:0.4rem;margin-top:0.4rem;border-top:1px dotted #e5e5e5;display: none;}
.Job .JobList .item.on{box-shadow: 0 0 10px rgba(0,0,0,0.1);background: url(../images/jobbg.jpg) no-repeat top left;background-size: cover;} 
.Job .JobList .item.on .btn{background: url(../images/jobjian.png) no-repeat center center #0c9766;cursor: pointer;}
.Job .JobList .item.on .itemtit .tit{color:#0c9766;}

@media(max-width:1024px){
    .AboutTit{font-size: 24px;margin-bottom:20px;}
    .Rencln ul{padding:0;}
    .Rencln{padding:10px 0 30px 0;}
    .Job{padding:30px 0;}
    .Rencln ul li{padding:20px 20px 20px 70px;}
    .Rencln ul li .ico{width:40px;height:40px;line-height: 40px;left:20px;}
    .Job .JobList .item{padding:30px;}
    .Job .JobList .item .itemtit .tit{font-size: 18px;}
    .Job .JobList .item .itemtit .num{font-size: 20px;}
    .Job .JobList .item .btn{width:35px;height:35px;}
    .Job .JobList .item .itemcon{padding-top:25px;margin-top:25px;line-height: 30px;}
    .Rencln .con{line-height: 24px;}
}

@media(max-width:640px){
    .AboutTit{font-size: 18px;}
    .Rencln .con{max-width:90%;}
    .Rencln ul li{width:93%;margin-bottom:10px;line-height: 1.7;}
    .Job .JobList .item{padding:22px;}
    .Job .JobList .item .itemtit .tag dl dd{display: block;margin-right:0;line-height: 28px;}
    .Job .JobList .item .itemcon{line-height: 24px;}
}

/* 走进拜谱 */
.About{position: relative;}
.Aboutbg{background: url(../images/abg.jpg) no-repeat top left;}
.AboutNav{position: absolute;left:0.4rem;top:1.5rem;z-index:999;}
.AboutNav::before{content:'';display: block;width:1px;border-left:1px dashed #e5e5e5;position: absolute;left:0;top:7%;height:86%;}
.AboutNav ul li{padding:0.1rem 0;padding-left:15px;position: relative;}
.AboutNav ul li a{font-size: 0.14rem;color:#666;}
.AboutNav ul li::before{content:'';display: block;width:7px;height:7px;border-radius: 50%;background: #9ed5c2;position: absolute;left:-6px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);border:3px solid #fff;}
.AboutNav ul li.onli::before{background: #fff;border:3px solid #046a2d;}
.AboutNav ul li.onli a{font-size: 0.16rem;color:#0c9766;}
.AboutNav.fix{position: fixed;}


@media(max-width:1440px){
    .AboutNav{left:10px;}
}







.AboutTit{line-height: 1.2;}
.AboutTit .subTit{font-size: 0.28rem;margin-top:0.2rem;font-weight: normal;}
.AboutTitw{color:#fff;}
.AboutPart{padding:1rem 0;line-height: 0.3rem;}
.AboutPart1{padding-top:0.3rem;}
.AboutPart1 .dec h3{font-size: 0.2rem;margin-bottom:0.15rem;}
.AboutPart1 .AboutCon{margin-top:0.3rem;}
.AboutPart1 .AboutCon .AboutConL{width:47%;}
.AboutPart1 .AboutCon .AboutConL .anum{margin-top:0.3rem;}
.AboutPart1 .AboutCon .AboutConL .anum ul{display: flex;justify-content: space-between;}
.AboutPart1 .AboutCon .AboutConL .anum ul .numbox b{font-size: 0.46rem;font-weight: bold;background: -webkit-linear-gradient(left, #1979a6, #0c9864);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent; /* 为了兼容非WebKit浏览器 */
    line-height: 1;
}
.AboutPart1 .AboutCon .AboutConL .anum ul .numbox span{font-size: 0.2rem;font-weight: bold;background: -webkit-linear-gradient(left, #1979a6, #0c9864);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent; /* 为了兼容非WebKit浏览器 */position: relative;top:-0.18rem;left:5px;}


.AboutPart1 .AboutCon .AboutConR{width:47%;padding-top:0.1rem;}
.AboutPart1 .AboutCon .AboutConR .img{padding-top:4.2rem;}
.AboutPart1 .AboutCon .AboutConR .img::after{content:'';display: block;width:100%;height:100%;background: rgba(0,0,0,0.2);position: absolute;top:0;left:0;}
.AboutPart1 .AboutCon .AboutConR .img .play{width:100%;height:100%;background: url(../images/play2.png) no-repeat center center;position: absolute;right:0;top:0;z-index:99;}
.AboutPart1 .AboutCon .AboutConR .img:hover span{transform: scale(1.05);-webkit-transform: scale(1.05);}

@media(max-width:1024px){
    .AboutNav{display: none;}
    .AboutTit .subTit{font-size: 16px;}
    .AboutPart{padding:40px 0;line-height: 24px;}
    .AboutPart1{padding-top:10px;}
    .AboutPart1 .dec h3{font-size: 15px;}
    .AboutPart1 .AboutCon .AboutConL .anum ul .numbox b{font-size: 30px;}
    .AboutPart1 .AboutCon .AboutConL .anum ul .numbox span{font-size: 16px;top:-15px;}
    .AboutPart1 .AboutCon .AboutConR .img{padding-top:60%;}
    .AboutPart1 .AboutCon .AboutConR .img .play{background-size: 40px;}
}

@media(max-width:768px){
    .AboutPart1 .AboutCon .AboutConL{width:100%;}
    .AboutPart1 .AboutCon .AboutConR{width:100%;margin-top:20px;}
}


@media(max-width:640px){
    .AboutPart1 .AboutCon .AboutConL .anum ul{display: block;margin-left:-3%;}
    .AboutPart1 .AboutCon .AboutConL .anum ul::after{content:'';display: block;clear: both;}
    .AboutPart1 .AboutCon .AboutConL .anum ul li{width:30.33%;float:left;margin-left:3%;margin-top:20px;}
}

.Culture{background-position: center center;background-size: cover;background-repeat: no-repeat;}
.Culture .CultureBox ul{margin-left:-2%;}
.Culture .CultureBox ul li{width:31.33%;float:left;margin-left:2%;position: relative;}
.Culture .CultureBox ul li .img{padding-top:90%;}
.Culture .CultureBox ul li:hover .img span{transform: scale(1.05);-webkit-transform: scale(1.05);}
.Culture .CultureBox ul li .txt{position: absolute;left:0;top:0;width:100%;box-sizing: border-box;padding:0.4rem;}
.Culture .CultureBox ul li .txt .tit{font-size: 0.32rem;margin-bottom:0.2rem;}
.Culture .CultureBox ul li .txt .tit img{display: inline-block;margin-right:0.15rem;max-width:0.33rem;}
.Culture .CultureBox ul li .txt .dec{font-size: 0.18rem;line-height: 1.8;}
.Culture .CultureBox ul li:hover .txt .tit img{
    -webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
    animation: icon-bounce 0.5s alternate;
}

@media(max-width:1024px){
    .Culture .CultureBox ul li .txt{padding:30px;}
    .Culture .CultureBox ul li .txt .tit{font-size: 18px;font-weight: bold;margin-bottom:10px;}
    .Culture .CultureBox ul li .txt .dec{font-size: 14px;}
    .Culture .CultureBox ul li .txt .tit img{max-width:25px;}
}

@media(max-width:640px){
    .Culture .CultureBox ul li .txt{padding:20px;}
    .Culture .CultureBox ul li{width:98%;margin-bottom:2%;}
    .Culture .CultureBox ul li .txt .tit{font-size: 16px;}
    .Culture .CultureBox ul li .img{padding-top:50%;}
}


.Honor{background: url(../images/honorbg.jpg) no-repeat right bottom;background-size: cover;}



.History{background-position: center center;background-size: cover;background-repeat: no-repeat;}
.History .slider-for{padding:0 2.2rem;}
.History .slider-for .item{background: rgba(255,255,255,0.95);padding:0.7rem 0.7rem 0.7rem 0;border-radius: 5px;overflow: hidden;}
.History .slider-for .item::before{content:'';display: block;width:96%;height:100%;background: url(../images/devzs.png) no-repeat bottom center;background-size: 100%;position: absolute;left:2%;bottom:-0.4rem;}
.History .slider-for .item .box{padding-left:3.7rem;position: relative;}
.History .slider-for .item .box .year{width:3.7rem;position: absolute;left:0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);font-size: 1rem;font-weight: bold;text-align: center;
    background: -webkit-linear-gradient(left, #1979a6, #0c9864);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent; /* 为了兼容非WebKit浏览器 */
    line-height: 1;
}
.History .slider-for .item .box .con dd{padding-left:20px;position: relative;line-height: 1.6;margin:5px 0;}
.History .slider-for .item .box .con dd::before{content:'';display: block;width:4px;height:4px;box-sizing: border-box;border:2px solid #0c9766;position: absolute;left:0;top:50%;margin-top:-4px;box-sizing: content-box;border-radius: 50%;}
.History .slider-for .slick-arrow{top:50%;transform: translateY(-50%);}
.History .slider-for .slick-arrow.slick-prev{left:5%;}
.History .slider-for .slick-arrow.slick-next{right:5%;}
.History .slider-for .slick-arrow{background: transparent;border:1px solid #fff;}
.History .slider-for .slick-arrow.slick-prev::after{background-image: url(../images/prevc.png);}
.History .slider-for .slick-arrow.slick-next::after{background-image: url(../images/nextc.png);}
.History .slider-for .slick-arrow:hover{background: url(../images/bg.png) no-repeat center center;background-size: cover;border:1px solid #fff;transition: all .5s;-webkit-transition: all .5s;border:1px solid transparent;}

.History .slider-nav{margin-top:0.3rem;padding:0 0.3rem;position: relative;}
.History .slider-nav::before{content:'';display: block;width:100%;border-bottom:1px solid #fff;left:0;bottom:0.6rem;position: absolute;}
.History .slider-nav .item{padding-top:0.6rem;text-align: center;height: 0.5rem;line-height: 0.5rem;position: relative;}
.History .slider-nav .item a{color:#fff;font-size: 0.18rem;transition: all .5s;}
.History .slider-nav .item::after{content:'';display: block;width:1px;height:10px;background: #fff;position: absolute;left:50%;transform: translateX(-50%);bottom:0.6rem;transition: all .5s;}
.History .slider-nav .item.slick-current a{font-size: 0.22rem;}
.History .slider-nav .item.slick-current::after{height:0.4rem;}

@media(max-width:1024px){
    .History .slider-for .item{padding:30px 30px 30px 0;}
    .History .slider-for .item .box{padding-left:150px;}
    .History .slider-for .item .box .year{width:150px;font-size: 40px;}
    .History .slider-for{padding:0 100px;}

}


@media(max-width:640px){
    .History .slider-for{padding:0 40px;}
    .History .slider-for .slick-arrow.slick-prev{left:0;}
    .History .slider-for .slick-arrow.slick-next{right:0;}
    .History .slider-for .item{padding:20px;}
    .History .slider-for .item .box{padding:0;}
    .History .slider-for .item .box .year{position: static;transform: translateY(0);-webkit-transform: translateY(0);width:auto;text-align: left;margin-bottom:10px;font-size: 24px;display: inline-block;}
    .History .slider-nav .item.slick-current a{font-size: 16px;}
    .History .slider-nav .item a{font-size: 14px;}
}


.Partner{background: url(../images/partnerbg.jpg) no-repeat center center;background-size: cover;}
.Partner .PartnerNav{margin-top:10px;}
.Partner .PartnerNav ul li{display: inline-block;width:1.4rem;line-height: 0.5rem;border-radius: 0.5rem;border:1px solid #e9eaea;margin-left:0.15rem;}
.Partner .PartnerNav ul li a{display: block;text-align: center;}
.Partner .PartnerNav ul li:hover{background-image: linear-gradient(to right, #1979a6, #0c9864);}
.Partner .PartnerNav ul li:hover a{color:#fff;}
.Partner .PartnerNav ul li.on{background-image: linear-gradient(to right, #1979a6, #0c9864);}
.Partner .PartnerNav ul li.on a{color:#fff;}

.Partner .PartnerBox .item{width:18%;float:left;margin-left:2%;margin-bottom:2%;background: #fff;text-align: center;}
.Partner .PartnerBox .item .img{height:1.1rem;line-height: 1.1rem;}
.Partner .PartnerBox .item .img img{display: inline-block;max-height:1.1rem;transition: all .5s;}
.Partner .PartnerBox .item a{display: block;box-sizing: border-box;padding:0.2rem;}
.Partner .PartnerBox .item .tit{margin-top:0.1rem;}
.Partner .PartnerBox .item:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.Partner .PartnerBox .item:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.Partner .PartnerBox .item:nth-child(11){margin-left:22%;}
.Partner .PartnerBox .slick-arrow{position: absolute;bottom:0.9rem;}
.Partner .PartnerBox .slick-arrow.slick-prev{left:10%;}
.Partner .PartnerBox .slick-arrow.slick-next{right:10%;}
.Partner .PartnerBox .slick-list{margin-left:-2%;}
.Partner .PartnerBox {position: relative;height:6.7rem;}
.Partner .PartnerBox .tabBox{position: absolute;width:100%;height:100%;left:0;top:0;visibility: hidden;opacity: 0;transition: all .5s;transform: translateY(0);}
.Partner .PartnerBox .tabBox.on{transform: translateY(0);visibility: visible;opacity: 1;}


@media(max-width:1024px){
    .Partner .PartnerNav{margin-top:0;}
    .Partner .PartnerNav ul li{width:120px;line-height: 35px;}
    .Partner .PartnerBox .item .img{height:80px;line-height: 80px;}
    .Partner .PartnerBox .item .img img{max-height:80px;}
    .Partner .PartnerBox{height:560px;}
}

@media(max-width:768px){
    .Partner .PartnerBox .item{width:31.33%;}
    .Partner .PartnerBox .slick-arrow{bottom:-50px;}
    .Partner .PartnerBox .slick-arrow.slick-prev{left:auto;right:55%;}
    .Partner .PartnerBox .slick-arrow.slick-next{right:auto;left:55%;}
}

@media(max-width:640px){
    .Partner .PartnerNav{width:100%;text-align: center;margin-bottom:20px;}
    .Partner .PartnerNav ul li{margin:0 5px;width:100px;line-height: 30px;}
    .Partner .PartnerBox .item .img{height:70px;line-height: 70px;}
    .Partner .PartnerBox .item .img img{max-height:60px;}
    .Partner .PartnerBox .item a{padding:15px 10px;}
    .Partner .PartnerBox{height:460px;}
    
}

.Tecpalt{position: relative;}
.Tecpalt .bg{width:100%;height:100%;background: url(../images/tbg.jpg) no-repeat top center;background-size: 100% auto;position: absolute;left:0;top:0;}
.Tecpalt .TecpaltBox{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);position: relative;z-index:9;position: relative;}
.Tecpalt .TecpaltBox .slider-nav{width:2.9rem;padding:0.3rem 0;box-sizing: border-box;border-right: 1px solid #e5f0ea;}
.Tecpalt .TecpaltBox .slider-nav .item{line-height: 0.5rem;position: relative;}
.Tecpalt .TecpaltBox .slider-nav .item::before{content:'';display: block;height:100%;background-image: linear-gradient(to right, #1979a6, #0c9864);position: absolute;left:-1px;top:0;transition: all .5s;-webkit-transition: all .5s;width:0;opacity: 0;}
.Tecpalt .TecpaltBox .slider-nav .item.slick-current::before{width:calc(100% + 2px);opacity: 1;}
.Tecpalt .TecpaltBox .slider-nav .item.slick-current a{color:#fff;}
.Tecpalt .TecpaltBox .slider-nav .item a{display: block;padding-right:0.45rem;padding-left:0.35rem;position: relative;z-index:9;}
.Tecpalt .TecpaltBox .slider-nav .item::after{content:"";display: block;width:0.5rem;height:100%;background: url(../images/nextc.png) no-repeat center center;position: absolute;right:0;top:0;}
.Tecpalt .TecpaltBox .slider-for{width:calc(100%  - 2.9rem);}
.Tecpalt .TecpaltBox .slider-for .item{padding:1rem;}
.Tecpalt .TecpaltBox .slider-for .item .box::after{content:'';display: block;clear: both;}
.Tecpalt .TecpaltBox .slider-for .item .img{width:40%;float:left;text-align: center;}
.Tecpalt .TecpaltBox .slider-for .item .img img{max-height:3.8rem;display: inline-block;}
.Tecpalt .TecpaltBox .slider-for .item .txt{width:48%;float:right;}
.Tecpalt .TecpaltBox .slider-for .item .txt .tit{font-size: 0.32rem;}
.Tecpalt .TecpaltBox .slider-for .item .txt .con{margin-top:0.3rem;line-height: 0.3rem;}
.Tecpalt .TecpaltBox .slider-for .slick-arrow{bottom:1rem;}
.Tecpalt .TecpaltBox .slider-for .slick-arrow.slick-prev{left:5%;}
.Tecpalt .TecpaltBox .slider-for .slick-arrow.slick-next{left:12%;} 

@media(max-width:1024px){
    .Tecpalt .TecpaltBox .slider-nav .item{line-height: 38px;}
    .Tecpalt .TecpaltBox .slider-for .item{padding:30px;}
    .Tecpalt .TecpaltBox .slider-for .item .txt .tit{font-size: 18px;font-weight: bold;}
    .Tecpalt .TecpaltBox .slider-for .item .txt .con{line-height: 24px;}
    .Tecpalt .TecpaltBox .slider-for .slick-arrow{bottom:50px;}
}

@media(max-width:768px){
    .Tecpalt .TecpaltBox .slider-nav{width:100%;padding:10px;}
    .Tecpalt .TecpaltBox .slider-nav .item{background: #f5f5f5;}
    .Tecpalt .TecpaltBox .slider-for{width:100%;}
    .Tecpalt .TecpaltBox .slider-for .slick-arrow{bottom:30px;}
    .Tecpalt .TecpaltBox .slider-nav .item::after{width:50px;}
}

@media(max-width:640px){
    .Tecpalt .TecpaltBox .slider-for .item .img{width:100%;}
    .Tecpalt .TecpaltBox .slider-for .item{padding-bottom:50px;}
    .Tecpalt .TecpaltBox .slider-for .item .txt{width:100%;margin-top:20px;}
    .Tecpalt .TecpaltBox .slider-for .slick-arrow{bottom:10px;}
    /* .Tecpalt .TecpaltBox .slider-for .slick-arrow.slick-prev{left:auto;right:52%;}
    .Tecpalt .TecpaltBox .slider-for .slick-arrow.slick-next{left:52%;} */
    .Tecpalt .TecpaltBox .slider-for .item .txt .tit{font-size: 16px;}
}

.Honor{position: relative;}
.Honor .HonorCon{position: relative;z-index:9;}
.Honor .HonorCon .HonorTit{position: absolute;left:0;top:0;max-width:5rem;}
.Honor .HonorCon .HonorTit .AboutTit{margin-bottom:0.2rem;}
.Honor .HonorCon .item::after{content:'';display: block;clear: both;}
.Honor .HonorCon .item dl{width:8.645rem;float:right;display: flex;justify-content: space-between;padding-bottom:1rem;position: relative;}
.Honor .HonorCon .item .dl2{float:left;}
.Honor .HonorCon .item .dl1{transform: translateX(2rem);opacity: 0;transition: all .3s;}
.Honor .HonorCon .item .dl2{transform: translateX(-2rem);opacity: 0;transition: all .3s;}
.Honor .HonorCon .item.slick-current .dl1{transform: translateX(0);opacity: 1;}
.Honor .HonorCon .item.slick-current .dl2{transform: translateX(0);opacity: 1;}
.Honor .HonorCon .item dl dd{width:25%;position: relative;}
.Honor .HonorCon .item dl dd .img{padding-top:140%;}
.Honor .HonorCon .item dl dd .txt{position: absolute;width:100%;height:100%;background: rgba(0,0,0,0.4);top:0;left:0;opacity: 0;transition: all .5s;}
.Honor .HonorCon .item dl dd .txt .btn{width:1.4rem;padding:3px 0;border-radius: 0.4rem;background: #046a2d;color:#fff;text-align: center;display: flex;align-items: center;justify-content: center;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);line-height: 1.8;}
.Honor .HonorCon .item dl dd .txt .btn img{display: inline-block;margin-right:8px;position: relative;top:-1px;}
.Honor .HonorCon .item dl dd:hover .txt{opacity: 1;}
.Honor::before,.Honor::after{content:'';display: block;width:11.2rem;height:2.49rem;position: absolute;}
.Honor::before{background: url(../images/hline1.png) no-repeat bottom left;right:0;top:40%;background-size: 100%;}
.Honor::after{background: url(../images/hline2.png) no-repeat bottom right;left:0;bottom:-0.5rem;background-size: 100%;}

.Honor .slick-arrow{top:20%;}
.Honor .slick-arrow.slick-prev{left:0;}
.Honor .slick-arrow.slick-next{left:6%;}

@media(max-width:1024px){
    .Honor .HonorCon .slider{padding-bottom:50px;}
    .Honor .HonorCon .HonorTit{position: static;margin-bottom:30px;max-width:100%;}
    .Honor .slick-arrow{top:auto;bottom:0;}
    .Honor .HonorCon .item dl{width:100%;}
    .Honor::before{display: none;}
    .Honor::after{display: none;}
    .Honor .HonorCon .item dl{padding-bottom:30px;}
}

@media(max-width:640px){
    .Honor .HonorCon .item dl dd{width:30%;}
    .Honor .slick-arrow.slick-next{left:50px;}
}

/* 网站地图 */
.Website .WebsiteBox ul li{margin-bottom:3%;}
.Website .WebsiteBox ul li em{display: block;line-height: 0.5rem;background: #f5f5f5;padding-left:20px;position: relative;margin-bottom:0.2rem;}
.Website .WebsiteBox ul li em::before{content:"";display: block;width:4px;height:60%;background: #046a2d;position: absolute;left:0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.Website .WebsiteBox ul li em a{display: block;color:#046a2d;font-size: 0.2rem;font-weight: bold;}
.Website .WebsiteBox ul li .NavPull {padding:0 20px;}
.Website .WebsiteBox ul li .NavPull dl{margin-left:-4%;}
.Website .WebsiteBox ul li .NavPull dl::after{content:'';display: block;clear: both;}
.Website .WebsiteBox ul li .NavPull dl dd{width:21%;float:left;margin-left:4%;line-height: 0.4rem;box-sizing: border-box;padding-left:15px;position: relative;}
.Website .WebsiteBox ul li .NavPull dl dd::before{content:'';display: block;width:4px;height:4px;background: #0c9864;position: absolute;left:0;top:50%;margin-top:-2px;border-radius: 50%;}

.Website .WebsiteBox ul li .navtit{font-size: 0.18rem;margin-bottom:0.1rem;color:#046a2d;font-weight: bold;} 
.Website .WebsiteBox ul li .navtit a{color:#046a2d;}
.Website .WebsiteBox ul li .navbox{margin-bottom:2%;}
.Website .WebsiteBox ul li .navbox .box{margin-bottom:2%;}
.Website .WebsiteBox ul li .navbox .box .tit{font-weight: bold;margin:0.2rem 0 0.1rem 0;}

@media(max-width:1024px){
    .Website .WebsiteBox ul li em{font-size: 16px;line-height: 40px;}
    .Website .WebsiteBox ul li em a{font-size: 16px;}
    .Website .WebsiteBox ul li .navtit{font-size: 15px;}
    .Website .WebsiteBox ul li .NavPull dl dd{line-height: 32px;}
}

@media(max-width:768px){
    .Website .WebsiteBox ul li .NavPull dl dd{width:29.33%;}
}

@media(max-width:640px){
    .Website .WebsiteBox ul li .NavPull dl{margin-left:-2%;}
    .Website .WebsiteBox ul li .NavPull dl dd{width:48%;margin-left:2%;line-height: 1.3;padding-top:8px;padding-bottom:8px;}
}


@media(min-width:769px){
    .Main .subMenu{transition: all .5s;background: #fff;z-index:998;}
    .Main .subMenu.fix{position: fixed;top:1.5rem;}
    .Main .subMenu.fix2{top:-100%;}
}

.HangywxSelect_new{margin-bottom:0.4rem;}
.HangywxSelect_new .item{margin-bottom:0.2rem;padding-left:1.2rem;position: relative;line-height: 0.45rem;}
.HangywxSelect_new .item .itemtit{font-size: 0.18rem;font-weight: bold;color:#046a2d;position: absolute;left:0;top:0;}
.HangywxSelect_new .item .item_select ul li{display: inline-block;position: relative;padding-left:20px;margin-right:0.5rem;}
.HangywxSelect_new .item .SelectBox{margin-right:0.2rem;width:2rem;}
.HangywxSelect_new .item.item1{ padding-left:0;}

.choose-box input[type="checkbox"] +label::before{
	content:'';
	display:inline-block;
	width:14px;
	height:14px;
	background: url(../images/seletc.png) no-repeat center;
	margin-right:15px;
	position: absolute;left:0;top:50%;margin-top:-7px;
}
.choose-box input[type="checkbox"]:checked + label::before{
  background: url(../images/selected.png) no-repeat center;
}
.choose-box input[type="checkbox"]{
	position:absolute;
	clip:rect(0,0,0,0);
}

@media(max-width:1024px){
    .HangywxSelect_new .item{float:none;padding-left:100px;line-height: 38px;}
    .HangywxSelect_new .item1{padding-left:0;}
    .Hangywx .HangywxSelect .HangywxSearch{float:none;width:100%;}
    .HangywxSelect_new .item .itemtit{font-size: 15px;}
}

@media(max-width:640px){
    .HangywxSelect_new .item{padding-left:0;}
    .HangywxSelect_new .item .itemtit{position: static;}
    .HangywxSelect_new .item .SelectBox{width:45%;margin-right:5%;}
    .Hangywx .HangywxSelect .HangywxSearch{padding-right:50px;}
    .Hangywx .HangywxSelect .HangywxSearch button{width:50px;}
}



/*20240624*/
.LcMain{position: relative;background-image: linear-gradient(0deg, #f5f6f7 0%, #f3f6f9 100%);}
.LcMain:after{position: absolute;right: 0;width:72.5%;height: 100%;background: #fff;content: "";height: 100%;top: 0}
.LcMain .Lc_left{width: 20%;text-align: center;}
.LcMain .Lc_left li .imgbox{width: 1.2rem;height: 1.2rem;border-radius: 50%;display:block;transition: all 0.3s;z-index: 5;overflow: visible;;margin: 0 auto}
.LcMain .Lc_left li .imgbox span{width: 0.8rem;height: 0.8rem;left: 50%;top: 50%;transform:translate(-50%,-50%);border: solid 0.02rem #d9e3e5;border-radius: 50%;transition: all 0.3s}
.LcMain .Lc_left li{text-align: center;margin-bottom: 0.4rem;cursor: pointer;position: relative;}
.LcMain .Lc_left li p{font-size: 0.18rem;color: #333333;transition: all 0.3s;display: inline-block;}
.LcMain .Lc_left li:hover .imgbox:after,.LcMain .Lc_left li.on .imgbox:after{transform: scale(1);}
.LcMain .Lc_left li:hover .imgbox span,.LcMain .Lc_left li.on .imgbox span{border: none}
.LcMain .Lc_left li .imgbox:after{position: absolute;left: 50%;top: 50%;margin-left: -0.6rem;margin-top: -0.6rem;transform: scale(0);transition: all 0.3s; width: 1.2rem;height: 1.2rem;border-radius: 50%;background: url(../images/lc_lbg2.png) no-repeat center/contain;content: "";z-index: -1;}
.LcMain .Lc_left li:hover p,.LcMain .Lc_left li.on p{display: inline-block; font-weight: normal;background: -webkit-linear-gradient(left, #1979a6, #0c9864);   -webkit-background-clip: text;   -webkit-text-fill-color: transparent;   background-clip: text;   color: transparent; /* 为了兼容非WebKit浏览器 */}
.LcMain .Lc_left li:after{width: 0.03rem;height: 0%;transition: all 0.3s; position: absolute; background-image: linear-gradient(90deg,  #1a78a9 0%,  #0c9864 100%), linear-gradient(#0c9766, #0c9766);background-blend-mode: normal, normal; opacity: 0.9;content: "";right: 0;top: 0}
.LcMain .Lc_left li:hover:after,.LcMain .Lc_left li.on:after{height: 100%}
    

.LcMain .Lc_right{width: 80%;position: relative;z-index: 99;padding-left: 1rem;box-sizing: border-box;}
.LcMain .Lc_right .subContent{width: 100%;display: none}
.LcMain .Lc_right .subContent.on{display: block;}


.Lc_Content .ProIntro .Lctit_t{font-size: 0.4rem;line-height: 0.7rem;color: #333333;margin-bottom: 0.5rem;}
.Lc_Content .ProIntro .LcNav{height: 0.6rem;line-height: 0.6rem;border-bottom: 1px solid #E0E0E0;}
.Lc_Content .ProIntro .LcNav li{float: left;height: 0.6rem;line-height: 0.6rem;padding: 0 0.3rem;cursor: pointer;color: #333333;font-size: 0.2rem; margin-right: 0.3rem; background-image: linear-gradient(90deg,  rgba(26,120,169,0.08) 0%,   rgba(12,152,100,0.08) 100%), linear-gradient( #f5f9f8,   #f5f9f8); background-blend-mode: normal, normal; border-radius: 0.16rem 0.16rem 0rem 0rem;}
.Lc_Content .ProIntro .LcNav li.on{color: #ffffff; background-image: linear-gradient(90deg,  rgba(26,120,169,1) 0%,   rgba(12,152,100,1) 100%), linear-gradient( #f5f9f8,   #f5f9f8); background-blend-mode: normal, normal; border-radius: 0.16rem 0.16rem 0rem 0rem;}
.Lc_Content .ProIntro .Lctit{font-size: 0.32rem;font-weight: normal;margin-bottom: 0.2rem; line-height: 0.6rem;float: left; background: -webkit-linear-gradient(left, #1979a6, #0c9864);   -webkit-background-clip: text;   -webkit-text-fill-color: transparent;   background-clip: text;   color: #333; position: relative;}
.Lc_Content .ProIntro .bd{padding-top: 0.7rem;}
.Lc_Content .ProIntro .Lctit:after{position: absolute;width: 0.36rem;height: 0.2rem;top: -0.1rem;left: -0.1rem;background: url(../images/lc_cicon1.png) no-repeat center/contain;content: ""}
.Lc_Content .ProIntro .ProIntroTxt .con.mt0{margin-top: 0}
.Lc_Content .ProIntro .LcBox{margin-bottom: 0.6rem;}
.Lc_Content .ProIntro .ProIntroTxt .con{margin-top:0rem}
.Lc_Content .ProIntro .ProIntroTxt.w100{width: 100%;}
.Lc_Content .ProIntro .LcBox .table_tit{text-align: center;font-size: 0.24rem;color: #333333;line-height: 0.3rem;text-align: center;margin-bottom: 0.36rem;}
.Lc_Content .ProIntro .LcBox  table{width: 100%;border-collapse: collapse;}
.Lc_Content .ProIntro .LcBox  table td{border: 1px solid #ebebeb;text-align: center;padding: 0.15rem 0;line-height: 0.3rem;font-size: 0.16rem;font-weight: lighter;;}
.Lc_Content .ProIntro .LcBox  table thead{background-image: linear-gradient(90deg,     #1a78a9 0%,      #0c9864 100%),   linear-gradient(      #1a78a8,        #1a78a8);   background-blend-mode: normal,        normal;}
.Lc_Content .ProIntro .LcBox  table thead td{color: #fff;font-size: 0.18rem;}
.Lc_Content .ProInfoPage{position: relative;padding-right:1.5rem;}
.Lc_Content .ProInfoPage .goback{position: absolute;right:0;top:0;}
.Lc_Content .ProInfoPage .goback i{display: inline-block;width:20px;height:20px;background: url(../images/prev.png) no-repeat center center;margin-right:0.1rem;position: relative;top:5px;}
.Lc_Content .ProInfoPage .goback a{display: block;line-height: 0.48rem;border-radius: 0.48rem;display: block;padding:0 0.3rem;border:1px solid #e5e5e5;color:#999;}
.Lc_Content .ProInfoPage .goback:hover a{background-image: linear-gradient(to right, #1979a6, #0c9864);color:#fff;}
.Lc_Content .ProInfoPage dl dd{line-height: 0.4rem;}
.Lc_Content .ProInfoPage dl dd span{color:#999;}
.Lc_Content .ProInfoPage dl dd a{color:#666;}
.Lc_Content .ProInfoPage dl dd:hover a{color:#0c9864;}
.Lc_Content .ProInfoPage .goback:hover i{background: url(../images/prevc.png) no-repeat center center;}
.Lc_Content .ProductInfo2{margin-top: 0;border-top:none;padding-top: 0;}
.Lc_Content .Lc_ProInfo4b ul li{float: left;width: 33%;margin-right: 0.5%;text-align: center;}
.Lc_Content .Lc_ProInfo4b ul li:nth-child(3n){margin-right: 0;}
.Lc_Content .Lc_ProInfo4b ul li h3{padding: 0.2rem 0;line-height: 0.32rem;background-color: #1a78a8;margin-bottom: 0.06rem;font-size: 0.2rem;color: #ffffff;font-weight: normal;}
.Lc_Content .Lc_ProInfo4b ul li p{padding: 0.2rem 0;line-height: 0.32rem;background-color: #f8f9fc;margin-bottom: 0.06rem;font-size: 0.18rem;color: #333333;font-weight: lighter;}
.Lc_Content .Lc_ProInfo4b ul li:nth-child(2n) h3{background-color: #14868b;}
.Lc_Content .Lc_ProInfo4b ul li:nth-child(3n) h3{background-color: #0c9864;}

@media(max-width:1440px){
.LcMain:after{width: 76%;}
}




@media(max-width:768px){
.LcMain .subContent{margin-top: 0.2rem}
.LcMain .Lc_right{padding-left: 0.4rem;}
.LcMain:after{width: 78%;}
}