@charset "utf-8";

/* CSS Document */



*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  

-moz-tap-highlight-color:rgba(0, 0, 0, 0);  

-ms-tap-highlight-color:rgba(0, 0, 0, 0);  

-o-tap-highlight-color:rgba(0, 0, 0, 0);  

tap-highlight-color:rgba(0, 0, 0, 0);}



body{ font-family:"Microsoft Yahei", "Source Han Sans CN", Arial, Helvetica, sans-serif; font-size:14px;overflow-x:hidden; color:#666;}

body.EN{ font-family:Arial, Helvetica, sans-serif}

a{ text-decoration:none;outline:none;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;color:#666}

a:hover{color:#25a259}

img{ border:none;}

table{ border-collapse:collapse}

ul,ol,li{ list-style:none}

.clearfix{zoom:1; clear:both}

.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}

.fl{ float:left}

.fr{ float:right}

botton,input,textarea,select{ outline:none; font-family:Arial}

h1,h2,h3,h4,h5{ font-weight:normal}

.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}

.col01{ color:#005bac}

.col02{ color:#008abd}

.col03{ color:#ec6a17}

.red{ color:#f00}

.ovh{ overflow:hidden}

.f20{ font-size:20px;}

.f18{ font-size:18px;}

.f16{ font-size:16px;}





.wrap{margin:0 auto; width:100%;max-width: 1600px;}

.headerbox{ position:relative; height:85px}

.header{position: fixed; width:100%;left:0;right:0;top:0; height:100px;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease; z-index:99;}

.header-scroll{ background:#fff;box-shadow:0 0 15px rgba(0,0,0,.1)}

.header .wrap{ position:relative; max-width:85%}

.logo{ display:flex; display:-webkit-flex; align-items:center; height:100px;position:relative;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}

.logo img{ display:block;}

.logo .logo-img2{ display:none}

.menu{ position:absolute; left:54%;top:0;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%); }

.menu>ul{display:flex; display:-webkit-flex}

.menu>ul>li{ float:left; font-size:18px; margin:0 40px;position:relative;white-space: nowrap;}

.menu>ul>li>a{ display:block; color:#fff;line-height:100px;position:relative}

.menu>ul>li:hover>a, .header.header-scroll .menu>ul>li:hover>a{color:#25a259}

.menu .sub{ position:absolute;left:50%;top:80px; min-width: 100%;text-align: center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%); display:none; }

.menu .sub a{ display:block; background:#fff;border-bottom:1px solid #e8e8e8;font-size: 15px;color:#333; line-height: 22px; padding:10px 30px; word-break: keep-all; white-space: nowrap;}

.menu .sub a:hover{background:#25a259; color:#fff}

.menu .subcon{ position:relative; margin-top:8px; border-radius:10px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.menu .subcon:before{ content:""; width:0; height:0; border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff; position:absolute; left:50%;top:-8px;margin-left: -8px;}

.menu .subcon a:first-child{ border-top-left-radius:10px; border-top-right-radius:10px;}

.menu .subcon a:last-child{ border-bottom-left-radius:10px; border-bottom-right-radius:10px;}



.lang a{ color:#fff; font-size:18px;line-height:100px; position:relative}

.lang a:first-child{ padding-right:12px; margin-right:12px;}

.lang a:first-child::after{ content:""; width:1px;height:10px; background:#fff; position:absolute; right:0;top:7px;}



.header.header-scroll .logo-img1{ display:none}

.header.header-scroll .logo-img2{ display:block}

.header.header-scroll .menu>ul>li>a{ color:#333}

.header.header-scroll .menu .sub{top:100px;}

.header.header-scroll .lang a{ color:#333}

.header.header-scroll .lang a:first-child::after{ background:#e5e5e5}



.search{width:100px;height:100px;}

.search-btn{ display:block;width:100px;height:100px;background:#f5f5f5 url(../images/searchbtn.png) no-repeat center;cursor:pointer;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}

.search-alert{ background:rgba(0,0,0,.6);position: fixed; left:0;top:0; width:100%; height:100%; display:none}

.search-alert .conn{width:600px; position:absolute; left:50%; margin-left:-300px;top:40%;-webkit-border-radius: 3px; border-radius: 3px;padding:40px;z-index: 50;background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.1);}

.search-alert form {position: relative; padding-right:100px;-webkit-border-radius: 3px; border-radius: 3px; overflow: hidden;}

.search-alert .tex {border: 1px solid #d8d8d8;line-height:60px; height:60px;width: 100%;color: #555;background:#fff;padding-left:10px; padding-right:10px; font-size:16px;}

.search-alert .btn {border: none;line-height:60px; font-size:16px;text-align: right;background:#e4007f;color:#fff;position: absolute;right: 0;top: 0;width:100px;text-align: center; cursor:pointer; transition:.5s}

.search-alert .closed{ width:15px; height:15px; position:absolute; right:15px;top:15px; cursor:pointer}

.search-alert .closed:before{ content:""; width:20px; height:1px; background:#333; position:absolute; top:0; left:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); transform-origin:left top}

.search-alert .closed:after{ content:""; width:20px; height:1px; background:#333; position:absolute; bottom:0; left:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin:left bottom}



/*banner*/



.banner{ position:relative;}

.banner:before{content:""; width:100%; height:20%; display:block; position:absolute; left:0;top:0;background:-webkit-linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0));

background: -o-linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0));

background: -moz-linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0));

background: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0));z-index:2}

.banner .ban-img{ position:relative; height:100%}

.banner img{ display:block;width:100%; height:100%; object-fit:cover;}

.banner .txt{ position:absolute; left:7.5%;bottom:30%;color:#fff; font-size:45px; line-height:1.5; font-weight:300;}
.banner .txt_2{max-width:500px;}


/*分页器*/

.banner{ position:relative;height: 100vh;}

.banner .swiper-pagination{bottom:30px}

.banner .swiper-pagination-bullet{ width:12px; height:12px;background:none;border-radius:50%; border:1px solid #fff; opacity:1;position:relative;outline: none;}

.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}

.banner .swiper-pagination-bullet-active{ opacity:1; background:#fff}



.banner .swiper-button-prev, .banner .swiper-button-next{width:15%;height: 100%;top:0; margin-top:0;background:none;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{display: none;}

.banner .swiper-button-prev{left:0;}	

.banner .swiper-button-next{right:0;}	

.banner .swiper-button-prev span,.banner .swiper-button-next span{display:block;width: 60px;height: 60px;position: absolute;left: 20px;top: 50%;margin-top:-30px;border-radius: 100%;opacity: 0;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}

.banner .swiper-button-next span{left:auto;right:20px;}

.banner .swiper-button-prev:hover span, .banner .swiper-button-next:hover span{opacity: .6;}

.banner .swiper-button-prev span:after{ content:""; display:block; width:40px; height:40px; border-top:2px solid rgba(255,255,255,.7);border-left:2px solid rgba(255,255,255,.7); -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute; right:0;top:0px;}

.banner .swiper-button-next span:after{ content:""; display:block; width:40px; height:40px; border-top:2px solid rgba(255,255,255,.7);border-right:2px solid rgba(255,255,255,.7); -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:0;top:0px;}



.m-banner{position: relative;z-index: 1;overflow: hidden;width: 100%; display:none;border:1px solid #fff;}

.m-banner a{ display:block; background:#131313}

.m-banner img{ display:block; width:100%; height:auto}

.m-banner .swiper-pagination-bullet{ background:none; border:1px solid #fff; opacity:1}

.m-banner .swiper-pagination-bullet-active{ background:#fff}







@font-face{

font-family:'bebas';

src:url("../fonts/bebas.eot");

src:url("../fonts/bebas.eot") format("embedded-opentype"),

url("../fonts/bebas.woff2") format("woff2"),

url("../fonts/bebas.woff") format("woff"),

url("../fonts/bebas.ttf") format("truetype"),

url("../fonts/bebas.svg#BEBAS") format("svg");

}



.i-main{ padding:60px 0}

.title-box{ position:relative; margin-bottom:30px;}

.title{font-size:36px;line-height: 1; color:#25a259; display:inline-block;background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);

background: -o-linear-gradient(left, #1f8b8e, #23ac38);

background: -moz-linear-gradient(left, #1f8b8e, #23ac38);

background: linear-gradient(to right, #1f8b8e, #23ac38);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;}

.title-box .more{ position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%); color:#25a259;}

.title-box .more:before{ content:"";display:block; width:5px; height:5px; border-top:1px solid #25a259; border-right:1px solid #25a259; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:-15px;top:8px}



.i-qNav{ margin-bottom:80px;}

.i-qNav li{ float:left; width:49%; position:relative; overflow:hidden; border-top-left-radius:35px; border-bottom-right-radius:35px;}

.i-qNav li:last-child{ float:right}

.i-qNav .pic img{ display:block; width:100%; -webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.i-qNav .txt{ position:absolute;bottom:32px; left:0; width:100%; padding:0 40px}

.i-qNav .txt h3{ font-size:30px; color:#25a259; display:inline-block;background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);

background: -o-linear-gradient(left, #1f8b8e, #23ac38);

background: -moz-linear-gradient(left, #1f8b8e, #23ac38);

background: linear-gradient(to right, #1f8b8e, #23ac38);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;}

.i-qNav .txt h4{ font-size:16px; color:#666;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin:5px 0 20px}

.i-qNav .txt .more{display:inline-block;line-height:38px; height:38px; border-radius:25px; padding-left:35px; padding-right:26px; position:relative;color:#fff;background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);

background: -o-linear-gradient(left, #1f8b8e, #23ac38);

background: -moz-linear-gradient(left, #1f8b8e, #23ac38);

background: linear-gradient(to right, #1f8b8e, #23ac38)}

.i-qNav .txt .more:before{ content:""; display:block; width:5px; height:5px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:22px;top:16px}

.i-qNav li:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}



.i-news{}

.i-newslist{ position:relative;}

.i-newslist .swiper-container{}

.i-newslist a{ display:block; background:#f3f3f3; padding:55px 40px 45px;position:relative; border-top-left-radius:15px; border-bottom-right-radius:15px;}

.i-newslist .tit{ font-size:20px; line-height:24px;color:#333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:20px}

.i-newslist .intro{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size:14px; line-height:24px;margin-bottom:20px;color:#666}

.i-newslist .time{ display:inline-block; font-size:14px; color:#999; font-weight:300}

.i-newslist .swiper-pagination{ width:100%;bottom:0; display:none}

.i-newslist .swiper-pagination-bullet{ background:#ccc; width:8px; height:8px; margin:0 3px; opacity:1}

.i-newslist .swiper-pagination-bullet-active{ background:#25a259}

.i-newslist .tit{-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;}

.i-newslist a:hover .tit{color:#25a259}



.i-historybox, .i-historylist{ position:relative}
.i-historybox{padding-right: 20px;}
.i-historybox:before{ content:""; width:100%; height:2px; background:#f3f3f3; position:absolute; left:0;top:65px;}
.i-historybox:after{ content:""; width:16px; height:20px; background:url(../images/ico-arrow1.png); position:absolute; right:0;top:55px;}
.i-historylist:before{ content:""; width:12px; height:12px; border-radius:50%; background:#25a259; position:absolute; left:0;top:50%; margin-top:-6px}
.i-historylist .swiper-slide{ height:310px; position:relative; background:url(../images/ico-arrow2.png) no-repeat right center}
.i-historylist .pic{ display:block; width:125px; height:125px; border-radius:50%; overflow:hidden; padding:5px; margin:0 auto;background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);
background: -o-linear-gradient(left, #1f8b8e, #23ac38);
background: -moz-linear-gradient(left, #1f8b8e, #23ac38);
background: linear-gradient(to right, #1f8b8e, #23ac38)}
.i-historylist .pic img{ display:block; width:100%;border-radius:50%;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.i-historylist .txt{ text-align:center; position:absolute; left:0; width:100%;top:200px}
.i-historylist .dot{ width:15px; height:15px; border-radius:50%; background:#fff; border:3px solid #25a259; position:absolute; left:50%; top:50%;-moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.i-historylist .line{ display:block; width:1px; height:120px; background:#d8d8d8; position:absolute; left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);top: 80px;z-index: -1;}
.i-historylist .time{ line-height:26px; padding:0 10px; color:#fff; background:#25a259; display:inline-block; position:relative; border-radius:5px; font-size:14px; font-weight:300}
.i-historylist .time:before{ content:""; width:0; height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #25a259; position:absolute; left:50%; margin-left:-3px;top:-4px}
.i-historylist .txt p{ text-align:left; color:#333; font-size:16px; margin-top:15px; padding-left:36%; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis}
.i-historylist .swiper-slide:nth-child(even) .pic{ position:absolute;bottom:0; left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.i-historylist .swiper-slide:nth-child(even) .txt{top:0}
.i-historylist .swiper-slide:nth-child(even) .time:before{border-bottom:0;border-top:4px solid #25a259;top:auto;bottom:-4px}
.i-historylist .swiper-slide:nth-child(even) .time{top:70px}
.i-historylist .swiper-slide:nth-child(even) .txt p{position:relative; margin-top:0;top:-15px}
.i-historylist .swiper-slide:nth-child(even) .time:before{ margin-left:-4px}
.i-historylist .swiper-slide:nth-child(5n){background:none}
.i-historylist .pic:hover img{ -moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}
.i-historylist .swiper-pagination{ width:100%;bottom:0; display:none}
.i-historylist .swiper-pagination-bullet{ background:#ccc; width:8px; height:8px; margin:0 3px!important; opacity:1}
.i-historylist .swiper-pagination-bullet-active{ background:#25a259}

.i-historylist-2 .swiper-slide{padding: 0 15px;}
.i-historylist-2 .tm{font-size:28px;font-family: bebas;color: #25a259;margin-bottom:20px;margin-left: 30px;padding-top: 8px;}
.i-historylist-2 .dot{width: 12px;height: 12px;border-radius: 50%;background-color: #25a259;box-shadow: 0 0 0 5px rgba(37, 162, 89, .15);margin-bottom:35px;margin-left: 50px;position: relative;}
.i-historylist-2 .dot:after{content: '';width: 1px;height: 60px;background-color: #25a259;position: absolute;left: 6px;top: 0;}
.i-historylist-2 .intro{background:#f3f3f3; padding:25px 20px 25px 25px;position:relative; border-top-left-radius:15px; border-bottom-right-radius:15px;}
.i-historylist-2 .intro_con{height: 160px;overflow-y: auto;padding-right: 10px;}
.i-historylist-2 .intro img{max-width: 100%;display: block;}
.i-historylist-2 .intro li{position: relative;margin-bottom: 10px;line-height: 1.6;padding-left: 15px;}
.i-historylist-2 .intro li:before{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #25a259;position: absolute;left: 0;top: .6em;}
.i-historylist-2 .intro_con::-webkit-scrollbar {width: 2px;}
.i-historylist-2 .intro_con::-webkit-scrollbar-thumb {background:#25a259;}
.i-historylist-2 .intro_con::-webkit-scrollbar-track {background:#e7e7e7;}

.i-historylist-2 .swiper-pagination{ width:100%;bottom:0; display:none}
.i-historylist-2 .swiper-pagination-bullet{ background:#ccc; width:8px; height:8px; margin:0 3px!important; opacity:1}
.i-historylist-2 .swiper-pagination-bullet-active{ background:#25a259}

.i-development .left{ width:21%}
.i-development .right{ width:75%}
.i-development .ltitle{ font-size:26px; color:#333; line-height:30px; margin:40px 0 60px;}
.i-development .ys{ color:#999; font-size:16px; margin-bottom:10px;}
.i-development .ys li{ width:50%; float:left; margin-bottom:40px}
.i-development .ys .tit1{ color:#22aa40}
.i-development .ys .tit1 .counter{ font-size:40px; font-family:bebas}
.i-development .ys .tit1 .fh{ font-weight:bold; top:-25px;position: relative;vertical-align: baseline;}
.i-development .right{ position:relative}
.i-development .right .map{ display:block;width: 100%;}
.i-development .network li{ position:relative}
.i-development .network .dot{ width:8px; height:8px; border-radius:50%; background:#25a259; box-shadow:0 0 0 3px rgba(35,168,66,.25); cursor:pointer; opacity: .6;}
.i-development .network .cont{ background:#fff; box-shadow:2px 10px 15px rgba(0,0,0,.1); border-top-left-radius:15px; border-bottom-right-radius:15px; width:330px; padding:30px; position:absolute; right:35px;top:-100px; display:none}
.i-development .network .cont h4{ font-size:18px; color:#333; margin-bottom:15px;}
.i-development .network .cont .pic img{ display:block; width:100%}
.i-development .network .cont .add{ background:url(../images/add-icon.jpg) no-repeat left 3px; color:#999; line-height:20px; padding-left:20px; margin-top:15px}
.i-development .network .li1{position:absolute;right:20%;top:38%;}
.i-development .network .li2{position:absolute;right:19.5%;top:38.5%;}
.i-development .more{display:inline-block;line-height:38px; height:38px; border-radius:25px; padding-left:35px; padding-right:26px; position:relative;color:#fff;background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);
background: -o-linear-gradient(left, #1f8b8e, #23ac38);
background: -moz-linear-gradient(left, #1f8b8e, #23ac38);
background: linear-gradient(to right, #1f8b8e, #23ac38)}

.i-development .more:before{ content:""; display:block; width:5px; height:5px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:22px;top:16px}
.i-development .network li.cur .cont{ display:block}
.i-development .network li.cur .dot{ width:10px; height:10px;opacity: 1;}

.i-about{text-align: center;position: relative;padding-bottom: 80px;overflow: hidden;}
.i-about:before{content: '';width: 100%;height: 40%;position: absolute;bottom: 0;left: 0;background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); 
    background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
    background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));}
.i-about .title, .i-about .ltitle{text-align: center;}
.i-about .ltitle{ font-size:24px; color:#333; line-height:30px; margin:20px 0 30px;}
.i-about .ys{ color:#999; font-size:16px;position: relative;margin: 5% 0;padding: 0 10%;}
.i-about .ys li{ width:25%; float:left;}
.i-about .ys .tit1{ color:#22aa40}
.i-about .ys .tit1 .counter{ font-size:40px; font-family:bebas}
.i-about .ys .tit1 .fh{ font-weight:bold; top:-25px;position: relative;vertical-align: baseline;}
.i-about .network{ position:absolute; max-width: 70%;left: 15%;top: 0;z-index: -1;}

.i-about .network .map{ display:block;width: 100%;opacity: .3;}
.i-about .network-list li{ position:relative;text-align: left;}
.i-about .network-list .dot{ width:10px; height:10px; border-radius:50%; background:#25a259;cursor:pointer; opacity: .6;position: relative;}
.i-about .network-list .dot:before, .i-about .network-list .dot:after{content: '';position: absolute;background:#25a259; opacity: .3;left: 0;top: 0;right: 0;bottom: 0;margin: auto;border-radius: 50%;}
.i-about .network-list .dot:before{-webkit-animation: pulsate 2s ease-out infinite;animation: pulsate 2s ease-out infinite;}
.i-about .network-list .dot:after{-webkit-animation: pulsate 2s 1s ease-out infinite;animation: pulsate 2s 1s ease-out infinite;}
@-webkit-keyframes pulsate {  
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0.8;
	}
	100% {
		-webkit-transform: scale(5);
		transform: scale(5);
		opacity: 0;
	}
}
@keyframes pulsate {  
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0.8;
	}
    100% {
		-webkit-transform: scale(5);
		transform: scale(5);
		opacity: 0;
	}
}
.i-about .network-list .cont{ background:#fff; box-shadow:2px 10px 15px rgba(0,0,0,.1); border-top-left-radius:15px; border-bottom-right-radius:15px; width:330px; padding:30px; position:absolute; right:30px;top:-120px; display:none}
.i-about .network-list .cont h4{ font-size:18px; color:#333; margin-bottom:15px;}
.i-about .network-list .cont .pic img{ display:block; width:100%}
.i-about .network-list .cont .add{ background:url(../images/add-icon.jpg) no-repeat left 3px; color:#999; line-height:20px; padding-left:20px; margin-top:15px}
.i-about .network-list .li1{position:absolute;right:20%;top:38%;}
.i-about .network-list .li2{position:absolute;right:19.5%;top:38.5%;display: none;}
.i-about .more{display:inline-block;line-height:38px; height:38px; border-radius:25px; padding-left:35px; padding-right:26px; position:relative;color:#fff;background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);
background: -o-linear-gradient(left, #1f8b8e, #23ac38);
background: -moz-linear-gradient(left, #1f8b8e, #23ac38);
background: linear-gradient(to right, #1f8b8e, #23ac38)}

.i-about .more:before{ content:""; display:block; width:5px; height:5px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:22px;top:16px}
.i-about .more-box{text-align: center;}
.i-about .network-list .cont{display: none;}


.q-area{ background:url(../images/fbg.jpg) no-repeat center; background-size:cover; padding:70px 0 60px}

.q-area li{ width:50%; float:left; text-align:center; position:relative}

.q-area li:first-child::after{content:""; width:1px; height:90%; position:absolute; right:0;top:5%; background:#d8d8d8}

.q-area .title{ font-size:30px;}

.q-area .intro{color:#666; font-size:16px; line-height:24px;min-height: 48px; margin:3% 15%; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

.q-area .more{display:inline-block;line-height:36px; height:38px; border-radius:25px; border:1px solid #ccc; padding-left:35px; padding-right:26px; position:relative;color:#666; position:relative; overflow:hidden; -moz-transition:0s;-webkit-transition:0s;transition:0s}

.q-area .more span{ position:relative; z-index:2}

.q-area .more:before{ content:""; display:block; width:5px; height:5px; border-top:1px solid #999; border-right:1px solid #999;z-index:2;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:22px;top:16px}

.q-area .more:after{ content:""; position:absolute; left:0;top:0; width:100%; height:100%; z-index:1; opacity:0;-moz-transition:.3s;-webkit-transition:.3s; transition:.3s;background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);

background: -o-linear-gradient(left, #1f8b8e, #23ac38);

background: -moz-linear-gradient(left, #1f8b8e, #23ac38);

background: linear-gradient(to right, #1f8b8e, #23ac38)}

.q-area .more:hover{color:#fff;border:1px solid #fff;}

.q-area .more:hover::after{ opacity:1}

.q-area .more:hover::before{border-top:1px solid #fff; border-right:1px solid #fff;}

/*============================================================*/



.nbanner{ position:relative;overflow:hidden;}

.nbanner:before{content:""; width:100%; height:30%; display:block; position:absolute; left:0;top:0;background:-webkit-linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,0));
background: -o-linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,0));
background: -moz-linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,0));
background: linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,0));z-index:1}
.nbanner::after{content: '';padding-top:16%;display: block;}
.nbanner img{ display:block; width:100%; height:100%; object-fit:cover;position: absolute;left: 0;top: 0;}

.nbanner .wrap{ height:100%; position: relative;top:-100%; z-index:2}

.nbanner .nbantit{position: absolute;left:50%;bottom:36%; color:#fff; font-size:45px; font-weight:bold; text-shadow:0 0 2px rgba(0,0,0,.2); -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index:2}



.inner-nav{background: rgba(37,162,89,0.06); position:relative;z-index:3;height:65px;}

.inner-nav ul{ display:flex; display:-webkit-flex; justify-content:center;}

.inner-nav li{ margin:0 30px}

.inner-nav li a{font-size:18px;color: #333;display: flex; display:-webkit-flex; justify-content:center; align-items:center; height:65px;text-align: center; position:relative}

.inner-nav li a span{ position:relative; z-index:2}

.inner-nav li a:after{content:""; width:100%; height:5px; position:absolute;left:0;bottom:0; border-radius:5px;opacity:0; z-index:1;background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);

    background: -o-linear-gradient(left, #1f8b8e, #23ac38);

    background: -moz-linear-gradient(left, #1f8b8e, #23ac38);

    background: linear-gradient(to right, #1f8b8e, #23ac38);}

.inner-nav li.cur a, .inner-nav li:hover a{position:relative;color:#25a259;}

.inner-nav li.cur a:after{ opacity:1}

.inner-nav-sed{padding:50px 0 0;font-size: 16px;}
.inner-nav-sed ul{display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.inner-nav-sed li{margin: 0 10px;}
.inner-nav-sed a{display: block;padding: 0 25px;line-height: 40px;position: relative;background: #f5f5f5;color: #333;border-radius: 20px;overflow: hidden;;}
.inner-nav-sed a::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;
    background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);
    background: -o-linear-gradient(left, #1f8b8e, #23ac38);
    background: -moz-linear-gradient(left, #1f8b8e, #23ac38);
    background: linear-gradient(to right, #1f8b8e, #23ac38);}
.inner-nav-sed a span{position: relative;z-index: 2;}
.inner-nav-sed li.cur a, .inner-nav-sed li.cur:hover a{color: #fff;}
.inner-nav-sed li.cur a::after{opacity: 1;}
.inner-nav-sed li:hover a{color: #23ac38;}

.main{ padding:60px 0; position:relative;overflow: hidden;}

.main02{ background:#f5f5f5}



.main .title{ line-height:1; text-align:center}

.main .content{ line-height:30px; font-size:16px;position: relative;}

.main .content img{ max-width:100%; height:auto}

.main .content b, .main .content strong{ color:#333}
.main .content .tp_intro{font-size: 1.05em;}
.main .content .tp_intro p{margin-bottom: 12px;}


.anchor{display: block;visibility: hidden; position:absolute;top:-90px;}
.main-culture, .main-team, .main-history{overflow: hidden;}


.title-box .ltitle{font-size:26px; color:#333; line-height:30px;}

.content-about .right{ width:56%;height: 375px;overflow: hidden;overflow-y: auto;padding-right:15px;}
.content-about .right p{ margin-bottom:10px;}
.content-about .right h4{font-weight: bold;font-size: 1.25em;margin-top: 1em;color: #333;margin-bottom: .5em;}
.content-about .right li{position: relative;margin-bottom:1%;padding-left: 12px;line-height: 1.4;}
.content-about .right li:before{content: '';width:5px;height:5px;background-color: #666;border-radius: 50%;position: absolute;left: 0;top: .5em;}
.content-about .right::-webkit-scrollbar {width: 2px;}
.content-about .right::-webkit-scrollbar-thumb {background:#25a259;}
.content-about .right::-webkit-scrollbar-track {background:#e7e7e7;}

.content-about .left{ width:40%}
.content-about .left img{display: block;width: 100%;}
.content-about-top{display: flex;display: -webkit-flex;justify-content: space-between;}
.content-about-top .abt_pic{width: 48%;border-radius:10px;overflow: hidden;}
.content-about-top .abt_pic img{width: 100%; display: block;height: 100%;object-fit: cover;}
.content-about-top .abt_txt{width: 48%;line-height:2;}
.content-about-top .abt_txt p{margin-bottom: 10px;}
.content-about-top .abt_txt h2{color: #333;font-size: 1.5em;margin-bottom:10px;line-height: 1.4;}
.hornor h3{border-top: 1px solid #e8e8e8;color: #333;font-size: 1.25em;margin-top: 20px;padding-top: 5px;}
.hornor ul{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;}
.hornor li{width: 32.33%;position: relative;padding-left: 20px;}
.hornor li::before{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #676767;position: absolute;left: 0;top: .8em;}
.hornor li p{margin-bottom: 0 !important; white-space: nowrap;}
.hornor li:nth-child(2), .hornor li:nth-child(5){width: 34%;}
.content-about-bot{margin-top: 3%;position: relative;}
.content-about-bot>img{display: block;width: 100%;position: absolute;left: 0;bottom: -60px; z-index: -1;}
.content-about-bot .item{width: 100%;}
.content-about-bot h3{font-size: 1.5em; line-height:2;color: #333;}
.content-about-bot ul{display: flex;display: -webkit-flex;justify-content: space-between;align-items: flex-end;font-size: .95em;}
.content-about-bot li{position: relative;padding-left: 20px;width: 12%;}
.content-about-bot li:before{content: '';width: 1px;height: 100%;position: absolute;left: 0;top: 0;background-color: #e5e5e5;}
.content-about-bot li:after{content: '';width: 8px;height: 8px;border-radius: 50%;background:#25a259;position: absolute;left:-3px;top:0;}
.content-about-bot li:nth-child(4), .content-about-bot li:nth-child(5){width: 20%;}
.content-about-bot li .tm{font-weight: bold;color: #000;font-size: 1.5em;margin-top: -10px;margin-bottom: 10px;}
.content-about-bot li .tm span{font-size: .7em;font-weight: normal;color: #666;margin-left: 5px;}
.content-about-bot li p{line-height: 1.8;margin-bottom: 8px;}
.content-about-bot li:nth-child(1){margin-bottom: -2%;}
.content-about-bot li:nth-child(2){margin-bottom: 0;}
.content-about-bot li:nth-child(3){margin-bottom: 3%;}
.content-about-bot li:nth-child(4){margin-bottom: 5%;}
.content-about-bot li:nth-child(5){margin-bottom: 8%;}
.content-about-bot li:nth-child(6){margin-bottom: 14%;}

.gallery-thumbs{margin-top: 20px;position: relative;}
.gallery-thumbs .swiper-wrapper{justify-content: center;}
.gallery-thumbs .swiper-button-next, .gallery-thumbs .swiper-button-prev{display: none;}
.gallery-thumbs .swiper-button-next:after, .gallery-thumbs .swiper-button-prev:after{color: #333;font-size:24px;}
.gallery-thumbs .swiper-slide{width: 100px;height: 100px;border-radius: 50%; margin: 0 20px;background: #1f8b8e;cursor: pointer;}
.gallery-thumbs .tm {display: flex;display: -webkit-flex;align-items: center;justify-content: center;height: 100%;color: #fff;font-size: 24px;}
.gallery-thumbs .swiper-slide-thumb-active{background: #23ac38;}

.gallery-botm{margin-top: 30px;}
.gallery-botm .swiper-slide{background: #fff;transition-duration:0ms !important}
.gallery-botm .event{border-top: 2px solid #5c6671;}
.gallery-botm .event .row{display: -webkit-flex;display: flex;align-items: center;padding: 20px 0;color: #181818;border-bottom: 1px solid #999;font-size: 18px;}
.gallery-botm .event .row .tm{width: 240px;font-size: 24px;color: #23ac38;flex-shrink: 0;}
.gallery-botm .event .row .nr{}

.partner-box .title-box{margin-bottom: 20px;}
.partner-box .title{font-size: 30px;}
.partner-box{display: flex;display: -webkit-flex;justify-content: space-between;}
.partner-box .item{width: 49%;background-color: #fff;padding: 30px;border-radius: 15px;}
.partner-box .item .con{}
.partner-box ul{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: center;}
.partner-box .pic{ position: relative;}
.partner-box .pic:before{content: '';display: block;padding-top: 50%;}
.partner-box .pic img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 80%;height: 60%;margin: auto;object-fit: contain;}
.partner-box .con_l li{width: 25%;}
.partner-box .con_l li:nth-child(1), .partner-box .con_l li:nth-child(2), .partner-box .con_l li:nth-child(3){ border-bottom: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;}
.partner-box .con_l li:nth-child(4){border-bottom: 1px solid #e8e8e8;}
.partner-box .con_l li:nth-child(5), .partner-box .con_l li:nth-child(6){border-right: 1px solid #e8e8e8;}
.partner-box .con_r li{width: 50%;}
.partner-box .con_r li:nth-child(1){border-right: 1px solid #e8e8e8;}
.partner-box .con_r li:nth-child(3){width: 100%;border-top: 1px solid #e8e8e8;}
.partner-box .con_r li:nth-child(1) .pic::before, .partner-box .con_r li:nth-child(2) .pic::before{padding-top:25%;}
.partner-box .con_r li:nth-child(3) .pic::before{padding-top:14%;}

.content-about-top-en{margin-top: 3%;border-top: 1px solid #e8e8e8;}
.content-about-top-en h4{font-weight: bold;font-size: 1.25em;margin-top: 1em;color: #333;margin-bottom: .5em;}
.content-about-top-en li{position: relative;margin-bottom:1%;padding-left: 12px;line-height: 1.4;}
.content-about-top-en li:before{content: '';width:5px;height:5px;background-color: #666;border-radius: 50%;position: absolute;left: 0;top: .5em;}

.main-culture{ background:#f3f3f3;}

.cullist ul{ display:flex; display:-webkit-flex; flex-wrap:wrap;margin-right:-3%}

.cullist li{ width:30.33%; margin-right:3%;color:#fff; position:relative; overflow:hidden; border-top-left-radius:35px; border-bottom-right-radius:35px}

.cullist .pic img{ display:block; width:100%; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}

.cullist .txt{ position:absolute; left:0;bottom:0; text-align:left; width:100%; padding:15% 10% 10%;background:-webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));

background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));

background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));

background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5))}

.cullist .txt h3{ font-size:26px; padding-bottom:2%}

.cullist .txt h4{ font-size:16px;}

.cullist li:hover .pic img{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}

.culture-top ul{display: grid;grid-template-columns: 1fr 1fr 1.6fr 1.6fr;grid-column-gap: 15px;}
.culture-top li{position: relative;border-radius: 5px;overflow: hidden;}
.culture-top .pic{position: relative;}
.culture-top .pic:before{content: '';display: block;}
.culture-top .pic img{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.culture-top li:nth-child(1) .pic:before, .culture-top li:nth-child(2) .pic:before{padding-top: 100%;}
.culture-top li:nth-child(3) .pic:before, .culture-top li:nth-child(4) .pic:before{padding-top: 62.499%;}
.culture-top .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding:30px 30px 20px;
    color: #fff;
    background:-webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: flex-end;
}
.culture-top h3{font-weight: 500;font-size: 1.5em;white-space: nowrap;}
.culture-top .info{max-width: 60%;text-align: right;line-height: 1.4;}
.culture-top .info .p1{font-size: .8em;opacity: .5;margin-bottom: 5px;line-height:1.2;font-weight: 300;}
.culture-top .info .p2{font-weight: bold;}
.culture-bot{margin-top: 40px;border: 1px solid #a8dabd;border-bottom: 4px solid #25a259;padding: 30px 50px;border-radius: 5px;background-color: #f3f3f3;}
.culture-bot .t-tit{font-family: Simsun;display: flex;display: -webkit-flex;align-items: center;color: #333;font-size: 1.5em;font-weight: bold;margin-bottom: 1em;}
.culture-bot .t-tit span{color: #ccc;font-weight: 300;margin-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: .85em;}
.culture-bot ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.culture-bot li{text-align: center;}
.culture-bot h3{color: #25a259;font-weight: bold;margin-top: .6em;margin-bottom: .3em;line-height: 1.2;}
.culture-bot p{opacity: .6;font-weight: 300;font-size: .85em;line-height: 1.4;}

.main-team{ position:relative; z-index:9}

.inner-nav-team{font-size: 16px;position: absolute;right: 0;top: 12px;}
.inner-nav-team ul{display: flex;display: -webkit-flex;align-items: center;}
.inner-nav-team li{margin-left:20px;}
.inner-nav-team a{display: block;padding: 0 25px;line-height: 40px;position: relative;background: #f5f5f5;color: #333;border-radius: 20px;overflow: hidden;;}
.inner-nav-team a::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;
    background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);
    background: -o-linear-gradient(left, #1f8b8e, #23ac38);
    background: -moz-linear-gradient(left, #1f8b8e, #23ac38);
    background: linear-gradient(to right, #1f8b8e, #23ac38);}
.inner-nav-team a span{position: relative;z-index: 2;}
.inner-nav-team li.cur a, .inner-nav-team li.cur:hover a{color: #fff;}
.inner-nav-team li.cur a::after{opacity: 1;}
.inner-nav-team li:hover a{color: #23ac38;}

.teamlist{margin-top:40px;}
.teamlist ul{ display:-webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap; margin-right:-3%}
.teamlist li{ position:relative; width:47%; margin-right:3%; margin-bottom:4%}
.teamlist li a{display: flex;display: -webkit-flex;background-color: #f7fcf9;justify-content: space-between;height: 100%;}
.teamlist .pic{ position:relative; overflow:hidden; width: 35%;}
/* .teamlist .pic{background: -webkit-linear-gradient(#e4e9ec, #eaeff2);
    background: -o-linear-gradient(#e4e9ec, #eaeff2); 
    background: -moz-linear-gradient(#e4e9ec, #eaeff2);
    background: linear-gradient(#e4e9ec, #eaeff2);} */
.teamlist .pic .img1{display:block; width:100%; opacity:0}
.teamlist .pic .img2{position:absolute;left:0;top:0;right:0;bottom:0; max-width:96%; height:90%;margin:auto;object-fit: cover;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.teamlist .txt{ width: 65%;padding: 4%;}
.teamlist .tit{ font-size:20px; font-weight:bold; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;transition: .4s;}
.teamlist .tit span{font-weight: normal;font-size: .7em;}
.teamlist .office{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom: .5em;color: #666;}
.teamlist .intro{font-size: .875em;line-height: 1.8;color: #666;min-height: 12em;margin-bottom: 10px;}
.teamlist .intro p{position: relative;padding-left: 15px; margin-bottom: 5px;}
.teamlist .intro p::before{content: '';width: 5px;height: 5px;border-radius: 50%;background: #999;position: absolute;left: 0;top: .8em;}
.teamlist .more{font-size: 14px;color: #25a259;position: relative;padding-left: 15px;line-height: 1.5;display: inline-block;}
.teamlist .more:before{ content:"";display:block; width:5px; height:5px; border-top:1px solid #25a259; border-right:1px solid #25a259; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:0;top:7px}
.teamlist li:hover .pic img{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.teamlist li:hover .tit{color: #25a259;}

.teamlist_2{margin-top: 40px;}
.teamlist_2 ul{ display:-webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap; margin-right:-10%}
.teamlist_2 li{position:relative; width:23.33%; margin-right:10%; margin-bottom:4%;text-align: center;}
.teamlist_2 .pic{ position:relative; overflow:hidden;}
.teamlist_2 .pic .img1{display:block; width:100%; opacity:0}
.teamlist_2 .pic .img2{position:absolute;left:0;top:0;right:0;bottom:0; max-width:100%; height:100%;margin:auto;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.teamlist_2 .txt{ padding-top:2%;}
.teamlist_2 .tit{ font-size:20px; font-weight:bold; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.teamlist_2 .office{line-height: 1.4;margin-top: 5px;}
.teamlist_2 li:hover .pic img{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}


.awsm-popup-details-txt{ height:315px;overflow: hidden;overflow-y: auto;line-height:1.6;padding-right:30px;}
.awsm-popup-details-txt li {margin-top:10px;position: relative;padding-left: 15px;}
.awsm-popup-details-txt li::before{content: '';width: 5px;height: 5px;border-radius: 50%;background-color: #999;position: absolute;left: 0;top: .65em;}
.awsm-popup-details-txt p{line-height: 1.8;}
.awsm-popup-details-txt::-webkit-scrollbar {width: 2px;}
.awsm-popup-details-txt::-webkit-scrollbar-thumb {background:#25a259;}
.awsm-popup-details-txt::-webkit-scrollbar-track {background:#e7e7e7;}



.main-history{ background:#f3f3f3;}

.history .topTit{ text-align:center; font-size:30px;color:#333}

.historyList{ position:relative; margin:20px auto; padding:30px 10%}

.historyList::after {content: '';position: absolute;top: 0;left: 50%;bottom: 0; width: 1px;border-left: 1px dashed #208c8c; z-index:1}

.historyList .topDot, .historyList .botDot, .historyList li:after{position: absolute;left: 50%;width: 13px;height: 13px;margin-left: -6px;z-index:2;border-radius: 100%;border: 3px solid #23ac3a;background-color: #f3f3f3;}

.historyList .topDot{top:0;}

.historyList .botDot{bottom:0;}

.historyList ul{ position:relative; z-index:2}

.historyList li{margin-bottom:2%;position: relative;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;align-items: center;}

.historyList li::after {content: '';top: 50%;margin-top: -6px;border-color:#208c8c;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

.historyList li .pic, .historyList li .txt {padding:0 60px;text-align: right; width:50%;-ms-flex-order:0;order:0;}

.historyList li .pic{-ms-flex-order:2;order:2;}

.historyList li .pic img{display: block;width:200px; height:200px;border-radius:50%; box-shadow:0 0 0 10px rgba(37,162,89,.1)}

.historyList li .txt{ width:50%;font-size:20px;}

.historyList li .txt .time {font-size: 26px;color:#333;font-weight: bold; position: relative; padding-bottom:15px;margin-bottom:20px;font-family: Arial;}

.historyList li .txt .time::after {content: '';position: absolute;bottom: 0;right: 0;width:45px;height: 1px;background:#d8d8d8;}

.historyList li .txt p{}

.historyList li:nth-child(2n) .txt{-ms-flex-order:3;order:3; text-align:left}

.historyList li:nth-child(2n) .txt .time::after{ left:0}

.historyList li:nth-child(2n) .pic img{ float:right}

.development{background: url(../images/devepbg.png) no-repeat center;background-size: 100% 100%;}
.development-list{position: relative;padding: 30px 0;}
.development-list:after{content: '';width: 100%;height: 1px;background-color: #25a259;position: absolute;left: 0;bottom:40px}
.development-list:before{content: '';width: 16px;height: 20px;background: url(../images/ico-arrow1.png) no-repeat center;position: absolute;right: 0;bottom: 31px;}
.development-list .swiper-slide-item{display: flex;display: -webkit-flex;position: relative;justify-content: space-between;height: 585px;padding: 0 3%;}
.development-list .swiper-slide .item{position: absolute;left: 0;bottom: 0;height: 100%;width: 15%;}
.development-list .swiper-slide .item:nth-child(1){height: calc(100% - 210px);left: 3%;}
.development-list .swiper-slide .item:nth-child(2){height: calc(100% - 340px);left: 26%;}
.development-list .swiper-slide .item:nth-child(3){left: 36%;}
.development-list .swiper-slide .item:nth-child(4){height: calc(100% - 210px);left: 59%;}
.development-list .swiper-slide .item:nth-child(5){left: auto;right: 3%;}
.development-list .item{position: relative;width: 24%;}
.development-list .swiper-slide .item:nth-child(1), 
.development-list .swiper-slide .item:nth-child(2) {
    padding-left:50px;
}
.development-list .swiper-slide .item:nth-child(3), 
.development-list .swiper-slide .item:nth-child(4),
.development-list .swiper-slide .item:nth-child(5) {
    padding-right:50px;
    text-align: right;
}
.development-list .item:before{content: '';width: 15px;height:calc(100% - 18px);position: absolute;bottom: 0;left: 9px;box-sizing: border-box;}
.development-list .item:after{content: '';width: 20px;height: 20px;border-radius: 50%;background-color: #25a259;position: absolute;left: 0;bottom: 0;border: 2px solid #fff;box-sizing: border-box;}
.development-list .swiper-slide .item:nth-child(1)::before, 
.development-list .swiper-slide .item:nth-child(2)::before {
    border-left: 2px solid #25a259;
    border-top: 2px solid #25a259;
    border-top-left-radius: 6px;
}
.development-list .swiper-slide .item:nth-child(3)::before, 
.development-list .swiper-slide .item:nth-child(4)::before,
.development-list .swiper-slide .item:nth-child(5)::before {
    left: auto;
    right: 9px;
    border-right: 2px solid #25a259;
    border-top: 2px solid #25a259;
    border-top-right-radius: 6px;
}
.development-list .swiper-slide .item:nth-child(3)::after, 
.development-list .swiper-slide .item:nth-child(4)::after,
.development-list .swiper-slide .item:nth-child(5)::after {
    left: auto;
    right: 0;
}
.development-list .tm{color:#25a259;font-size: 45px;font-family: bebas;line-height: 1;}
.development-list .intro li{position: relative;margin-top: 10px;line-height: 1.5;}
.development-list .intro li img{display: block;max-width: 100%;}
.development-list .intro li:before{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #25a259;position: absolute;left: -15px;top: .6em;}
.development-list .swiper-slide .item:nth-child(3) .intro li:before, 
.development-list .swiper-slide .item:nth-child(4) .intro li:before,
.development-list .swiper-slide .item:nth-child(5) .intro li:before {
    left: auto;
    right: -15px;
}

.m-development{display: none;}
.m-development-list{position: relative;padding-left:40px;}
.m-development-list::before{content: '';width: 1px;height: 100%;position: absolute;left: 8px;top: 0;background-color: #25a259;}
.m-development-list::after{content: '';width: 16px;height: 20px;background: url(../images/ico-arrow1-1.png) no-repeat center;position: absolute;left: 0;bottom:-5px;transform: rotate(90deg);}
.m-development-list .item{margin-bottom: 3%;position: relative;}
.m-development-list .item::before{content: '';width: 10px;height: 10px;border-radius: 50%;background-color: #25a259;border: 2px solid #fff;position: absolute;left: -38px;top: 2px;}
.m-development-list .item::after{content: '';width: 15px;height: 1px;background-color: #25a259;position: absolute;top: 9px;left: -25px;}
.m-development-list .tm{color:#25a259;font-size: 24px;font-family: Bahnschrift;font-weight: bold;line-height: 1;}
.m-development-list .intro li{position: relative;margin-top: 10px;line-height: 1.5;padding-left: 15px;}
.m-development-list .intro li img{display: block;max-width: 100%;}
.m-development-list .intro li:before{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #25a259;position: absolute;left:0;top: .6em;}

.honorlist{ padding-bottom:40px;}

.honorlist a{ display:block; position:relative; padding:0 30px 15px}

.honorlist a:after{ content:""; width:100%; height:40%; background:#f3f3f3; position:absolute; left:0;bottom:0; z-index:1}

.honorlist .pic, .honorlist h3{ position:relative; overflow:hidden; z-index:2}

.honorlist .pic .img1{ display:block; width:100%; opacity:0}

.honorlist .pic .img2{position:absolute;left:0;top:0;right:0;bottom:0; max-width:100%; height:100%;margin:auto;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}

.honorlist h3{ text-align:center; color:#333; display:flex; display:-webkit-flex; font-size:18px; height:60px; line-height:20px; align-items:center; justify-content:center;}

.honorlist .swiper-pagination{bottom:0 !important}

.honorlist .swiper-pagination-bullet{ width:12px; height:12px;}

.honorlist .swiper-pagination-bullet-active{ background:#005bac}

.honorlist a:after, .honorlist h3{ -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}

.honorlist a:hover::after{background:#005bac} 

.honorlist a:hover h3{ color:#fff}



.platformCon p{ margin-bottom:10px}

.platformList ul{ display:flex; display:-webkit-felx; justify-content:center; margin-bottom:20px}

.platformList li{ margin:5px; border:1px solid #d8d8d8; font-size:16px; font-weight:bold; color:#333; line-height:24px; padding:10px 20px; cursor:pointer}

.platformList li.active{border:1px solid #25a259;background: #25a259; color:#fff}

.platformList .item{z-index:1;opacity: 0; height:0;overflow: hidden}

.platformList .item.active {z-index: 100;opacity: 1; height:auto;-webkit-transition: all .2s ease-out .1s;transition: all .2s ease-out .1s;}

.fzPic{display:flex; display:-webkit-felx;align-items:center; margin-bottom:20px}

.fzPic img:first-child{ margin-right:5%}



.productList{ margin-bottom:20px}

.productList .ptit{font-size: 26px;line-height: 70px;color: #fff;overflow: hidden;padding: 0 40px;text-align: center; border-top-left-radius:10px; border-top-right-radius:10px;

background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);

background: -o-linear-gradient(left, #1f8b8e, #23ac38);

background: -moz-linear-gradient(left, #1f8b8e, #23ac38);

background: linear-gradient(to right, #1f8b8e, #23ac38);}



.productList .tableBox{}

.productList .table{ width:100%}

.productList .table tr{ border-bottom:1px solid #d8d8d8}

.productList .table th{ font-size:17px; color:#333; font-weight:normal;padding:20px 10px; text-align:center; line-height:20px; border:1px solid #d8d8d8}

.productList .table .pW0{width:5%;background:#f3f3f3}

.productList .table .pW1{width:10%;background:#f3f3f3}

.productList .table .pW2{width:8%;}

.productList .table .pW3{width:7%;border-right:1px solid #d8d8d8}

.productList .table .pW4{ width:8.75%;}





.productList .table td{ border:0;padding:20px 10px;line-height:24px; text-align:center; border:1px solid #d8d8d8}

.productList .table .DH{ font-weight:bold; color:#25a259; font-size:18px;}

.productList .table .ico{ display:block; width:35px; margin:0 auto}

.productList .table .progress {height:20px;position:relative; overflow:hidden}

.productList .table .progress-bar {background: #25a259;

background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);

background: -o-linear-gradient(left, #1f8b8e, #23ac38);

background: -moz-linear-gradient(left, #1f8b8e, #23ac38);

background: linear-gradient(to right, #1f8b8e, #23ac38);

position:absolute; left:0;top:0;bottom:0;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}

.productList .table .more{ display:block; width:35px; height:35px; border-radius:50%; background:#f3f3f3; position:relative}

.productList .table .more:after{content:""; display:block; width:6px; height:6px; border-top:1px solid #666; border-right:1px solid #666; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:13px;top:14px}

.productList .table .more:hover{background:#25a259;}

.productList .table .more:hover::after{border-top:1px solid #fff; border-right:1px solid #fff;}

.productRep{ border-bottom:1PX dotted #d8d8d8; padding-bottom:60px; margin-bottom:60px;}

.productRep .pic{ width:45%;}

.productRep .pic img{ display:block}

.productRep .txt{ width:50%}

.productRep .txt .tit{ font-size:26px; color:#333; margin-bottom:20px}

.productRep .txt p{ margin-top:15px}

.productRep .ptit{font-size:26px; color:#333; margin-bottom:20px}

.cytokine{ display:flex; display:-webkit-flex; align-items:center}

.cytokine .img{ margin-right:3%}

.cytokine li{ margin-bottom:2%}

.cytokine li .tit{ font-weight:bold; color:#009e41}

.cytokine li:nth-child(2) .tit{color:#006fc0}

.cytokine li:nth-child(3) .tit{color:#00afef}



.news-top{ position:relative}

.news-top .txt{ width:45%; padding-top:3%}

.news-top .pic{ width:50%}

.news-top .pic img{ display:block; width:100%}

.news-top .txt .tit{ font-size:26px; color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden}

.news-top .txt .intro{ margin-top:5%;color:#666; display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden}

.nmore{display:inline-block;font-size:14px;line-height:38px; height:38px; border-radius:25px; padding-left:35px; padding-right:26px; position: absolute;bottom:8%;left:0;color:#fff;background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);

background: -o-linear-gradient(left, #1f8b8e, #23ac38);

background: -moz-linear-gradient(left, #1f8b8e, #23ac38);

background: linear-gradient(to right, #1f8b8e, #23ac38);}

.nmore:before{ content:""; display:block; width:5px; height:5px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:22px;top:16px}



.newslist{ margin-top:60px;overflow-x: hidden;}

.newslist ul{ margin-right:-3%;display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}

.newslist li{ float:left; width:30.33%; margin-right:3%; margin-bottom:3%;background:#fff; border:1px solid #d8d8d8; padding:25px;position:relative; border-top-left-radius:15px; border-bottom-right-radius:15px;}
.newslist .pic{position: relative;overflow: hidden;border-top-left-radius: 10px;border-bottom-right-radius: 10px;}
.newslist .pic:before{content: '';display: block;padding-top: 66.66%;}
.newslist .pic img{position: absolute;left: 0;top:0;width: 100%;height: 100%;object-fit: cover;-webkit-transition: .6s ease;-moz-transition: .6s ease; transition: .6s ease;}
.newslist .txt{margin-top: 1em;}
.newslist .tit{ font-size:20px; line-height:24px;color:#333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:20px;}

.newslist .intro{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size:14px; line-height:24px;margin-bottom:20px;color:#666}

.newslist .time{ display:block; font-size:13px; color:#999; font-weight:300}

.newslist li, .newslist .tit{-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;}

.newslist li:hover .tit{color:#25a259}

.newslist li:hover{ box-shadow:0 0 15px rgba(0,0,0,.1)}
.newslist li:hover .pic img{-webkit-transform: scale(1.03);-moz-transform: scale(1.03);transform: scale(1.03);}

.newslist_2 li{border-bottom: 1px solid #e8e8e8;padding-bottom: 30px;margin-bottom: 30px;}
.newslist_2 a{display: flex;display: -webkit-flex;}
.newslist_2 .tm{width: 12%;text-align: center;color: #999;font-size:1.5em;border-right: 1px solid #e8e8e8;margin-right: 5%;line-height: 1.4;}
.newslist_2 .tm span{display: block;font-size: .95em;}
.newslist_2 .con{width: 70%;margin-right: 10%;display: flex;display: -webkit-flex; align-items: center;}
.newslist_2 h3{font-size: 1.35em; color: #1a1a1a;line-height: 1.5;}
.newslist_2 .mr {width: 45px;height: 45px;border-radius: 50%; position: relative; overflow: hidden; border: 1px solid #25a259; }
.newslist_2 .mr:after{content:"";display:block; width:8px; height:8px; border-top:1px solid #25a259; border-right:1px solid #25a259; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:50%;top:50%; margin-left: -6px;margin-top: -5px;z-index: 2;}
.newslist_2 .mr:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;
    background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);
    background: -o-linear-gradient(left, #1f8b8e, #23ac38);
    background: -moz-linear-gradient(left, #1f8b8e, #23ac38);
    background: linear-gradient(to right, #1f8b8e, #23ac38);}
.newslist_2 h3, .newslist_2 .mr, .newslist_2 .mr:before{-webkit-transition: 0.4s;-o-transition: 0.4s; transition: 0.4s;}
.newslist_2 li:hover h3{color: #25a259;}
.newslist_2 li:hover .mr:before{ opacity: 1;}
.newslist_2 li:hover .mr:after{border-top:1px solid #fff; border-right:1px solid #fff;}
.newscon{}

.newstit{font-size:26px;color: #333;line-height:35px;position:relative; margin-bottom:5px; text-align:center}

.newstit02{border-bottom: 1px solid #e5e5e5;padding-bottom:10px; margin-bottom:30px;}

.newstm{ font-size:13px; color:#999;  border-bottom: 1px solid #ededed;padding-bottom:10px; margin-bottom:30px; text-align:center}

.news-article{font-size:16px;}

.news-article p{margin-bottom:6px}
.main .content .news-article img, .main .content .news-article video{max-width: 50%;}

.page_2{ margin-top:50px; background:#f3f3f3; padding:15px; font-size:14px;}

.page_2 p{ float:left; max-width:40%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.page_2 p:nth-child(2){ float:right}

.newslist_3 li{border-bottom: 1px solid #e8e8e8;padding-bottom: 30px;margin-bottom: 30px;}
.newslist_3 h3{font-size: 1.25em; color: #1a1a1a;line-height: 1.5;padding-left:20px;position: relative;}
.newslist_3 h3:before{content: '';width: 5px;height: 5px;border-radius: 50%;background-color: #666;position: absolute;left: 0;top: .65em;}
.newslist_3 .more{display:inline-block;line-height:38px; height:38px; border-radius:25px; padding-left:35px; padding-right:26px; position:relative;color:#fff;cursor: pointer;
    background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);
    background: -o-linear-gradient(left, #1f8b8e, #23ac38);
    background: -moz-linear-gradient(left, #1f8b8e, #23ac38);
    background: linear-gradient(to right, #1f8b8e, #23ac38)}
.newslist_3 .more:before{ content:""; display:block; width:5px; height:5px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:22px;top:16px}
.newslist_3 .more.on{display: none;}

.hrlist{ margin-bottom:80px;}

.hrlist li{ margin-bottom:2%; background:#f3f3f3;}
.hrlist li.animated{-webkit-animation-fill-mode: none;animation-fill-mode: none;}

.hrlist-tit{padding:0 40px;}

.hrlist-tit-l{line-height: 30px;font-size: 24px;color:#333; cursor:pointer; width:50%; padding:30px 0}

.hrlist-tit-r{ position:relative; padding-right:65px;margin-top:25px;}

.hrlist-tit-r .jl{width: 160px;line-height:45px;text-align: center; position:relative;border: 1px solid #25a259;color:#25a259;cursor:pointer;display: block;-webkit-transition:.2s;-moz-transition:.2s; -o-transition:.2s;transition:.2s;}

.hrlist-tit-r .jl .hd{position: absolute;z-index:3;right:0px;top:100%; display: none;}

.hrlist-tit-r .jl .hdcon{ margin-top:10px;padding: 20px;line-height:28px;color: #fff; background: #25a259;width: 500px; text-align: left;}

.hrlist-tit-r .jl .hdcon p strong{ color:#fff}

.hrlist-tit-r .jl:hover{ background:#25a259; color:#fff}

.hrlist-tit-r .jl .hdcon:before{content:"";position:absolute;right:70px;top:-4px;border:7px solid transparent;border-bottom-color: #25a259;}

.hrlist-tit-r .jl:hover .hd{display: block;}

.hrlist-tit-r .more{ width:45px; height:100%; position:absolute; right:0;top:0}

.hrlist-tit-r .more:before {

    content: "";

    display: block;

    width: 10px;

    height: 10px;

    border-top: 2px solid #25a259;

    border-right: 2px solid #25a259;

    -webkit-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    transform: rotate(135deg);

    position: absolute;

    left: 15px;

    top: 16px;

}

.hrlist-con{ margin:0 50px; padding-top:30px; padding-bottom:60px;display:none; border-top:1px solid #d8d8d8}


.part-list ul{display: flex;display: -webkit-flex;flex-wrap: wrap;margin-right: -3%;}
.part-list li{width: 30.33%;margin-bottom: 3%;margin-right: 3%;box-shadow: 0 0 5px rgba(0,0,0,.1);}
.part-list .pic{position: relative;overflow: hidden;}
.part-list .pic:before{content: '';padding-top: 30%;display: block;}
.part-list .pic img{position: absolute;left: 0;top: 0;right: 0;bottom:0;margin: auto;object-fit: contain;max-width: 85%;max-height: 60%;}


.product-content{position: relative;overflow: hidden; margin-top:2%;}
.product-nav{border-radius: 30px;background: #12294f;color: #fff;}
.product-nav ul{height: 60px;display: flex;justify-content: space-between;align-items: center;}
.product-nav ul li {flex: 1;text-align: center;padding: 0px 10px;line-height: 1.2;}
.product-list-box .item{border-bottom: 1px solid #ededed;padding: 35px 0;}
.product-list-box .item-top{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;font-size: 18px;cursor: pointer;}
.product-list-box .item-top .p-tit, .product-list-box .item-top .p-tit2{flex: 1;display: block;padding: 0px 10px;}
.product-list-box .item-top .p-tit{font-weight: bold;text-align: center;color: #333;}
.product-list-box .item-top .p-wd{flex: 6;padding: 0px 60px;height: 40px;line-height: 40px;overflow: hidden;position: relative;}
.product-list-box .item-top .p-line {
    width: 0%;
    height: 40px;
    overflow: hidden;
    background: #1f8b8e;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    padding-right: 0;
    -webkit-transition: all 1s ease 0.3s;
    -moz-transition: all 1s ease 0.3s;
    -ms-transition: all 1s ease 0.3s;
    -o-transition: all 1s ease 0.3s;
    transition: all 1s ease 0.3s;
}
.product-list-box .item-top .p-line:after{
    content: '';
    width: 0;
    height: 0;
    border-left: 20px solid #1f8b8e;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    opacity: 0;
    transition-delay: .3s;
}
.product-list-box .item:nth-child(2n) .item-top .p-line{background: #23ac38;}
.product-list-box .item:nth-child(2n) .item-top .p-line:after{border-left: 20px solid #23ac38;}
.product-list-box .item-top .p-line i {
    width: 26px;
    height: 26px;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    right: 20px;
    top: 7px;
    opacity: 1;
}
.product-list-box .item-top .p-line i:after{
    content: '';
    width: 6px;
    height: 6px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
    display: block;
    position: absolute;
    left: 8px;
    top: 9px;
}
.product-list-box .item-hide{
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.08);
    margin-top: 40px;
    border-radius: 18px;
    padding: 50px;
    display: none;
}
.product-list-box .item-hide p{margin-bottom: 5px;}
.product-content.on .item-top .p-line{padding-right: 20px;}

.product-content.on .item-top .p-line.line1 {width: 16.66%;}
.product-content.on .item-top .p-line.line2 {width: 33.33%;}
.product-content.on .item-top .p-line.line3 {width: 50%;}
.product-content.on .item-top .p-line.line4 {width: 66.66%;}
.product-content.on .item-top .p-line.line5 {width: 83.33%;}
.product-content.on .item-top .p-line.line6 {width: 100%;}


.product-content.on .item-top .p-line:after{opacity: 1;}
.product-content-module{border-left: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;}
.pipeline-nav{position: relative;background-color: #00b8c6;}
.pipeline-nav:before{content: '';width: 1px;height: 100%;background-color: #00b8c6;position: absolute;left: -1px;top: 0;}
.pipeline-nav:after{content: '';width: 1px;height: 100%;background-color: #00b8c6;position: absolute;right: -1px;top: 0;}
.pipeline-nav ul{background-color: #00b8c6;color: #fff; font-weight: bold;display: flex;display: -webkit-flex; text-align: center;}
.pipeline-nav li{border-right: 1px solid rgba(255,255,255,.25);}
.pipeline-nav li:nth-child(1){width: 25%;}
.pipeline-nav li:nth-child(2){width: 15%;}
.pipeline-nav li:nth-child(3){width: 50%;}
.pipeline-nav li:nth-child(4){width: 10%;border-right: 0;}
.pipeline-nav li.rate{ display: flex;display: -webkit-flex;border-right: 0;}
.pipeline-nav li.rate div{width: 20%;}
.pipeline-nav li div{padding: 15px 10px;height: 100%;line-height: 1.2;display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
.pipeline-nav li.rate div{border-right: 1px solid rgba(255,255,255,.25);}
.pipeline-list-box{position: relative;font-size: .95em;}
.pipeline-list-box .vline{position: absolute;top: 0;height: 100%;width: 1px;background: #f2f2f2;z-index: -1;}
.pipeline-list-box .vline1{left: calc(50% - 1px);}
.pipeline-list-box .vline2{left: calc(60% - 1px);}
.pipeline-list-box .vline3{left: calc(70% - 1px);}
.pipeline-list-box .vline4{left: calc(80% - 1px);}
.pipeline-list-box .item{border-top: 0;}
.pipeline-list-box .item-top{cursor: pointer;line-height: 1.5;border-bottom: 1px solid #f2f2f2;}
.pipeline-list-box .item-top ul{display: flex;display: -webkit-flex; text-align: center;}
.pipeline-list-box .item-top li{padding:10px;display: flex;align-items: center;justify-content: center;position: relative;}
.pipeline-list-box .item-top li:nth-child(1){width: 25%;}
.pipeline-list-box .item-top li:nth-child(2){width: 15%;border-right: 1px solid #f2f2f2;}
.pipeline-list-box .item-top li:nth-child(3){width: 50%;border-right: 1px solid #f2f2f2;}
.pipeline-list-box .item-top li:nth-child(4){width: 10%;}
.pipeline-list-box .item-top .tit{font-weight: bold;color: #333;border-right: 1px solid #f2f2f2;}
.pipeline-list-box .item-top .line {
    width: 0%;
    height: 28px;
    overflow: hidden;
    background: #8be2ee;
    position: absolute;
    left: 10px;
    background: -webkit-linear-gradient(left, #dbf3f8 , #8be2ee);
    background: -o-linear-gradient(right, #dbf3f8, #8be2ee);
    background: -moz-linear-gradient(right, #dbf3f8, #8be2ee);
    background: linear-gradient(to right, #dbf3f8 , #8be2ee); 
    -webkit-transition: all 1s ease 0.3s;
    -moz-transition: all 1s ease 0.3s;
    -ms-transition: all 1s ease 0.3s;
    -o-transition: all 1s ease 0.3s;
    transition: all 1s ease 0.3s;
}
.pipeline-list-box .item-hide {overflow: hidden;background: #fafafa;padding:3% 5%;display: none;}
.pipeline-list-box .item-hide h3{ font-weight: bold;color: #333;margin-bottom: 15px;}
.pipeline-list-box .item-hide h4{ color: #333;font-weight: bold;margin-top: 15px;}
.pipeline-list-box .item-hide ul{margin-top: 15px;}
.pipeline-list-box .item-hide li{list-style: inside;}
.pipeline-list-box table{width: 100%;}
.pipeline-list-box td{padding:10px 5px;text-align: center;border-right: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;position: relative;}
.pipeline-list-box tr td:last-child{border-right: 0;position: relative;}
.pipeline-list-box tr:first-child td:first-child{border-bottom: 0;}
.pipeline-list-box tr:last-child td{border-bottom: 0;}
.pipeline-list-box tr:first-child td:nth-child(1){width: 12.5%;}
.pipeline-list-box tr:first-child td:nth-child(2){width: 12.4999%;}
.pipeline-list-box tr:first-child td:nth-child(3){width: 15%;}
.pipeline-list-box tr:first-child td:nth-child(4){width: 50%;}
.pipeline-list-box tr:first-child td:nth-child(5){width: 10%;}
.pipeline-list-box tr .rate{display: flex;display: -webkit-flex;align-items: center;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}

.product-content.on .item-top .line1 {width: calc(80% - 20px);}
.product-content.on .item-top .line2 {width: calc(56% - 10px);}
.product-content.on .item-top .line3 {width: calc(32% - 10px)}
.product-content.on .item-top .line4 {width: calc(86% - 20px);}
.product-content.on .item-top .line5 {width: calc(17% - 10px);}
.product-content.on .item-top .line6 {width: calc(17% - 10px);}
.product-content.on .item-top .line7 {width: calc(17% - 10px);}
.product-content.on .item-top .line8 {width: calc(11% - 10px);}
.product-content.on .item-top .line9 {width: calc(11% - 10px);}
.pipeline-list-box .active .item-top .tit{ color: #00b8c6}

.publication{margin-top: 3%;}
.publication .tit{font-size: 1.125em; color: #333;margin-bottom: 1.5%;background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);
    background: -o-linear-gradient(left, #1f8b8e, #23ac38);
    background: -moz-linear-gradient(left, #1f8b8e, #23ac38);
    background: linear-gradient(to right, #1f8b8e, #23ac38);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;display: inline-block;font-weight: bold;}
.publication li a{display: flex;display: -webkit-flex;justify-content: space-between;}
.publication li .pic{width: 25%;box-shadow: 0 0 15px rgba(0, 0, 0, .08);}
.publication li .pic::before{padding-top: 50%;}
.publication li .txt{width: 72%;}
.publication li .txt h3{margin-bottom: 1.5%;color: #333;font-size: 1em;transition: .3s;}
.publication li .txt p{color: #666;font-size: .85em;}
.publication li:hover .txt h3{color:#25a259;}
.publication-en .tit{margin-bottom: 1%;}
.publication-en li .txt h3{margin-bottom: 1%;}

.tech-platform ul{margin-top:2%;display: flex;display: -webkit-flex;justify-content: space-between;}
.tech-platform li{position: relative; padding:30px;width:24.5%;border-radius: 10px;}
.tech-platform li{background: -webkit-linear-gradient(#dbf3f8 , #fff);
    background: -o-linear-gradient(#dbf3f8, #fff);
    background: -moz-linear-gradient(#dbf3f8, #fff);
    background: linear-gradient(#dbf3f8 , #fff);}
.tech-platform .ico{width: 160px;margin: 0 auto;}
.tech-platform .txt_intro{font-size: .95em;}
.tech-platform .txt_intro p{margin-bottom: 8px;position: relative;padding-left: 15px;}
.tech-platform .txt_intro p::before{content: '✓';position: absolute;left: 0;top: .5em;line-height: 1;}
.tech-platform .tit{display: flex;display: -webkit-flex;align-items: center;justify-content: center;height: 3em;margin-bottom: 1em;}
.tech-platform h3{font-size: 1.125em;color: #333;font-weight: bold;text-align: center;line-height: 1.5;}
.tech-platform li .ico img{display: block;margin: 0 auto;}
/* .tech-platform li:nth-child(2n){flex-direction: row-reverse;background: -webkit-linear-gradient(right, #dbf3f8 , #fff);
    background: -o-linear-gradient(left, #dbf3f8, #fff);
    background: -moz-linear-gradient(left, #dbf3f8, #fff);
    background: linear-gradient(to left, #dbf3f8 , #fff);}
.tech-platform li:nth-child(2n) .ico{margin-left:8%;}
.tech-platform li:nth-child(2n+1) .ico{margin-right:8%;} */
/*===========================contact================================*/


.main .content-contact{ font-size:16px; line-height:26px;}

.contact-list{margin-bottom:30px;border-radius: 10px;overflow: hidden;box-shadow: 0 0 10px 8px #f5f5f5;}

.contact-list h1{font-size: 26px;line-height: 70px;color: #fff;overflow: hidden;padding: 0 40px;

background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);

background: -o-linear-gradient(left, #1f8b8e, #23ac38);

background: -moz-linear-gradient(left, #1f8b8e, #23ac38);

background: linear-gradient(to right, #1f8b8e, #23ac38);

}

.contact-list ul{ display:flex; display:-webkit-flex;justify-content:space-between;}

.contact-list li{width: 28%;margin: 40px 40px 70px;float: left; text-align:center; position:relative}

.contact-list li:after{ content:""; width:1px; height:100%; background:#f0f0f0; position:absolute; top:0;right:-40px}

.contact-list li:last-child::after{ display:none}
.contact-list li.add{width: 38%;}

.contact-list .txt{ color:#333}

.contact-list .txt span{ display:block;font-size:16px;line-height:1.2;color:#ccc;margin-bottom:15px;margin-top: 10px;}

.contact-list .txt p{margin-top: 10px;}
.contact-list .tel .txt p{font-weight: bold;}
.contact-list .mail .txt a{font-weight: bold;color: #333;}
.contact-list .mail .txt a:hover{color: #23ac38;}
.contact-list .add .txt p{text-align: left;}

.message .ts{ text-align:center; margin-top:-30px; margin-bottom:30px}

.message .item{ margin-bottom:1%; float:left; width:49.5%; position:relative}

.message .item:nth-child(even){ float:right}

.message label{ display:block;line-height:58px; color:#999;position:absolute; left:15px;top:0;bottom:0;}

.message label span{ margin-right:5px;}

.message input[type=text], .message textarea {display: block;width: 100%;border: 0;background:#fff; padding: 0 10px; padding-left:90px; line-height:60px;color: #333;font-size: 16px;}

.message .item:nth-child(4) input[type=text]{ padding-left:100px}





.message .item2{ width:100%}

.message .item2 label{ bottom:auto;top:0}

.message textarea{ height:61px}

.message .item3{ float:left !important; width:100%}

.message .yzm[type=text]{ padding-left:85px; width:30%; float:left}

.message .submit{ width:120px; height:45px; line-height:45px; border:0; color:#fff; font-size:16px;border-radius:5px; text-transform:uppercase; cursor:pointer; transition:.5s; display:block; margin:0 auto;background: -webkit-linear-gradient(120deg, #22bcf0, #013e96);

    background: -o-linear-gradient(120deg, #22bcf0, #013e96);

    background: -moz-linear-gradient(120deg, #22bcf0, #013e96);

    background: linear-gradient(120deg, #22bcf0, #013e96);}

.message .submit:hover{border-radius:25px}

.message02 .item:nth-child(8) input[type=text]{ padding-left:100px}



.mapbox{ margin-top:40px;}

#allmap{width:100%;height:500px;line-height:22px; font-size:14px; border:1px solid #e2e2e2;background: url(../images/map_dt.jpg) no-repeat center;}
#allmap a{display: block;height: 100%;}

.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}

.BMap_bubble_content{color: #888; font-size:13px}

.iwTitle {

    color: #CC5522;

    font-size: 14px;

    font-weight: bold;

	line-height:22px;

	display:block;

	padding-bottom:8px;

}



/*============================================================*/



.footer{ background:#25a259;color:#fff; padding:32px 0; font-size:15px;position:relative}

.footer a{ color:#fff}

.f-ewm{ width:90px}

.f-ewm img{ display:block; width:90px;}

.copyright{ margin-left:3%; width:calc(100% - 240px); padding-top:35px}

.footer .wrap{ position:relative}

.footer .wrap:before{ content:""; width:118px; height:24px; background:url(../images/f-logo.png) no-repeat; position:absolute; right:0;top:50%; margin-top:-12px;}





.float_kf{ position:fixed;right:10px; bottom:20%; background:#fff; z-index:99}

.float_kf li{ width:70px; text-align:center;border:1px solid #e8e8e8; border-bottom:none; padding:12px 0;color:#535353; position:relative; font-size:14px}

.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}

.float_kf li:hover{ background:#0a2d5a;border:1px solid #0a2d5a;border-bottom:none; color:#fff; cursor:pointer;}.float_kf li:hover a{ color:#fff}

.float_kf .mes i{ width:24px; height:25px; background:url(../images/right_pic3.png) no-repeat; margin:0 auto 6px; display:block}

.float_kf .mes:hover i{background:url(../images/right_pic3_h.png) no-repeat;}



.float_kf .fwh i{ width:29px; height:25px; background:url(../images/right_pic2.png) no-repeat; margin:0 auto 6px; display:block}

.float_kf .fwh:hover i{background:url(../images/right_pic2_h.png) no-repeat;}

.float_kf .fwh .hd img{ width:150px; display:block;}

.float_kf .app i{ width:29px; height:25px; background:url(../images/right_pic4.png) no-repeat; margin:0 auto 6px; display:block}

.float_kf .app:hover i{background:url(../images/right_pic4_h.png) no-repeat;}

.float_kf .app .hd img{ width:150px; display:block;}

.float_kf .service i{ width:29px; height:25px; background:url(../images/right_pic1.png) no-repeat; margin:0 auto 6px; display:block}

.float_kf .service:hover i{background:url(../images/right_pic1_h.png) no-repeat;}

.float_kf .service .hd{ position:absolute; right:69px;bottom:-72px;border:1px solid #e8e8e8;opacity:0; filter:alpha(opacity=0); visibility:hidden;-moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}

.float_kf .service .hd h3{background: #fddd5f;color:#0a2d5a; white-space:nowrap; line-height:40px; font-weight:bold; padding:0 20px}

.float_kf .service .sub{ background:#fff; padding:15px;}

.float_kf .service .sub a{ display:block; white-space:nowrap; background:#eef0f3; margin-top:5px; line-height:32px; padding:0 15px;color:#0a2d5a}

.float_kf .service .sub a:first-child{ margin-top:0}

.float_kf .service .sub a:hover{background:#0a2d5a; color:#fff}

.float_kf .service:hover .hd{opacity:1; filter:alpha(opacity=100);visibility:visible;-moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);}

.float_kf .fwh .hd, .float_kf .app .hd{ position:absolute; right:69px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:20px;color:#535353; opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}

.float_kf .fwh .hd{ margin-top:-84px}

.float_kf .fwh .hd, .float_kf .app .hd,.float_kf .tel .hd,.float_kf .service .hd{ -moz-transition:.5s;;-webkit-transition:.5s;transition:.5s;}

.float_kf .fwh:hover .hd, .float_kf .app:hover .hd, .float_kf .tel:hover .hd{opacity:1; filter:alpha(opacity=100); -moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0); visibility:visible}





.float_kf .tel i{ width:29px; height:25px; background:url(../images/right_pic5.png) no-repeat; margin:0 auto 6px; display:block}

.float_kf .tel:hover i{background:url(../images/right_pic5_h.png) no-repeat;}

.float_kf .tel .hd{ background:#0a2d5a; color:#fff; font-size:20px; font-weight:bold; position:absolute;right:69px;top:0;text-align:left; text-align:center;line-height:74px; width:200px; height:100%;opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}

.float_kf .backtop{background:#fddd5f;border:1px solid #fddd5f; border-bottom:none}

.float_kf .backtop i{ width:24px; height:25px; background:url(../images/right_pic6_h.png) no-repeat; margin:0 auto 3px; display:block}

.float_kf .backtop a{ color:#0a2d5a}

.float_kf .backtop:hover{ background:#0a2d5a}

.float_kf .backtop:hover i{background:url(../images/right_pic6.png) no-repeat;}



.pages{ margin-top:40px}

.pagination{ height:auto !important; padding:0 !important}
.EN .title{white-space: nowrap;}
.EN .cullist .txt h4{line-height: 1.2;}
.EN .banner .txt{font-size:35px; text-transform: uppercase;line-height: 1.5;}
.EN .q-area ul{display: flex;display: -webkit-flex;justify-content: center;}
.EN .q-area li{width: 60%;}
.EN .q-area li:first-child::after{display: none;}
.EN .BMap_bubble_title{padding: 0;}
.EN .tech-platform h3{line-height: 1.2;}
.EN .main .content{line-height: 1.8;}
.EN .i-about .network-list .cont{width: 380px;}
.EN .i-about .ltitle{padding: 0 30%;font-size: 20px;}