html,body{width: 100%;overflow-x:hidden; padding: 0!important; margin: 0;}
*{ margin:0; padding:0;}
em{ font-style:normal;}
img {border: 0 none;height: auto;vertical-align: middle;}
ul{ list-style:none;}
.clear{ clear:both}
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
div{box-sizing: border-box;}
/*::-webkit-scrollbar {display:none}*/
li{list-style: none;}
.relative{position: relative;}
.absolute{position: absolute;}
a,img{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;text-decoration:none;}
img,video{width:auto;height:auto;max-width:100%;vertical-align:middle}
a{text-decoration: none;background: transparent;outline: none;color:#000;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
a:hover, .tran, .pub_button .pb_bg, .header .logo, .header.bg, .section_two .tab_box a i{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
a:active, a:hover { outline: 0;}
.s_width{ width:85%; margin:0 auto; position:relative;}
i,em{ font-style:normal;}
.biaoge{overflow-x: auto;}
.biaoge td{padding:0.5% 1%;white-space: nowrap;}
table {width: 100%;border-collapse: collapse;}
table td {border: 1px solid #e6e7ea;line-height: 31px; padding: 5px 0;min-width: 80px; text-align: left;}
.biaoge p{font-size: 16px; line-height: 31px;}
.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1}
@font-face {
font-family: "DINENGSCHRIFTSTD";
src: url("../css/font/DINENGSCHRIFTSTD.woff2") format("woff2"),
url("../css/font/DINENGSCHRIFTSTD.woff") format("woff"),
url("../css/font/DINENGSCHRIFTSTD.ttf") format("truetype"),
url("../css/font/DINENGSCHRIFTSTD.eot") format("embedded-opentype"),
url("../css/font/DINENGSCHRIFTSTD.svg") format("svg");
}
.fontDIN {font-family: "DINENGSCHRIFTSTD";}
input::-moz-placeholder, textarea::-moz-placeholder {color: #000; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000; } 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000; }
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#2fcb00;}
#fullPage-nav LI {margin: 0 0;}
em,i,u {font-style: normal;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote {margin: 0;padding: 0;}
body {color: #333;font-size: 16px;}
#fullPage-nav LI A {text-align: right;width: 21px;background: url(../images/dot1.png) no-repeat center center;float: right;height: 21px;color: #f1c820;text-decoration: none;-webkit-transition: all 0.1s ease;transition: all 0.1s ease;}
#fullPage-nav LI .active {background-position: 0px bottom;background: url(../images/dot2.png) no-repeat 5px 5px;background: url(../images/dot2.png) no-repeat center center;}
#fullPage-nav LI A:hover {background: url(../images/dot3.png) no-repeat center center;}
#fullPage-nav SPAN {display: none;}
.fullPage-tooltip {font: 12px/21px;float: left;color: #fff;top: 0px;margin-right: 5px;width: 60px;text-align: center;line-height: 21px;border-radius: 25px;background: #0051a2;}
.dtgif {width: 50px;position: relative;left: 0;top: 88%;right: 0;margin: auto;}
#background_video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;height:140%!important;width:130%!important;}
#video_cover{  /*      position: absolute;*/
width:100%;height:100%;background-size:cover;background-position:center;}
#video_controls{  /*      position: absolute;*/
left:50%;transform:translate(-50%,0);}
#play img{width:100px;}
#pause img{width:90px;}
#pause{display:none;}
@media (min-width:768px){
#video_controls{display:none;}
}
#container{height:100%;}
#overlay{position:absolute;top:0;right:0;left:0;bottom:0;opacity:0.7;filter:alpha(opacity=70);  /* 针对 IE8 以及更早的版本 */}
#main_content{z-index:2;position:relative;display:inline-block;  /* Vertical center */top:50%;transform:translateY(-50%);}
.sypic{position:absolute;top:0;left:0;z-index:9;right:0;width:100%;margin:auto;bottom:0;height:100%;}
.sypic img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;animation:sss3 1s infinite alternate linear;width:50.78%;}
@keyframes bg_move{ 
0% { transform:scale3d(1, 1, 1); } 
50% { transform: scale3d(1.1, 1.1, 1.1); } 
100% { transform: scale3d(1, 1, 1); } 
}
/*===================== 公用样式 START =====================*/
.img img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.more-info{ line-height: 40px;}
.more-info ul{width: 100%; margin: 0 auto; padding-top: 20px;}
.more-info li{width: 100%;}
.more-info li a{color: #333;}
.more-info li em{font-weight: 500; padding-right: 15px;}
.ibbg {-webkit-animation: pagebgfd 6s linear infinite alternate;animation: pagebgfd 6s linear infinite alternate;}
@-webkit-keyframes pagebgfd {
0% {opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
100% {opacity: 1;-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
}
@keyframes pagebgfd {
0% {opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
100% {opacity: 1;-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
}
/*主导航多级菜单*/
/*主导航多级菜单*/
/* 头部 */
.head{ width: 100%;  height: 80px; position: fixed; z-index: 20; top:0;box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);border-bottom: 1px solid #e5e5e5;}
.head .logo{ position: absolute; left: 30px; top:0; z-index: 3;	 height: 100%; font-size: 0; line-height: 80px;}
.head .logo img{ max-height: 80%;}
.headshadow{ width: 100%; height: 80px;}
.headin{ position: relative; z-index: 7; height: 100%; border-bottom: 1px solid rgba(255,255,255,0.15);}
.special.head{ background-color: transparent; border-bottom-color:transparent; box-shadow: none;}
.head.mini{ height: 60px;background-image: linear-gradient(to right, rgba(4, 193, 104, 1), rgba(4, 189, 236, 1));}
.head.mini .logo{ line-height: 60px;}
.headright{ z-index: 14; text-align: center; position: absolute; right: 4%;top: 20px;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.headright a{  vertical-align: middle; }
.head .tel {z-index: 2;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: #fff; }
.head .tel span{font-size: 0.5rem;vertical-align: middle;display: inline-block;}
.head .tel i{transition: .5s; }
.head .tel:hover span,.head .tel:hover i{color: #14a83a;}
.head .headright .Language{margin-left: 14px;transition: .5s; position: relative;margin-top: 8px; cursor:pointer}
.head .headright .Language span{font-size: 0.35rem; color: #fff;vertical-align: middle;display: inline-block;}
.head .headright .Language i{display: inline-block;color: #fff;font-size: 14px; padding-left: 10px;}
.head .tel .sdt,.head .tel .sdd {display: inline-block;vertical-align: middle;}
.head .tel .sdd {font-weight: bold;display: inline-block;vertical-align: top; font-size: 0.42rem; padding-left: 0.1rem;}

.in-box {position: absolute;left: 50%;transform: translateX(-50%);padding-top: 20px;pointer-events: none;opacity: 0;transition: all .3s;}
.head .headright .Language:hover .in-box {opacity: 1;pointer-events: auto; position: relative;}
.in-box .a-box {background: #fff; padding: 3%;}
.in-box .a-box a{ display: block;padding: 0 15px;margin: 0;line-height: 40px;color: #333;transition: all .3s;font-size: 14px;white-space: nowrap;}
.in-box .a-box a:hover{color: #fff; background: #14a83a;}
.topsouout{ padding:15px 0; background-color: rgba(51,51,51,0.8); position: absolute; display: none;	z-index: 8; width: 100%; right:0; top:100%; font-size: 16px;  height: 80px;}
.topsouout .topsou{ position: relative; width: 580px; padding-right: 110px; height:47px;  background-color: #fff; margin: 0 auto; overflow:hidden;}
.topsou .shuru{ width: 100%; height:100%; background-color:#fff; border:none; color:#666; text-indent:20px;}
.topsou .anniu{ position:absolute; top:0; right:0; z-index:2; width:110px; height:100%; border:none; cursor:pointer;
  background-color: #6fba2c; color: #fff; text-align: center; -webkit-transition: .3s; transition: .3s;}
.topsou .anniu:hover{ background-color: rgba(111,186,44,0.8);}
.nav{ position: absolute; left:0; top:0; z-index: 10; width: 100%; height: 100%; font-size: 0; text-align: center;}
.nav>li{ display: inline-block; height: 100%; position: relative; z-index: 1;}
.nav>li>a{ display: block; padding: 0 0.5rem; height: 100%; position: relative;  font-size: 18px; color: #fff; line-height: 80px;}
.nav>li>a:after{ left:50%; position: absolute; bottom: 0; content: " "; width:0; height: 2px; margin-left: 0; -webkit-transition: .3s; transition: .3s; background-color: #b1dc88;}
.nav>li:hover>a:after,.nav>li.on>a:after{ width: 64px; margin-left: -32px;}
.head.mini .nav>li>a{ line-height: 60px;}
@media screen and (max-width:1400px){
  .nav>li>a{ padding: 0 20px;}
}
@media screen and (max-width:1300px){
  .nav>li>a{ padding: 0 15px;}
}
@media screen and (max-width:1200px){
  .nav>li>a{ padding: 0 10px;}
}
@media screen and (max-width:1150px){
  .nav{ width: auto; left: 170px;}
}
dl.navtwo{ width: 140%; display: none; position: absolute; top: 76px; left:-20%; z-index: 1; padding-top: 15px;  -webkit-transition: top 0.3s; -moz-transition: top 0.3s; -ms-transition: top 0.3s;  -o-transition: top 0.3s; transition: top 0.3s;}
dl.navtwo.on{ top:90%;}
dl.navtwo .inner{ width: 100%; background-color: rgba(255,255,255,1); padding: 13px 0;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;  box-shadow: 0 0 7px 2px rgba(0,0,0,0.2);}
dl.navtwo:after{ position: absolute; left:50%; top: 0; margin-left: -11px; content: " "; width: 23px;   background: url('../images/sju1.png') center no-repeat; height: 15px; z-index: 1;}
dl.navtwo dd{ height: 36px; line-height: 36px; text-align: center;}
dl.navtwo dd>a{ display: block; height: 100%; font-size: 14px; color: #666; letter-spacing: 0; overflow: hidden; white-space: nowrap;}
dl.navtwo dd:hover>a{ color: #0f7bff; letter-spacing: 2px; background-color: #e1e1e1;}
dl.navtwo dd>a:after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0; display: none; border-bottom: 1px solid #da251d; -webkit-transition: .3s; transition: .3s;}
dl.navtwo dd>a:hover:after{ width: 100%; left:0; transition: width 0.3s; -webkit- transition: width 0.3s;}
/* 手机导航 */
.navsjout{ width: 100%; opacity: 0; overflow: auto; position: fixed; top:0; bottom: 0; left:-100%; z-index: 11;-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;-o-transition: 0.4s; transition: 0.4s; background-color: #333;}
.navsjout.on{ opacity: 1; left:0;}
.navsj{ width: 100%; -webkit-overflow-scrolling : touch; background-color: #333;position: absolute; top:0; left:0;}
.navsj>li{ position: relative;}
.navsj>li>a{ display: block; height: 80px; text-align: center; line-height: 80px; font-size: 18px; color: #fff; position: relative;}
.navsj>li>a:after{ content: ''; position: absolute; left: 30px; right:30px; bottom:0; z-index: 0;height: 1px; background-color: #666;}
.navsjtwo{ width: 100%; overflow: hidden; display: none; padding: 10px 0; background-color: #f1f1f1;}
.navsjtwo>li{ width: 100%; border-bottom: 1px solid #fff;}
.navsjtwo>li>a{ display: block; line-height: 70px; font-size: 16px; color: #432a23;position: relative; z-index: 1; background-color: #ada; text-align: center;background: url('../images/nav-jtr1.png') 80% center no-repeat;}
.navsj li i{ position: absolute; right: 13%; top:0; z-index: 1; width: 80px; height: 80px;display: block; cursor: pointer; background: url('../images/nav-jtd1.png') center no-repeat;}
.navsj li.on i{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.navsj,.navsj li i{ -moz-transition: 0.3s; -ms-transition: 0.3s;-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
#close { position: fixed; left: 0; top: 0; width: 100%;bottom: 0; z-index: 9; display: none; background-color: rgba(0,0,0,0.6); cursor: pointer;}
.navbtn{position: absolute; right:0; top:-3px; z-index: 20; width: 100px; height: 100%; display: none;-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;-o-transition: 0.4s; transition: 0.4s;}
.navbtn s{ position: absolute; left: 25%; display: block; width: 50%; height: 4%; background-color: #fff;-moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}
.navbtn>s:nth-child(1){top: 32%;}
.navbtn>s:nth-child(2){top: 48%; width: 40%; transform: rotate(0deg) scale(1,1);}
.navbtn>s:nth-child(3){top: 64%;}
.navbtn.on s:nth-child(1){ top:48%; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}
.navbtn.on s:nth-child(2) { transform: rotate(-180deg) scale(0,1);}
.navbtn.on s:nth-child(3) { top:48%; -webkit-transform: rotate(225deg); transform: rotate(225deg);}
@media screen and (min-width:1024px){
.navsjout{ display: none;}
}
@media screen and (max-width:1023px){
.nav{ display: none;}
.navbtn{ display: block;}
.navsjout{ display: block;}
.headright{ right: 100px;}
}
@media screen and (max-width:750px){
.navbtn{ width: 50px;}
.headright{ right: 70px;}
.headright a.topewm,.headright a.glass{display: none;}
}
@media screen and (max-width:1023px){
.special.head{ background-color: #fff; border-bottom-color: #e8e8e8;		box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);background-image: linear-gradient(to right, rgba(4, 193, 104, 1), rgba(4, 189, 236, 1));}
.headright a{line-height: 21px;}
}
@media screen and (max-width:640px){
.head,.headshadow{ height: 60px;}
.head .logo{ line-height: 60px;}
.headright{ top:10px;}
.nav>li>a{ line-height: 60px;}
.navsjout{ top:60px;}
}
@media screen and (max-width:540px){
.head .logo{ left:20px;}
}
/*banner*/
.banner {position: relative; }
.index-banner-swiper {position: relative;background: #000;z-index:1;}
.banner-slide {}
.banner-slide .txt{position: absolute;width: 80%;left: 50%; margin-left: -40%; top: 40%;z-index: 33; line-height: 80px; text-align: center;}
.banner-slide .txt .banner_zi{margin-bottom: 50px;}
.banner-slide .txt h2{font-size: 70px;color: #fff;padding:10px 0 25px 0;margin:0;line-height:70px;font-weight: bold;}
.banner-slide .txt h3{font-size: 30px;color: #fff;padding:25px 0;margin:0;font-weight: normal;line-height: 30px;}
.banner-slide .txt.center {text-align: center;width:100%;left:0;top:20%;margin: 0;}
.banner-slide .txt.center .line{margin: 10px auto;}
.banner-slide .txt.right {left: auto;right: 5%;}
.banner-slide .txt.none {display: none;}
.banner-slide .img {text-align: center;}
.banner-slide .txt .img {text-align: left;}
.banner-slide .txt .banner_zi {transform:translateY(200px);opacity:0;transition:all 0.3s;}
.banner-slide .txt h4 {transform:translateY(200px);opacity:0;transition:all 0.6s;}
.banner-slide .txt h2 {transform:translateY(200px);opacity:0;transition:all 0.6s;}
.banner-slide .txt h3 {transform:translateY(200px);opacity:0;transition:all 0.9s;}
.index-banner-swiper .swiper-slide-active .txt h2,.index-banner-swiper .swiper-slide-active .txt h3,.index-banner-swiper .swiper-slide-active .txt .banner_zi{transform:translateY(0px);opacity:1;}
.swiper-banner-pagination {bottom: 55px;width: 100%; display: block;z-index: 90;}
.swiper-banner-pagination .swiper-pagination-bullet {width:60px;height:10px;margin:0 0 0 10px;border-radius: 0;opacity:1;background: none; position: relative;z-index: 11;outline: none;}
.swiper-banner-pagination .swiper-pagination-bullet::before {content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0;top:5px;background: #fff;opacity: 0.3;}
.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity: 1;}
.swiper-banner-pagination .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top:5px;width:0;height: 2px;background: #2fcb00;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;z-index: 10;}
.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: w100 4000ms 1;animation: w100 4000ms 1;}
.product-swiper > .swiper-slide{transition: all .5s ease}
.product-swiper > .swiper-slide{
  position: absolute;
  left:0;
  top:0;
}
.product-swiper > .swiper-slide:first-child{
  position: relative;
}
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}
.banner .sw-prev:hover,.banner .sw-next:hover {background-color: #2fcb00;-webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.5);box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.5);}
section > .pub_black, .pub_black {padding-top: 1.45rem;padding-bottom: 1.35rem;background-size: cover;background-position: center;background-repeat: no-repeat;}

@media screen and (max-width:1440px){
  .banner-slide .txt .banner_zi img{width: 60%;}
  .banner-slide .txt h2{line-height: 40px;}
}

@media screen and (max-width:1280px){
  .banner-slide .txt h2{font-size: 61px;}
}
@media screen and (max-width:790px){
  .index-banner-swiper{margin-top: 58px;}
  .banner-slide .txt .banner_zi{margin-bottom: 0;}
  .banner-slide .txt{top: 15%; line-height: 0;}
  .banner-slide .txt h2 { font-size: 19px; padding-bottom: 0;}
  .banner-slide .txt h3{padding: 0; font-size: 16px;}
}
/**首页about**/
.sy-about .dw-arrow-icon img {width: .48rem;height: auto;margin-bottom: .34rem;/*! transform: translateX(-50%); *//*! -webkit-transform: translateX(-50%); *//*! -moz-transform: translateX(-50%); */-ms-transform: translateX(-50%);
animation: mymove0 1.2s infinite;-webkit-animation: mymove0 1.2s infinite;}
.sy-about .pub_title h3 {color: #969696;font-weight: bold;font-size: 59px;}
@keyframes mymove0 {
from {bottom: 15px;
}
to {bottom: 10px;}
}
.sy-about .pub_title{text-align: center;}
.sy-about .pub_title .pub_title_en {margin-bottom: .23rem;margin-top: .23rem; color: #969696; font-weight: 200;}
.sy-about .digi {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 3% 12%;}
.sy-about .digi .box {;margin-top:0.35rem;position: relative;}
.sy-about .digi .box .counter {font-size: 80px;font-family: "Axis";color: #221815;margin-right: 20px;letter-spacing: -5px;}
.sy-about .digi .box span.jb {background-color: #939393;border-radius: 50%;position: absolute;width: 20px;height: 20px;top: 10%;font-size: 12px;color: #fff;line-height: 20px; text-align: center;}
.sy-about .digi .box .jieshao {font-size: 16px;color: #666;margin-top: -8px;}
.pub_info {text-align: center;padding-top: .45rem;color: #221815;line-height: 31px;}

@media screen and (max-width:1440px){
  section > .pub_black, .pub_black{padding-top: 1rem;}
}
@media screen and (max-width:790px){
  .sy-about .pub_title h3{font-size: 40px;}
  .sy-about .digi{margin: 3% 5%;}
  .sy-about .digi .box{width: 48%;padding-left: 3%;}
  .sy-about .digi .box .counter{font-size: 41px;}
}
/**首页产品轮播**/
.sy-pdslider {position: relative;}
.sy-pdslider .pd_box {position: relative;}
.sy-pdslider .pd_box .swiper-slide .slidebox {display: block;position: relative;}
.sy-pdslider .pd_box .swiper-slide .slidebox .pub_img_box::before {margin-top: 44.83%;}
.sy-pdslider .pd_box .swiper-slide .slidebox .ys_text_box {position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);color: #fff;/* display: none; */}
.sy-pdslider .pd_box .swiper-slide .slidebox .ys_text_box .ys_n {font-weight: 800;line-height: 80px;}
.sy-pdslider .pd_box .swiper-slide .slidebox .ys_text_box .ys_info {line-height: 2;width: 565px;max-width: 100%;margin-top: 10px;}
.sy-pdslider .pd_box .swiper-slide .slidebox .ys_text_box .ys_info span {font-size: 25px;}
.sy-pdslider .pd_box .swiper-slide .slidebox .ys_text_box .ys_info .sub {margin-top: .12rem;font-weight: lighter;font-size: 17px;min-height: 68px;}
.sy-pdslider .pd_box .swiper-slide .slidebox .ys_text_box .ys_info .more {background: #fff;color: #333;display: block;border-radius: 35px;text-align: center;line-height: .38rem;padding: .1rem .54rem;margin-top: .34rem;
width: fit-content;font-size: 15px;-webkit-animation: moveAndBack 1s ease-in-out;-webkit-animation-duration: 0;}
.sy-pdslider .pd_box .swiper-slide .slidebox .ys_text_box .ys_info:hover .more {-webkit-animation: INDENT 2s 1; /* Safari 4+ */-moz-animation: INDENT 2s 1; /* Fx 5+ */-o-animation: INDENT 2s 1; /* Opera 12+ */
animation: INDENT 2s 1; /* IE 10+ */}
@-webkit-keyframes INDENT {
    0% {text-indent: 0;}
    25% {text-indent: 7px;}
    75% {text-indent: 7px;}
    100% {text-indent: 0;}
}
@-moz-keyframes INDENT {
    0% {text-indent: 0;}
    25% {text-indent: 7px;}
    75% {text-indent: 7px;}
    100% {text-indent: 0;}
}
@-o-keyframes INDENT {
    0% {text-indent: 0;}
    25% {text-indent: 7px;}
    75% {text-indent: 7px;}
    100% {text-indent: 0;}
}
@keyframes INDENT {
    0% {text-indent: 0;}
    25% {text-indent: 7px;}
    75% {text-indent: 7px;}
    100% {text-indent: 0;}
}
.sy-pdslider .pd_box .swiper-slide.active {pointer-events: all;}
.sy-pdslider .pd_box .swiper-slide.active .slidebox .ys_text_box {display: block;}
.pub_img_box .img_box {background-size: cover;}
.sy-pdslider .pub_img_box .img_box {background-size: contain;}
.sy-pdslider .ys_nav_case {left: 50%;transform: translateX(-50%);bottom: 13.4%;position: absolute;z-index: 3;}
.sy-pdslider .ys_nav_box {display: flex;background-color: #000;pointer-events: auto;}
.sy-pdslider .ys_nav_box > a {width:25%;text-align: center;position: relative;overflow: hidden;cursor: pointer;display: block;}
.sy-pdslider .ys_nav_box > a.hover{width:36%}
.sy-pdslider .ys_nav_box > a .ys_n_d {display: flex;flex-direction: column;justify-content: center;text-align: center;padding: .2rem .1rem;transition: all 0.5s ease;}
.sy-pdslider .ys_nav_box > a.hover > .ys_n_d{display: none;}
.sy-pdslider .ys_nav_box > a .ys_n_d::before {content: '';display: block;width: 1px;height: .25rem;background-color: #fff;position: absolute;left: 0;top: 50%;margin-top: -0.09rem;transition: opacity .5s ease;}
.sy-pdslider .ys_nav_box > a .ys_n_d .ys_num {color: #fff;line-height: 1;transition: color .5s ease;}
.sy-pdslider .ys_nav_box > a .ys_n_d .ys_ms {margin: .18rem 0;color: #fff;line-height: 1;transition: color .5s ease;}
.sy-pdslider .ys_nav_box > a .ys_n_d span {display: block;margin: 0 auto;border-radius: 50%;width: .09rem;height: .09rem;opacity: 1;background-color: #fff;transition: background-color 0.5s ease;}
.sy-pdslider .ys_nav_box > a:nth-child(1) .ys_n_d::before {display: none;}
.sy-pdslider .ys_nav_box > a .ys_n_h{display: none;}
.sy-pdslider .ys_nav_box > a.hover .ys_n_h {display: flex;align-items: center;background-image: linear-gradient(to right, rgba(4, 193, 104, 1), rgba(4, 189, 236, 1));position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: all .5s ease;color: #fff;}
.sy-pdslider .ys_nav_box > a .ys_n_h .ys_l {white-space:nowrap;padding: 0 0 0 .3rem;text-align: center;line-height: 1;position: relative;font-family: fifa;}
.sy-pdslider .ys_nav_box > a .ys_n_h .ys_l span {color: rgb(255, 255, 255, 0.5);text-transform: uppercase;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 40%;text-align: center;font-family: fifa;}
.sy-pdslider .ys_nav_box > a .ys_n_h .ys_l::before {content: '';display: block;height: .6rem;width: 1px;right: -10%;top: 50%;margin-top: -0.3rem;background-color: rgb(255, 255, 255, 0.9);opacity: .5;position: absolute;}
.sy-pdslider .ys_nav_box > a .ys_n_h .ys_r {flex-grow:1;padding: .3rem .2rem .3rem .5rem;line-height: 1;text-align: left;}
.sy-pdslider .ys_nav_box > a .ys_n_h .ys_r .ys_ms {font-weight: 400;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sy-pdslider .ys_nav_box > a .ys_n_h .ys_r .ys_so {margin-top: .1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-style: italic;text-transform: uppercase;}
.sy-pdslider .ind_src2_title {padding-top: 1.45rem;top: 0;left: 50%;transform: translateX(-50%);position: absolute;z-index: 3;}
.sy-pdslider .ind_src2_title .pub_title_en {color: rgba(255, 255, 255, 0.3);}
.pd_box .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .pd_box .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top: 22%;left: 14.666%;
height: 100px;margin: 0;}
.pd_box .swiper-pagination-bullet {width: 12px;height: 12px;display: inline-block;border-radius: 50%;background: #fff;opacity: 1;}
.pd_box .swiper-pagination-bullet-active {height: 28px;opacity: 1;border-radius: 5px;background: #fff;}
.pd_box .banner-nav {position: absolute;right: 13%;top: 58%;display: flex;align-items: center;z-index: 99999;pointer-events: auto;}
.pd_box .banner-nav > span {height: .3rem;opacity: .8;background-color: #fff;width: 1px;margin: 0 .28rem;position: relative;z-index: 2;}

@media screen and (max-width:790px){
.pd_box .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .pd_box .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynami {top: 18%;}
.sy-pdslider .pd_box .swiper-slide .slidebox .ys_text_box {top: 45%;}
.pd_box .banner-nav {top: 68%;}
.sy-pdslider .ys_nav_box {flex-wrap: wrap;}
.ind_src1_case .ind_abo_com .slidebox {width: 34%;}
.sy-pdslider .pub_img_box .img_box {background-size: cover;}
.sy-pdslider .pd_box .swiper-slide .slidebox .pub_img_box::before {margin-top: 65vh;}
.sy-pdslider .ys_nav_box {flex-wrap: wrap;}
.sy-pdslider .ys_nav_box > a {width: 50%;}
.sy-pdslider .ys_nav_box > a.hover {width: 50%!important;}
.sy-pdslider .ys_nav_box > a .ys_n_d {flex-direction: row;padding: 0 .1rem;justify-content: center;align-items: center;}
.sy-pdslider .ys_nav_box > a .ys_n_d span {display: none;}
.sy-pdslider .ys_nav_box > a.on {background-color: #197646;}
.sy-pdslider .ys_nav_box > a.on .ys_n_d .ys_ms {color: #fff;}
.sy-pdslider .ys_nav_case {bottom: .23rem;}
.sy-pdslider .ys_nav_box > a .ys_n_h .ys_l {width: 100%;}
.sy-pdslider .ys_nav_box > a .ys_n_h {display: none;}
.sy-pdslider .ys_nav_box > a .ys_n_d .ys_num {display: flex;align-items: center;margin-right: .1rem;}
.sy-pdslider .ind_src2_title {padding-top: .6rem;}
.sy-pdslider .pd_box .swiper-slide a .ys_text_box {top: 25%;}
.sy-pdslider .swiper-pagination {bottom: 30%;}

}

/*科研实力*/
.sy-yfsl{width: 100%; background: #f1f1f1;}
.sy-yfsl .pub_title {display: flex;justify-content: space-between;width: 100%;text-align: left;}
.sy-yfsl .pub_title h3 {margin-bottom: .05rem;color: #242424;line-height: 100px;}
.sy-yfsl .pub_title .pub_title_en {margin-top: 0;font-family: Arial;font-size: 32px;}
.sy-yfsl .pub_title .right {text-align: right;line-height: 43px;font-size: 20px;color: #313131;}
.sy-yfsl .pub_title .right span {font-size: 40px;}
.slbox, .flbox {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.slbox .box {width: calc((100% - 1.2rem) / 3);margin-right: .4rem;margin-top: .4rem;}
.slbox .box:nth-child(3n) {margin-right: 0;}
.box .imgcon {width: 100%;display: block;position: relative;overflow: hidden;}
.box .imgcon img {width: 100%;transition: all ease 0.6s;-webkit-transition: all ease 0.6s;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;}
.box:hover .imgcon img {transform: scale(1.1);-webkit-transform: scale(1.1);}
.slbox .box .imgcon {width: 100%;display: block;position: relative;overflow: hidden;}
.slbox .box .imgcon img {width: 100%;transition: all ease 0.6s;-webkit-transition: all ease 0.6s;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;}
/*.slbox .box:hover .imgcon img {transform: scale(1.1);-webkit-transform: scale(1.1);}*/
.slbox .leftbox .imgcon {width: 100%;display: block;position: relative;overflow: hidden;}
.slbox .leftbox .imgcon img {width: 100%;transition: all ease 0.6s;-webkit-transition: all ease 0.6s;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;}
/*.slbox:hover .imgcon img {transform: scale(1.1);-webkit-transform: scale(1.1);}*/
.slbox .box .txtcon {width: 100%;text-align: left;}
.sy-yfsl .slbox .box .txtcon {background-color: #d0d1d1;min-height: 1.58rem;padding: .16rem .18rem;line-height: 0.38rem;color: #333;font-weight: 400;font-size: 14px;}
.sy-yfsl .slbox .box:nth-child(1) .txtcon {padding: .16rem .48rem;line-height: 0.48rem;}
.sy-yfsl .slbox .box:nth-child(2) .txtcon ol {padding-top: .34rem;}
.sy-yfsl .slbox .box:nth-child(3) .txtcon {line-height: 0.32rem;}
.sy-yfsl .slbox .box .tt {width: 100%;height: 0.9rem;align-items: center;justify-content: center;display: flex;background-color: rgb(36, 36, 36);color: #fff;font-weight: 400; font-weight: bold;}
.sy-yfsl .slbox .box .tt img {width: .4rem;margin-right: .18rem;}
.sy-yfsl .slbox .box .txtcon li {font-size: 16px;padding: 15px 20px; min-height: 110px;}
.sy-yfsl .slbox .box:nth-child(1) .txtcon ul, .sy-yfsl .slbox .box:nth-child(2) .txtcon {display: flex;justify-content: space-between;align-items: bottom;}
.sy-yfsl .slbox .box:nth-child(2) .txtcon {padding: .16rem .5rem;;}

@media screen and (max-width:1280px){
  .sy-yfsl .slbox .box:nth-child(1) .txtcon{padding: 0.16rem 0.4rem;}
  .sy-yfsl .slbox .box .txtcon li{padding: 0;min-height: 145px;}
}
@media screen and (max-width:790px){
  section > .pub_black, .pub_black{ padding-top: 15px;}
  .sy-yfsl .pub_title{display: block;}
  .sy-yfsl .pub_title h3{line-height: 57px;}
  .sy-yfsl .pub_title .right{text-align: left;font-size: 14px;line-height: 25px; margin-top: 4px; width: 100%;}
  .ani.finu, .ani.tfinu{display: block;}
  .slbox .box{width: 100%;}
  .sy-yfsl .slbox .box .txtcon li{line-height: 28px;font-size: 15px;}
  .sy-yfsl .pub_title .pub_title_en{font-size: 26px;}
}
/*news*/
.sy-news{width:100%; margin:0 auto; position: relative; background: url('../images/partner-bg.jpg') no-repeat center top;background-attachment: fixed; background-size: cover;}
.sy-news .pub_title {display: flex;justify-content: space-between;width: 100%;text-align: left;}
.sy-news .pub_title h3 {margin-bottom: .05rem;color: #fff;line-height: 80px;}
.sy-news .pub_title .pub_title_en {margin-top: 0;font-family: Arial;font-size: 32px;color: #fff;text-transform: uppercase;}
.sy-news .pub_title .right {text-align: right;line-height: 43px;font-size: 20px;color: #fff;}
.sy-news .pub_title .right span {font-size: 40px;}
.index_4_1{width: 80%; margin:3% auto 0 auto;}
.index_4_1 ul li{ float:left; width:32.48366013071895%; margin-right:1.27450980392157%;background: #fff;font-size: 16px; }
.index_4_1 ul li:nth-child(3n){margin-right:0}
.index_4_1_mid_1{overflow:hidden; position:relative;}
.index_4_1_mid_1 img{width:100%;}
.index_4_1_mid_2{margin:0 5%; margin-top:2.125em; }
.index_4_1_mid_2_1{color:#05c16a;font-family:Calibri;}
.index_4_1_mid_2_2{font-size:1.5em; color:#000; margin-top:.75em; margin-bottom:.75em;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.index_4_1_mid_2_3{color:#666;display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2;   overflow: hidden;word-wrap:break-word;word-break:break-all; line-height:1.9;}
.index_4_2{text-align:center; margin:4.375em 0;}
.index_4_1_mid{overflow:hidden; position:relative;padding-bottom: 20px;}
.index_4_1_mid:after{ height:1.70807453416149%; left:50%; background-position:center top; background-repeat:no-repeat; background-size:cover;content:''; position:absolute; bottom:-1.70807453416149%; width:84.50704225352113%;transform:translateX(-50%); background-image: linear-gradient(to right, rgba(4, 193, 104, 1), rgba(4, 189, 236, 1));border-radius:20px 20px 0 0;  }
.index_4_1 ul li:hover .index_4_1_mid:after{bottom:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px; font-family:Arial, Helvetica, sans-serif;height:100%;justify-content:center;left:0;letter-spacing:0;line-height:1;position:absolute;top:0;width:100%;z-index:2}
.a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s}
.a-image-hover span:first-child{transition-delay:.03s}
.a-image-hover span:nth-child(2){transition-delay:.06s}
.a-image-hover span:nth-child(3){transition-delay:.09s}
.a-image-hover span:nth-child(4){transition-delay:.12s}
.index_4_1 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)}
.index_4_1 ul li:hover .a-image-hover span:first-child{transition-delay:.12s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(3){transition-delay:.04s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(4){transition-delay:.03s}
.index_4_1_mid_1:after{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0; z-index:1;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%}
.index_4_1 ul li:hover .index_4_1_mid_1:after{opacity:1;}
.index_4{overflow:hidden; background: #f7f9fb; padding-top: 4%;}

@media screen and (max-width:1280px){
  .index_4_1{width: 90%;}
}

@media screen and (max-width:790px){
  .index_4_1{width: 95%;}
  .sy-news .pub_title{display: block;}
  .sy-news .pub_title h3{line-height: 57px;}
  .sy-news .pub_title .right{text-align: left;font-size: 14px;line-height: 25px; margin-top: 4px; width: 100%;}
  .index_4_1 ul li{width: 100%;}
}


/*footer*/
footer {position: relative;opacity: 1;bottom: 0;width: 100%;transition: opacity 0.5s ease-in-out;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;-ms-transition: opacity 0.5s ease-in-out;left: 0;z-index: 2;background-position: center;background-repeat: no-repeat;background-size: cover;background-color: #242424;}
footer .fMain {display: flex;justify-content: space-between;align-items: flex-start;padding-top: 3.385vw;padding-bottom: 3.906vw;}
footer .fMain .col {display: flex;align-items: flex-start;justify-content: space-between;line-height: 1;}
footer .fMain .col:nth-child(1) {width: 50%;height: 370px;}
footer .fMain .col:nth-child(1) .box {width: 25%;}
footer .fMain .col:nth-child(2) { border-left: 1px solid rgba(255, 255, 255, 0.1);padding-left:10%; }
footer .fMain .col .box > h3 {font-weight: 400;color: #fff;margin-bottom: 48px;}
footer .fMain .col .box .foot_con {line-height: 2;color: rgba(255, 255, 255, 0.8);margin-bottom: .3rem;}
footer .fMain .col .box > a {color: rgba(255, 255, 255, 0.8);padding: 10px 0;display: block;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
footer .fMain .col .box .hotline {display: flex;justify-content: start;}
footer .fMain .col .box .hotline a {color: #fff;font-size: 35px;font-weight: bold;line-height: 35px;font-family: Arial;}
footer .fMain .col .box .hotline .ph-txt {font-size: 15px;line-height: 35px;}
footer .fMain .col .box .hotline img {width: 0.44rem;height: 0.44rem;margin-right: 0.2rem;}
footer .fMain .col .box .share_box {display: flex;justify-content: start;color: #fff;}
footer .fMain .col .box .share_box .iconfont {width: .44rem;height: .44rem;line-height: .44rem;text-align: center;color: #fff;background-color: rgba(255, 255, 255, 0.2);border-radius: 50%;cursor: pointer;position: relative;margin-right: .2rem;margin-bottom: .2rem;}
footer .fMain .col .box .share_box img {margin: 9px 0;}
footer .fMain .col .box .share_box h3 {font-size: 18px; margin-bottom: 15px;}
footer .fMain .col .box .share_box p {font-size: 15px;font-weight: lighter;line-height: 26px;}
footer .fBtm {border-top: 1px solid rgba(255, 255, 255, 0.1);}
footer .fBtm .w-container {display: flex;align-items: center;justify-content: space-between;height: 80px;}
footer .fBtm .w-container > .copy_r {color: #ffffff;}
footer .fBtm .w-container > .copy_r a {font-size: inherit;color: inherit;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
footer .fBtm .w-container .f-msg > span {color: #ffffff;}

@media screen and (max-width:790px){
  footer .fMain{display: block;}
  footer .fMain .col:nth-child(1){display: none;}
  footer .fMain .col:nth-child(2){border-left:none; padding: 5% 0;}
}
/* ===================== 内页 Banner 图 ===================== */
.inbanner {width: 100%;height: 800px;position: relative;overflow: hidden;background-image: linear-gradient(to right, rgba(4, 193, 104, 1), rgba(4, 189, 236, 1));}
.inbanner > img {position: absolute;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;z-index: 1; opacity: 0.4;}
.inbanner .cer {position: relative;height: 100%;}
@media screen and (max-width:1440px){
  .inbanner {height: 600px;}
}

@media screen and (max-width: 1280px) {
.inbanner {height: 400px;}
}
@media screen and (max-width: 750px) {
.inbanner {height: 200px;}
}
.inbanner2 {  width: 100%;  height: 380px;  position: relative;  overflow: hidden;}
.inbanner2 > img {  position: relative;  width: 100%;  height: 100%;-o-object-fit: cover;object-fit: cover;z-index: 0;}
.cate1 {text-align: center;position: relative;padding-bottom: 36px;}
.cate1:after {content: '';position: absolute;left: 50%;bottom: 0;z-index: 0;width: 50px;height: 1px;margin-left: -25px;background-color: #fff;}
.cate1 .en {font-size: 24px;color: #e6462e;line-height: 24px;font-family: arial;text-transform: uppercase;font-weight: bold;letter-spacing: 3px;}
.cate1 .cn {font-size: 18px;color: #fff;line-height: 30px;margin-top: 8px;width: 100%;position: relative;overflow: hidden;height: 30px;}
.cate1 .cn:before {content: '';position: absolute;left: 0;top: 50%;z-index: 0;width: 50%;height: 1px;background-color: rgba(255, 255, 255, 0.1);margin-left: -74px;}
.cate1 .cn:after {content: '';position: absolute;right: 0;top: 50%;z-index: 0;width: 50%;height: 1px;background-color: rgba(255, 255, 255, 0.1);margin-right: -74px;}
/*banner标题*/
.ibcate {  position: absolute;  width: 100%;  left: 0;  bottom: 50%;  z-index: 1;color: #fff;text-align: center;overflow: hidden;margin-bottom: -90px;}
.ibcate .cn {font-size: 54px;line-height: 56px;font-weight: bold;letter-spacing: 2px;text-indent: 2px;}
.ibcate .en {font-size: 36px;line-height: 70px;font-weight: bold;font-family: 'helvetica';text-transform: uppercase;word-break: normal;}
.ibcate .hx {width: 40px;height: 3px;background-color: #fff;margin: 10px auto;}
.mouse {width: 50px;height: 50px;margin-top: 123px;margin-left: -25px;position: absolute;left: 50%;top: 50%;z-index: 2;/*font-size: 16px; line-height: 28px; color: #fff; text-align: center;*/background: url('../images/jtd-ib.png') center 0 no-repeat;transition: .5s;}
.inbanner a .mouse{transition: .5s;}
@media screen and (max-width: 750px) {
.ibcate {display: none;}
.ibcate .en {font-size: 32px;line-height: 60px;}
.ibcate .hx {margin: 0 auto;}
}
.ibbg {-webkit-animation: pagebgfd 6s linear infinite alternate;animation: pagebgfd 6s linear infinite alternate;}
@-webkit-keyframes pagebgfd {
0% {opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
100% {opacity: 1;-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
}
@keyframes pagebgfd {
0% {opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
100% {opacity: 1;-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
}
/* 面包屑*/
.baninfo {height: 70px;position: relative;z-index: 2;background-color: #f1f1f1;}
.tree {height: 100%;font-size: 14px;line-height: 70px;color: #666;padding-left: 30px;background: url('../images/point1.png') 0 no-repeat; width: 85%; margin: 0 auto;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.tree a {height: 100%;color: #666;vertical-align: middle;}
.tree a:hover {color: #2778be;}
/*公司简介内页*/
.se_about{width: 85%; margin: 0 auto; padding: 4% 0;}
.se_about h2{font-size: 42px;height: 50px; position: relative; z-index: 2; font-weight: 400; color: #05c16a; margin: 5% 0;}
.se_about h2:before{content: "since 2018"; font-size: 120px; color: #f2f2f2; display: block;text-transform: uppercase; position: absolute;z-index: -1; top: -80px;font-weight: bold;}
.se_about h3{ font-size: 36px; line-height: 80px; font-weight: 400;}
.se_about_box{width: 85%; margin: 0 auto;}
.se_about_cont{font-size: 23px; line-height: 45px;}
.se_about_cont p{text-indent:2em;}
.se_about_cont img{margin-top: 4%;display: block; text-align:center; margin:0 auto;}
.abthree {  padding: 4% 0 ;  background: #ffffff url('../images/ab3bg.jpg') bottom no-repeat;}
.abcate3 {  text-align: center;}
.abcate3 .en {  font-size: 42px;  color: #255ba9;line-height: 50px;font-family: 'helvetica';font-weight: bold;}
.abcate3 .en span {display: inline-block;background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#40a4b3));background-image: linear-gradient(to right, #255ba9, #40a4b3);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;word-break: normal;}
.abcate3 .cn {font-size: 32px;color: #333;line-height: 42px;font-weight: bold;margin-top: 10px;}
.abthree .intro {font-size: 16px;color: #555;line-height: 34px;text-align: center;margin: 40px auto 90px;max-width: 1200px;}
.xinnian {width: 1100px;height: 500px;margin: 0 auto;position: relative;}
.xn2 {position: absolute;width: 404px;height: 404px;z-index: 0;top: 50%;margin-top: -202px;left: 50%;margin-left: -202px;background: url('../images/net1.png') center no-repeat;background-size: 100% 100%;
-webkit-animation: rotate360 20s linear 0s infinite;    animation: rotate360 20s linear 0s infinite;}
.xn3 {position: absolute;width: 200px;height: 200px;z-index: 1;top: 50%;margin-top: -100px;left: 50%;margin-left: -100px;background-image: -webkit-gradient(linear, left top, right top, from(#92d050), to(#41a5b3));background-image: linear-gradient(to right, #92d050, #41a5b3);border-radius: 50%;}
.xn4 {position: absolute;width: 150px;height: 68px;z-index: 2;top: 50%;margin-top: -34px;left: 50%;margin-left: -75px;font-size: 24px;color: #fff;line-height: 34px;text-align: center;}
.xinnian .info {position: absolute;z-index: 4;font-size: 0;color: #fff;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;}
.xinnian .info:before {content: '';position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;}
.xinnian .info:hover:before {-webkit-animation: rotate-360 6s linear 0s infinite;    animation: rotate-360 6s linear 0s infinite;}
.xinnian .info span {font-size: 18px;line-height: 22px;position: relative;z-index: 2;display: block;margin: auto;}
.xinnian .info.i4 span,.xinnian .info.i6 span {font-size: 16px;}
.xinnian .info.i1,.xinnian .info.i2,.xinnian .info.i4,.xinnian .info.i5 {width: 106px;height: 106px;}
.xinnian .info.i6 {width: 132px;height: 132px;}
.xinnian .info.i3 {width: 128px;height: 128px;}
.xinnian .info.i1:before {background-image: url('../images/cake1.png');}
.xinnian .info.i2:before {background-image: url('../images/cake1.png');}
.xinnian .info.i4:before {background-image: url('../images/cake1.png');}
.xinnian .info.i5:before {background-image: url('../images/cake1.png');}
.xinnian .info.i6:before {background-image: url('../images/cake2.png');}
.xinnian .info.i3:before {background-image: url('../images/cake3.png');}
.xinnian .info.i1 {right: 50%;bottom: 50%;margin-right: 260px;margin-bottom: 104px;}
.xinnian .info.i2 {left: 50%;bottom: 50%;margin-left: 260px;margin-bottom: 104px;}
.xinnian .info.i3 {right: 50%;top: 50%;margin-right: 300px;margin-top: -64px;}
.xinnian .info.i4 {left: 50%;top: 50%;margin-left: 320px;margin-top: -53px;}
.xinnian .info.i5 {right: 50%;top: 50%;margin-right: 260px;margin-top: 100px;}
.xinnian .info.i6 {left: 50%;top: 50%;margin-left: 247px;margin-top: 87px;}
@media screen and (max-width: 1200px) {
.xinnian {width: 100%;}
}
@media screen and (max-width: 900px) {
  .se_about_box{width: 90%;}
  .se_about h2{font-size: 25px;}
  .se_about h2:before{top: 0;font-size: 55px;}
  .se_about h3{font-size: 20px;line-height: 40px;}
  .se_about_cont p{font-size: 16px; line-height: 31px;text-align: justify}
.abthree {padding: 100px 0 130px;}
.abthree .intro {margin: 40px auto 50px;}
.xinnian .info.i1 {margin-right: 160px;}
.xinnian .info.i2 {margin-left: 160px;}
.xinnian .info.i3 {margin-right: 200px;}
.xinnian .info.i4 {margin-left: 220px;}
.xinnian .info.i5 {margin-right: 160px;}
.xinnian .info.i6 {margin-left: 147px;}
}
@media screen and (max-width: 750px) {
.abcate3 .en {font-size: 36px;}
.abcate3 .cn {font-size: 26px;}
}
@media screen and (max-width: 690px) {
.abthree {padding: 10px 0 100px;}
.xn2 {width: 300px;height: 300px;margin-top: -150px;margin-left: -150px;}
.xinnian .info.i1 {margin-right: 100px;}
.xinnian .info.i2 {margin-left: 100px;}
.xinnian .info.i3 {margin-right: 140px;}
.xinnian .info.i4 {margin-left: 160px;}
.xinnian .info.i5 {margin-right: 100px;}
.xinnian .info.i6 {margin-left: 87px;}
}
@media screen and (max-width: 560px) {
.xn3 {width: 150px;height: 150px;margin-top: -75px;margin-left: -75px;}
.xn4 {font-size: 20px;width: 130px;margin-left: -65px;}
.xinnian .info.i1 {margin-right: 60px;}
.xinnian .info.i2 {margin-left: 60px;}
.xinnian .info.i3 {margin-right: 100px;}
.xinnian .info.i4 {margin-left: 120px;}
.xinnian .info.i5 {margin-right: 60px;}
.xinnian .info.i6 {margin-left: 27px;}
}
/*产品详情页*/
.container{width: 80%; margin: 4% auto; max-width: 1200px;}
.container .info-intro{text-align: center; background: #666;width: 50%; margin: 4% auto 0 auto; color: #fff;}
.container .info-intro h2{font-size: 26px; font-weight: 500; padding: 10px 0;}
.info-pic img{display: block; margin: 0 auto; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;max-width: 650px;}
.info_cont{margin: 5% auto; max-width: 1100px;}
/*内页联系我们*/
.contact-uss {padding: 97px 10% 90px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.solute-title strong {display: block;margin-bottom: 22px;line-height: 1;color: #e03a3a;font-weight: normal;font-size: 38px;}
.solute-title small {display: block;line-height: 1;color: #999999;font-size: 28px;font-weight: lighter;text-transform: uppercase;}
.complaint-info {margin-top: 80px;margin-bottom: 155px;}
.complaint-info p {color: #333333;font-size: 16px;}
.add-list {width: 42.578%;}
.add-list p {position: relative;height: 74px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;
padding-left: 10px;border-bottom: 1px solid #eeeeee;color: #333333;font-size: 16px;}
.add-list p:before {position: absolute;left: 0;bottom: -1px;content: "";width: 54px;height: 1px;background: #e03a3a;}
.tels b {display: block;line-height: 1;color: #e03a3a;font-weight: normal;}
.tels p{ line-height: 45px;}
/*内页产品展示*/
.rongyumain {    padding: 100px 0 90px;  }
  .rongyumain h2.btitle {    font-size: 36px;    color: #333;    line-height: 54px;    font-weight: bold;    text-align: center;    height: 54px;    overflow: hidden;  }
  .rongyumain .intro {    margin: 20px auto 0;
    font-size: 16px;
    color: #555;
    line-height: 32px;
    max-width: 1200px;
    text-align: center;
  }
  .rylist {
    overflow: hidden;
    padding: 0 0 50px;
    max-width: 1500px;
    margin: 60px auto 0;
  }
  .rylist li {
    float: left;
    width: 33.33%;
    margin-bottom: 50px;
  }
  .rylist li .lin {
    padding: 0 30px;
  }
  .rylist li a {
    display: block;
    position: relative;
    border: 1px solid #e7e7e7;
  }
  .rylist li .pic {width: 100%;overflow: hidden;position: relative;font-size: 0;text-align: center;}
  .rylist li img {max-width: 100%;max-height: 95%;}
  .rylist li h3 {padding: 0 30px;position: relative;overflow: hidden;}
  .rylist li h3 span {position: relative;text-align: center;z-index: 3;display: block;height: 40px;overflow: hidden;font-size: 16px;color: #333;line-height: 40px;white-space: nowrap;padding: 15px 30px 15px 0;
  background: url('../images/glass2.png') right no-repeat;border-top: 1px solid #ebebeb;}
  .rylist li h3 em {position: relative;text-align: center;z-index: 3;display: block;height: 40px;overflow: hidden;font-size: 16px;color: #333;line-height: 25px;padding: 15px 0 15px 0;
    border-top: 1px solid #ebebeb;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
  .rylist li h3:before {content: '';position: absolute;left: 100%;bottom: 0;z-index: 0;width: 0;height: 100%;background-image: -webkit-gradient(linear, left top, right top, from(#05c16a), to(#04bdeb));background-image: linear-gradient(to right, #05c16a, #04bdeb);
  }
  .rylist li h3 span,.rylist li h3 em,.rylist li h3:before {  -webkit-transition: .5s;  transition: .5s;}
  .rylist li:hover h3 span {  color: #fff; text-align: center;  background-image: url('../images/glass2h.png');  border-top-color: transparent;}
  .rylist li:hover h3 em {  color: #fff; text-align: center;  }
  .rylist li:hover h3:before {  width: 100%;  left: 0;  -webkit-transition: width .5s;  transition: width .5s;}
@media screen and (max-width: 1440px) {
.rylist {padding: 0 0 40px;}
.rylist li .lin {padding: 0 20px;}
}
@media screen and (max-width: 1100px) {
.rylist {padding: 0 0 30px;}
.rylist li .lin {padding: 0 15px;}
.rylist li {width: 50%;}
.rylist li h3 {padding: 0 20px;}
}
@media screen and (max-width: 640px) {
.rongyumain {padding: 0px 0 80px;}
.rylist li {width: 100%;}
}
.fenye{width: 1280px; margin: 0 auto 1% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}
.fenye_zong{ font-size: 12px; padding: 0 10px; text-align: center;  border: 1px solid #dddddd;margin: 0 3px 6px;color: #666; line-height: 26px;}
.seprobox_l{ background: #fff; width: 100%; }
.seprobox_l h3 {margin-top: 50px;margin-bottom: 40px;font-size: 36px;color: #000000;line-height: 1.3;font-weight: bold;}
.seprobox_l h3 i {margin-right: 3.125%;font-size: 36px;color: #c4c4c4;font-family: "Consolas";font-style: normal;font-weight: normal;line-height: 1;opacity: 0.5;}
.seprobox_l h3 i:before {content: "";width: 12px;height: 3px;background: #c4c4c4;display: inline-block;vertical-align: middle;margin-right: 17px;}
.seprobox_l p {margin-top: 40px;margin-bottom: 40px;color: #000000;line-height: 1.8;text-indent:2em;}
.seprobox_l p img{text-indent:-4em; display: block; margin: 0 auto;}
/*se_hangye*/
.se_xinwen{width: 85%; margin: 0 auto 5% auto; max-width: 1345px;}
.se_xinwen h2{font-size: 45px; font-weight: bold;width: 100%; margin:8% auto 0 auto;}
.seccontent{width:100%; margin: 0 auto;}
.fnewslist {overflow: hidden;text-align: center;font-size: 0;margin-top: 62px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.fnewslist li {max-width: 31%;}
.fnewslist li .inner {text-align: left;}
.hot {position: relative;border-bottom: 3px solid #f8f8f8;-webkit-transition: 0.5s;transition: 0.5s;}
.hot .pic {width: 100%;height: auto;overflow: hidden;position: relative;}
.hot .pic img {width: 100%;height: 100%;-o-object-fit: cover;    object-fit: cover;}
.hot .wz {padding: 36px 30px 30px;background-color: #f8f8f8;}
.hot h3 {font-size: 20px;color: #111;line-height: 32px;height: 32px;overflow: hidden;-webkit-transition: 0.5s;transition: 0.5s;}
.hot p {font-size: 16px;color: #666;line-height: 32px;overflow: hidden;height: 64px;margin-top: 5px;}
.hot .date {font-size: 16px;color: #999;line-height: 28px;overflow: hidden;height: 28px;margin-top: 25px;}
.fnewslist li:hover .hot h3 {color: #16ae56;}
.fnewslist li:hover .hot {border-bottom-color: #16ae56;}
.hot .pic:after {content: '';position: absolute;width: 100%;height: 100%;left: 0;right: 0;z-index: 5;}
.fnewslist li:hover .hot .pic:after {-webkit-animation: gradient-rectangle 1s cubic-bezier(0, 0, 0.18, 0.96) 1;    animation: gradient-rectangle 1s cubic-bezier(0, 0, 0.18, 0.96) 1;}
@-webkit-keyframes gradient-rectangle {
0% {-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: bottom;transform-origin: bottom;background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.6)));background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));opacity: 1;}
100% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: top;transform-origin: top;background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.6)));background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));opacity: 0;}
}
@keyframes gradient-rectangle {
0% {-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: bottom;transform-origin: bottom;background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.6)));background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));opacity: 1;}
100% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: top;transform-origin: top;background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.6)));background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));opacity: 0;}
}
@media screen and (max-width: 1023px) {
.fnewslist {  margin-top: 30px;}
.fnewslist li {  max-width: 48%;  margin-top: 30px;}
.fnewslist li:last-child {  display: list-item;}
}
@media screen and (max-width: 700px) {
.fnewslist li {  width: 100%;  max-width: 100%;}
}
.cer8 {padding: 0 0 0;width: 85%; margin: 0 auto;}
.newslist {padding: 44px 0;overflow: hidden;width: 80%; margin: 0 auto;}
.newslist li {width: 100%;border-bottom: 1px solid #e8ecf0;padding: 86px 0;}
.newslist li:last-child {border-bottom: 0 none;}
.newslist li a {display: block;position: relative;overflow: hidden;padding-left: 650px;height: 356px;}
.newslist li .pic {position: absolute;left: 0;top: 0;z-index: 1;width: 586px;height: 100%;overflow: hidden;}
.newslist li .pic img {-o-object-fit: cover;    object-fit: cover; width: 100%;}
.newslist li h3 {font-size: 24px;color: #333;line-height: 42px;height: 42px;overflow: hidden;}
.newslist li .txt {font-size: 16px;color: #666;line-height: 32px;height: 64px;overflow: hidden;margin: 20px 0 58px;}
.newslist li .date {font-size: 24px;color: #2fcb00;line-height: 36px;font-family: "amerigobt";height: 36px;padding-top: 48px;overflow: hidden;}
.newslist li label {display: block;width: 32px;height: 32px;font-size: 0;cursor: pointer;background: #c3c3c3 url('../images/jtr-n.png') center no-repeat;border-radius: 50%;}
.newslist li,.newslist h3,.newslist label {-webkit-transition: .5s;transition: .5s;}
.newslist li:hover {border-bottom-color: #2fcb00;}
.newslist li:hover h3 {color: #2fcb00;}
.newslist li:hover label {background-color: #2fcb00;}
@media screen and (max-width: 1440px) {
.newslist li .txt {  line-height: 30px;  height: 90px;  margin-bottom: 32px;}
}
@media screen and (max-width: 1200px) {
.newslist li a {  padding-left: 540px;}
.newslist li .pic {  width: 480px;}
}
@media screen and (max-width: 1023px) {
.newslist li {  padding: 60px 0;}
.newslist li a {  padding-left: 450px;}
.newslist li .pic {  width: 400px;}
}
@media screen and (max-width: 840px) {
.newslist li a {  padding-left: 360px;  height: 240px;}
.newslist li .pic {  width: 320px;}
.newslist li .date {  padding-top: 20px;}
.newslist li label {  display: none;}
}
@media screen and (max-width: 750px) {
.newslist li {  padding: 40px 0;}
.newslist li a {  padding-left: 300px;  height: 180px;}
.newslist li .pic {  width: 260px;}
.newslist li .txt {  display: none;}
.newslist li h3 {  font-size: 20px;  line-height: 32px;  height: 96px;}
}
@media screen and (max-width: 600px) {
.newslist li a {  padding-left: 270px;}
.newslist li .pic {  width: 240px;}
.newslist li h3 {  font-size: 18px;  line-height: 30px;  height: 120px;}
.newslist li .date {  padding-top: 10px;  font-size: 18px;}
}
/*新闻详情页*/
.newspage-out2 {padding: 100px 0 180px;background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4fdf8));background-image: linear-gradient(to bottom, #ffffff, #f4fdf8);}
@media screen and (max-width: 1440px) {
.newspage-out2 {padding: 90px 0 140px;}
}
@media screen and (max-width: 1023px) {
.newspage-out2 {padding: 80px 0 110px;}
}
@media screen and (max-width: 750px) {
.newspage-out2 {padding: 70px 0 80px;}
}
.main2 {position: relative;padding-right: 500px;min-height: 1100px;}
.mainleft2 {width: 100%;}
.mainright2 {width: 408px;position: absolute;top: 0;right: 0;z-index: 1;}
.sdbox2 .title {position: relative;height: 50px;line-height: 50px;}
.sdbox2 .title:before {content: '';position: absolute;left: 0;top: 50%;z-index: 0;width: 5px;height: 30px;background-color: #16ae56;margin-top: -15px;}
.sdbox2 .title h5 {font-size: 24px;color: #333;font-weight: bold;text-indent: 28px;}
.btc-h {margin-bottom: 56px;}
.btc-h h1 {font-size: 36px;color: #333;line-height: 1.5em;margin-bottom: 24px;}
.btc-date {font-size: 18px;color: #999;line-height: 30px;height: 30px;font-family: "amerigobt";}
.btc-date span {display: inline-block;margin-left: 22px;}
.btc-date span:first-child {margin-left: 0;}
.btc-con {font-size: 16px;line-height: 40px;color: #666;text-align: justify;}
.btc-con img {max-width: 100%;display: block; margin: 0 auto;}
.btc-con p{text-indent:2em;}
.btc-con a {color: #16ae56;}
@media screen and (max-width: 1600px) {
.main2 {  padding-right: 400px;}
.mainright2 {  width: 340px;}
}
@media screen and (max-width: 1440px) {
.btc-h h1 {  font-size: 30px;}
}
@media screen and (max-width: 1200px) {
.main2 {  padding-right: 0;}
.mainleft2 {  min-height: 0;}
.mainright2 {  display: none;}
}
@media screen and (max-width: 750px) {
.btc-h h1 {  font-size: 24px;}
.btc-con {  line-height: 2em;}
}
.atc-pn {position: relative;padding-right: 120px;margin-top: 70px;}
.atc-pn a {display: block;font-size: 16px;color: #333;line-height: 32px;font-weight: bold;}
.atc-prev {margin-bottom: 14px;}
.atc-prev:hover,.atc-next:hover {color: #16ae56;}
.atc-pn a.atc-ret {position: absolute;right: 0;top: -4px;z-index: 1;width: 86px;height: 86px;color: #fff;border-radius: 50%;background: #16ae56 url('../images/ret.png') center 54px no-repeat;display: block;}
.atc-pn a.atc-ret span {font-size: 14px;color: #fff;line-height: 34px;font-weight: bold;text-align: center;position: absolute;left: 0;top: 17px;z-index: 0;width: 100%;height: 34px;-webkit-transition: ease 0.5s;
transition: ease 0.5s;}
@media screen and (max-width: 1023px) {
.atc-pn {  padding-right: 0;}
.atc-pn a.atc-ret {  position: relative;  top: auto;  right: auto;  margin: 40px auto 0;}
}
a.atc-ret::before {content: "";display: block;width: 100%;height: 100%;opacity: 0;position: absolute;left: 0;top: 0;z-index: -1;border-radius: 34px;-webkit-transition: ease 1s;transition: ease 1s;-webkit-transform: rotate(45deg);        transform: rotate(45deg);background: linear-gradient(116deg, #16ae56, #6cc1f9);}
a.atc-ret:hover::before {-webkit-transform: rotate(-135deg);        transform: rotate(-135deg);opacity: 1;}
a.atc-ret:hover span {top: 26px;}
.sdnewslist2 {width: 100%;margin-top: 32px;}
.sdnewslist2 li {width: 100%;margin-bottom: 80px;}
.sdnewslist2 li:last-child {margin-bottom: 0;}
.sdnewslist2 li a {display: block;position: relative;}
.sdnewslist2 .pic {width: 100%;height: 248px;overflow: hidden;position: relative;}
.sdnewslist2 img {-o-object-fit: cover;    object-fit: cover;width: 100%;}
.sdnewslist2 li h3 {font-size: 18px;color: #333;line-height: 40px;font-weight: bold;height: 40px;margin-top: 8px;overflow: hidden;padding: 0 10px;-webkit-transition: .4s;transition: .4s;}
.sdnewslist2 li:hover h3 {color: #16ae56;}
.sdnewslist2 .date {margin: 14px 0 8px;position: relative;padding: 0 10px;}
.sdnewslist2 .date span {display: block;color: #333;font-family: "amerigobt";}
.sdnewslist2 .date span.day {font-size: 36px;line-height: 44px;height: 44px;}
.sdnewslist2 .date span.year {font-size: 16px;line-height: 20px;height: 20px;}
.sdnewslist2 .date:before {content: '';position: absolute;left: 60px;right: 0;top: 38px;z-index: 0;height: 1px;background-color: #e2e5e8;}
.cer6{padding: 0 0 0;width: 75%; margin: 0 auto;}
.main3 {position: relative;padding-left: 350px;min-height: 900px;}
.mainright3{width:300px;position: absolute;top: 0;left: 0;z-index: 1;}
.sdbox3{background: #f2f2f2; padding: 0px 0 50px 0px;}
.sdbox3 .title {position: relative;height: 150px;line-height: 150px;background-image: linear-gradient(to right, rgba(4, 193, 104, 1), rgba(4, 189, 236, 1));}
.sdbox3 .title h5 {font-size: 24px;color: #fff;font-weight: bold; text-align: center;}
.sdnewslist3 {width: 100%; }
.sdnewslist3 li {width: 100%;margin-bottom: 10px; border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); }
.sdnewslist3 li:last-child {margin-bottom: 0;}
.sdnewslist3 li a {display: block;position: relative;}
.sdnewslist3 li h3 {font-size: 18px;color: #333;line-height: 70px;margin-top: 8px;overflow: hidden;-webkit-transition: .4s;transition: .4s; text-align: center;}
.sdnewslist3 li:hover h3 {color: #16ae56;}
.proright {width: 100%;}
.con{ color: #333; text-align:center; font-size: 16px; }
.con table{width:100%; border-spacing:0px; border-collapse:collapse; background:#fff; border-bottom:1px solid #ddd; margin:15px auto; }
.con tr:first-child{  background:#f2f2f2; height:60px; line-height:60px;width: 30%; text-align: left;}
.con tr:nth-child(2n+3){background:#f5f5f5;}
.con .bhead{background:#50586d;  }
.con tr.odd{background: #f5f5f5; color: #333;}
.con tr.even{background: none;}
.con td.even{background: #fff;}
.con table td{line-height:30px;word-break: break-all;border-width: 1px;border-style: solid;border-color: rgb(221, 221, 221);color: #333; text-align: center;}
.con table td:first-child{font-size: 16px;}
.con tr{ border:1px solid #ddd;}
.con p{text-align:left; margin-left:20px; color:#666; font-size:16px;}
.con strong{width:100%; text-align:left; color:#fff; float:left; font-size:16px; margin:10px 0}

@media screen and (max-width: 790px) {
  .main3{padding-left: 0;}
  .mainright3{display: none;}
  .cer6,.cer8{width: 90%;}
}
/*内页联系我们*/
.lxlist {width: 100%;font-size: 0;text-align: center; margin: 5% auto;}
.lxlist li {display: inline-block;width: 18%;position: relative;}
.lxlist li a {display: block;}
.lxlist .pic {width: 80px;height: 80px;margin: 0 auto 18px;}
.lxlist .p1,.lxlist .p2 {border-radius: 50%;overflow: hidden;}
.lxlist .p1 {width: 76px;height: 76px;border: 2px solid #ddd;background-color: #fff;}
.lxlist .p2 {width: 80px;height: 80px;background-image: -webkit-gradient(linear, left top, right top, from(#dd2118), to(#c70e05));background-image: linear-gradient(to right, #dd2118, #c70e05);}
.lxlist .pic .fig {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;}
.lxlist .i1 .p1 .fig {background: url('../images/lx1.png') center no-repeat;}
.lxlist .i1 .p2 .fig {background: url('../images/lx1h.png') center no-repeat;}
.lxlist .i2 .p1 .fig {background: url('../images/lx2.png') center no-repeat;}
.lxlist .i2 .p2 .fig {background: url('../images/lx2h.png') center no-repeat;}
.lxlist .i3 .p1 .fig {background: url('../images/lx3.png') center no-repeat;}
.lxlist .i3 .p2 .fig {background: url('../images/lx3h.png') center no-repeat;}
.lxlist .i4 .p1 .fig {background: url('../images/lx4.png') center no-repeat;}
.lxlist .i4 .p2 .fig {background: url('../images/lx4h.png') center no-repeat;}
.lxlist .i5 .p1 .fig {background: url('../images/lx5.png') center no-repeat;}
.lxlist .i5 .p2 .fig {background: url('../images/lx5h.png') center no-repeat;}
.rollover {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;position: relative;overflow: visible!important;-webkit-transition: .6s;transition: .6s;}
.rollover .p1,.rollover .p2 {position: absolute;top: 0;left: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.rollover .p2 {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
li:hover .rollover {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.lxlist li h3 {font-size: 18px;color: #333;line-height: 30px;font-weight: bold;height: 30px;position: relative;overflow: hidden;-webkit-transition: .5s;transition: .5s;}
.lxlist li .hx {width: 20px;height: 2px;background-color: #bfbfbf;margin: 25px auto;-webkit-transition: .5s;transition: .5s;}
.lxlist li .txt {font-size: 16px;color: #666;line-height: 26px;margin: 9px auto 0;height: 71px;overflow: hidden;padding: 0 10px;-webkit-transition: .5s;transition: .5s;}
.lxlist li .txt span {display: inline-block;}
.lxlist li:hover h3 {color: #dd2118;}
.lxlist li:hover .txt {color: #dd2118;}
.lxlist li:hover .hx {background-color: #dd2118;}
#map {width: 100%;height: 600px;}

@media screen and (max-width: 790px) {
  .lxlist li {width: 100%;}
  .lxlist .pic{display: none;}
  .lxlist li .hx{margin: 10px auto;}
}
/*内页招聘信息*/
.linian {text-align: center;}
.linian h2.btitle {font-size: 42px;color: #222;line-height: 66px;height: 66px;overflow: hidden;}
.linianfig {position: relative;width: 1000px;max-width: 100%;height: 400px;overflow: hidden;margin: 0 auto;}
.liniancon {margin: 30px 0 90px;font-size: 16px;color: #333;line-height: 34px;}
.liniancon img {max-width: 100%;}
.zpout {padding: 110px 0 120px; width: 80%; margin: 0 auto;;}
.rec-head {height: 76px;background-color: #fff;overflow: hidden;padding-left: 70px;border-bottom: 2px solid #333;}
.rec-head .th {float: left;padding: 18px 0;width: 20%;height: 76px;overflow: hidden;font-size: 16px;color: #222;line-height: 40px;text-align: center;}
.rec-head .th.zhiwei {text-align: left;}
.reclist {background-color: #fff;}
.reclist li {border-bottom: 1px solid #ddd;}
.rec-hand {height: 64px;line-height: 64px;background-color: #fff;padding-left: 70px;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.rec-hand .td {float: left;padding: 12px 0;width: 20%;overflow: hidden;font-size: 16px;color: #222;line-height: 40px;text-align: center;height: 40px;}
.rec-hand .td.zhiwei {text-align: left;}
.reclist li:hover .rec-hand {background-color: #eee;}
.reclist li.on .rec-hand {background-color: #333;}
.reclist li.on .rec-hand .td {color: #fff;}
.reclist li,.rec-hand,.reclist .td {-webkit-transition: 0.5s;transition: 0.5s;}
.reclist .rec-con {display: none;}
.rec-txt {color: #444;line-height: 31px;padding: 34px 70px 46px;background-color: #f7f7f7; font-family: serif;}
.rec-txt .email {color: #1d6bdd;}
.rec-txt .email:hover {text-decoration: underline;}
@media screen and (max-width: 1080px) {
.rec-head,.rec-hand {    padding-left: 40px;}
.rec-txt {padding: 34px 40px 46px;}
}
.w-container {width: 82%;max-width: 1500px;margin: auto;}
@media screen and (max-width: 1280px) {
  .w-container {width: 90%;}
}
@media screen and (max-width: 790px) {
  .w-container {width: 95%;}
}
.mt40 {margin-top: 40px;}
.f-100 {font-size: 100px;}
.f-88{font-size:88px;}
.f-80 {font-size: 80px;}
.f-75 {font-size: 75px;}
.f-72 {font-size: 72px;}
.f-70 {font-size: 70px;}
.f-65 {font-size: 65px;}
.f-60 {font-size: 60px;}
.f-55 {font-size: 55px;}
.f-50 {font-size: 50px;}
.f-48 {font-size: 48px;}
.f-46 {font-size: 46px;}
.f-44 {font-size: 44px;}
.f-42 {font-size: 42px;}
.f-40 {font-size: 40px;}
.f-38 {font-size: 38px;}
.f-36 {font-size: 36px;}
.f-34 {font-size: 34px;}
.f-32 {font-size: 32px;}
.f-30 {font-size: 30px;}
.f-28 {font-size: 28px;}
.f-26 {font-size: 26px;}
.f-24 {font-size: 24px;}
.f-22 {font-size: 22px;}
.f-20 {font-size: 20px;}
.f-18 {font-size: 18px;}
.f-16 {font-size: 16px;}
.f-14 {font-size: 14px;}
.f-12 {font-size: 12px;}
.f-light {font-weight: lighter;}
.f-bold {font-weight: 400;}
.f-b {font-weight: bold;}
.f-400 {font-weight: 400;}
.f-500 {font-weight: 500;}
.mt100 {margin-bottom: 100px;}
@media screen and (max-width: 1500px) {
html {font-size: 90px;}
.f-100 {font-size: 90px;}
.f-88{font-size:78px;}
.f-80 {font-size: 68px;}
.f-75 {font-size: 65px;}
.f-72 {font-size: 60px;}
.f-70 {font-size: 60px;}
.f-65 {font-size: 60px;}
.f-60 {font-size: 58px;}
.f-55 {font-size: 50px;}
.f-50 {font-size: 42px;}
.f-48 {font-size: 46px;}
.f-46 {font-size: 44px;}
.f-44 {font-size: 42px;}
.f-42 {font-size: 40px;}
.f-40 {font-size: 38px;}
.f-38 {font-size: 36px;}
.f-36 {font-size: 32px;}
.f-34 {font-size: 32px;}
.f-32 {font-size: 30px;}
.f-30 {font-size: 24px;}
.f-28 {font-size: 24px;}
.f-26 {font-size: 24px;}
.f-24 {font-size: 22px;}
.f-22 {font-size: 20px;}
.f-20 {font-size: 18px;}
.f-18 {font-size: 16px;}
.f-16 {font-size: 14px;}
.f-14 {font-size: 12px;}
.f-12 {font-size: 12px;}
.mt100 {margin-bottom: 80px;}
}
@media screen and (max-width: 1440px) {
html {font-size: 85px;}
}
@media screen and (max-width: 1366px) {
html {font-size: 80px;}
a, span, li, b, i, label, p, strong, div, h1, h2, h3, h4, h5, h6, small, em, li, pre, form, fieldset, legend, button, input, textarea, th, td {font-size: 14px;}
.f-100 {font-size: 74px;}
.f-88{font-size:68px;}
.f-80 {font-size: 64px;}
.f-75 {font-size: 60px;}
.f-72 {font-size: 58px;}
.f-70 {
font-size: 55px;
}
.f-65 {
font-size: 55px;
}
.f-60 {
font-size: 54px;
}
.f-55 {
font-size: 48px;
}
.f-50 {
font-size: 40px;
}
.f-48 {
font-size: 40px;
}
.f-46 {
font-size: 40px;
}
.f-44 {
font-size: 40px;
}
.f-42 {
font-size: 40px;
}
.f-40 {
font-size: 30px;
}
.f-38 {
font-size: 36px;
}
.f-36 {
font-size: 32px;
}
.f-34 {
font-size: 32px;
}
.f-32 {
font-size: 30px;
}
.f-30 {
font-size: 22px;
}
.f-28 {
font-size: 22px;
}
.f-26 {
font-size: 22px;
}
.f-24 {
font-size: 20px;
}
.f-22 {
font-size: 18px;
}
.f-20 {
font-size: 18px;
}
.f-18 {
font-size: 16px;
}
.f-16 {
font-size: 14px;
}
.f-14 {
font-size: 12px;
}
.f-12 {
font-size: 12px;
}
p {
font-size: 14px;
line-height: 2;
}
}
@media screen and (max-width: 1280px) {
html {
font-size: 70px;
}
a, span, li, b, i, label, p, strong, div, h1, h2, h3, h4, h5, h6, small, em, li, pre, form, fieldset, legend, button, input, textarea, th, td {
font-size: 12px;
}
.f-80 {
font-size: 64px;
}
.f-88{
font-size:58px;
}
.f-75 {
font-size: 55px;
}
.f-72 {
font-size: 50px;
}
.f-70 {
font-size: 45px;
}
.f-65 {
font-size: 45px;
}
.f-60 {
font-size: 40px;
}
.f-55 {
font-size: 38px;
}
.f-50 {
font-size: 34px;
}
.f-48 {
font-size: 32px;
}
.f-46 {
font-size: 30px;
}
.f-44 {
font-size: 28px;
}
.f-42 {
font-size: 26px;
}
.f-40 {
font-size: 24px;
}
.f-38 {
font-size: 22px;
}
.f-36 {
font-size: 20px;
}
.f-34 {
font-size: 20px;
}
.f-32 {
font-size: 18px;
}
.f-30 {
font-size: 18px;
}
.f-28 {
font-size: 16px;
}
.f-26 {
font-size: 18px;
}
.f-24 {
font-size: 18px;
}
.f-22 {
font-size: 14px;
}
.f-20 {
font-size: 14px;
}
.f-18 {
font-size: 14px;
}
.f-16 {
font-size: 12px;
}
.f-14 {
font-size: 12px;
}
.f-12 {
font-size: 12px;
}
p {
font-size: 13px;
line-height: 2;
}
}
@media screen and (max-width: 700px) {
html {
font-size: 70px;
}
p {font-size: 16px;line-height: 31px;}
small, span {
font-size: 13px;
}
.f-88{
font-size:38px;
}
.f-80 {
font-size: 28px;
}
.f-75 {
font-size: 29px;
}
.f-72 {
font-size: 26px;
}
.f-70 {
font-size: 30px;
}
.f-65 {
font-size: 30px;
}
.f-60 {
font-size: 24px;
}
.f-55 {
font-size: 28px;
}
.f-50 {
font-size: 24px;
}
.f-48 {
font-size: 24px;
}
.f-46 {
font-size: 22px;
}
.f-44 {
font-size: 22px;
}
.f-42 {
font-size: 20px;
}
.f-40 {
font-size: 20px;
}
.f-38 {
font-size: 18px;
}
.f-36 {
font-size: 18px;
}
.f-34 {
font-size: 18px;
}
.f-32 {
font-size: 16px;
}
.f-30 {
font-size: 16px;
}
.f-28 {
font-size: 16px;
}
.f-26 {
font-size: 16px;
}
.f-24 {
font-size: 16px;
}
.f-22 {
font-size: 16px;
}
.f-20 {
font-size: 16px;
}
.f-18 {
font-size: 14px;
}
.f-16 {
font-size: 14px;
}
.f-14 {
font-size: 12px;
}
.f-12 {
font-size: 12px;
}
.mt100 {
margin-bottom: 5px;
}
}
.pub_img_box {
position: relative;
overflow: hidden;
}
.pub_img_box::before {
content: '';
display: block;
margin-top: 100%;
}
.pub_img_box .img_box {
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
background-size: contain;
}
/*