@import url(Flex.css);
@import url(owl.css);
*, html { }
html,body{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body { font-family: "Microsoft Yahei", "Arial", sans-serif; color: #333; font-size:16px }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, b, em, i { font-style: normal; font-weight: normal; padding: 0; margin: 0; }
li, ol { list-style: none; }
input, textarea, bottom { border: none; outline: none; text-decoration: none; resize: none; }
textarea { resize: none; }
a { color: inherit; outline: none; text-decoration: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
a:hover { color: #03a349; }
a:focus, bottom:focus { outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
a:hover img { border: none; }
img, video{ max-width: 100%; height: auto; border: none; display: block; outline: none; }
.clearfix { clear: both; zoom: 1; *zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
::-webkit-scrollbar{width:8px;height: auto}
::-webkit-scrollbar-track{background-color:#eee;}
::-webkit-scrollbar-thumb{background-color:#03a349;}
::-webkit-scrollbar-thumb:hover {background-color:#4eab90;}
::-webkit-scrollbar-thumb:active {background-color:#4eab90;}

/********* public css *********/
.w-auto{ width:100%; padding:0 .8rem; margin:0 auto; position:relative; box-sizing:border-box}
.Section{ padding:0.8rem 0; position:relative;border-bottom:solid 1px rgba(0, 0, 0, .05);}

/********* header css *********/
header { width: 100%; position: fixed; top: 0; z-index: 1000; background: rgba(255, 255, 255, .5); box-sizing:border-box; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); box-sizing:border-box }
header:hover{background: rgba(255, 255, 255, 1);}
.showBody header{background: rgba(255, 255, 255, 1);}
header .logo { width:2rem; margin-left:.8rem; padding:.1rem 0;}
header .logo a { display: block; width:90%; position:relative}
header .logo a:after {content: ""; display: block; padding-bottom:46.5625%; }
header .logo a .logoPic{ background-image:url(../images/logo1.png); position: absolute;top: 0;bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: bottom; background-repeat: no-repeat; background-size: cover; text-indent: -99999em;}
header .Tel{ margin-right:.8rem; font-size:.2rem;}
header .Tel a{ color: #03a349; }
header .Tel a:before {content: "\f2a0"; font-family:"Awesome5"; font-weight:300; display:inline-block; margin-right:2px;-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
header .Tel a:after {content: ""; display:inline-block; width:1px; background:#333; height: 16px; margin:0 .2rem}
header .below {width: 100%; padding:0 .8rem; box-sizing:border-box; border-top:solid 1px #dadada; border-bottom:solid 1px #e1e1e1; box-sizing:border-box}
header .below .other { width: 4rem; box-sizing:border-box;}
header .below .other a{ font-size:.16rem; position:relative}
header .below .other a.wx .ewm{ display:none; position:absolute; width:120%; padding:4px; background:#fff}
header .below .other a.wx:hover .ewm{ display:block}
header .below .other a:before{font-family:"Awesome5"; font-weight:300; font-size:.14rem; display:inline-block; margin-right:2px; }
header .below .other a:nth-child(1):before { content: "\f590";}
header .below .other a:nth-child(2):before { font-family:"FontAwesome"; content: "\f1d7";}
/*header .below .other a:nth-child(3):before { content: "\f03d";}*/
header .below .other a:nth-child(3):before { content: "\f4df";}
/* 搜索框 css */
.search i{ffont-size:0.2rem; cursor:pointer;ont-weight:300; }
#search { position: fixed; width:100%; left:0; right:0; z-index:9; background:rgba(255,255,255,.75); /*border-top:solid 1px #ddd; */border-bottom:solid 1px #ddd; text-align:center; font-size:0; display: none}
#search input{ border:none; height:64px; line-height:64px; width:calc(100% - 128px); padding:0 .8rem; display:inline-block;}
#search .search-btn{ background:#03a349; width:128px; height:64px; line-height:64px; text-align:center; vertical-align:top; font-size:24px; cursor: pointer; color:#fff; border:none; padding:0}

/*** nav css ***/
nav{ width:calc(100% - 4.4rem); height:100%; padding-left:10px; box-sizing:border-box;/* margin-left:.4rem;*/}
/*导航PC css */
.nav-menu {display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end;
-webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; 
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;-webkit-box-pack: center; 
width:100%; height:100%;}
.nav-menu > li {display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;-webkit-box-pack: center; 
cursor: pointer;width:calc(100% / 9); height:.7rem; position:relative; box-sizing:border-box}
/*.nav-menu > li:last-child{ margin-right:0} */
.nav-menu > li.current,.nav-menu > li:hover{ color:#03a349; /*background: rgba(68, 72, 84, 0); border-bottom: solid 2px #03a349;color:#03a349;*/}
.nav-menu > li a { font-size:.18rem; display:block; position:relative;}
.nav-menu > li > ul { background:#fff; width:100%; height: 0; padding:0 .8rem; position: fixed; left: 0; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; box-sizing:border-box;}
.nav-menu > li > ul > li { margin-right: .6rem; padding:.8rem 0; position:relative; width:calc(100% / 4);/* width:1.2rem; min-width:100px; */}
.nav-menu > li > ul > li:last-child{ margin-right:0}
.nav-menu > li > ul > li a { color:#1f1e30;width:100%;}
.nav-menu > li > ul > li .font{ border-bottom:solid 1px rgba(0, 0, 0, 0.1); padding-bottom:.2rem; margin-bottom:.2rem; }
.nav-menu > li > ul > li a:hover .font{border-bottom:solid 1px #03a349;}
.nav-menu > li > ul > li .pic { width:100%; position:relative}
.nav-menu > li > ul > li .pic:after {content: ""; display: block; padding-bottom: 66.666666666%; }
.nav-menu > li > ul > li .pic img{ position: absolute;top: 0;bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.nav-menu > li > ul li a:hover{ color: #03a349 }
.nav-menu > li:hover ul,.nav-menu > li.sfHover ul{ height: auto; }
/*导航PC 小图标 css */
.nav-menu > li.menu-has-sub:after { content: "\f107"; font-family:"Awesome5";font-weight:300; margin-left:.04rem; margin-top:4px }
.nav-menu > li.menu-has-sub:hover:after { content: "\f105"; color:#03a349;}
.nav-menu .mobshow{ display:none}
/*.nav-menu > li > ul li a:after {content: ''; position:absolute; left:0; top:50%; width:10px; height:10px; border:solid 2px rgba(68, 72, 84, 1); -webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}*/
/*.nav-menu > li.promeun > ul li{ width:calc(100% / 6); }*/
/*.nav-menu > li.promeun > ul li a:before { content: ""; display:block; width:100%; height:.8rem; min-height:20px; background-repeat:no-repeat; background-position:center center;background-size: 100% auto; }
.nav-menu > li.promeun > ul li a:after {content: ''; display:none}
.nav-menu > li.promeun > ul li:nth-child(1) a:before{ background-image:url(../images/sIco1.png); }
.nav-menu > li.promeun > ul li:nth-child(2) a:before{ background-image:url(../images/sIco2.png); }
.nav-menu > li.promeun > ul li:nth-child(3) a:before{ background-image:url(../images/sIco3.png); }
.nav-menu > li.promeun > ul li:nth-child(4) a:before{ background-image:url(../images/sIco4.png); }
.nav-menu > li.promeun > ul li:nth-child(5) a:before{ background-image:url(../images/sIco5.png); }
.nav-menu > li.promeun > ul li:nth-child(6) a:before{ background-image:url(../images/sIco6.png); }*/
/*.nav-menu > li > ul li {min-width: 154px; margin:1px 0 0 0; height: 0.32rem; padding:0.1rem 0.2rem;}
.nav-menu > li > ul li:hover > a { margin-left:4px}
.nav-menu li ul ul{ margin: 0;top: 100%; left:100%; }*/

/*导航Mobile 图标 css */
#mobile-nav-toggle { display: none; transition: all 0.4s; cursor: pointer; background:none; outline: none; border: none; width:48px; position:absolute; right:.4rem; top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
#mobile-nav-toggle i { color:#03a349; font-size: 30px; font-weight:300}
/*导航Mobile css */
#mobile-nav { position: fixed; top:0; bottom: 0; z-index: 998; left: -120%; width: 100%; padding:64px .4rem 0.4rem; overflow-y: auto; transition: 0.4s; background: #fff; text-align:left; box-sizing: border-box;}
#mobile-nav ul li { position: relative; padding:12px 0 12px 20px; border-bottom: solid 1px #eee }
#mobile-nav ul li a { position: relative;width: 100%; display: block; overflow: hidden; }
#mobile-nav ul li a:hover { color: #282c48; }
#mobile-nav ul li.menu-has-sub ul {padding-top:0px; position:relative;}
#mobile-nav ul li.menu-has-sub ul:before {content:"";position:absolute; top:-10px; left:-20px; height:calc(100% - 14px);width:12px; border-left: solid 1px #03a349;border-top: solid 1px #03a349;}
#mobile-nav ul li.menu-has-sub li { border:none; position:relative }
#mobile-nav ul li.menu-has-sub li .pic { display:none}
#mobile-nav ul li.menu-has-sub li:after { content: ""; position:absolute; left:-20px; top:calc(50% + 1px); width:20px; height:1px; border-top: solid 1px #03a349; overflow:hidden;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); }
#mobile-nav ul .menu-has-sub i { font-size: 14px; font-weight:300; position: absolute; top:0; right: 0; z-index: 99; padding:14px 14px; cursor: pointer; color: #03a349;}
#mobile-nav ul .menu-has-sub i.fa-minus { color: #282c48; }
#mobile-nav ul .menu-item-active { color: #03a349; }
#mobile-body-overly { width: 100%; height: 100%; z-index: 997; top: 0; left: 0; position: fixed; background: rgba(13, 13, 13, 0.9); display: none; }
/* Mobile Nav body classes */
body.mobile-nav-active { overflow: hidden; }
body.mobile-nav-active #mobile-nav { left: 0; }
body.mobile-nav-active #mobile-nav-toggle { coldor: #000; }

/* header scroll */
header.on { background:rgba(3, 163, 73, 1);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
header.on .logo a .logoPic{ background-image:url(../images/logo2.png); }
header.on .Tel { display:none}
header.on .below { width:calc(100% - 2.8rem); border:none; margin-top:0; padding:0; padding-right:.8rem;color:#fff; }
header.on .below a { color:#fff; }
header.on #search { border-top:solid 1px #ddd;}
header.on nav{width:calc(100% - 4rem); }
header.on .other{width:4rem; }
header.on .nav-menu {-webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;}
header.on .nav-menu > li { height:100%;}
header.on .nav-menu > li{-webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;}
header.on .nav-menu > li > a { font-size:.16rem; color:#fff;}
header.on .nav-menu > li > ul li a { color:#333;}
header.on .nav-menu > li.menu-has-sub:after{color:#fff;}
header.on .nav-menu > li.menu-has-sub:hover:after {color:#fff;}

/********* footer *********/
.footer{background-color:#f0f0f0; padding: 0.6rem 0; font-size:.16rem;}
.footer .L{ width:20%;}
.footer .L img{ width:50%}
.footer .C{ width:60%; }
.f-nav > li > a{color: #03a349}
.f-nav > li:last-child a{ display:block; color: #03a349; margin-top:.16rem}
.f-nav > li:last-child a:first-child{ margin-top:0}
.f-nav > li li { width:100%;}
.f-nav > li li a { display:block; margin-top:.16rem}
.footer .R{ width:20%; text-align:center}
.footer .R img{ width:40%; margin:0 auto; padding:0.1rem; background:#FFF}
.share { margin-top:.4rem}
.share .shareIco a{color:rgba(68, 72, 84, 1); font-size:.18rem; width:32px; height:32px; line-height:32px; text-align:center; margin:0 .1rem; background:rgba(255, 255, 255, 1); padding:0; -webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.share .shareIco a:hover{ color:#03a349}
.coryright{ background:#3a3e48;padding: 0.1rem 0; text-align:center;color:#fff; font-size:.14rem}
.coryright a{ color:#fff}

@media only screen and (max-width:1460px) {
header .logo img { width:75%;}
header.on .nav-menu > li.menu-has-sub:after {  margin:0; position:absolute; bottom:8px; left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);}
}
@media only screen and (max-width:1280px) {
header { background:rgba(255, 255, 255, 1);}
.share .shareIco a{ font-size:14px }
.footer .C{ font-size:12px }
.footer .R{ font-size:12px }
}
@media (max-width: 1024px) {
header { height:56px;}
header .Tel { display:none}
header .below .other { display:none}
nav{ display:none; margin-left:0 }
header .below{ margin-top:0; border:none; display:none}
#mobile-nav{ display:block;}
header .logo { min-width:114px;}
#mobile-nav-toggle { display: block; }
.nav-menu .mobshow{ display:block}
}
@media only screen and (max-width:768px) {
::-webkit-scrollbar{width:4px;}
header .gamBox{ display: none}
.footer{ display: none}
.coryright{ font-size:12px;}
}
/* 返回顶部 */
#goTop{ position: fixed; z-index:99;right:8px; bottom:8px;display:none;width:32px;height:32px;border-radius:2px;cursor:pointer; color:#fff; text-align:center; line-height:32px; font-size:24px; background:rgba(3,163,73,1);}
#goTop:hover{ background:rgba(3,163,73,1); color:#fff;}
#goTop:hover a{color:#fff} 


/********* index *********/
/*banner index*/
.banner{ position: relative; z-index: 10;}
.banner .slide-item { position: relative; left:0; color:#fff; width:100%;/* height:8rem;*/ overflow: hidden;  }
.banner .slide-item:after {content: ""; display: block; padding-bottom: 44.270833%; }
.banner .slide-item .image-layer { position: absolute;top: 0;bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: bottom; background-repeat: no-repeat; background-position: right center; background-size: cover;-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);  -webkit-transform: scale(1.1); transform: scale(1.1);  }
.banner .active .slide-item .image-layer { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);  -webkit-transform: scale(1); transform: scale(1);  -webkit-transition: all 6000ms linear; -moz-transition: all 6000ms linear; -ms-transition: all 6000ms linear; -o-transition: all 6000ms linear; transition: all 6000ms linear; }
.banner .inner {position:absolute; z-index:9; left:1.2rem ; top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
.banner h2 { font-size: 0.64rem; color: #03a349; font-weight: bold; opacity: 0; margin-bottom: 0.16rem; text-transform: uppercase !important; letter-spacing: 0; -webkit-transform: translateY(80px); -moz-transform: translateY(80px); -ms-transform: translateY(80px); -o-transform: translateY(80px); transform: translateY(80px); text-shadow: #fff 2px 0px 0px, #fff 0px 2px 0px, #fff -2px 0 0, #fff 0 -2px 0;}
.banner h2 .EN{ font-size:.24rem; font-weight:normal; display:block;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.banner .active h2{ opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; 
-webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; }
.banner .txtbtn { display:inline-block; font-size: 0.24rem; color: #fff;  padding:.1rem .2rem; background:#03a349; text-align:center; opacity: 0;-webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); }
.banner .active .txtbtn { opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease;
 -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; }
/*.banner2 .slide-item { position: relative; width:100%;overflow: hidden;  }
.banner2 .slide-item .pic{width:100%; position:relative}
.banner2 .slide-item .pic:after {content: ""; display: block; padding-bottom: 36.45833333%; }
.banner2 .slide-item .pic img { position: absolute;top: 0;bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.banner2 .slide-item .inner{ position:absolute;top:50%;z-index:9;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);  color: #03a349;}
.banner2 .slide-item.item1 .inner {font-size: 0.48rem; font-weight: bold; left:3.2rem; text-shadow: #fff 2px 0px 0px, #fff 0px 2px 0px, #fff -2px 0 0, #fff 0 -2px 0;}
.banner2 .slide-item.item2 .inner {font-size: 0.2rem; line-height:2;width:40%; padding:.6rem; background:rgba(255,255,255,.35); left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); text-align: justify;text-indent: 2em;}*/
.banner .owl-nav/*,.banner2 .owl-nav*/ {display: none;} 
.banner .owl-dots/* ,.banner2 .owl-dots */{ position: absolute; bottom: .1rem; left: 50%; z-index:10; -webkit-transform : translate(-50%,0);transform :translate(-50%,0%);}
.banner .owl-dot/* ,.banner2 .owl-dot*/{display: inline-block; width:.64rem; min-width:24px; height:3px;  background: rgba(255, 255, 255, 1); margin:0 .04rem;}
.banner .active.owl-dot/*,.banner2 .active.owl-dot*/{ background: rgba(3, 163, 73, 1); }

/*public index*/
.partHd{ width:100%; font-size:.32rem; font-weight:bold; color: #1f1e30; text-align:center; padding-bottom:0.5rem; zoom: 1;position: relative; }
.morebtn{ width:100%;}
.morebtn a { font-size:.16rem;display:block; color: #1f1e30; width: 164px; height: 44px; line-height: 44px; margin:.4rem auto 0 auto; text-transform:Uppercase; text-align: center; border: 1px solid #d4d4d4; position:relative; overflow: hidden; -webkit-border-radius: 100px;-moz-border-radius: 100px;-ms-border-radius: 100px;-o-border-radius: 100px;border-radius: 100px;}
.morebtn a:after {content: '\f30b'; font-family:"Awesome5"; font-weight:400; display:inline-block; margin-left:.1rem;}
.morebtn a:hover{ background: #054e9b; color:#fff; border: 1px solid #054e9b; -webkit-transform: scale(.95);-moz-transform: scale(.95);-o-transform: scale(.95);-ms-transform: scale(.95);transform: scale(.95);transition: -webkit-transform 0.4s ease-in-out;transition: -moz-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out}

/* 产品 index */
.Section.Sec1{ border-bottom:solid 1px rgba(0, 0, 0, .05);}
.Sec1 .sortBox{ width:100%; position:relative;}
.Sec1 .sortBox .item{ width:calc(100% / 6); font-size:.2rem; text-align: center; padding:.1rem 0; position:relative;border-bottom:solid 1px transparent}
.Sec1 .sortBox .item .ico{display:block; width:100%; background-repeat:no-repeat; background-position:center center;background-size: auto 100%;}
.Sec1 .sortBox .item .ico:after {content: ""; display: block; padding-bottom: 50%; }
/*.Sec1 .sortBox .item .ico1{ background-image:url(../images/sIco1.png); }
.Sec1 .sortBox .item .ico2{ background-image:url(../images/sIco2.png); }
.Sec1 .sortBox .item .ico3{ background-image:url(../images/sIco3.png); }
.Sec1 .sortBox .item .ico4{ background-image:url(../images/sIco4.png); }
.Sec1 .sortBox .item .ico5{ background-image:url(../images/sIco5.png); }
.Sec1 .sortBox .item .ico6{ background-image:url(../images/sIco6.png); }*/
.Sec1 .sortBox .item:hover{ border-bottom:solid 1px #03a349; box-sizing:border-box}
.Sec1 .morebtn a { color: #fff; background:#054e9b; border:none}
.Sec1 .morebtn a:hover{ background: #03a349;}

/* 关于 index */
.iaboutBox .pic { width:100%; position:relative}
.iaboutBox .pic:after {content: ""; display: block; padding-bottom: 66.666666666%; }
.iaboutBox .pic img{ position: absolute;top: 0;bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;
-webkit-filter: brightness(50%); /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */filter: brightness(50%);}
.iaboutBox .font{ font-size:.32rem;font-weight:600; color: #fff; position: absolute; bottom:.2rem; left:.2rem; z-index:2}
.iaboutBox .Apic{ width:calc(50% - .1rem);position:relative;}
.iaboutBox .Apic .pic{ width:100%; height:100%; overflow: hidden}
.iaboutBox .Bpic{ width:50%;}
.iaboutBox .Bpic .item{ width:calc(50% - .05rem); margin-top:.1rem; position:relative; overflow: hidden}
.iaboutBox .Bpic .item:nth-child(1),.iaboutBox .Bpic .item:nth-child(2) { margin-top:0}
.iaboutBox .Apic:hover img,.iaboutBox .Bpic .item:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);
transition: -webkit-transform 0.8s ease-in-out;transition: -moz-transform 0.8s ease-in-out; transition: transform 0.8s ease-in-out}

/* 新闻 index */
.Sec3 .list {width:calc(50% - 0rem);}
.Sec3 .list .item{ width:calc(50% - .2rem); background: rgba(68, 72, 84, .1); position:relative; top:0; margin-right: .2rem; /*padding:0.2rem; background:#fff; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); box-sizing:border-box; */overflow:hidden;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.Sec3 .list .item:hover{ top: -.1rem; background: rgba(25, 98, 175, 1);}
.Sec3 .list .item .pic { width:100%; position:relative}
.Sec3 .list .item .pic:after {content: ""; display: block; padding-bottom: 66.666666666%; }
.Sec3 .list .item .pic img{ position: absolute;top: 0;bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.Sec3 .list .item .font{  padding:.3rem;  box-sizing:border-box}
.Sec3 .list .item .tit{  font-size:.18rem; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}
.Sec3 .list .item .txt{ font-size:.15rem; color:#999; line-height:1.8; margin-top:.2rem; text-align: justify;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;}
.Sec3 .list .item .note{  color:#666; margin-top: .2rem; padding-top: .2rem; border-top: solid 1px #ddd; font-size:0}
.Sec3 .list .item .date{ display:inline-block; width:50%; font-size:.14rem; color:#999;}
.Sec3 .list .item .moreBtn2{ display:inline-block; width:50%; font-size:0.14rem; position:relative; text-align:right; text-transform:Capitalize}
.Sec3 .list .item .moreBtn2:after { content:"\f061"; font-family:"Awesome5";font-size:12px; font-weight:300; display:inline-block; margin-left:.2rem; -webkit-animation: scroll 1s ease infinite;-moz-animation: scroll 1s ease infinite;-ms-animation: scroll 1s ease infinite;-o-animation: scroll 1s ease infinite;animation: scroll 1s ease infinite; }
@-moz-keyframes scroll {  
  0% {transform: translate(-.2rem, 0);opacity: 0;}
  100% {transform: translate(0, 0);opacity: 1;}
}
@-webkit-keyframes scroll {  
  0% {transform: translate(-.2rem, 0);opacity: 0;}
  100% {transform: translate(0, 0);opacity: 1;}
}
@keyframes scroll {  
  0% {transform: translate(-.2rem, 0);opacity: 0;}
  100% {transform: translate(0, 0);opacity: 1;}
}
.Sec3 .list .item:hover .tit,.Sec3 .list .item:hover .txt, .Sec3 .list .item:hover .moreBtn2, .Sec3 .list .item:hover .date{ color:#fff}
.Sec3 .picTab2{ width:calc(50% - 0rem); position:relative; background: rgba(68, 72, 84, .1); box-sizing:border-box}
.Sec3 .picTab2 .font{ position:absolute; left:50%; bottom:.16rem;font-size:.18rem;background: rgba(255, 255, 255, .75); text-overflow: ellipsis; white-space:nowrap; overflow: hidden;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0); padding:.2rem; box-sizing:border-box; width:92%; z-index:5}
.Sec3 .picTab2 .Tabitem { width:100%; position:relative; }
.Sec3 .picTab2 .Tabitem:after {content: ""; display: block; padding-bottom: 66.6666%; }
.Sec3 .picTab2 .Tabitem img{ position: absolute;top: 0;bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.Sec3 .picTab2 .owl-nav {display: none;} 
.Sec3 .picTab2 .owl-dots { position: absolute; bottom: .02rem; left: 50%; z-index:10; -webkit-transform : translate(-50%,0);transform :translate(-50%,0%);}
.Sec3 .picTab2 .owl-dot{display: inline-block; width:.64rem; min-width:20px; height:2px;  background: rgba(255, 255, 255, .5); margin:0 .08rem;}
.Sec3 .picTab2 .active.owl-dot{ background:#03a349;}

/*视频 index*/
.Sec4{background:url(../images/bj.jpg) no-repeat center center; background-size: cover; }
.Sec4 .video{ position:relative; width:66.66666%; margin:0 auto; }
.Sec4 .video:before {content:"\f144"; font-family:"Awesome5"; font-weight:300; color:rgba(3, 163, 73, .8); font-size:.8rem; position:absolute; left:50%; top:50%; z-index: 3; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);  cursor: pointer; }
.Sec4 .video:after {content: ""; display: block; padding-bottom: 56.248876%; background:url(../images/video-bj.jpg) no-repeat center center; background-size:cover }
.Sec4 .video video {position: absolute;top: 0;bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}

/*海外市场 pic index*/
.Sec5 .item{width:calc(50% - 0.1rem); position:relative; overflow:hidden}
.Sec5 .item .font{ position:absolute; bottom:.2rem; left:0.2rem; font-size:.32rem; font-weight:600; color:#fff; z-index:5 }
.Sec5 .item img{-webkit-filter: brightness(75%); filter: brightness(75%);}
.Sec5 .item:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);
transition: -webkit-transform 0.8s ease-in-out;transition: -moz-transform 0.8s ease-in-out; transition: transform 0.8s ease-in-out;}

/* 合作伙伴 index*/
.Section.Sec6{background:url(../images/i11.png) no-repeat top center #f5f5f5;  box-sizing:border-box}
.iParlist li{width:100%; position:relative; background:rgba(255, 255, 255, 1); border: 1px solid #e8e8e8; box-sizing:border-box }
.iParlist li:after {content: ""; display: block; padding-bottom: 50%; }
.iParlist li:hover{border: 1px solid #03a349; }
.iParlist li .pic{ position: absolute; top: 0;bottom: 0;left: 0;right: 0;  width:auto;  height: 100%; margin:0 auto; object-fit: cover; object-position: center; overflow:hidden }
.iParlist li .pic img{ width:auto; height:100%; margin:0 auto}
.Sec6 .owl-nav,.Sec6 .owl-dots  {display: none;} 

@media only screen and (max-width:1280px) {
.Sec3 .list .item{ width:calc(50% - .1rem); margin-right: .1rem;}
.Sec3 .list .item .font{ padding:.2rem}
}
@media only screen and (max-width:1024px) {
.banner .txtbtn{ font-size:14px;}
.banner .owl-dot, .banner2 .owl-dot{ height:1px}
.banner2 .slide-item.item2 .inner{  font-size:16px;}
.morebtn a { font-size:14px}
.Sec1 .sortBox .item{ font-size:14px; }
.iaboutBox .font{ font-size:20px; }
.Sec3 .list .item .tit{ font-size:14px}
.Sec3 .list .item .txt{ font-size:12px;margin-top:.1rem}
.Sec3 .list .item .date{ font-size:12px}
.Sec3 .list .item .moreBtn2{ font-size:12px}
.Sec3 .list .item .moreBtn2:after{font-size:10px}
.Sec3 .picTab2 .font{ font-size:14px}
.Sec3 .list .item .note{margin-top: .1rem; padding-top: .1rem;}
.Sec5 .item .font{ font-size:20px; }
.Sec5 .w-auto{ padding:0}
.Sec4 .video{ width:100%; }
}
@media only screen and (max-width:768px) {
.banner h2 { font-size: 20px; text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.banner h2 .EN{ font-size:12px; }
.banner2 .slide-item.item1 .inner {font-size: 20px; text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.banner2 .slide-item.item2 .inner{ width:75%;font-size:12px; }
.banner2 .slide-item.item2 .inner p:nth-child(2) { display:none}
.partHd{ font-size:20px}
.morebtn a{ font-size:12px;width: 124px;height: 32px;line-height: 32px;}
.iaboutBox .Apic{ width:100%;}
.iaboutBox .Bpic{ width:100%; margin-top:.1rem}
.iaboutBox .font{left:50%; top:50%; bottom:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.Sec3 .list{ width:100%;}
.Sec3 .list .item { width:100%; margin-right:0; margin-top:.4rem;}
.Sec3 .list .item:first-child{ margin-top:0}
.Sec3 .list .item:last-child{ margin-right:0}
.Sec3 .list .item .font {padding:.4rem}
.Sec3 .list .item .txt{ margin-top:.4rem}
.Sec3 .list .item .note {margin-top: .4rem;padding-top: .4rem;}
.Sec3 .picTab2{ width:100%; margin-top:.4rem}
.Sec5 .item .font {left:50%; top:50%; bottom:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
}
@media only screen and (max-width:320px) {
.iaboutBox .font{ font-size:16px; }
}


/********* page *********/
.p-banner{ width:100%; position:relative; }
.p-banner .pic{ width:100%; position:relative; }
.p-banner .pic:after {content: ""; display: block; padding-bottom: 33.3333333%; }
.p-banner .pic img{ position: absolute;top: 0;bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; /*-webkit-filter: brightness(75%); filter: brightness(75%);*/}
.p-banner .font{ color:#000; position:absolute; left:50%; top:calc(40% + .88rem); z-index:9; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); text-align:center;text-shadow: #fff 2px 0px 1px, #fff 0px 2px 1px, #fff -1px 0 1px, #fff 0 -1px 1px; }
.p-banner .font .tit{ font-size:.48rem; font-weight:bold;}
.p-banner .font .scrBtn{font-size:.2rem; font-weight:300; -webkit-animation: scroll2 1s ease infinite;-moz-animation: scroll2 1s ease infinite;-ms-animation: scroll2 1s ease infinite;-o-animation: scroll2 1s ease infinite;animation: scroll2 1s ease infinite; }
@-moz-keyframes scroll2 {  
  0% {transform: translate(0,-.1rem);opacity: 0;}
  100% {transform: translate(0, 1rem);opacity: 1;}
}
@-webkit-keyframes scroll2 {  
  0% {transform: translate(0,-.1rem);opacity: 0;}
  100% {transform: translate(0, .1rem);opacity: 1;}
}
@keyframes scroll2 {  
  0% {transform: translate(0,-.1rem);opacity: 0;}
  100% {transform: translate(0, .1rem);opacity: 1;}
}
.newsBan .font { color:#fff;}
.p-banner.newsBan .font{text-shadow:transparent 0 0 0, transparent 0 0 0, transparent 0 0 0, transparent 0 0 0;}

/*subNav page*/
.subNav{ width:100%; /*background-color: rgba(255,255,255,1); position:absolute; bottom:0; z-index:9;*/ padding:.2rem 0;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); box-sizing:border-box; }
.subNav a{font-size:.18rem; position:relative; margin:0 .32rem; border-bottom:solid 1px transparent}
.subNav a:after{content: ''; width: 1px; height: 16px; background-color: rgba(0,0,0,.25); position: absolute;z-index: 2;top: 50%; right:-.32rem; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.subNav a:last-child:after{ width:0}
.subNav a.on{color:#03a349;}
.subNav a.on:before{ content:"\f3c5"; font-family:"Awesome5"; margin-right:4px }

/*public page*/
.Hd{ font-size:.4rem; text-align:center;}
.Hd .EN{text-transform:Uppercase }
.courseHd{ border:none}
.noticeHd{border-bottom:solid 1px rgba(0, 0, 0, .1);}

/*页码*/
.page-num{ margin-top: .8rem; font-size:0; text-align:center}
.page-num a{ display: inline-block; padding:6px 12px; border: #ddd solid 1px;color: #aaa; background: #fff;text-align: center; margin-right:4px;color: #666; font-size:14px;}
.page-num .page-cur,.page-num a:hover { background:#03a349;border:1px solid #03a349; color:#fff}

/*PosBox*/
.PosBox{ font-size:.14rem; padding:.16rem 0 .16rem .1rem; background:rgba(0, 0, 0, .04); box-sizing:border-box; overflow:hidden}
.PosBox .w-auto:before { content: "\f277"; font-family:FontAwesome; font-weight:300; display:inline-block}

/*简介 page*/
.NumBox .w-auto,.about .w-auto{ max-width:1200px;}
.NumBox { position:relative; background:url(../images/numbg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.NumBox:before,.NumBox:after{content: '';display: block;background-color: rgba(255,255,255,0.3);position: absolute;z-index: 2; }
.NumBox:before {left: 0;top: 50%; width: 100%;height: 1px;}
.NumBox:after {left: 50%; top: 0; width: 1px;height: 100%;}
.NumBox .numItem{ color:#fff; width:50%; text-align:center; padding:.8rem 0;}
.NumBox .numItem i{ display:block; font-weight:300; font-size:.4rem; }
.NumBox .numItem .num{ font-size:.64rem; font-weight:bold}
.NumBox .numItem .txt{ font-size:.18rem;}
.about .fontBox{ font-size:.16rem; line-height:2;text-align: justify; }

/*历程 page*/
.course{ position:relative; border:solid 1px rgba(0, 0, 0, .1); border-left:none; border-left:none; padding:0}
.course:before{ content:""; width:1px; height:100%; background:rgba(0, 0, 0, .1); position:absolute; top:0; left:50%;}
.course .itemBox{ padding:.8rem; position:relative;  }
.course .itemBox:nth-child(2n-1):before{ content: ""; width:50%; height: 1px; position:absolute; left:0; bottom:0; background:rgba(0, 0, 0, .1); }
.course .itemBox:nth-child(2n):before{content: "";width:50%; height: 1px; position:absolute; right:0; bottom:0; background:rgba(0, 0, 0, .1);}
.course .itemBox:last-child:before{content: ""; height: 0; background:none;}
.course .itemBox:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.course .itemBox .conBox{ width:50%; float:left; padding:0 .8rem; box-sizing:border-box;}
.course .itemBox .date{ width:50%; float:right; font-size:.48rem; font-family:Arial, Helvetica, sans-serif; position:relative; padding:.8rem; box-sizing:border-box}
.course .itemBox:nth-child(2n) .conBox { float:right }
.course .itemBox:nth-child(2n) .date{ float: left}
.course .itemBox:nth-child(2n) .date{ text-align:right}
.course .itemBox .date i{position:absolute; top:50%; font-size:.24rem;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
.course .itemBox:nth-child(2n-1) .date i:first-child{ left:0; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
.course .itemBox:nth-child(2n-1) .date i:last-child{font-weight:300;  left:.4rem;}
.course .itemBox:nth-child(2n) .date i:first-child{right:0;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);-o-transform:translate(50%,-50%);transform:translate(50%,-50%);}
.course .itemBox:nth-child(2n) .date i:last-child{font-weight:300;  right:.4rem;}
.course .itemBox:nth-child(2n) .date i.fa-chevron-right:before{content:"\f053"}
.course .conBox .pic{ width:100%; position:relative; }
.course .conBox .pic:after {content: ""; display: block; padding-bottom: 66.6666%; }
.course .conBox .pic img{ position: absolute;top: 0;bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.course .conBox .font{ font-size:.18rem; line-height:2;text-align: justify; margin-top:.2rem; }
.course .itemBox:hover .date{ color: #03a349; }
.course .itemBox .owl-dots{display: none;} 
.course .itemBox .owl-nav .owl-prev,.course .itemBox .owl-nav .owl-next{position: absolute; background:none}
.course .itemBox .owl-nav .owl-prev span,.course .itemBox .owl-nav .owl-next span{display:block; background:rgba(0, 0, 0, .5); padding:.2rem .1rem; color:#fff; font-size:.24rem; font-weight:300;}
.course .itemBox .owl-nav .owl-prev{ left:1rem;} 
.course .itemBox .owl-nav .owl-next{ right:1rem;}
.course .itemBox .owl-nav .owl-next:hover span,.course .itemBox .owl-nav .owl-prev:hover span{ color: rgba(3, 163, 73, 1); }

/*资质 page*/
.Cer .gallery {  margin:-.4rem 0 0 -.4rem; }
.Cer .gallery a{ display:block; width: calc(25% - .4rem); margin:.4rem 0 0 .4rem; padding:.2rem; position: relative; border:solid 1px  rgba(0, 0, 0, .05); box-sizing:border-box; }
.Cer .gallery a .pic{ width:100%; position:relative; }
.Cer .gallery a .pic:after {content: ""; display: block; padding-bottom: 66.66666%; }
.Cer .gallery a .pic img{ position: absolute;top: 0;bottom: 0;left: 0;right: 0; /*width: 100%;*/ height: 100%; object-fit: cover; object-position: center; margin:0 auto}
.Cer .gallery a .font{ display:none; position:absolute; top:50%; left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); font-size:.24rem; color:#fff; z-index:2}
.Cer .gallery a:hover .font{ display: block}
.Cer .gallery a::before { content: "\f00e"; font:100 250%/1 "Awesome5"; color: #fff; position: absolute; top:0; left:50%; z-index: 3; opacity: 0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:.4s; -o-transition:.4s; transition:.4s;}
.Cer .gallery a::after{content: ""; width:0; height: 0; position:absolute; top:50%; left:50%; right:0; bottom:0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
-webkit-transition:.4s; -o-transition:.4s; transition:.4s; }
.Cer .gallery a:hover::before { top:50%; opacity: 1;}
.Cer .gallery a:hover::after{ width:100%; height: 100%; background:rgba(3, 163, 73, .8);}

/*公告 page */
.Section.notice{ padding-top:0;}
.notice .list li{ width: 33.3333333%; padding:.6rem; position: relative; border:solid 1px rgba(0, 0, 0, .1); border-left:none; border-top:none; box-sizing:border-box; }
.notice .list li:nth-child(3n+1){border-left:solid 1px rgba(0, 0, 0, .1); } 
.notice .list li .tit{ font-size:.18rem; font-weight:bold; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}
.notice .list li .txt{ font-size:.14rem; color:#999; line-height:2;text-align: justify;text-indent: 2em;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical; height:90px; margin-top:.2rem; }
.notice .list li .listBtm{display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox; display: -webkit-flex;display: flex; 
-webkit-box-orient: horizontal; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; margin-top:.2rem; font-size:.14rem; }
.notice .list li:hover{ background:rgba(0, 0, 0, .05);}

/* 详情 page */
.show:after{ content: ""; width:calc(30% - .1rem); height:100%; background: rgba(0, 0, 0, .02); position:absolute; top:0; bottom:0; right:0; z-index:-1}
.show .L{ width:calc(70% - .4rem); }
.show .R{ width:calc(30% - .4rem); padding-left:.8rem; box-sizing:border-box }
.show .L .txt{ font-size:.16rem; line-height:2; text-indent: 2em; }
.show .L .txt p{ padding: .5em; }
.newShow .L .title{ font-size:.36rem;}
.newShow .L .date{ font-size:.16rem; padding:.2rem 0; margin-bottom:.4rem; border-bottom:solid 1px rgba(0, 0, 0, .1);}
.Turnover { margin-top:.8rem;border-top:solid 1px rgba(0, 0, 0, .1);}
.Turnover a{ display:block; font-size:.14rem; margin-top:.1rem;text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}
.rTit{ font-size:0.3rem; margin-top:.8rem;}
.rTit:first-child{ margin:0}
.rList{ margin-top:.4rem;}
.rList li { margin-top:.2rem; padding-bottom:.2rem; border-bottom:solid 1px rgba(0, 0, 0, .1);}
.rList li .tit{ font-size:.18rem; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}
.rList li .txt{ font-size:.14rem; color:#999; line-height:2;text-align: justify; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical; margin:.1rem 0; }
.rList li .date{ font-size:.12rem;}

/*产品 page*/
.sortNav { display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between;justify-content: space-between; 
-webkit-border-radius: 2rem;-moz-border-radius: 2rem;-ms-border-radius: 2rem;-o-border-radius: 2rem;border-radius: 2rem;
overflow: auto; overflow-y:hidden; background: rgba(0, 0, 0, .05); }
.sortNav::-webkit-scrollbar { height: 2px; }
.sortNav a{ font-size:.18rem; display:block; padding:.2rem 16px; -webkit-box-flex:1; -webkit-flex:1 0 auto; -ms-flex:1 0 auto;flex:1 0 auto; text-align:center; position:relative;}
.sortNav a:hover,.sortNav a.on{background: rgba(3, 163, 73, 1); color:#fff; -webkit-border-radius: 2rem;-moz-border-radius: 2rem;-ms-border-radius: 2rem;-o-border-radius:2rem;border-radius:2rem;}
.prolist { margin:.6rem 0 0 -.4rem}
.prolist li{width:calc(25% - .4rem); margin:.2rem 0 .2rem .4rem; border: 1px solid rgba(0, 0, 0, .04); box-sizing:border-box;position: relative; top: 0; transition: all .3s; }
.prolist li .pic{position: relative; width:100%; text-align:center;}
.prolist li .pic:after {content: ""; display: block; padding-bottom: 66.66666%; }
.prolist li .pic img {position: absolute;top: 0;bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.prolist li .font{ display:block; padding: .2rem .24rem;}
.prolist li .font .tit{font-size:0.18rem; font-weight: bold; padding-bottom: .2rem; border-bottom: 1px solid #ddd;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.prolist li .font .morebox{margin-top: .2rem; text-align:right; font-size:0.14rem; position:relative; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.prolist li .font .morebox:before { content:"\f30b"; font-family:"Awesome5"; font-weight:400; position:absolute; top:2px; left:0; color:rgba(3, 163, 73, 1);  -webkit-animation: scroll3 1s ease infinite;-moz-animation: scroll3 1s ease infinite;-ms-animation: scroll3 1s ease infinite;-o-animation: scroll3 1s ease infinite;animation: scroll3 1s ease infinite;}
.prolist li:hover{ top: -.1rem;}
@-moz-keyframes scroll3 {  
  0% {transform: translate(0, 0);opacity: 0;}
  100% {transform: translate(.2rem, 0);opacity: 1;}
}
@-webkit-keyframes scroll3 {  
  0% {transform: translate(0, 0);opacity: 0;}
  100% {transform: translate(.2rem, 0);opacity: 1;}
}
@keyframes scroll3 {  
  0% {transform: translate(0, 0);opacity: 0;}
  100% {transform: translate(.2rem, 0);opacity: 1;}
}

/*产品 show page*/
.proShow .L .title{  font-size:.36rem; font-weight: bold; text-align:center; margin-bottom:.8rem; position:relative}
.proShow .L .title:after {content:"\f309"; font-family:"Awesome5"; font-weight:400; font-size:18px; position:absolute; bottom:-50%; left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0); -webkit-animation: scroll2 1s ease infinite;-moz-animation: scroll2 1s ease infinite;-ms-animation: scroll2 1s ease infinite;-o-animation: scroll2 1s ease infinite;animation: scroll2 1s ease infinite; }
.proShow .L .showPic img { margin:0 auto}
.proShow .L .detTit{ font-size:.36rem; margin:0.8rem 0; text-align:center; position:relative}
.proShow .L .detTit:before{content:""; width:40%; height:1px; background:rgba(0, 0, 0, .1); position:absolute; left:0; top:50%;}
.proShow .L .detTit:after{content:""; width:40%; height:1px; background:rgba(0, 0, 0, .1); position:absolute; right:0; top:50%;}
.rList2 {margin-top:.2rem; position:relative}
.rList2 li{ width:calc(50% - .2rem); margin-top:.2rem; text-align:center; }
.rList2 li .font{ font-size:.16rem; margin-top:.1rem;}

/*新闻 page*/
.sortNav2 { display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex; 
border-bottom:solid 1px rgba(0, 0, 0, .1); overflow: auto; overflow-y:hidden; padding-bottom:.24rem; }
.sortNav2::-webkit-scrollbar { height: 2px; }
.sortNav2 a{ font-size:.18rem; display:block; margin:0 16px; position:relative; white-space:nowrap;}
.sortNav2 a.on{color:#03a349; font-weight:bold}
.sortNav2 a.on:before{ content:"\f3c5"; font-family:"Awesome5"; font-weight:300; margin-right:4px }
.newslist li { width:100%; font-size:0; margin-top:.8rem; padding-bottom:0.8rem;border-bottom:solid 1px rgba(0, 0, 0, .04); }
.newslist li .pic{ display: inline-block; width:30%;position: relative;  }
.newslist li .pic:after {content: ""; display: block; padding-bottom: 66.66666%; }
.newslist li .pic img {position: absolute;top: 0;bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.newslist li .font{ display: inline-block; width: calc(70% - .64rem); font-size:.16rem; vertical-align:top; margin-left:.64rem; }
.newslist li .font .tit{ font-size:.3rem; padding:0.32rem 0;text-align: justify; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.newslist li .font .txt{ font-size:.18rem; color:#999; line-height:1.8;text-align: justify; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical; margin-bottom:.32rem; }
.newslist li .font .moreBtn2{ font-size:0.16rem; position:relative; color:rgba(3, 163, 73, 1);}
.newslist li .font .moreBtn2:after { content:"\f30b"; font-family:"Awesome5"; font-weight:400; position:absolute; top:2px; left:64px; -webkit-animation: scroll3 1s ease infinite;-moz-animation: scroll3 1s ease infinite;-ms-animation: scroll3 1s ease infinite;-o-animation: scroll3 1s ease infinite;animation: scroll3 1s ease infinite;}

/*海外市场 page*/
.abroad img{ margin:0 auto}

/*合作伙伴 page*/
.Parlist { margin:-.4rem 0 0 -.4rem}
.Parlist li{width:calc(20% - .4rem); margin:.4rem 0 0 .4rem; position:relative; background:rgba(255, 255, 255, 1); border: 1px solid #e8e8e8; box-sizing:border-box }
.Parlist li:after {content: ""; display: block; padding-bottom: 50%; }
.Parlist li:hover{border: 1px solid #03a349; }
.Parlist li img{ position: absolute; top: 0;bottom: 0;left: 0;right: 0; width:auto; height: 100%; object-fit: cover; object-position: center; overflow:hidden; margin:0 auto}

/*研发专利 page*/
.patent.NumBox { position:relative; background:url(../images/ban-patent.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.patent.NumBox:before,.patent.NumBox:after{content: '';display: block; background-color: rgba(255,255,255,.65);position: absolute;z-index: 2;}
.patent.NumBox .numItem{ position:relative; z-index:2}
.patent.NumBox .numItem:after{content: '';background: rgba(0,0,0,.4); width:100%; height:100%; position: absolute; top:0; left:0; bottom:0; right:0; z-index:-1}
.patent.NumBox .numItem .txt{ font-size:.2rem; font-weight:bold}

/*人才招聘 page */
.jobs{ background:rgba(0, 0, 0, .02);}
.jobs .w-auto{ max-width:1200px;}
.jobsBox { width: 100%;  margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.jobsBox li { width:100%; margin:0 auto; background:#fff; margin-bottom:2px; cursor:pointer;}
.jobsBox li .link { font-size: .2rem; position: relative; padding:.2rem .4rem; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.jobsBox li .link:before{content:"\f061"; font-family:"Awesome5"; font-weight:300; font-size:.16rem; display:inline-block; margin-right:4px}
.jobsBox li .link i{position: absolute; right: 12px; font-size: .18rem; font-weight:300; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.jobsBox li.open{ width:100%; margin:10px 0;-moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); box-shadow: 0 4px 8px 4px rgba(0,0,0,0.1); }
.jobsBox li:first-child.open{ margin-top:0}
.jobsBox li.open .link { color: #03a349; border-bottom: solid 1px rgba(0,0,0,0.1); }
.jobsBox li.open i { color: #03a349; }
.jobsBox li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.jobsBox li.default .job-Req { display: block; }
.job-Req { display: none; font-size:.16rem; padding:.6rem; line-height:2  }

/*联系 page*/
.conHd{ font-size:.4rem; font-weight:bold; text-align:center; padding-bottom:.8rem;}
.conHd .EN{font-size:.3rem; font-weight:normal; text-transform:Uppercase }
.conBox .item{ width:calc(100% / 6); padding:0 .2rem; border-left: solid 1px rgba(0,0,0,0.1); text-align:center; box-sizing:border-box}
.conBox .item:first-child{ border-left:none}
.conBox .item:first-child .th{ color:rgba(3, 163, 73, 1)}
.conBox .item:first-child .EN{ font-size:.16rem;}
.conBox .item i{ display:block;font-size:.4rem; font-weight:400; color:rgba(3, 163, 73, 1); margin-bottom:.2rem}
.conBox .item .th{font-size:.24rem; margin-bottom:.2rem;}
.conBox .item .txt{ font-size:.18rem;}
.message .w-auto{ max-width:1400px; text-align:center;}
.form{ font-size:0; position:relative;clear: both; zoom: 1; *zoom:1;}
.form form:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.form .row{ float:left; background:#f0f0f0; padding:0 20px; font-size:.16rem; box-sizing:border-box}
.form .row input[type="text"]{ background:none; height:56px; line-height:56px; font-size:.16rem; }
.form .row { width:calc(25% - 10px); margin-right:10px; text-align:left}
.form .row:nth-child(3) { width:50%;margin-right:0;}
.form .row input[type="text"]{ width:calc(100% - 80px);}
.form .row:nth-child(3) input[type="text"]{width:calc(100% - 80px);}
.form input[type="submit"]{ width: 2rem; min-width:120px; font-size: .18rem;display: block;background: #004abb; padding:.1rem 0;color: #fff;text-align: center;margin: .44rem auto 0 auto; cursor:pointer}
.message #map img{ max-width:inherit;}

/* 视频 page */
.videolist { margin:-.4rem 0 0 -.4rem;}
.videolist .item{ width:calc(25% - .4rem); margin:.4rem 0 0 .4rem; text-align:center; cursor:pointer;}
.videolist .item .pic { width:100%; position:relative}
.videolist .item .pic:before { content:"\f144"; font-family:"Awesome5"; font-size:.6rem; color:rgba(0, 0, 0, .5); position:absolute; left:50%; top:50%; z-index:3;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.videolist .item .pic:after{content: ""; display: block; padding-bottom: 66.66666%; }
.videolist .item .pic img {position: absolute;top: 0;bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.videolist .item .tit{ width:100%; text-align:center; font-size:.16rem; margin-top:.1rem }
.myVideo { width:50vw; background: #fff;position: relative; left:50%;top:50%;
-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,0);transform:translate(-50%,-50%);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); border-radius: 4px; }
.IntroBox {position: fixed; top:0; bottom:0; left:0; right:0; z-index: 29; width: 100%; height: 100%; overflow: auto; background-color:rgba(0, 0, 0, 0.45); display:none }
.myIntro { width:50vw; padding: .24rem; background: #fff;position: relative; left:50%;top:50%;
-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,0);transform:translate(-50%,-50%);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); border-radius: 4px; }
.myIntro h2{ font-size:.24rem; text-align:left;border-bottom: 1px solid #eaeaea; padding-bottom:0.2rem}
.myIntro h2 span{font-size:.18rem; color:#999; font-weight:normal; margin-left:8px }
.myIntro .txt{ font-size:.16rem; height:calc(50vh - .9rem); margin-top: .2rem; overflow:auto; overflow-x:none ; text-align:left;text-align: justify;}
.myIntro .txt::-webkit-scrollbar{width:4px;height:0}
.close { position: absolute; top: 0.1rem; right: 0.1rem; font-size: .2rem; cursor:pointer;z-index: 10; background: #222; color: #fff; border-radius: 100%; width: 24px; height: 24px; line-height: 22px;text-align: center;display: block;}
.close:after{content:"\f00d"; font-family:"Awesome5"; }



/*下载 page*/
.down ul { margin:.6rem 0 0 -.4rem}
.down ul li{width:calc(25% - .4rem); margin:.2rem 0 .2rem .4rem; border: 1px solid rgba(0, 0, 0, .1); box-sizing:border-box;position: relative; top: 0; transition: all .3s; }
.down ul li .pic{position: relative; width:100%; text-align:center;}
.down ul li .pic:after {content: ""; display: block; padding-bottom: 66.66666%; }
.down ul li .pic img {position: absolute;top: 0;bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.down ul li .txt{ font-size:0.18rem; font-weight: bold; text-align: center; padding: .2rem 0; border-bottom: 1px solid #ddd;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.down ul li:hover{ top: -.1rem;}


/*** mobile page ***/
@media only screen and (max-width:1440px) {
.Cer .gallery {  margin:-.2rem 0 0 -.2rem; }
.Cer .gallery a{ width: calc(25% - .2rem); margin:.2rem 0 0 .2rem; }
}

@media only screen and (max-width:1024px) {
.p-banner .font{ top:45%;}
.p-banner .font .tit { font-size: 20px;}
.p-banner .font .scrBtn{ font-size:16px;}
.subNav a{font-size:14px;}
.sortNav a{ font-size:14px; padding:8px 16px; }
.NumBox .numItem .txt{font-size:14px;}
.about .fontBox{font-size:14px;}
.course .conBox .font{font-size:14px;}
.notice .list li .txt{ font-size:12px}
.notice .list li .listBtm{ font-size:12px}
.PosBox{ font-size:12px}
.prolist li{width:calc(33.33333333% - .4rem); }
.prolist li .font .tit{font-size:14px;}
.prolist li .font .morebox{ font-size:14px}
.proShow .L .title:after {font-size:14px; }
.show .L .txt{ font-size:14px}
.rList li .txt{ font-size:12px;}
.rList li .date{ font-size:12px;}
.rList2 li .font{ font-size:14px;}
.sortNav2 a{ font-size:14px;}
.newslist li .font .tit{ font-size:20px;}
.newslist li .font .txt{ font-size:14px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;  }
.newslist li .font .date{ font-size:14px;  }
.p-banner .font{ text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0; }
.conHd{ font-size:24px }
.conHd .EN{font-size:18px}
.conBox .item{ width:calc(100% / 3); margin-top:16px;}
.conBox .item:first-child{width:100%; margin:0}
.conBox .item:nth-child(2),.conBox .item:nth-child(5) { border-left:none}
.conBox .item .th{ font-size:14px; font-weight:bold}
.conBox .item i{ font-size:16px;}
.form .row { width:calc(50% - 10px); margin-bottom:10px;}
.form .row:nth-child(2) {width:50%; margin-right:0;}
.form .row:nth-child(3) { width:100%; }
.form .row input[type="text"]{  height:40px; line-height:40px; }
.form input[type="submit"]{ padding:12px 0; }
.videolist .item{ width:calc(33.33333% - .4rem); margin:.4rem 0 0 .4rem; text-align:center; cursor:pointer;}
.Turnover a{ font-size:14px}
.Parlist li { width: calc(33.33333333% - .4rem);}
.patent.NumBox .numItem .txt{ font-size:14px}
.jobsBox li .link { font-size: 14px;}
.jobsBox li .link:before{ font-size:14px}
.jobsBox li .link i{ font-size:14px}
.job-Req{ font-size:14px}
.conBox .item:first-child .EN{ font-size:14px}
.conBox .item .txt{ font-size:14px}
.form .row{ font-size:14px}
.form .row input[type="text"]{ font-size:14px}
.form input[type="submit"]{ font-size:14px}
}

@media only screen and (max-width:768px) {
.p-banner .font .scrBtn{ font-size:14px;}
.Hd {font-size:18px;}
.NumBox .numItem .num {font-size:18px;}
.NumBox .numItem i {font-size:16px;}
.course .itemBox .date{ font-size:24px; font-weight:bold}
.course .itemBox .date i{font-size:16px;}
.course .conBox .font{font-size:12px;}
.Cer .gallery a { width: calc(33.33333333% - .2rem);}
.Cer .gallery a .font{ font-size:14px;}
.course .itemBox{ padding:.8rem 0;}
.PosBox {padding: 16px 0 16px .1rem;}
.Section.notice .w-auto{ padding:0;}
.notice .list li{ width: 50%; padding:.4rem; }
.notice .list li:nth-child(2n){border-right:none;border-left:none } 
.notice .list li:nth-child(3n+1){border-left:none } 
.notice .list li .tit{ font-size:14px;}
.notice .list li .txt{ height:auto}
.prolist li .font .morebox{ font-size:12px}
.proShow .L .title:after {font-size:12px; }
.proShow .L .detTit{ font-size:20px;}
.show:after{ content: ""; width:0; height:0; background: none;}
.show .L{ width:100%; }
.show .R{ width:100%;padding: 16px; margin-top:.8rem; background:rgba(0, 0, 0, .04) }
.show .L .txt{ font-size:12px}
.newShow .L .title{ font-size:16px; font-weight:bold}
.rTit{ font-size:18px; font-weight:bold; margin-top:36px}
.rList li .tit{ font-size:14px;}
.proShow .L .title{font-size:18px;}
.newslist li .font .tit{ font-size:16px;text-align: justify; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical; }
.newslist li .font .txt{ display:none; font-size:12px}
.newslist li .font .date{ font-size:12px}
.newslist li .font .moreBtn2{ display:none}
.conHd {font-size: 18px;}
.Turnover a{ font-size:12px}
.jobsBox li .link { padding:16px 20px; }
.jobsBox li .link:before{ font-size:12px}
.jobsBox li .link i{ font-size:12px}
.job-Req{ font-size:12px}
.conBox .item:first-child .EN{ font-size:12px}
.conBox .item .txt{ font-size:12px}
.form .row{ font-size:12px}
.form .row input[type="text"]{ font-size:12px}
.form input[type="submit"]{ font-size:12px}


.down ul li{ width:calc(50% - .4rem); }
.down ul li .txt{font-size:14px;}
}

@media only screen and (max-width:560px) {
.Cer .gallery a { width: calc(50% - .2rem);}
.notice .list li {width: 100%; padding: .8rem;}
.prolist li{width:calc(50% - .4rem); }
.videolist .item{ width:calc(50% - .4rem); margin:.4rem 0 0 .4rem; text-align:center; cursor:pointer;}
}

@media only screen and (max-width:320px) {
.notice .list li{ width: 100%;padding:10px;}
.notice .list li:nth-child(2n){border-left:none; } 
.notice .list li .txt{ height:auto}
.newslist li .pic{ width:100%;  }
.newslist li .font{ width: 100%; margin-left:0 }
.conBox .item{ width:calc(100% / 2); }
.conBox .item:nth-child(2),.conBox .item:nth-child(5) {  border-left: solid 1px rgba(0,0,0,0.1);}
.conBox .item:nth-child(2n) {  border-left:none;}
.form .row { width:100%}
.form .row:nth-child(2) { width:100%}
.Parlist li { width: calc(50% - .4rem);}
}