@charset "utf-8";
*:before,
*:after,
*{
	margin: 0;
	padding: 0;
	font-family: Microsoft Yahei, arial, SimSun, Tahoma, Helvetica, STHeiti, sans-serif;
	list-style: none;
	line-height: 1;
	transition-property: color, border-color,background-color;
    transition-duration:0.3s;
    transition-timing-function:linear;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
body {
    /* -webkit-user-select: none;禁止选中文本 */
    -webkit-text-size-adjust: 100%;
    /* 设置webkit内核下文字大小不小于12px */
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    /* 设置点击链接时遮罩层为全透明 */
    -webkit-overflow-scrolling: touch;
    font-size: 14px;
    line-height: 1.2;
    font-family: "SF Pro SC", "SF Pro Display", 'Segoe UI', SegoeUI, "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "segoe-ui_normal", sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    position: relative;
    color: #323232;
    background-color: #f7f7f7;
    height: 100%;
    letter-spacing: -.035em;
    /* min-height 1064px; */
}
input[type="button"], 
input[type="submit"], 
input[type="reset"] {
    -webkit-appearance: none;
}
input[type="submit"],
input[type="button"]{
     box-sizing:content-box;
}
input[type="button"], 
input[type="text"], 
input[type="tel"],
input[type="submit"], 
input[type="reset"],
textarea {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
}

p{
	line-height: inherit;
}
a {
	text-decoration: none;
	color: #2D2D2D;
}
body {
	background: #fff;
	color: #2D2D2D;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	font-weight: 400;
}
img {
	border: 0;
}
textarea,
select,
option,
input {
	outline: none;
}
textarea{
    resize:none;
}
pre {
    white-space: break-spaces;
    line-height: 1.5;
}

.clearBoth,
.clearboth {
	clear: both;
}
.bordernone {
	border: none!important;
}

.centerBox{
	margin:0 auto;
	width:80%;
	/* max-width: 1500px; */
}
.centerBox:after{
	content:"";
	display:block;
	clear:both;
}
/*头*/
header{}
header .blank{height: 101px;}
.head{background-color: #ffffff;padding: 25px 0;position: fixed;width: 100%;top: 0;left: 0;z-index: 9; border-bottom: 1px solid #E6E6E6;}
.head .centerBox{display: flex;}
.head .logo{}
.head .logo a,.head .logo img{display: block;height: 50px;}
.head .other{margin-left: auto;display: flex;}
.head .other .search{display: flex;margin: 15px 15px 15px 0;}
.head .other .search .inp{border-radius: 10px;height: 20px;border: 1px solid #2D2D2D;padding: 0 10px;}
.head .other .search .sub{display: block; width: 20px;height: 20px;margin-left: 5px; flex: none;
	background: url(../img/f_sea.png) no-repeat center / 100%;cursor: pointer;}
.head .other .language{position: relative;padding: 15px 0;cursor: pointer;}
.head .other .language img{display: block;height: 20px;float: left;margin-right: 5px;}
.head .other .language p{display: inline-block;line-height: 20px;float: left;}
.head .other .language .lan{width: 100%;box-shadow: 0 0 5px #E6E6E6;border-radius: 6px;padding: 5px;background-color: #ffffff;z-index: 9;
	position: absolute;left: 0;top: 100%;visibility: hidden;opacity: 0;}
.head .other .language:hover .lan{opacity: 1;visibility: initial;transition: opacity 300ms ease-in, visibility 300ms ease-in;}
.head .other .language .lan a{display: block;text-align: center;line-height: 20px;}
.head .other .language .lan a:hover{color: #00D2D2;}
.head .menu{margin-left: 10px;}
.head .menu .firstUL{overflow: hidden;display: flex;}
.head .menu .firstUL>li{margin: 18px 1vw;}
.head .menu .firstUL li .first{display: inline-block;font-size: 15px;}
.head .menu .firstUL li.on .first,
.head .menu .firstUL li:hover .first{color:#00D2D2;}
.head .menu .firstUL li .drop-down .more{border-top: 1px solid #E6E6E6;text-align: center;font-weight: bold;padding-top: 1.5vw;background-color: #ffffff;}
.head .menu .firstUL li .drop-down .more a:hover{color: #00D2D2;}
.head .menu .firstUL li .drop-down{border-bottom: 1px solid #E6E6E6;background:url(../img/f_logo.png) no-repeat right top / auto 83% #ffffff;padding: 2.5vw 0 1.5vw;
	position: absolute;width: 100%;left: 0;top: 101px;z-index: 9; visibility: hidden;opacity: 0;}
.head .menu .firstUL li.active .drop-down{opacity: 1;visibility: initial;transition: opacity 300ms ease-in, visibility 300ms ease-in;}
.head .menu .drop-down .secondaryName{text-align: center;}
.head .menu .drop-down .secondaryName .aa{display: inline-block;margin: 0 2.5vw;}
.head .menu .drop-down .secondaryName .aa.on{color: #00D2D2;}
.head .menu .drop-down .secondUL{margin: 2.5vw;}
.head .menu .drop-down .secondUL .secondaryPro{display: flex;flex-wrap: wrap;justify-content: center;}
.head .menu .drop-down .secondUL .secondaryPro .bb{display: block;margin: 0 1.5vw;}
.head .menu .drop-down .secondUL .secondaryPro .bb img{display: block;height: 120px;}
.head .menu .drop-down .secondUL .secondaryPro .bb p{text-align: center;font-size: 12px;margin-top: 20px;}
.head .menu .drop-down .secondUL .secondaryPro .bb p+p{color: #817F7F;margin-top: 10px;}
.head .menu .drop-down .secondUL li{display: none;}
.head .menu .drop-down .secondUL li:first-child{display: block;}

.secondaryMenu{background-color: #ffffff;text-align: center;padding: 1vw;width: 100%;}
.secondaryMenu .li{display: inline-block;font-size: 14px;margin: 0 4vw;}
.secondaryMenu .li.on{color: #00D2D2;}
.secondaryMenu.sticky{position: fixed;top: 0;left: 0;z-index: 9;}

.onlyIndex{}
.onlyIndex .head{background-color: #191E3C;border-color: #191E3C;}
.onlyIndex .head .logo img{filter: brightness(100);}
.onlyIndex .head .menu .first{color: #ffffff;}
.onlyIndex .head .other .search .inp{border: 1px solid #ffffff;color: #ffffff;}
.onlyIndex .head .other .search .sub{background: url(../img/f_sea2.png) no-repeat center / 100%;}
.onlyIndex .head .other .language img{filter: brightness(100);}
.onlyIndex .head .other .language{color: #ffffff;}

/*尾*/
footer{}
.foot{background-color: #191E3C;padding: 2vw 0 0;}
.foot .top{display: flex;justify-content: space-between;margin-bottom: 20px;}
.foot .menu ul{overflow: hidden;}
.foot .menu ul li{float: left;}
.foot .menu ul li+li{margin-left: 3vw;}
.foot .menu a{color: #ffffff;display: block;}
.foot .menu a:hover{font-weight: bold;}
.foot .menu .aa{font-size: 16px;margin-bottom: 25px;}
.foot .menu .bb{margin-bottom: 20px;}
.foot .other{color: #ffffff;}
.foot .other li{text-align: right;margin-bottom: 20px;}
.foot .other li a{color: #ffffff;}
.foot .other li:first-child{font-size: 32px;font-weight: bold;}
.foot .other li img{display: inline-block;vertical-align: middle;margin-top: -4px;height: 14px;margin-right: 5px;}
.foot .bottom{display: flex;justify-content: space-between;border-top: 1px solid #BEBEBE66;padding: 10px 0;}
.foot .copyRight,.foot .copyRight *{color: #BEBEBE;font-size: 12px;line-height: 30px;}
.foot .copyRight img{display: inline-block;vertical-align: middle;margin-top: -4px;height: 12px;margin-right: 2px;}
.foot .share{}
.foot .share ul{}
.foot .share ul li{position: relative;float: left;margin-left: 20px;}
.foot .share .icon{display: block;height: 30px;}
.foot .share .code{display: block;height: 100px;position: absolute;left: 50%; bottom: 40px;z-index: 9;transform: translateX(-50%);visibility: hidden;opacity: 0;}
.foot .share ul li:hover .code{opacity: 1;visibility: initial;transition: opacity 300ms ease-in, visibility 300ms ease-in;}
.foot .friend{color: #BEBEBE;font-size: 12px;line-height: 20px;margin-bottom: 10px;}
.foot .friend a{color: #BEBEBE;margin: 0 5px;}
.foot .friend a:hover{color: #ffffff;}

/* 侧边栏 */
.floating{position: fixed;z-index: 9;right: 10px;bottom: 10px;transform: scale(0);visibility: hidden;opacity: 0;transition: all .5s;}
.floating.show{visibility: visible;opacity: 1;transform: scale(1);transition: all .5s;}
.floating .element{}
.floating .element .li{position: relative;margin-bottom: 10px;}
.floating .element .li .img{width: 48px;display: block;cursor: pointer;box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.45);border-radius: 100%;}
.floating .element .li .QR{width: 100px;display: block;border-radius: 6px;position: absolute;right: 110%;top: 50%;
	transform: translateY(-50%) scale(0);visibility: hidden;opacity: 0;transition: all .5s;}
.floating .element .li:hover .QR{visibility: visible;opacity: 1;transform:translateY(-50%) scale(1);transition: all .5s;}
.floating .element .li .tel{display: block;background-color: #00D2D2;color: #ffffff;font-size: 1vw;padding: 10px;border-radius: 6px;
	position: absolute;right: 110%;top: 50%;transform: translateY(-50%) scale(0);white-space: nowrap;visibility: hidden;opacity: 0;transition: all .5s;}
.floating .element .li:hover .tel{visibility: visible;opacity: 1;transform:translateY(-50%) scale(1);transition: all .5s;}

/* 免费试用 */
@keyframes gradientBG {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.free{display: none;white-space: nowrap; padding: 0 30px; line-height: 40px;position: fixed;z-index: 9;bottom: 10px;color: #ffffff;
border-radius: 20px;font-size: 14px;left: 50%;transform: translateX(-50%); cursor: pointer;text-shadow: 0px 1px 1px rgba(0,0,0,0.67);
background: linear-gradient(90deg, #0087CB 0%,  #00D2D2 100%);animation: gradientBG 2s ease infinite;-webkit-animation: gradientBG 2s ease infinite;}
.free a{display: block;color: inherit;line-height: inherit;}
.free:hover{background: linear-gradient(90deg, #0087CB, #00D2D2, #0055ff);animation: gradientBG 3s ease infinite;-webkit-animation: gradientBG 3s ease infinite;background-size: 200% 200%;}


/* 轮播图 */
.banner{position: relative;overflow: hidden;background-color: aliceblue;}
.banner .img{display: block;width: 100%;}
.banner-pagination{position: absolute;display: block; width: 84% !important;left: 8% !important;bottom: 5% !important;z-index: 2;}
.banner-pagination li{width: 10%;float: left;padding: 0 10px;position: relative;cursor: pointer;}
.banner-pagination li .a{display: block;width: 100%;padding: 0 20px;position: relative;} 
.banner-pagination li .a:before{content: '';display: block;position: absolute;z-index: 2; left: 0;bottom: 0; width: 100%;height: 4px;border-radius: 2px;background-color: #ffffff45;}
.banner-pagination li .a:after{content: '';display: block;position: absolute;z-index: 2; left: 0;bottom: 0; width: 0%;height: 4px;border-radius: 2px;background-color: #ffffff45;transition: all .3s;}
.banner-pagination li .b{color: #ffffff;position: absolute;width: calc(100% - 20px);bottom: 100%;left: 10px;display: none;} 
.banner-pagination li:hover .a{color: #ffffff;}
.banner-pagination li:hover .a:after{background-color: #ffffff;width: 100%;transition: all 1s;}
.banner-pagination li:hover .b{display: block;}
.banner-pagination li.active .a:after{background-color: #ffffff;animation: duration 5.5s infinite;}
.banner-pagination li.active .a{color: #ffffff;}
@keyframes duration {
    0% {
        width: 0;
    }
	100% {
	    width: 100%;
	}
}

/* 首页产品中心 */
.commonTitle{color: #ffffff;}
.commonTitle .a{font-size: 1.875vw;font-weight: bold;}
.commonTitle .b{font-size: 1vw;margin-top: 1.5vw;}
.indexProCenter{margin: 1vw 0;padding: 5.5vw 0;background-position: center;background-repeat: no-repeat;background-size: cover;}
.indexProCenter .proBox{margin-top: 2.8125vw;overflow: hidden;}
.indexProCenter .proBox .list{overflow: hidden;width: 49%;float: left;margin-bottom: 2%;height: 24.48vw;padding: 4.4vw 2.6vw;display: flex;justify-content: space-between;
	background-position: center;background-repeat: no-repeat;background-size: cover;}
.indexProCenter .proBox .list:hover .img{transform: scale(1.3);transition: all .5s;}
.indexProCenter .proBox .list:nth-child(2n){float: right;}
.indexProCenter .proBox .list .txt{width: 60%;}
.indexProCenter .proBox .list .txt .tit{font-size: 1.5625vw;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;position: relative;padding-bottom: 1vw;}
.indexProCenter .proBox .list .txt .tit::after{content: '';display: block;width: 50px;height: 2px;background-color: #00D2D2;position: absolute; bottom:0;left: 0;}
.indexProCenter .proBox .list .txt .des{font-size: 0.83vw;display: block;margin-top: 2vw;line-height: 1.5;}
.indexProCenter .proBox .list .txt .more{color: #ffffff;background-color: #00D2D2;display: inline-block;line-height: 2vw;font-size: 0.73vw;padding:0 1vw;margin-top: 3vw;}
.indexProCenter .proBox .list .txt .more img{display: inline-block;height: 12px;margin-left: 5px;vertical-align: middle;margin-top: -2px;transition: all .5s;}
.indexProCenter .proBox .list .txt .more:hover img{transform: translateX(5px);transition: all .5s;}
.indexProCenter .proBox .list .img{display: block;width: 40%;margin: auto;transition: all .5s;}
.indexProCenter .proBox .list img{display: block;max-width: 100%;margin: 0 auto;}

/* 首页产品块 */
.indexProPartOne{position: relative;margin: 1vw 0;}
.indexProPartOne .img{overflow: hidden;}
.indexProPartOne .img:hover img{transform: scale(1.2);transition: all .5s;}
.indexProPartOne img{display: block;width: 100%;transition: all .5s;}
.indexProPartOne .txt{position: absolute;z-index: 8;left: 14%;top: 50%;transform: translateY(-50%);color: #ffffff;}
.indexProPartOne .txt.center{text-align: center;left: 0;width: 100%;transform: translateY(0%);top: 6%;}
.indexProPartOne .tit{font-size: 1.875vw;font-weight: bold;margin-bottom: 1vw;}
.indexProPartOne .en{font-size: 0.73vw;margin-bottom: 1.5vw;}
.indexProPartOne .des{font-size: 1.35vw;margin-bottom: 1.5vw;}
.indexProPartOne .quan{font-size: 0.93vw;margin-bottom: 1.5vw;border-radius: 20px;border: 1px solid #ffffff;padding: 10px 15px;display: inline-block;}
.indexProPartOne .lab{font-size: 0.93vw;margin-bottom: 2vw;}
.indexProPartOne .lab span{border-radius:8px;background-color: #ffffff99;padding: 10px;display: inline-block;color: #191E3C;margin-right: 10px;}
.indexProPartOne .more{font-size: 0.83vw;}
.indexProPartOne .more a{color: #ffffff99;margin-right: 10px;}
.indexProPartOne .more a:hover{color: #ffffff;}

.indexProPartThree{margin: 1vw;overflow: hidden;display: flex;justify-content: space-between;}
.indexProPartThree .list{width: 49.5%;float: left;position: relative;display: flex;flex-direction: column;justify-content: space-between;}
.indexProPartThree .list:nth-child(2n){float: right;}
.indexProPartThree .list .img{overflow: hidden;}
.indexProPartThree .list .img:hover img{transform: scale(1.2);transition: all .5s;}
.indexProPartThree .list img{display: block;width: 100%;transition: all .5s;}
.indexProPartThree .list .li{position: relative;}
.indexProPartThree .list .li:last-child .txt{left: 0;width: 100%;text-align: center;transform: translateY(0%);top: 12%;}
.indexProPartThree .list .txt{position: absolute;z-index: 8;left: 7%;top: 50%;transform: translateY(-50%);color: #ffffff;}
.indexProPartThree .list .tit{font-size: 1.875vw;font-weight: bold;margin-bottom: 1vw;}
.indexProPartThree .list .des{font-size: 1.35vw;margin-bottom: 1.5vw;}
.indexProPartThree .list .lab{font-size: 0.93vw;margin-bottom: 2vw;max-width: 65%;}
.indexProPartThree .list .lab span{border-radius:8px;background-color: #ffffff99;padding: 10px;display: inline-block;color: #191E3C;margin:0 10px 10px 0;}
.indexProPartThree .list .more{font-size: 0.83vw;}
.indexProPartThree .list .more a{color: #F1F1F1;margin-right: 10px;}
.indexProPartThree .list .more a:hover{color: #00D2D2;}

.indexProPartTwo{overflow: hidden;margin: 1vw;}
.indexProPartTwo .list{width: 49.5%;padding: 2%; overflow: hidden; float: left;display: flex;justify-content: space-between;background-color: #3D88D5;}
.indexProPartTwo .list:nth-child(2n){float: right;}
.indexProPartTwo .list:nth-child(2),
.indexProPartTwo .list:nth-child(3),
.indexProPartTwo .list:nth-child(6){background-color: #11AA72;}
.indexProPartTwo .img{width: 68%;box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.6);overflow: hidden;}
.indexProPartTwo .img:hover img{transform: scale(1.2);transition: all .5s;}
.indexProPartTwo img{display: block;width: 100%;transition: all .5s;}
.indexProPartTwo .txt{width:32%; color:#ffffff;text-align: center;display: flex;flex-direction: column;}
.indexProPartTwo .tit{font-size: 1.875vw;font-weight: bold;margin-top: 2vw;line-height: 1.3;}
.indexProPartTwo .lab{font-size: 0.83vw;margin-top: 1vw;}
.indexProPartTwo .lab span{border-radius:15px;border: 1px solid #FFFFFF;padding: 10px 5px;display: inline-block;margin: 0 5px;
	writing-mode: vertical-rl;text-orientation: mixed;vertical-align: text-top;}
.indexProPartTwo .more{font-size: 0.83vw;margin-top: auto;margin-bottom: 2vw;}
.indexProPartTwo .more a{color: #ffffff99;margin-right: 10px;}
.indexProPartTwo .more a:hover{color: #ffffff;}

/* 轮播图 */
.slide{position: relative;overflow: hidden;background-color: aliceblue;margin: 1vw 0;}
.slide .box{position: relative;color: #ffffff;}
.slide .img{display: block;width: 100%;}
.slide .content{position: absolute;top: 50%;z-index: 2; width: 28%; border-radius: 20px;transform:translateY(-50%);}
.slide .content.left{left: 10%;}
.slide .content.right{right: 10%;text-align: right;}
.slide .content .tit{font-size: 1.875vw;font-weight: bold; margin-bottom: 1vw;}
.slide .content .en{font-size: 1vw;font-weight: bold; margin-bottom: 2vw;}
.slide .content .des{font-size: 0.83vw;margin-bottom: 4vw;text-align: justify;color: #F1F1F1;line-height: 1.5;}
.slide .content .link{font-size: 0.73vw;}
.slide .link a{display: inline-block;color: #ffffff;background-color: #00D2D2;padding: 15px;}
.slide .link img{display: inline-block;height: 12px;vertical-align: middle;margin-left: 5px;margin-top: -2px;}
.slide .link a+a{margin-left: 10px;}
.slide .link a:hover{background-color: #963CBF;}
.slide .swiper-button-prev, .slide .swiper-button-next{width:40px;height: 40px;overflow: hidden;opacity: 0.5;}
.slide .swiper-button-prev:after,
.slide .swiper-button-next:after{display: none;}
.slide .swiper-button-prev{background-image: url('../img/s_left.png');background-repeat: no-repeat;background-size: 100% auto;background-position: center; left: auto; right: 24%;bottom: 9%;top: auto;}
.slide .swiper-button-next{background-image: url('../img/s_right.png');background-repeat: no-repeat;background-size: 100% auto;right: 20%;bottom: 9%;top: auto;}
.slide .swiper-button-prev:hover,
.slide .swiper-button-next:hover{opacity: 1;}
.slide-pagination{position: absolute;display: block; width: 50% !important;left: 20% !important;bottom: 10% !important;z-index: 2;border: 1px solid #FFFFFF;border-radius: 20px;}
.slide-pagination li{width: 25%;float: left;position: relative;cursor: pointer;}
.slide-pagination li .a{display: block;position: relative;height: 24px;width: 100%;}
.slide-pagination li .a::before{content: '';display: block;position: absolute;z-index: 2; left: 0;top: 0; width: 24px;height: 24px;background: url(../img/s_pan.png) no-repeat center / 100%;}
.slide-pagination li .a:after{content: '';display: block;position: absolute;z-index: 3; left: 0;top: 0; width:  100%;height: 100%;}
.slide-pagination li.active .a:after{background: url(../img/s_active.png) no-repeat center left / auto 100%; animation: scroll 5.5s linear infinite;}
.slide-pagination li .b{font-size: 0.73vw;color: #ffffff80;display: block; position: absolute;top: 40px;left: 0;transform: translateX(-50%);margin-left: 12px;} 
.slide-pagination li:hover .b,
.slide-pagination li.active .b{color: #ffffff;}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

.companyProfile{display: flex;flex-wrap: wrap;}
.companyProfile .profile{width: 50%;background-position: center bottom;background-repeat: no-repeat;background-size: 100% auto;position: relative;}
.companyProfile .profile .center{width: 66%;position: absolute; left: 17%;top: 50%;transform: translateY(-50%);}
.companyProfile .profile .aa{color: #2D2929;font-size: 1.875vw;font-weight: bold;margin-bottom: 2vw;}
.companyProfile .profile .bb{font-size: 1vw;color: #00D2D2;margin-bottom: 2vw;}
.companyProfile .profile .cc{font-size: 0.83vw;line-height: 1.5;margin-bottom: 2vw;}
.companyProfile .profile .dd{font-size: 0.93vw;color: #002733;line-height: 30px;text-align: right;}
.companyProfile .profile .dd img{display: inline-block;height: 30px;margin-right: 5px;vertical-align: middle;margin-top: -4px;}
.companyProfile .profile .more{border: 1px solid #BEBEBE;color: #817F7F;font-size: 0.83vw;padding: 12px 15px;display: inline-block;}
.companyProfile .profile .more img{display: inline-block;height: 12px;margin-left: 5px;vertical-align: middle;margin-top: -4px;}
.companyProfile .profile .more:hover{background-color: #ffffff;}
.companyProfile .img{width: 50%;}
.companyProfile .img img{display: block; width: 100%;}
.companyProfile .data{width: 100%;background-color: #191E3C;}
.companyProfile .data ul{display: flex;justify-content: center;}
.companyProfile .data ul li{padding:4% 5%;text-align: center;position: relative;}
.companyProfile .data ul li+li::after{content: '';display: block; width: 1px;height: 30px;background-color: rgba(255,255,255,0.5);position: absolute; left: 0;top: 50%;margin-top: -15px;}
.companyProfile .data ul li p:first-child{font-size: 1.1vw;color: #ffffff;white-space: nowrap;}
.companyProfile .data ul li b{font-size: 2vw;margin-right: 5px;}
.companyProfile .data ul li p:last-child{color: #817F7F;font-size: 0.83vw;white-space: nowrap;margin-top: 0.5vw;}

.newsCenter{padding: 6% 0 8%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.newsCenter .commonTitle{position: relative;}
.newsCenter .commonTitle .a{color: #2D2929;}
.newsCenter .commonTitle .b{color: #817F7F;}
.commonTitle .more{border: 1px solid #BEBEBE;color: #817F7F;font-size: 0.83vw;padding: 12px 15px;display: inline-block;position: absolute; right: 0;top:50%;transform: translateY(-50%);}
.commonTitle .more img{display: inline-block;height: 12px;margin-left: 5px;vertical-align: middle;margin-top: -4px;}
.commonTitle .more:hover{background-color: #ffffff;}
.newsCenter .newsList{margin-top: 5vw;}
.newsCenter .newsList ul{display: flex;justify-content: space-between;}
.newsCenter .newsList ul li:hover{transform: translateY(-10px);transition: all .5s;}
.newsCenter .newsList ul li{width: 32%;margin-bottom: 2%;box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.45);background: #FFFFFF;transition: all .5s;}
.newsCenter .newsList .img:hover img{transform: scale(1.2);transition: all .5s;}
.newsCenter .newsList .img{display: block;position: relative;overflow: hidden;}
.newsCenter .newsList .img img{display: block;width: 100%;transition: all .5s;}
.newsCenter .newsList .img p{position: absolute;z-index: 8;background: url(../img/bg6.png) no-repeat center right / auto 100%;display: block;left: 0%;bottom: 10px;color: #ffffff;font-size: 0.83vw;line-height: 2.5vw;padding: 0 1.5vw 0 0.5vw;}
.newsCenter .newsList .content{padding: 1vw;}
.newsCenter .newsList .content .tit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #2D2929;margin-bottom: 1vw;font-weight: bold;}
.newsCenter .newsList .content .des{line-height: 1.3;font-size: 0.8vw;min-height: 3vw; color: #817F7F;margin-bottom: 1vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow:ellipsis;}
.newsCenter .newsList .content .other{overflow: hidden;}
.newsCenter .newsList .content .other label{color: ;float: left;color: #817F7F;font-size: 0.73vw;}
.newsCenter .newsList .content .other a{float: right;display: block;color: ;font-size: 0.73vw;color: #BEBEBE;}
.newsCenter .newsList .content .other a:hover{color: aqua;}



/* 产品 */
.txtDes{position: absolute;right: 10%;z-index: 8;color: #ffffff;text-align: right;transform: translateY(-50%);top: 50%;max-width: 30%;}
.txtDes p:first-child{font-size: 1.875vw;}
.txtDes p:last-child{line-height: 2;font-size: 0.83vw;margin-top: 1vw;}
.txtDes .en{font-size: 1.2vw;font-weight: bold;margin-top: 1.5vw;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;display: inline-block;line-height: 1.5;}
.proList{padding: 2% 18.75%;}
.proList .list{margin-bottom: 2vw;}
.proList .list .title{margin-bottom: 1vw;}
.proList .list .title .tit{font-size: 1.25vw;color: #2D2929;font-weight: bold;}
.proList .list .title .des{color: #817F7F;line-height: 1.5;font-size: 0.83vw;margin-top: 0.5vw;}
.proList .list .collection{margin-top: 2vw;}
.proList .list .collection ul{overflow: hidden;}
.proList .list .collection ul li{float: left;position: relative;width: 23%;margin: 1%;background-color: #F0F0F0;}
.proList .list .collection .img{overflow: hidden;display: block;}
.proList .list .collection .img img{display: block;width: 100%; transition: all .5s;}
.proList .list .collection .img:hover img{transform: scale(1.2);transition: all .5s;}
.proList .list .collection .txt{padding: 15px;text-align: center;}
.proList .list .collection .txt p{color: #707070;font-size: 0.83vw;margin-bottom: 10px;line-height: 1.5;}
.proList .list .collection .txt p:first-child{font-size: 1vw;font-weight: bold;}
.proList .list .collection .txt p:last-child{font-size: 0.73vw;margin-bottom: 0;white-space: nowrap; overflow: hidden;text-overflow:ellipsis;}

/* 产品 详情*/
.productDetails{}
.productDetails .partOne{padding: 5% 18.75%;background: url(../img/cp1.png) no-repeat center / cover;overflow: hidden;}
.productDetails .partOne .left{width: 50%;float: left;overflow: hidden;position: relative;padding-bottom: 4vw;}
.productDetails .partOne .left .swiper-pagination-bullet-active{background: url(../img/s_active.png) no-repeat center / 100% 100%;width:12px;height: 12px;position: relative;bottom: -2px;}
.productDetails .partOne .left img{display: block;width: 100%;}
.productDetails .partOne .right{margin-left: 55%;}
.productDetails .partOne .right .name{font-weight: bold;font-size: 2vw;line-height: 1.5;position: relative;}
.productDetails .partOne .right .name::after{content: '';display: block;left: 0;bottom: 0;width: 3vw;height: 1px;background-color: #00D2D2;margin-bottom: 1vw;}
.productDetails .partOne .right .other{}
.productDetails .partOne .right .other b{font-size: 1.1vw;color: #00D2D2;display: block;margin-bottom: 1vw;}
.productDetails .partOne .right .other .des{color: #707070;font-size: 0.83vw;line-height: 2;}
.productDetails .partOne .right .other .des p{position: relative;padding-left: 10px;background: url(../img/cp3.png) no-repeat center left / auto 8px;}
.productDetails .partOne .right .link{overflow: hidden;margin-top: 3vw;}
.productDetails .partOne .right .link .li{display: block;float: left;padding: 0.8vw 1vw; border: 1px solid #00D2D2;color: #00D2D2;font-size: 0.83vw;margin-right: 2vw;}
.productDetails .partOne .right .link .li img{display: inline-block;height: 16px;margin-right: 5px;vertical-align: middle;}
.productDetails .partTwo{background: #373945;padding: 5% 0;}
.productDetails .partTwo .title1{margin:0 18.75% 2vw;font-size: 1.85vw;color: #FFFFFF;font-weight: bold;}
.productDetails .partTwo .title2{margin:0 18.75% 3vw;font-size: 1.85vw;color: #FFFFFF;font-weight: bold;text-align: center;}
.productDetails .partTwo .canshu{margin: 3% 18.75%;padding-bottom: 3%; border-bottom: 1px solid #ffffffa8;}
.productDetails .partTwo .canshu ul{display: flex;flex-wrap: wrap;}
.productDetails .partTwo .canshu ul li{width: 19%;margin: 0.6%;background: #FFFFFF26;border-radius:10px;padding: 1vw;color: #ffffff;}
.productDetails .partTwo .canshu ul li:nth-child(5n){margin-right: 0;}
.productDetails .partTwo .canshu ul li:nth-child(5n+1){margin-left: 0;}
.productDetails .partTwo .canshu ul li p:first-child{font-size: 0.83vw;margin-bottom: 0.5vw;}
.productDetails .partTwo .canshu ul li p:last-child{font-size: 0.73vw;line-height: 2;}
.productDetails .partTwo .picturesShow{margin-top: 4%;position: relative;overflow: hidden;padding: 0 18.75%;}
.productDetails .partTwo .picturesShow img{display: block;width: 100%;}
.picturesShow .swiper-button-next:after, 
.picturesShow .swiper-button-prev:after{color: #ffffff;}
.picturesShow .swiper-button-prev{left: 15%;}
.picturesShow .swiper-button-next{right: 15%;}
.productDetails .partThree{background: #FFFFFF;padding: 5% 18.75%;}
.productDetails .partThree .otherTitle{margin-top: 0;}
.productDetails .partThree .otherTitle .tit,
.productDetails .partThree .otherTitle .en{text-align: left;}
.recommended{position: relative;overflow: hidden;padding: 60px 6px 60px;}
.recommended a{display: block;width: 100%;box-shadow:0px 0px 6px 1px rgba(0,0,0,0.16);overflow: hidden;border-radius: 4px;}
.recommended img{block;width: 100%;}
.recommended p{display: block;font-size: 1vw;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 1vw 5px;text-align: center;}
.recommended .swiper-pagination-bullet-active{background: url(../img/s_active.png) no-repeat center / 100% 100%;width:12px;height: 12px;position: relative;bottom: -2px;}
.recommended .swiper-button-prev{top: 0;margin-top: 0;left: auto;right: 50px;width:40px;height: 40px;overflow: hidden;opacity: 0.3;background-image: url('../img/s_left.png');background-repeat: no-repeat;background-size: 100% auto;background-position: center;}
.recommended .swiper-button-next{top: 0;margin-top: 0;right: 0;width:40px;height: 40px;overflow: hidden;opacity: 0.3;background-image: url('../img/s_right.png');background-repeat: no-repeat;background-size: 100% auto;background-position: center;}
.recommended .swiper-button-prev::after,
.recommended .swiper-button-next::after{display: none;}
.recommended .swiper-button-prev:hover,
.recommended .swiper-button-next:hover{opacity: 1;}

.productDetails .partFour{background: #f9f9f9;padding: 0 18.75% 4%;overflow: hidden;}
.recommendations{overflow: hidden;margin-top: 4%;}
.recommendations .list{width: 32%;float: left;margin-right: 2%;}
.recommendations .list:nth-child(3n){margin-right: 0;}
.recommendations .list .img{display: block;box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.16);}
.recommendations .list .center{position: relative;margin-top: 15px;}
.recommendations .list .center::after{content: '';display: block;width: 1px; height: 80%;background-color: #00D2D2;position: absolute;left: 0;top: 10%;}
.recommendations .list .img img{display: block;width: 100%;}
.recommendations .list .title{font-weight: bold;display: block;font-size: 0.93vw;margin-bottom: 10px;padding: 0 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.recommendations .list .title:hover{color: #00D2D2;}
.recommendations .list .des{font-size: 0.83vw;line-height: 1.5;color: #817F7F;padding: 0 15px;height: 3.735vw; text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow:ellipsis;}
.recommendations .list .other{margin:30px 0 0 15px;overflow: hidden;}
.recommendations .list .lab{float: left;font-size: 0;}
.recommendations .list .lab span{display: inline-block; background: #eeeeee;border-radius: 4px;color: #00D2D2;font-size: 12px;padding: 8px 10px;}
.recommendations .list .lab span+span{margin-left: 10px;}
.recommendations .list .more{display: block;float: right; color: #ffffff;background-color: #00D2D2;line-height: 30px;font-size: 12px;padding:0 10px;}
.recommendations .list .more img{display: inline-block;height: 8px;margin-left: 5px;vertical-align: middle;margin-top: -2px;transition: all .5s;}
.recommendations .list .more:hover img{transform: translateX(5px);transition: all .5s;}

.envelope{margin: 5% 18.75%;background-repeat: no-repeat;background-size: cover;background-position: center;padding: 3% 0;border-radius: 8px; text-align: center;}
.envelope .txt1{width: 36%;color: #ffffff;margin: 0 auto;margin-bottom: 8%;}
.envelope .txt1 p:first-child{font-size: 1.1vw;display: block;margin-bottom: 1vw;}
.envelope .txt1 p:last-child{font-size: 0.73vw;display: block;line-height: 1.5;}
.envelope .txt2{overflow: hidden;margin-bottom: 10%;}
.envelope .txt2 a{display: block;float: left;margin-left: 15%; padding-bottom: 10px; font-weight: bold;font-size: 0.83vw;color: #00D2D2;border-bottom: 1px dashed #00D2D2;} 
.envelope .txt2 a:last-child{float: right;margin-left: 0;margin-right: 15%;}
.envelope .txt2 a:hover{color: #ffffff;}
.envelope .txt3{width: 74%;color: #ffffff;margin: 0 auto;margin-bottom: 3%;}
.envelope .txt3 p:first-child{font-size: 1.67vw;display: block;margin-bottom: 1vw;}
.envelope .txt3 p:last-child{font-size: 0.93vw;display: block;line-height: 1.5;}
.envelope .txt4{display: flex;justify-content: space-evenly;}
.envelope .txt4 .li{display: block;background: #FFFFFF26;border-radius:10px;padding: 1.5vw 1.5vw;}
.envelope .txt4 .li:hover{background-color: #00D2D2;}
.envelope .txt4 .li img{display: inline-block;height: 2.5vw;margin-right: 1vw;vertical-align: middle;margin-top: -4px;}
.envelope .txt4 .li p{color: #E8E8E9;font-size: 0.83vw;display: inline-block;}

/* 案例 */
.txtDes.case{left: 10%;text-align: left;}
.caseBig{position: absolute;right: 10%;z-index: 8;color: #ffffff;text-align: right;transform: translateY(-50%);top: 50%;max-width: 30%;}
.caseBig p:first-child{font-size: 3vw;}
.caseBig p:last-child{font-size: 0.93vw;margin-top: 1vw;color: #191E3C;}
.caseBig label{line-height: 2;border-radius:8px;background: #FFFFFF66;display: inline-block;padding: 0 10px;margin-left: 10px;}
.caseList{background: url(../img/bg7.png) repeat-y center top / 100% auto;padding: 0 18.75%;}
.caseList .center{transform: translateY(-3.5vw);padding-bottom: 1px;}
.caseList .list{overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
.caseList .list .all{width: 100%;padding: 1.5vw 0 0 1.5vw; background: radial-gradient(50% 50%, #FFFFFF 0%, #EAEAEA 100%);border-radius: 10px;
	display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 2%;}
.caseList .list .half{width: 49%;padding: 1.5vw 0 0 1.5vw;background: radial-gradient( 50% 50%, #FFFFFF 0%, #EAEAEA 100%);border-radius: 10px;
	display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 2%;}
.caseList .list .title{font-weight: bold;font-size: 1vw;width: 100%;}
.caseList .list .txt{width: 40%;padding-bottom: 1.5vw;align-content: center;padding-left: 3%;padding-top: 3%;}
.caseList .list .txt .a{display: block;font-size: 2vw;font-weight: bold;line-height: 1.3;}
.caseList .list .txt .b{display: inline-block;font-size: 0.625vw;color: #FFFFFF;background: #0087CB;border-radius: 10px;line-height: 2; padding: 0 10px;margin-top: 0.5vw;}
.caseList .list .txt .c{display: block;color: #707070;font-size: 0.83vw;margin-top: 1vw;font-weight: bold;}
.caseList .list .txt .d{display: block;margin-top: 1vw;color: #707070;font-size: 0.73vw;line-height: 1.5;text-align: justify;}
.caseList .list .img{width: 58%;align-content: flex-end;overflow: hidden;}
.caseList .list .img img{display: block;width: 100%;transition: all .5s;}
.caseList .list .img:hover img{transform: translate(20px,20px);transition: all .5s;}
.caseList .list .more{color: #ffffff;background-color: #00D2D2;display: inline-block;line-height: 2vw;font-size: 0.73vw;padding:0 1vw;margin: 1vw 0 0;}
.caseList .list .more img{display: inline-block;height: 12px;margin-left: 5px;vertical-align: middle;margin-top: -2px;transition: all .5s;}
.caseList .list .more:hover img{transform: translateX(5px);transition: all .5s;}

/* 服务与支持 */
.severList{overflow: hidden;padding: 5% 18.75%;display: flex;}
.severList .list{overflow: hidden;float: left; width: 32%;margin-right:2%;background: #F0F0F0;border-radius: 8px;padding: 1.5vw 2vw;}
.severList .list:last-child{margin-right: 0;}
.severList .list .img{height: 100px;margin-bottom: 1vw;}
.severList .list .img img{display: block;height: 100%;}
.severList .list .tit{font-weight: bold;font-size: 1vw;margin-bottom: 1vw;}
.severList .list .en{font-size: 0.83vw;color: #707070;margin-bottom: 1vw;}
.severList .list .txt{font-size: 0.83vw;color: #707070;line-height: 1.5;}
.severList .list .more{color: #ffffff;background-color: #00D2D2;display: inline-block;line-height: 2vw;font-size: 0.73vw;padding:0 1vw;margin: 2vw 0;}
.severList .list .more img{display: inline-block;height: 12px;margin-left: 5px;vertical-align: middle;margin-top: -2px;transition: all .5s;}
.severList .list .more:hover img{transform: translateX(5px);transition: all .5s;}

.severList.people{}
.severList.people .list{position: relative;padding-bottom: 8%;}
.severList.people .list .img{overflow: hidden;}
.severList.people .list img{width: 100px;float: left;display: block;}
.severList.people .list .post{margin-left: 120px;margin-top: 50px;}
.severList.people .list .post p:first-child{font-weight: bold;font-size: 1vw;}
.severList.people .list .post p:last-child{color: #707070;margin-top: 10px;font-size: 0.83vw;}
.severList.people .list .name{}
.severList.people .list .name p:first-child{font-weight: bold;font-size: 1vw;display: inline-block;}
.severList.people .list .name p:last-child{font-weight: bold;font-size: 0.83vw;display: inline-block;margin-left: 10px;}
.severList.people .list .en{color: #707070;margin-top: 10px;font-size: 0.83vw;}
.severList.people .list .txt{}
.severList.people .list .txt img{width: 20px;display: block;margin-right: 5px;}
.severList.people .list .txt p{color: #707070;margin-top: 10px;font-size: 0.83vw;display: block;word-wrap: break-word;}
.severList.people .list .tx{position: absolute;display: block;bottom: 0;right: 0;z-index: 2;width: 100px;}

.otherTitle{text-align: center;margin-top: 5%;position: relative;}
.otherTitle .tit{font-size: 2vw;font-weight: bold;text-align: center;}
.otherTitle .en{font-size: 0.93vw;margin-top: 1vw;color: #707070;text-align: center;}

.service{padding: 5% 0;}
.service .img{position: relative;}
.service .img img{display: block;width: 100%;}
.service .list{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); background: #ffffffcc;border-radius: 10px;padding: 5% 5% 3%;text-align: center;}
.service .list::before{content: '';display: block;position: absolute;z-index: 2;left: 50%;top: 3vw;transform: translateX(-50%);width: 40px;height: 6px;border-radius: 3px;background: #191E3C;}
.service .list::after{content: '';display: block;position: absolute;z-index: 2;left: 50%;bottom: 3vw;transform: translateX(-50%);width: 120px;height: 1px;background: #191E3C;}
.service .list .tit{font-size: 1vw;font-weight: bold;margin-bottom: 1.5vw;}
.service .list .txt{font-size: 0.83vw;margin-bottom: 1.5vw;line-height: 1.5;}

.downLoadPart{padding: 5% 0;}
.downLoadPart .centerBox{position: relative;}
.downLoadPart .tabList{min-height: 774px;}
.downLoadPart table{width: 100%;}
.downLoadPart table tr+tr{border-bottom: 1px dashed #9e9e9e;}
.downLoadPart table th{font-weight: bold;background: #F8F8F8;padding: 20px;}
.downLoadPart table th:first-child{text-align: left;}
.downLoadPart table td{text-align: center;padding: 20px;color: #707070;}
.downLoadPart table td:first-child{text-align: left;}
.downLoadPart table .img{display: inline-block;width: 30px;cursor: pointer;}
.downLoadPart .search{position: absolute;right: 0;bottom: 100%; margin: 0 0 15px;border: 1px solid #E1E1E1;padding: 3px 5px 3px 10px;border-radius: 13px; display: flex;}
.downLoadPart .search .inp{height: 20px;margin-right: 5px;width: 150px;}
.downLoadPart .search .sub{display: block; width: 20px;height: 20px;background: url(../img/fw7.png) no-repeat center / 100%;cursor: pointer;flex: none;}

.tableQR{position: fixed;width: 100%;height: 100%;z-index: 8;left: 0;top: 0;visibility: hidden;transform: scale(0);transition: transform 300ms ease-in, visibility 300ms ease-in;}
.tableQR.on{visibility: initial;transform: scale(1);transition: transform 300ms ease-in, visibility 300ms ease-in;}
.tableQR .center{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;background: #FFFFFF;border-radius: 5px; box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.25);padding: 30px;}
.tableQR .blank{width: 100%;height: 100%;/* background-color: rgba(0, 0, 0, 0.1); */}
.tableQR .QR{display: inline-block;width: 180px;}
.tableQR .pp1{color: #BEBEBE;font-size: 0.83vw;margin-top: 10px;}
.tableQR .pp2{color: #191E3C;font-size: 1vw;font-weight: bold;margin-top: 10px;}

/* 分页 */
.page{text-align: right;margin-top: 3vw;}
.page .num{display: inline-block;margin: 0 2px;color: #707070;width: 28px;height: 28px;text-align: center;line-height: 28px;}
.page .current{display: inline-block;margin: 0 2px;width: 28px;height: 28px;text-align: center;line-height: 28px;border-radius: 100%;color: #ffffff; background: linear-gradient( 146deg, #62FFFF 0%, #27E9F0 43%, #00A5B1 100%);}
.page .prev,.page .next{display: inline-block;margin: 0 2px;width: 28px;height: 28px;text-align: center;line-height: 28px;color: #707070;font-size: 16px;}

/* 关于我们 */
.tabName{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 2;}
.tabName ul{width: 62.5%;margin: 0 auto;display: flex;}
.tabName ul li{width: 100%; background-color: #2d292973;color: #FFFFFF;font-size: 0.83vw;text-align: center;line-height: 4vw;cursor: pointer;}
.tabName ul li.on{background-color: #00D2D2;}
.tabName ul li a{color: #ffffff;display: block;width: 100%;    line-height: inherit;}
.tabContents{margin: 0 auto 5%;}
.tabContents>ul{}
.tabContents>ul>li{display: none;}
.tabContents>ul>li:first-child{display: block;}
.tabContents .contentsMain{position: relative;width: 62.5%;margin: 4% auto 0;}
.tabContents .contentsMain .GSdes{color: #2D2929;line-height: 2;font-size: 0.83vw;text-indent: 2em;margin-bottom: 4%;}
.tabContents .contentsMain .GSdes a{color: #0055ff;text-decoration: underline;}
.tabContents .contentsMain .GSimg{padding: 2vw;background: url(../img/a3.png) no-repeat center / 100% 100%;}
.tabContents .contentsMain .GSimg img{display: block;width: 100%;}
/* 轮播图 */
.development{position: relative;margin: 4% 0;overflow: hidden;}
.development .box{position: relative;color: #ffffff;padding-bottom: 10px;}
.development .img{display: block;width: 84%;border-radius: 6px;margin: 0 auto; box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.94);}
.development .p{display: block;width: 100%;text-align: center;color: #817F7F;font-size: 1vw;margin-bottom: 1.5vw;}
.contentsMain .swiper-button-prev, .contentsMain .swiper-button-next{width:40px;height: 40px;overflow: hidden;opacity: 0.3;}
.contentsMain .swiper-button-prev:after,
.contentsMain .swiper-button-next:after{display: none;}
.contentsMain .swiper-button-prev{background-image: url('../img/s_left.png');background-repeat: no-repeat;background-size: 100% auto;background-position: center; left: auto; right: 50px;top: -20px;margin-top: 0;}
.contentsMain .swiper-button-next{background-image: url('../img/s_right.png');background-repeat: no-repeat;background-size: 100% auto;right: 0%;top: -20px;margin-top: 0;}
.contentsMain .swiper-button-prev:hover,
.contentsMain .swiper-button-next:hover{opacity: 1;}
.devel-pagination{margin: 10% 0 5%;display: flex;width: calc(100% - 90px) !important;}
.devel-pagination li{width: 100%;position: relative;cursor: pointer;}
.devel-pagination li .a{display: block;position: relative;height: 1px;width: 100%;background-color: #BEBEBE;}
.devel-pagination li .a::before{content: '';display: block;position: absolute;z-index: 2; left: -4px;top: -4px; width: 10px;height: 10px;background-color: #BEBEBE;border-radius: 100%;}
.devel-pagination li.active .a::before{width: 24px;height: 24px;left: -10px;top: -12px; background: url(../img/s_active.png) no-repeat center left / auto 100%; }
.devel-pagination li .b{color: #817F7F;font-size: 1vw;display: inline-block;transform: translate(-50%,0); line-height: 2;} 
.devel-pagination li.active .b{color: #00D2D2;font-size: 1.875vw;}
.devel-pagination li:nth-child(2n) .b{transform: translate(-50%,-100%);}
/* 扇形 */
.fan{width: 80%;margin: 4% auto;display: flex;height: 40vw;}
.fan .fanli{width: 100%;overflow: hidden;position: relative;cursor: pointer;transition: all .3s;}
.fan .fanli .img{display:block;}
.fan .fanli .txt{position: absolute;top: 0;left: 0; height: 100%;width: 100%;background: #2D2D2D99;text-align: center;color: #ffffff;
	display: flex;justify-content: center;align-items: center;}
.fan .fanli .txt p:first-child{font-size: 1.3vw;position: relative;z-index: 1;line-height: 6vw;}
.fan .fanli .txt p:first-child::after{content: '';display: block;position: absolute;z-index: -1; left: 50%;margin-left: -3vw; top: 0%; width: 6vw;height: 6vw;
	background:linear-gradient( 150deg, #47FFFFbf 0%, #0392B6bf 100%);border-radius: 10px;transform: rotate(45deg);}
.fan .fanli .txt p:last-child{font-size: 0.83vw;line-height: 1.5;visibility: hidden;margin-top: 2vw; transform: scale(0);transition: all .3s;}
.fan.on .fanli{width: 0;transition: all .3s;}
.fan.on .show{width: 100%;transition: all .3s;}
.fan.on .show .img{max-height: 100%;}
.fan.on .fanli .txt p:last-child{visibility: visible; transform: scale(1);transition: all .3s;}
/* .fan.on .fanli .txt{width: calc(100% / 6);} */

.honor{margin: 4% 0 0;display: flex;flex-wrap: wrap;}
.honor .li{width: 31.33%;margin: 1%;padding: 3%;background: #F0F0F0;border-radius: 8px;text-align: center;}
.honor .li img{display: block;width: 100%;} 
.honor .li p{display: block;border-top: 1px solid #BEBEBE;margin-top: 2vw;padding-top: 1vw; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 

.culture{position: relative;overflow: hidden;margin-bottom: 10%;}
.culture .li{position: relative;overflow: hidden;width: 46.67%;float: left;}
.culture .li:nth-child(2),
.culture .li:nth-child(3){width: 52.5%;}
.culture .li:nth-child(3){position: absolute;left: 0;bottom: 0;}
.culture .li:nth-child(2),
.culture .li:last-child{float: right;}
.culture .li .img{display: block;width: 100%;}
.culture .li::before{content: '';display: block; background-color: #ffffff;width: 100px;height: 100px;border-radius: 100%;z-index: 2;position: absolute;}
.culture .li:first-child::before{right: -50px;top: 50%;transform: translateY(-50%);margin-top: -25px;}
.culture .li:nth-child(2)::before{bottom: -50px;left: 50%;transform: translateX(-50%);margin-left: 25px;}
.culture .li:nth-child(3)::before{top: -50px;left: 50%;transform: translateX(-50%);margin-left: -25px;}
.culture .li:last-child::before{left: -50px;top: 50%;transform: translateY(-50%);margin-top: 25px;}
.culture .li:first-child:after{content: '';display: block;width: 100%;height: 50px; z-index: 2;position: absolute;left:0;bottom: 0;
	background: radial-gradient(circle at top right, transparent 50px, #ffffff 0) left, radial-gradient(circle at top left, transparent 50px, #ffffff 0) right;
    background-size: 50% 100%;background-repeat: no-repeat;}
.culture .li:nth-child(2):after{content: '';display: block;height: 100%;width: 50px; z-index: 2;position: absolute;left:0;top: 0;
	background:radial-gradient(circle at bottom right, transparent 50px, #ffffff 0) top, radial-gradient(circle at top right, transparent 50px, #fff 0) bottom;
    background-size: 100% 50%;background-repeat: no-repeat;}
.culture .li:nth-child(3):after{content: '';display: block;height: 100%;width: 50px; z-index: 2;position: absolute;right:0;top: 0;
	background:radial-gradient(circle at bottom left, transparent 50px, #ffffff 0) top, radial-gradient(circle at top left, transparent 50px, #fff 0) bottom;
	background-size: 100% 50%;background-repeat: no-repeat;}
.culture .li:last-child:after{content: '';display: block;width: 100%;height: 50px; z-index: 2;position: absolute;left:0;top: 0;
	background: radial-gradient(circle at bottom right, transparent 50px, #ffffff 0) left, radial-gradient(circle at bottom left, transparent 50px, #ffffff 0) right;
    background-size: 50% 100%;background-repeat: no-repeat;}
.culture .li .txt{display: flex;align-items: center; background-color: #00D2D2cc;position: absolute;transition: all .3s; bottom: 100%;left: 0;width: 100%;height: 100%;z-index: 1;padding: 2vw;color: #ffffff;}
.culture .li:hover .txt{bottom: 0;transition: all .3s;}
.culture .li .txt .center{width: 100%;}
.culture .li .txt img{display: inline-block;height: 30px;margin-right: 5px;vertical-align: middle;margin-top: -4px;}
.culture .li .txt .a{font-size: 1.3vw;font-weight: bold;margin-bottom: 1vw;}
.culture .li .txt .b{font-size: 0.93;font-weight: bold;display: block;margin-bottom: 2vw;position: relative;}
.culture .li .txt .b::after{content: '';display: block;width: 1vw;height: 2px;background-color: #ffffff;position: absolute;left: 0;bottom: -100%;}
.culture .li .txt .c{font-size: 0.83vw;display: block;}
.culture .li:nth-child(2n) .txt{text-align: right;}
.culture .li:nth-child(2n) .txt .b::after{right:0;left: auto;}

.fourPart{height: 31.25vw;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;display: flex;}
.fourPart .li{width:100%;height: 100%;text-align: center;display: flex;flex-wrap:wrap;align-items: center;color: #ffffff;text-align: center;}
.fourPart .li:nth-child(4n+1){background-color: #f0a5be4d;}
.fourPart .li:nth-child(4n+2){background-color: #A046CC5e;}
.fourPart .li:nth-child(4n+3){background-color: #0DFFFF33;}
.fourPart .li:nth-child(4n){background-color: #5A19B433;}
.fourPart .li .center{width: 100%;}
.fourPart .li img{height: 3vw;margin-bottom: 1vw;}
.fourPart .li p{font-size: 1.4vw;margin-bottom: 1vw;}
.fourPart .li p:last-child{font-size: 0.93vw;}
.fourPart .li:hover{background-color: #00000033;}

.activities{display: flex;flex-wrap: wrap;}
.activities .li{position: relative;width: 32.33%;margin: 0.5%;overflow: hidden;}
.activities .li:first-child{width: 65.66%;}
.activities .li img{display: block;width: 100%;border-radius: 10px;}
.activities .li p{font-size: 1.2vw;display: inline-block;background-color: #00000088;color: #ffffff;
	border-radius: 0 30px 0 10px;padding: 10px 30px 10px 10px;position: absolute;z-index: 2;left: 0;bottom: 0;}
.activities .li:hover p{background-color: #00ffff63;}


/* 新闻 */
.newsListPart{min-height: 100px;}
.newsListPart .list{overflow: hidden;box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.16);border-radius: 5px 5px 5px 5px;margin-bottom: 4%;display: flex;}
.newsListPart .list .img{display: block;width: 45%;overflow: hidden;}
.newsListPart .list .img img{display: block;width: 100%;transition: all .3s;}
.newsListPart .list .img:hover img{transform: scale(1.2);transition: all .3s;}
.newsListPart .list .rightPart{width: 55%;padding: 3%;background-color: #ffffff;display: flex;flex-direction: column;}
.newsListPart .list .rightPart .title{display: block;width: 100%; font-size: 1.1vw;font-weight: bold;margin-top: 1vw; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsListPart .list .rightPart .title:hover{color: #00D2D2;}
.newsListPart .list .rightPart .des{width: 100%;color: #817F7F;font-size: 0.93vw;line-height: 1.8;margin-top: 1vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow:ellipsis;}
.newsListPart .list .rightPart .other{width: 100%;overflow: hidden;align-self: flex-end;margin-top: auto;margin-bottom: 1vw;}
.newsListPart .list .rightPart .other .time{font-size: 0.93vw;color: #F1F1F1;display: block;float: left;}
.newsListPart .list .rightPart .other .time b{font-size: 3vw;margin-right: 5px;}
.newsListPart .list .rightPart .other .more{display: block;float: right;border: 1px solid #BEBEBE;color: #BEBEBE;font-size: 0.83vw;line-height: 2.4vw;padding: 0 1vw;margin: 0.3vw 0;}
.newsListPart .list .rightPart .other .more img{display: inline-block;vertical-align: middle;margin-left: 5px;height: 12px;margin-top: -4px;}
.newsListPart .list .rightPart .other .more:hover{background-color: #2d2d2d;}


.newsDetails{margin: 5% 0;}
.newsDetails .centerBox{display: flex;}
.newsDetails .newsDetails_left{width: 18%;padding-right: 15px;padding-top: 6%;}
/*.newsDetails .newsDetails_center{width: 82%;}*/
/*.newsDetails .newsDetails_left +.newsDetails_center{width: 60%;}*/
.newsDetails .newsDetails_right{width: 20%;float: right;}
.newsDetails .detailsTitle{text-align: center;border-bottom: 1px dashed #BEBEBE;padding: 0 2% 1vw;}
.newsDetails .detailsTitle .tit{font-size: 1.3vw;line-height: 1.5;font-weight: bold;margin-bottom: 2vw;}
.newsDetails .detailsTitle .lab{color: #BEBEBE;font-size: 0.83vw;}
.newsDetails .detailsTitle .lab p{display: inline-block;margin: 0 2vw;}
.newsDetails .detailsTitle .lab img{display: inline-block;height:1.3vw;vertical-align: middle; margin-top: -4px;margin-right: 5px;}
.newsDetails .detailsBox{color: #817F7F;font-size: 0.83vw;line-height: 2;min-height: 500px;margin: 4% 2%;}
.newsDetails .detailsBox *{line-height: inherit;}
.newsDetails .detailsBox img{display: inline-block;margin: 5px 0;max-width: 100%;}
.keyWords{border-bottom: 1px dashed #BEBEBE;padding: 1vw 2%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.keyWords .left{}
.keyWords .left .li{display: block;font-size: 0.83vw;}
.keyWords .left .li+.li{margin-top: 0.5vw;}
.keyWords .left .tags{color: #817F7F;}
.keyWords .left .tags:hover{color:#00D2D2;}
.keyWords .right{font-size: 0.83vw;}
.keyWords .bdsharebuttonbox{color: var(--main-color-three);}
.keyWords .bdsharebuttonbox span{display: block;float: left;line-height: 25px;}
.keyWords .bdsharebuttonbox a{height: 24px;padding-left: 24px;margin: 0 0 0 5px;display: inline-block;}                   
.flip{padding: 1vw 2%;}
.flip .li{display: block;width: 100%;font-size: 0.83vw;margin-bottom: 0.5vw;}
.flip .li a{display: inline-block;color: #817F7F;}
.flip .li a:hover{color:#00D2D2;}
.newsDetails_right{padding-left: 15px;padding-top: 6%;}
.newsDetails_right .title{font-weight: bold;font-size: 1vw;margin-bottom: 1vw;padding: 0 0 6px; background: url(../img/ns11.png) no-repeat bottom left / auto 6px;}
.newsDetails_right .list{}
.newsDetails_right .list .sty1{display: block;width: 100%;position: relative;margin-bottom: 1vw;}
.newsDetails_right img{display: block;width: 100%; min-width: 200px;}
.newsDetails_right p{display: block;position: absolute;left: 0;bottom: 0;padding: 10px 20px 10px 10px; border-radius: 0px 40px 0px 0px;background: #2D292999;color: #FFFFFF;font-size: 0.83vw;
    overflow: hidden;white-space: nowrap; text-overflow: ellipsis;max-width: 200px;}
.newsDetails_right .list .sty2{display: block;width: 100%;padding: 1vw 0;color: #707070;font-size: 0.83vw;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsDetails_right .list .sty2+.sty2{border-top: 1px dashed #BEBEBE;}
.newsDetails_right .list .sty2:hover{color:#00D2D2;}
.newsDetails_right .list .sty2 span{color:#00D2D2;margin-right: 5px;font-size: 1vw;}
.newsDetails_right .center{position: sticky;top: 110px;}
/* 目录 */
.dirSelector{background-color: #ffffff;position: sticky;top: 110px;}
.dirSelector .tit{font-size: 1vw;font-weight: bold;border-left: 3px solid #00D2D2;padding-left: 10px;line-height: 1.3;margin-bottom: 1vw;}
.dirSelector .dirBox{background-color: #ffffff;margin-bottom: 10px; }
.dirSelector .dir{max-height: 700px;overflow-y: auto;}
.dirSelector .catalog{font-size: 0.83vw;line-height: 20px;padding: 8px 5px; border-bottom: 1px dashed #eeeeee;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dirSelector .catalog.catalog-active{color: #00D2D2;}
.dirSelector .catalog.catalog-active a{ color: #00D2D2;}
.dirSelector .catalog:hover{background-color: #eee;}		

/* 联系我们 */
.contact{background: #F8FAFB;display: flex;margin: 4% 18.75%;}
.contact .left{padding: 3vw;width: 50%;lign-content: center;}
.contact .left .img{display: block;height: 40px;}
.contact .left .name{margin-top: 1vw;font-size: 1.4vw;font-weight: bold;position: relative;padding-bottom: 1vw;}
.contact .left .name::before{content: '';position: absolute;bottom: 0;left: 0; background-color: #E5E5E5;width: 60%;height: 1px;}
.contact .left .name::after{content: '';position: absolute;bottom: 0;left: 0; background-color: #00D2D2;width: 15%;height: 1px;}
.contact .left .pp{margin-top: 2vw;line-height: 2;font-size: 0.83vw;color: #707070;}
.contact .right{width: 50%;}
.contact .right #map{width: 100% !important;height: 400px !important;}

.formBox{background: #F8F8F8;padding: 2% 18.75% 5%;margin: 5% 0 0;overflow: hidden;}
.message{margin-top: 5%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.message .li{width: 49%;margin-top: 1vw;}
.message .li.all{width: 100%;}
.message .li .name{display: block;font-size: 0.83vw;color: #707070;line-height: 1.5;margin-bottom: 0.5vw;}
.message .li .name span{color: #ff0000;}
.message .li .txt{border: 1px solid #E2E2E2;background: #FFFFFF;padding: 1vw;overflow: hidden;}
.message .li .txt img{display: block;height: 1.2vw;float: left;}
.message .li .txt .inp{margin-left: 30px;}
.message .li .txt input{line-height: 1.2vw;height: 1.2vw;font-size: 0.83vw;}
.message .li .radio{margin: 0.5vw 0 1vw;}
.message .li .radio label{display: inline-block; font-size: 0.83vw;cursor: pointer;margin-right: 2vw;}
.message .li .radio input{display: inline-block;vertical-align: middle;margin-right: 5px;}
.message .li .textarea{border: 1px solid #E2E2E2;background: #FFFFFF;padding: 0.5vw;}
.message .li .textarea textarea{display: block;width: 100%;height: 12vw;line-height: 1.2vw;font-size: 0.83vw;}
.message .li .sub{background: #00D2D2;height: 2.5vw;width: 7vw;font-size: 0.83vw;color: #FFFFFF;display: block;margin: 1vw auto 0;cursor: pointer;}
.mask{position: fixed;z-index: 10;width: 100%;height: 100%;left: 0;top: 0;display: none;}
.mask .blank{width: 100%;height: 100%;background-color: #00000033;}
.mask .message{position: absolute;width: 35%;height: 100%;right: 0;top: 0;background: #f5f5f5;margin-top: 0;padding: 2%;align-content: start;}