@charset "utf-8";


/*====================
	common
====================*/
.CreativeBiosciences_body {position:relative; overflow:hidden;}
header {position:absolute; top:-1px; left:0; width:100%; height:100px; z-index:100;}
body.innerPage header {position:fixed; box-shadow:0 0 10px 0 rgba(0,0,0,.05); background-color:#fff; color:#222222;}
body.gd01:not(.innerPage) header {position:fixed; box-shadow:0 0 10px 0 rgba(0,0,0,.05); background-color:#fff; color:#222222;
-webkit-animation: app1 .3s ease-out;
        animation: app1 .3s ease-out;
}
@-o-keyframes app1 {
0% {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-85px,0);
}
100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
}
@keyframes app1 {
0% {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-85px,0);
}
100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
}
header>.wrp1 {height:100%;}
.headLogo {width:111px; height:49px; position:relative; top:-10px;}
.logoNo1 {position:absolute; top:0; left:0; display:none;}
body.gd01 .logoNo1 {display:block;}
body.gd01 .logoNo0 {display:none;}
.headSearch {width:180px; height:32px; border:1px solid #fff; position:relative;}
body.gd01 .headSearch {border-color:#222;}
.headSearch .input {width:100%; height:100%; padding:0 37px 0 10px; color:#000;}
body.gd01 .headSearch .input {color:#222;}
.headSearch .input::-webkit-input-placeholder {color:rgba(255,255,255,.5);} 
body.gd01 .headSearch .input::-webkit-input-placeholder {color:rgba(34,34,34,.5);} 
.headSearch .submit {position:absolute; top:0; right:0; width:37px; height:30px; padding:0; background:url(../images/ico22.png) no-repeat center;}
body.gd01 .headSearch .submit {background:url(../images/ico3.png) no-repeat center;}
.headNav {position:absolute; top:0; left:0; right:0; margin:auto; color:#fff;}
body.gd01 .headNav {color:#222;} 
.navWrp {padding-right:20px;}
nav,nav li {display:inline-block; vertical-align:top; position:relative;}
nav li {margin:0 20px; position:relative;}
nav li:hover {color:#488945;}
body.innerPage2 nav li:hover .yjtit {color:#fff; opacity:.7;}
/*nav li:after {content:""; display:block; width:4px; height:4px; background-color:#fff; border-radius:50%; position:absolute; top:0; bottom:0; right:-22px; margin:auto;}*/
body.gd01 nav li:after {background-color:#222;}
nav .ejbody {position:absolute; top:100%; left:50%; width:170px; margin-left:-85px; color:#333; text-align:center; overflow:hidden; display:none;}
nav .txtwrp {background-color:rgba(255,255,255,.95); margin-top:35px; padding:0.375rem 0;}
nav .txtwrp:after {content:""; display:block; position:absolute; top:35px; left:0; width:100%; height:4px; background-color:#458742;}
nav .ejbody a {display:block; padding:0.3rem;}
nav .ejbody a:hover {color:#458742;}
nav .ejbody a:first-cjild {margin-top:0.25rem;}
nav .ejbody a:last-cjild {margin-bottom:0.25rem;}
.barBox,.barBox>a {display:inline-block; vertical-align:top; }
.storeBar,.weixinBar {width:19px; height:19px; position:relative;
-webkit-transition:all .3s;
		transition:all .3s;
}
.storeBar {background:url(../images/ico1-0.png) no-repeat center; margin:0 20px;}
body.gd01 .storeBar {background:url(../images/ico1-1.png) no-repeat center;}
.storeBar:hover {background:url(../images/ico1.png) no-repeat center !important;}
.weixinBar {background:url(../images/ico2-0.png) no-repeat center;}
body.gd01 .weixinBar {background:url(../images/ico2-1.png) no-repeat center;} 
.storeBar:hover {background:url(../images/ico1.png) no-repeat center !important;}
.weixinBar:hover {background:url(../images/ico2.png) no-repeat center !important;}
.codeBox {position:absolute; top:100%; left:50%; margin-left:-100px; padding-top:35px; width:120px; height:120px; display:none;}
.codeBox img {width:120px; height:120px; background-color:#fff;}
.storeBar:hover .codeBox,.weixinBar:hover .codeBox {display:block; z-index:100;}

.search_bar,.nav_bar,.ui_mo {display:none;}

.swp-dots-style1 {width:100% !important; position:absolute; bottom:20px !important; left:50% !important; z-index:3; margin:0 auto 0; font-size:0; text-align:center; 
-webkit-transform:translateX(-50%);
		transform:translateX(-50%);
}
.swp-dots-style1>span {display:inline-block; vertical-align:middle; width:8px; height:8px; background-color:transparent; border:2px solid #fff; margin:0 8px !important; opacity:1; border-radius:50%; outline: none;}
.swp-dots-style1 .swiper-pagination-bullet-active {background-color:#fff !important;}

.swp-dots-style2 {width:100% !important; position:absolute; bottom:-1rem !important; left:50% !important; z-index:3; margin:0 auto 0; font-size:0; text-align:center; 
-webkit-transform:translateX(-50%);
		transform:translateX(-50%);
}
.swp-dots-style2>span {display:inline-block; vertical-align:middle; width:8px; height:8px; background-color:transparent; border:2px solid #bcbcbc; margin:0 8px !important; opacity:1; border-radius:50%; outline: none;}
.swp-dots-style2 .swiper-pagination-bullet-active {background-color:#3b8138 !important; border-color:#3b8138;}

.swiper-container>.wrp1 {position:absolute; top:50%; left:0; right:0; margin:auto; height:0;}
.swp-prev-style1,.swp-next-style1 {width:24px; height:67px; position:absolute; top:-33.5px; z-index:2; cursor:pointer;}
.swp-prev-style1 {left:0; background:url(../images/ico16.png) no-repeat center;}
.swp-next-style1 {right:0; background:url(../images/ico17.png) no-repeat center;}

.secBody {position:relative;}
.swp-prev-style2,.swp-next-style2 {width:40px; height:40px; position:absolute; top:50%; z-index:2; cursor:pointer; background-color:#3b8138;}
.swp-prev-style2 {left:-20px;}
.swp-next-style2 {right:-20px;}
.swp-prev-style2:after,.swp-next-style2:after {content:""; display:block; width:13px; height:24px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.swp-prev-style2:after {background:url(../images/ico25.png) no-repeat left center;}
.swp-next-style2:after {background:url(../images/ico25.png) no-repeat right center;}

footer {background-color:#434343; color:rgba(255,255,255,.5); overflow:hidden;}
footer>.wrp1 {align-items:flex-start; flex-wrap:nowrap; padding:1.5rem 0 2rem;}
.footNav>ul>li {display:inline-block; vertical-align:top; margin-right:1.5rem;}
.footNav .yjtit {display:inline-block; color:rgba(255,255,255,.6); margin-bottom:0.375rem;}
.footNav .ejbody li:not(:last-child) {margin-bottom:0.25rem;}
.footNav .ejbody a:hover {color:#fff;}
.footCode>span {display:inline-block; vertical-align:top; margin-left:24px; text-align:center;}
.footCode img {width:100px; margin-bottom:15px;}
.copyRight {height:60px; color:rgba(255,255,255,.4); background-color:#363636; text-align:center;}
.fixedRight01 {position:absolute; bottom:60px; right:0; display:flex; z-index:2;}
.fixedRight01:after {content:""; display:block; width:calc((100% - 1200px)/2); max-width:8.33335vw; min-width:4.33335vw;}
.returnTop {color:rgba(255,255,255,.6); margin-bottom:0.75rem; padding-right:25px; position:relative; left:-17px;}
.returnTop:after {content:""; display:block; width:25px; height:100%; position:absolute; top:0; right:0; background:url(../images/ico6.png) no-repeat right center; opacity:.6;}
.returnTop:hover {color:#fff;}
.returnTop:hover:after {opacity:1;}

.mask {position:fixed; top:0; left:0; z-index:110; width:100%; height:100%; background-color:rgba(0,0,0,.5); display:none;}
.mask.on {display:block !important;}
.pop_limit {position:fixed; top:0; left:0; right:0; height:0; margin:auto; z-index:111;}
#video_pop {position:absolute; top:0; left:0; right:0; width:100%; height:100vh; margin:auto; display:none;}
body.v-open #video_pop {display:flex;}
body.v-open .mask {display:block;}
#video_pop .pop_wrp {width:100%; height:100vh;}
#video_pop .v_area {position:relative; max-width:100%; padding:0 40px 40px; font-size:0;}
#video_pop .splx {position:absolute; bottom:0; left:40px; right:40px; height:40px; line-height:40px; background-color:#000; color:#fff; font-size:14px; padding:0 0.5rem;}
#video_pop video {max-width:100%; max-height:100vh; background-color:#000;/*width:1080px; max-width:calc(100vw - 52px); max-height:calc(100vh - 52px); margin:26px;*/}
#video_pop iframe {max-width:100vw; max-height:100vh;/*width:1080px; height:607px; max-width:calc(100vw - 52px); max-height:calc(100vh - 52px); margin:26px;*/}
#video_pop .Prompt {padding:40px; font-size:1.1rem; font-weight:bold; color:#fff;}
#video_pop .close-v {display: block; position: absolute; top:0; right:0; z-index: 2; width: 20px; height: 20px; background:url(../images/close.png) no-repeat center; cursor: pointer;}

.wow {position:relative; top:100px; opacity:0;
-webkit-transition:opacity 1s,top 1s,left 1s,right 1s;
		transition:opacity 1s,top 1s,left 1s,right 1s;
}


/*====================
	index
====================*/
.idxBanner .swiper-slide {height:100vh;}
.idxBanner .ui_txt {position:absolute; top:0; left:0; right:0; margin:auto; height:100%; z-index:3; color:#fff; text-align:center;}
.idxBanner .p1 {font-weight:bold; text-transform:uppercase;}
.idxBanner .p2 {font-weight:bold; line-height:1.2; padding:0.5rem 0;}
.idxBanner .swp-dots-style1 {bottom:4.25rem !important;}
.idxBanner .txtwrp {position:relative; top:50%; opacity:0;
-webkit-transition:top 1s,opacity 1s;
		transition:top 1s,opacity 1s;
}
.idxBanner .swiper-slide-active .txtwrp {top:0; opacity:1;}
.scroller {position:absolute; bottom:1rem; left:0; right:0; margin:auto; z-index:2; width:1.75rem; height:1.75rem; max-height:9.3333vw; border:2px solid #fff;}
.scroller:after {content:""; display:block; width:36%; height:14px; background:url(../images/ico4.png) no-repeat center; position:relative; background-size:100%;
	-webkit-animation: todown 2s infinite linear;
			animation: todown 2s infinite linear;
}
@-webkit-keyframes todown {
	0% {
		bottom: 5px;
	}
	50% {
		bottom: -5px;
	}
	100% {
		bottom: 5px;
	}
}
@keyframes todown {
	0% {
		bottom: 5px;
	}
	50% {
		bottom: -5px;
	}
	100% {
		bottom: 5px;
	}
}
section h6.en {
	/*font-size:14px;*/ font-size:24px;
	font-weight:bold; text-align:center; text-transform:uppercase; line-height:1; margin-bottom:20px;}
section h1.cn {color:#222; font-weight:bold; text-align:center; line-height:1;}
.moreStyle1 {width:188px; height:48px; border:2px solid #222; color:#222; margin:1rem auto 0;
-webkit-transition:all .3s;
		transition:all .3s;
}
.moreStyle1 span {padding-right:48px; background:url(../images/ico7.png) no-repeat right center;}
.moreStyle1:hover {background-color:#3b8138; border-color:#3b8138; color:#fff;}
.moreStyle1:hover span {background:url(../images/ico7-0.png) no-repeat right center;}

.idxId2 {padding:3rem 0;}
.idxId2 .txtwrp {width:780px; min-width:65%; max-width:100%; margin:auto; color:#777;}
.idxId2 .secTop {position:relative; top:180px;}
.idxId2 .secDes {padding:1rem 0;
-webkit-transition-delay:.1s;
		transition-delay:.1s;
}
.v-item {position:relative; cursor:pointer;
-webkit-transition-delay:.2s;
		transition-delay:.2s;
}
.v-item img {width:100%;}
.v-item:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.05); z-index:2;}
.v-item:after {content:""; display:block; width:1.5rem; height:1.5rem; background:url(../images/ico5.png) no-repeat center; background-size:100% 100%; border:2px solid #fff; border-radius:50%; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; z-index:3; 
-webkit-transition:all .3s;
		transition:all .3s;
}
.v-item:hover:after {background-color:#3b8138; border-color:#3b8138;}
.idxId2 .secBtm {
-webkit-transition-delay:.3s;
		transition-delay:.3s;	
}
.idxId2 {padding:0;}
.idxId2 .ui_flex1>div {width:50%; max-height:100vh; top:0;
-webkit-transition:all 1s;
		transition:all 1s;
}
.idxId2 .ui_img {position:relative; right:50%;}
.idxId2 .ui_img.animated {right:0;}
.idxId2 .ui_txt {text-align:center; position:relative; right:-50%;}
.idxId2 .ui_txt.animated {right:0;}
.idxId2 .line {display:inline-block; width:40px; height:2px; background-color:#3b8138; margin:1rem 0;}
.idxId2 .secDes {padding:0; color:#777777;}
.idxId2 .secBtm {margin-top:1.5rem;}
.idxId2 .ui_txt:after {content:""; display:block; width:0;height:0;border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:17px solid #3b8138; position:absolute; top:0; bottom:0; right:-17px; margin:auto;}

.idxId3 .clearfix>div {width:50%; max-height:100vh; top:0;
-webkit-transition:all 1s;
		transition:all 1s;
}
.idxId3 .ui_img {position:relative; right:-50%;}
.idxId3 .ui_img.animated {right:0;}
.idxId3 .ui_txt {position:absolute; top:0; left:-50%; height:100%; background-color:#3b8138; color:#fff; text-align:center;}
.idxId3 .ui_txt.animated {left:0;}
.idxId3  h1.cn {color:#fff;}
.idxId3 .line {display:inline-block; width:40px; height:2px; background-color:#fff; margin:1rem 0;}
.idxId3 .secDes {color:rgba(255,255,255,.7);}
.idxId3 .secBtm {margin-top:2.5rem;}
.idxId3 .secBtm>a {display:inline-block; vertical-align:top;  margin:0 15px; padding-right:48px; background:url(../images/ico7-0.png) no-repeat right center; padding-bottom:10px; border-bottom:4px solid #fff;}
.idxId3 .ui_txt:after {content:""; display:block; width:0;height:0;border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:17px solid #3b8138; position:absolute; top:0; bottom:0; right:-17px; margin:auto;}

.idxId4 {padding:3rem 0;}
.idxNews {margin:1rem -0.75rem 0;
-webkit-transition-delay:.1s;
		transition-delay:.1s;
}
.idxId4 .swpPrev1,.idxId4 .swpNext1 {display:none;}
.idxId4 .swiper-slide {padding:0 0.75rem; height:auto;}
.idxId4 .item {display:block; height:100%; border:1px solid #dddddd;}
.idxId4 img {
-webkit-transition:all 1s;
		transition:all 1s;	
}
.idxId4 .ui_img {width:calc(100% + 2px); top:-1px; left:-1px;}
.idxId4 .item:hover img {
-webkit-transform:scale(1.1);
		transform:scale(1.1);
	
}
.idxId4 .ui_txt {padding:0.5rem; color:#777;}
.idxId4 .tit {color:#222; margin-bottom:0.375rem;
-webkit-transition:all .3s;
		transition:all .3s;
}
.idxId4 .item:hover .tit {color:#3b8138;}
.idxId4 .date {color:#3b8138; margin-top:0.375rem;}
.idxId4 .secBtm {
-webkit-transition-delay:.2s;
		transition-delay:.2s;
}

.idxId5 .ui_bg {height:750px; max-height:100vh; background-attachment:fixed; color:#fff;}
.idxId5 .wrp1 {margin-bottom:96px; margin-top:-1rem;}
.idxContact {margin-top:2rem; text-align:center;
-webkit-transition-delay:.1s;
		transition-delay:.1s;
}
.idxContact .ui_flex1 {align-items: flex-start;}
.idxId5 li {width:105px; color:#f2f2f2; text-align:left;}
.idxId5 li .item {position:relative;}
.idxId5 .txtwrp {position:absolute; top:100%; left:0; width:5.5rem;}
.idxId5  h1.cn {color:#fff;}
.idxId5 .p1 {padding:0.75rem 0 0.25rem;}

/*====================
	prod
====================*/
.innerBanner .ui_bg {height:320px;}
.pageTit {color:#fff; font-weight:bold;
-webkit-transform:translateY(25%);
		transform:translateY(25%);
}
.prodId2 {padding:1.75rem 0;}
.prodId2 .h1 {color:#3b8138; text-align:center; margin-bottom:1.75rem;
-webkit-transition-delay:.1s;
		transition-delay:.1s;
}
.prodId2 .secDes {width:64%; color:#777;}
.prodId2 .ui_pic {width:36%; padding:0.75rem; position:relative; top:-0.75rem;}
.prodId2 .h2 {color:#222; font-weight:bold; margin-bottom:0.5rem;
-webkit-transition-delay:.2s;
		transition-delay:.2s;
}
.prodId2 .txtwrp {
-webkit-transition-delay:.2s;
		transition-delay:.2s;
}

.prodId3 {padding:2rem 0; background-color:#f6f6f6;}
.prodList ul {margin:0 -0.75rem;}
.prodList li {width:50%; top:0;
-webkit-transition:all 1s;
		transition:all 1s;	
}
.prodList li:nth-of-type(2n-1) {left:-50%;}
.prodList li:nth-of-type(2n) {left:50%;}
.prodList li.animated {left:0 !important; right:0 !important;}
.prodList .item {margin:0 0.75rem; height:100%;}
.prodId3 .h2 {color:#222; font-weight:bold; margin-bottom:0.5rem;}

.prodId4 {padding:1.75rem 0;}
.prodId4 .h2 {color:#222; font-weight:bold; margin-bottom:1rem;}
.prodAdv li {width:25%; text-align:center;}
.prodAdv .item {width:180px; height:180px; margin:auto; border-radius:50%; border:1px solid #e0e0e0; color:#777;}
.prodAdv .ui_icon {height:43px; margin-bottom:0.25rem;}
.prodAdv .item:hover {border-color:#3b8138; color:#3b8138;}

.prodId5 {padding:1.75rem 0; background-color:#f6f6f6; color:#777;}
.prodId5 .h2 {color:#222; font-weight:bold; margin-bottom:0.5rem;}

.ck {text-decoration:underline; font-style:italic;}
.prodId6 {padding:2rem 0;}
.prodId6 .h2 {color:#222; font-weight:bold; margin-bottom:0.5rem;}
.prodId6 .txtwrp {width:800px; min-width:66.6666%; max-width:100%; color:#777;}

.prodId7 {padding:2rem 0; background-color:#f6f6f6;}
.prodId7 .h2 {color:#222; font-weight:bold; margin-bottom:0.5rem;}
.prodCase {margin:0 -0.75rem;}
.prodCase .swiper-slide {padding:0 0.75rem;}
.prodCase .item {display:block; height:100%; background-color:#fff;}
.prodCase .ui_txt {padding:0.375rem 0.75rem;}
.prodCase img {
-webkit-transition:all 1s;
		transition:all 1s;	
}
.prodCase .item:hover img {
-webkit-transform:scale(1.1);
		transform:scale(1.1);
}
.prodCase .item:hover {color:#3b8138;}

.prodId8 {padding:1.75rem 0;}
.prodId8 .h2 {color:#222; font-weight:bold; margin-bottom:1rem;}
.prodId8 .txtwrp {width:800px; min-width:66.6666%; max-width:100%; color:#777;}
.QAlist {border:1px solid #dddddd; color:#777;}
.QAlist li:not(:last-child) {border-bottom:1px solid #dddddd;}
.Q {padding:0.5rem calc(1.5rem + 30px) 0.5rem 1rem; position:relative; cursor:pointer; 
-webkit-transition:all .3s;
		transition:all .3s;
}
.Q:before {content:""; display:block; position:absolute; top:0; left:0.75rem; top:0; bottom:0; margin:auto; width:3px; height:3px; background-color:#666666; border-radius:50%;}
.Q:after {content:""; display:block; width:30px; height:30px; position:absolute; top:0; bottom:0; right:0.75rem; background:url(../images/ico19.png) no-repeat center; margin:auto;}
.A {border-top:1px solid #dddddd; padding:1rem calc(1.5rem + 30px) 1rem 1rem; display:none;}
.QAlist .on .Q:after {height:1px;}
.QAlist .on .Q,.QAlist .Q:hover {color:#3b8138;}
.QAlist .on .Q:before {background-color:#3b8138;}

.paging {margin-top:1rem; text-align:center;}
.paging>span,.paging>a {display:inline-block; vertical-align:top; width:32px; height:32px; line-height:32px; margin:0 0.375rem; position:relative; text-align:center; color:#777;border:1px solid #dddddd;}
/*.paging>a:not(:last-of-type):after {content:""; display:block; position:absolute; top:0; bottom:0; right:-0.375rem; margin:auto; width:2px; height:2px; border-radius:50%; background-color:#979797;}*/

.prevMax {background:url(../images/ico14.png) no-repeat center;}
.nextMax {background:url(../images/ico15.png) no-repeat center;}
.paging .prev:after,.paging .next:after {content:""; display:block; width:7px; height:12px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.paging .prev:after {background:url(../images/ico14.png) no-repeat left center;}
.paging .next:after {background:url(../images/ico15.png) no-repeat right center;}
.paging>a:hover,.paging>span:hover {border-color:#3b8138; background-color:#3b8138; color:#fff;}
.prevMax:hover {background:url(../images/ico14-0.png) no-repeat center;}
.nextMax:hover {background:url(../images/ico15-0.png) no-repeat center;}
.paging .prev:hover:after {background:url(../images/ico14-0.png) no-repeat left center;}
.paging .next:hover:after {background:url(../images/ico15-0.png) no-repeat right center;}

.prodId9 {padding:1.75rem 0; background-color:#f6f6f6;}
.prodId9 .h2 {color:#222; font-weight:bold; margin-bottom:1rem;}
.flowList li {width:16.6%; color:#777; text-align:center;}
.flowList .ui_ico {width:86px; height:86px; margin:0 auto 0.5rem; background-color:#3b8138; border-radius:50%; overflow:hidden; cursor:pointer;}
.flowList .ui_bar:hover {color:#3b8138;}

#flow_pop {position:absolute; top:0; left:0; right:0; width:100%; height:0; margin:auto; overflow:hidden; opacity:0;}
body.pop-open #flow_pop {height:100vh; opacity:1;}
body.pop-open .mask {display:block;}
#flow_pop .pop_wrp {width:660px; /*height:700px;*/ padding:0 40px; max-height:100%; position:relative;}
#flow_pop .pop_mcs {background-color:#fff; color:#666; line-height:1.8; height:100%;}
.pop_mcs .h3 {color:#222; margin-bottom:0.75rem; padding:40px 40px 0;}
.pop_mcs .txtwrp {padding:0 40px 40px;}
.close-pop {display: block; position: absolute; top:0; right:0; z-index: 2; width: 20px; height: 20px; background:url(../images/close.png) no-repeat center; cursor: pointer;}

.mCSB_inside>.mCSB_container {margin-right:0;}
.mCSB_scrollTools {width:10px; background-color:#f6f6f6; opacity:1 !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:10px; background-color:#3b8138 !important; border-radius:0;}
.mCSB_scrollTools .mCSB_draggerRail {display:none;}

.prodAdv,.prodFit,.prodTJ,.prodCase,.QAlist,.flowList {
-webkit-transition-delay:.2s;
		transition-delay:.2s;	
}

/*====================
	intro
====================*/
.navEj {border-bottom:1px solid #eeeeee; color:#777; text-align:center;}
.navEj a {display:inline-block; vertical-align:top; margin:0 0.625rem; position:relative; padding:0.5rem 0;}
.navEj a:after {content:""; display:block; width:0; height:2px; background-color:#3b8138; position:absolute; bottom:-1px; left:0; right:0; margin:auto; margin:auto;
-webkit-transition:all .3s;
		transition:all .3s;
}
.navEj .cur,.navEj a:hover {color:#3b8138;}
.navEj .cur:after,.navEj a:hover:after {width:100%;}

.introId2 .secMain {padding:1.75rem 0;}
.introId2 .v-item {width:48%; margin-left:5%;}
.introId2 .ui_txt {width:47%; color:#777; line-height:1.8;}
.introId2 .h1 {color:#3b8138; text-align:center; margin-bottom:1.75rem;}

.introId3 {padding:1.75rem 0 1.25rem; background-color:#f6f6f6;}
.introId3 .h2 {color:#222; margin-bottom:0.5rem;}
.honorSwp {margin:0 -0.5rem; padding:0.5rem 0;}
.honorSwp .swiper-slide {height:auto;}
.honorSwp .item {margin:0 0.5rem; height:100%;}
.honorSwp img {width:100%;
-webkit-transition:all 1s;
		transition:all 1s;	
}
.honorSwp .item:hover img {
-webkit-transform:scale(1.1);
		transform:scale(1.1);
}

.introId2 .clearfix,.honorSwp {
-webkit-transition-delay:.2s;
		transition-delay:.2s;	
}

/*====================
	originator
====================*/
.originatorId2 article {dispaly:block; width:640px; min-width:54%; max-width:100%; margin:auto; padding:1.75rem 0 2.5rem; color:#777; line-height:1.8;}
.originatorId2 .h1 {color:#3b8138; text-align:center; margin-bottom:1.5rem;}

/*====================
	history
====================*/
.historyList {padding:2.5rem 0;}
.historyList ul {margin:0 -1.25rem; position:relative; padding-bottom:2rem;}
.historyList ul:before {content:""; display:block; width:1px; height:100%; background-color:#e7e7e7; position:absolute; top:0.5rem; left:0; right:0; margin:15px auto 0;}
.historyList .item>div {width:50%; padding:0 1.25rem; color:#777;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.historyList li:not(:last-child) {margin-bottom:0.75rem;}
.historyList li:nth-of-type(2n-1) .item>div {float:left;}
.historyList li:nth-of-type(2n) .item>div {float:right; text-align:right;}
.historyList .year {display:inline-block; padding-top:0.5rem; color:#222; font-weight:bold; font-style:italic; line-height:1; font-size:30px; position:relative;}
.historyList .year:before {content:""; display:block; width:1rem; height:1px; background-color:#e7e7e7; position:absolute; top:0.5rem; margin-top:15px;} 
.historyList .year:after {content:""; display:block; width:7px; height:7px; background-color:#e7e7e7; position:absolute; top:0.5rem; border-radius:50%; margin-top:12px;}
.historyList li:nth-of-type(2n-1) .year:before {left:-1.25rem;}
.historyList li:nth-of-type(2n-1) .year:after {left:-1.25rem; margin-left:-4px;}
.historyList li:nth-of-type(2n) .year:before {right:-1.25rem;}
.historyList li:nth-of-type(2n) .year:after {right:-1.25rem; margin-right:-3px;}
.historyList .txtwrp {line-height:1.8; margin-top:0.375rem;}
.moreStyle2 {width:180px; height:48px; border:1px solid #e7e7e7; margin:15px auto 0; position:relative; top:0.5rem; font-weight:bold; color:#777;
-webkit-transition:all .3s;
		transition:all .3s;
}
.moreStyle2:hover {background-color:#3b8138; border-color:#3b8138; color:#fff;}
.historyList li:nth-of-type(2n-1) .ui_img {top:0; left:-50%;}
.historyList li:nth-of-type(2n-1) .ui_txt {top:0; left:50%;}
.historyList li:nth-of-type(2n) .ui_img {top:0; left:50%;}
.historyList li:nth-of-type(2n) .ui_txt {top:0; left:-50%;}
.historyList .item>div.animated {left:0 !important; right:0 !important;}
.historyList .ui_img span {display:block; overflow:hidden;}
.historyList img {
-webkit-transition:all 1s;
		transition:all 1s;	
}
.historyList .ui_img span:hover img {
-webkit-transform:scale(1.1);
		transform:scale(1.1);
}

/*====================
	contact
====================*/
.contactId2 .secMain {align-items:flex-start; padding:1.75rem 0 3.5rem;}
.contactList {width:300px; color:#fff;}
.contactList li:first-of-type {/*margin-bottom:0.5rem; border-radius:7px;*/ overflow:hidden;}
.contactList li:nth-of-type(2) {/*border-radius:7px 7px 0 0;*/ overflow:hidden;}
.contactList li:last-of-type {border-radius:0 0 7px 7px; overflow:hidden;}
.contactList li:not(:last-of-type) {border-bottom:1px solid #357432;}
.contactList .p1 {padding:0.375rem calc(1rem + 15px) 0.375rem 0.5rem; background-color:#3b8138; position:relative; cursor:pointer;}
.contactList .p1:after {content:""; display:block; width:15px; height:15px; background:url(../images/ico8.png) no-repeat center; background-size:100%; position:absolute; top:0; bottom:0; right:0.5rem; margin:auto;}
.contactList .on .p1:after {height:2px;}
.contactList .p2 {padding:0.5rem calc(1rem + 15px) 0.5rem 0.5rem; background-color:#357432; line-height:1.8;}
.contactList li:not(:first-of-type) .p2 {display:none;}
.contactList .address {padding-left:25px; background:url(../images/ico9.png) no-repeat left top;}
.contactList .phone {padding-left:25px; background:url(../images/ico10.png) no-repeat left top; margin-top:0.125rem;}
.mapBox {width:calc(100% - 300px); text-align:center;}
.map {display:inline-block; position:relative; margin-top:2rem;}
.mapDots span {display:block; width:1px; height:1px; background-color:red; position:absolute;} 
.mapDots span:after {content:""; display:block; width:39px; height:44px; background:url(../images/ico11-1.png) no-repeat center; background-size:100%; position:absolute; bottom:0; left:0;}
.mapDots .cur {z-index:99;}
.mapDots .cur:after {width:57px; height:63px; background:url(../images/ico12-1.png) no-repeat center; background-size:100%;}

/*====================
	news
====================*/
.newsBanner .swiper-slide {height:100vh;}
.newsBanner .ui_txt {position:absolute; top:0; left:0; right:0; margin:auto; height:100%; z-index:3; color:#fff; text-align:center;}
.newsBanner .p1 {font-weight:bold; text-transform:uppercase; line-height:1.2;}
.newsBanner .p2 {font-weight:bold; padding:0.5rem 0;}
.newsBanner .swp-dots-style1 {bottom:1.25rem !important;}
.newsBanner .txtwrp {position:relative; top:50%; opacity:0;
-webkit-transition:top 1s .5s,opacity 1s .5s;
		transition:top 1s .5s,opacity 1s .5s;
}
.newsBanner .swiper-slide-active .txtwrp {top:0; opacity:1;}

.zixunBanner .swiper-slide {height:100vh;}
.zixunBanner .ui_txt {position:absolute; top:0; left:0; right:0; margin:auto; height:100%; z-index:3; color:#fff; text-align:center;}
.zixunBanner .p1 {font-weight:bold; text-transform:uppercase; line-height:1.2;}
.zixunBanner .p2 {font-weight:bold; padding:0.5rem 0;}
.zixunBanner .swp-dots-style1 {bottom:1.25rem !important;}
.zixunBanner .txtwrp {position:relative; top:50%; opacity:0;
-webkit-transition:top 1s .5s,opacity 1s .5s;
		transition:top 1s .5s,opacity 1s .5s;
}
.zixunBanner .swiper-slide-active .txtwrp {top:0; opacity:1;}

.newsId2 {padding:2.25rem 0;}
.newsList ul {margin:-0.75rem;}
.newsList li {width:33.3333%; margin:0.75rem 0;}
.newsList .item {height:100%; border:1px solid #dddddd; margin:0 0.75rem;}
.newsList img {
-webkit-transition:all 1s;
		transition:all 1s;	
}
.newsList .ui_img {width:calc(100% + 2px); top:-1px; left:-1px;}
.newsList .item:hover img {
-webkit-transform:scale(1.1);
		transform:scale(1.1);
	
}
.newsList .ui_txt {padding:0.5rem; color:#777;}
.newsList .tit {color:#222; margin-bottom:0.375rem;
-webkit-transition:all .3s;
		transition:all .3s;
}
.newsList .item:hover .tit {color:#3b8138;}
.newsList .date {color:#3b8138; margin-top:0.375rem;}
.newsId2 .paging {margin-top:1rem;}

.newsDetailId1 {background-color:#f2f2f2; padding:1.25rem 0 2.5rem; margin-top:100px;}
.newsDetailId1 article {width:950px; min-width:79%; max-width:100%; margin:auto; padding:1.25rem 2rem; background-color:#fff;}
.newsDetailId1 .newsTit {font-weight:bold; color:#222; text-align:center;}
.newsDetailId1 .newsDate {margin:0.5rem 0 0.75rem; text-align:center; color:#999999;} 
.newsDetailId1 .newsCont {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:0.75rem 0 2.5rem; color:#666; line-height:1.8; margin-bottom:0.75rem;}
.pagingMin>a {display:inline-block; vertical-align:top; width:70px; height:46px; line-height:46px; border:1px solid #d6d6d6; font-weight:bold; color:#222; text-align:center; margin-right:10px;}
.returnList {display:inline-block; vertical-align:top; width:70px; height:46px; line-height:46px; background-color:#3b8138; border:1px solid #3b8138; font-weight:bold; color:#fff; text-align:center;}

/*====================
	job
====================*/
.jobId2 {padding:1.5rem 0 2.5rem;}
.jobList li {border:1px solid #efefef; padding:0.75rem calc(1.5rem + 80px) 0.75rem 0.75rem; color:#666; line-height:1.8; position:relative;}
.jobList li:not(:last-of-type) {margin-bottom:0.75rem;} 
.jobList .h2 {color:#222; font-weight:bold; margin-bottom:0.5rem;}
.applyBar {display:block;width:80px; height:46px; line-height:46px; background-color:#3b8138; border:1px solid #3b8138; font-weight:bold; color:#fff; text-align:center; cursor:pointer; position:absolute; bottom:0.75rem; right:0.75rem;
-webkit-transition:all .3s;
		transition:all .3s;
}
.applyBar:hover {color:#3b8138; background-color:transparent;}
.welfare {color:#666; line-height:1.8; margin-top:40px;}
.welfare .h2 {font-weight:bold; margin-bottom:10px;}

#job_pop {position:absolute; top:0; left:0; right:0; width:100%; height:100vh; margin:auto; overflow:hidden; display:none;}
body.pop-open #job_pop {display:flex;}
#job_pop .pop_wrp {width:660px; height:auto; max-height:83.3333%; position:relative; padding:0 40px;}
.applyForm {background-color:#fff; padding:0.75rem;}
#job_pop h1 {font-weight:bold; text-align:center; margin-bottom:30px;}
#job_pop dl {margin:0 -0.5rem;}
#job_pop dd {padding:0 0.5rem; width:100%;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
#job_pop dd:not(:last-of-type) {margin-bottom:0.75rem;}
#job_pop .half {width:50%;}
#job_pop input {width:100%; height:60px; background-color:#f8f8f8; padding:0 0.5rem;}
#job_pop .FileArea {width:100%; height:60px; line-height:60px; background-color:#f8f8f8; position:relative; text-align:center;}
#job_pop #file {position:absolute; z-index:2; top:0; bottom:0; right:0; margin:auto; width:100%; height:60px;  font-size:0; overflow:hidden; cursor:pointer; opacity:0;}
#job_pop label:after {content:""; display:block; width:100%; height:100%; background:url(../images/ico23.png) no-repeat center; position:absolute; top:0; left:0;}
#job_pop label.on:after {display:none;}
#job_pop .submit {display:block; width:150px; height:48px; line-height:48px; background-color:#3b8138; border:1px solid #3b8138; font-weight:bold; color:#fff; margin:auto;}

.zixunDetailList {padding:1.75rem 0 0;}
.zixunDetailList .h1 {color:#3b8138; text-align:center;}
.zixunDetailList .h2 {color:#222; font-weight:bold; line-height:1.2; margin-bottom:0.5rem;}
.zixunDetailList .item {padding:1.75rem 0;}
.zixunDetailList .ui_img {width:28%;}
.zixunDetailList .ui_txt {width:72%; color:#777; line-height:1.8;}
.zixunDetailList li.even1 .item>div {float:left;}
.zixunDetailList li.odd1 .item>div {float:right;}
.zixunDetailList li.even1 .ui_txt {padding-left:7.5%;}
.zixunDetailList li.odd1 .ui_txt {padding-right:7.5%;}
.zixunDetailList li.even1 .ui_img {padding-left:2.5%;}
.zixunDetailList li.odd1 .ui_img {padding-right:2.5%;}
.zixunDetailList .ts .ui_txt {padding:0 !important; width:100%;}
.zixunDetailList li.even2 {background-color:#f6f6f6;}

/*====================
	search
====================*/
.searchId2 {padding-bottom:3rem;}
.search {width:660px; max-width:100%; position:relative; margin:1.5rem auto;}
.search .input {width:100%; height:50px; border:2px solid #e8e8e8; padding:0 80px 0 15px; color:#777777;}
.search .input:focus {border-color:#3b8138;}
.search .submit {position:absolute; top:0; right:0; width:80px; height:100%; padding:0; background-color:#3b8138; text-align:center; color:#fff;}
.search .input::-webkit-input-placeholder {color:#777777;} 
.searchResultList {width:calc(100% - 130px); color:#777777; padding-left:1.5rem;}
.searchResultList a {display:block; padding:0.375rem 0 0.375rem 140px; border-bottom:1px solid #eeeeee; position:relative;}
.searchResultList a:hover {color:#3b8138;}
.searchResultList .cat {position:absolute; top:0.375rem; left:0; width:140px; padding-left:20px; background:url(../images/ico14.png) no-repeat left center; background-size:6px;}
.searchTotal {padding-bottom:0.25rem; margin-bottom:0.375rem; border-bottom:1px solid #eeeeee;}
.searchTotal .fl {font-weight:bold;}
.filtrate {width:130px; color:#777;}
.filtrate ul {margin-top:0.5rem;}
.filtrate li {margin-bottom:0.375rem;}
.filtrate a {position:relative; padding-left:25px;}
.filtrate a:before {content:""; display:block; width:14px; height:14px; border:1px solid #e2e2e2; border-radius:50%; position:absolute; top:0; bottom:0; left:0; margin:auto;}
.filtrate .cur a:before {background:url(../images/ico20.png) no-repeat center;}

.wow.animated {top:0; opacity:1;}

@media only screen and (max-height:1360px) and (max-height:690px) {
.idxBanner .swp-dots-style1 {bottom:3.75rem !important;}
}
@media only screen and (max-width:1280px) {
nav li {margin:0 10px;}
nav li:after {right:-12px;}
.storeBar {margin:0 10px;}

.introId2 .ui_txt {width:auto;} 
.zixunDetailList .ui_txt {width:auto; float:none !important; padding:0 !important;}
.zixunDetailList .ui_img {padding:0 !important; margin-bottom:1.125rem;}
.zixunDetailList li.odd1 .ui_img {margin-left:1.125rem;}
.zixunDetailList li.even1 .ui_img {margin-right:1.125rem}
}
@media only screen and (max-width:1024px) {
.ui_font16 {font-size:14px;}
.ui_font18 {font-size:16px;}
.ui_font20 {font-size:16px;}
.ui_font22 {font-size:18px;}
.ui_font24 {font-size:20px;}
.ui_font30 {font-size:0.9rem;}
.ui_font48 {font-size:1.1rem;}
.ui_font60 {font-size:1.3rem;}
header {height:70px;}
.headLogo {top:0;}
.headNav {display:none;}
.headSearch {position:absolute; top:69px; left:-4.33335vw; width:100vw; height:70px; padding:15px 0; background-color:#fff; border:none !important; display:none;}
.headSearch .input {display:block; width:91.3333%; height:40px; margin:auto; border-bottom:2px solid #e4e5e5; padding-left:0;}
.headSearch .input::-webkit-input-placeholder {color:rgba(34,34,34,.5);} 
.headSearch .submit {top:0; right:4.33335%; width:20px; height:100%; background:url(../images/ico24-1.png) no-repeat right center !important; background-size:100% !important;}
.search_bar {display:block; position:absolute; right:40px; top:0; width:20px; height:100%; background:url(../images/ico24.png) no-repeat center; background-size:100%;}
body.gd01 .search_bar {background:url(../images/ico24-0.png) no-repeat center; background-size:100%;}
.storeBar,.weixinBar {display:none}
body.kq_nav .storeBar {display:block; background:url(../images/ico1-1.png) no-repeat center !important; position:absolute; top:0; bottom:0; right:4.33335%; margin:auto;} 
body.kq_nav .weixinBar {display:block; background:url(../images/ico2-1.png) no-repeat center !important; position:absolute; top:0; bottom:0; right:4.33335%; margin:auto; margin-right:40px;} 
.nav_bar {display: block;width: 20px;height:100%;position: absolute;top: 0;right: 0;font-size: 0;text-align: center;cursor: pointer}
.nav_bar:before {content: "";display: inline-block;vertical-align: middle;width: 0;height: 100%}
.nav_bar span {display: inline-block;vertical-align: middle;width: 20px;height: 16px;position: relative}
.nav_bar i {display: block;height: 2px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto}
.nav_bar i:before,.nav_bar i:after,.nav_bar span:after {content: "";display: block;width: 100%;height: 2px;background-color: #fff;position: absolute;left: 0;
-webkit-transition: top .3s,bottom .3s,-webkit-transform .3s;
		transition: top .3s,bottom .3s,transform .3s
}
body.gd01 .nav_bar i:before,body.gd01 .nav_bar i:after,body.gd01 .nav_bar span:after {background-color: #000}
body.kq_nav {overflow:hidden;}
body.kq_nav .nav_bar i:before,body.kq_nav .nav_bar i:after,body.kq_nav .nav_bar span:after {background-color: #000}
.nav_bar i:before {top: -7px}
.nav_bar i:after {bottom: -7px}
.nav_bar span:after {top: 7px}
body.kq_nav .nav_bar i:before {top: 1px;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg)
}
body.kq_nav .nav_bar i:after {bottom: 0;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg)
}
body.kq_nav .nav_bar span:after {opacity: 0}
body.kq_nav .search_bar {display:none;}
.monav .nav_bar {display:block; position:absolute; top:0; width:70px; height:70px; background-color:#fff;}
.monav {display: block;position: fixed;z-index: 120;top:0;right: 0; width:100%; height:100%; margin: auto;background-color: #fff; padding-top:70px;
	-webkit-transform: translateX(calc(100% + 70px));
			transform: translateX(calc(100% + 70px));
}
body.kq_nav .monav {
	-webkit-transform: translateX(0);
			transform: translateX(0)
}
.nav_top {position:absolute; top:0; right:0; width:100%; height:70px;}
.nav_main {height:100%;}
.monav li {opacity: 0; text-align:left;
	-webkit-transform: translate(-1rem);
			transform: translate(-1rem)
}
body.kq_nav .monav li:nth-of-type(1) {
	-webkit-transition: -webkit-transform .5s .1s,opacity .5s .1s;
			transition: transform .5s .1s,opacity .5s .1s
}
body.kq_nav .monav li:nth-of-type(2) {
	-webkit-transition: -webkit-transform .5s .2s,opacity .5s .2s;
			transition: transform .5s .2s,opacity .5s .2s
}
body.kq_nav .monav li:nth-of-type(3) {
	-webkit-transition: -webkit-transform .5s .3s,opacity .5s .3s;
			transition: transform .5s .3s,opacity .5s .3s
}
body.kq_nav .monav li:nth-of-type(4) {
	-webkit-transition: -webkit-transform .5s .4s,opacity .5s .4s;
			transition: transform .5s .4s,opacity .5s .4s
}
body.kq_nav .monav li:nth-of-type(5) {
	-webkit-transition: -webkit-transform .5s .5s,opacity .5s .5s;
	transition: transform .5s .2s,opacity .5s .5s
}
body.kq_nav .monav li:nth-of-type(6) {
	-webkit-transition: -webkit-transform .5s .6s,opacity .5s .6s;
			transition: transform .5s .6s,opacity .5s .6s
}
body.kq_nav .monav li:nth-of-type(7) {
	-webkit-transition: -webkit-transform .5s .7s,opacity .5s .7s;
			transition: transform .5s .7s,opacity .5s .7s
}
.monav .yjtit {display: flex;justify-content: left;align-items: center;height:50px;font-size:0.75rem;position: relative; border-bottom:1px solid #e8e8e8; padding-left:25px; padding-right:60px;}
.monav li:first-of-type .yjtit {border-top:1px solid #e8e8e8;}
.monav .cur:first-of-type .yjtit {border-color:#3b8138;}
.monav .hasEj .yjtit {background:url(../images/ico4-1.png) no-repeat calc(100% - 20px) center; background-size:20px;}
.monav .hasEj.cur .yjtit {background:#3b8138 url(../images/ico4.png) no-repeat calc(100% - 20px) center; background-size:20px;}
.monav .cur .yjtit {color:#fff; border-color:#3b8138; background-color:#3b8138;}
.monav .yjtit::after {content: "";width: 0;height: 100%}
.monav .ejbody {border-bottom:1px solid #e8e8e8; background-color:#f4f4f4; padding:10px 0; display:none;}
.monav .ejbody a {display:block; height:40px; line-height:40px; padding:0 1.25rem;}
body.kq_nav .monav li {opacity: 1;
	-webkit-transform: translate(0);
			transform: translate(0)
}
codeBox {top:24px;} 
footer {font-size:12px;}
.footNav>ul>li {margin-right:0.75rem;}
.footCode img {width:70px;}

section h6.en {margin-bottom:10px;}
.banner .ui_mo {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.idxId2 .secBtm {margin-top:0.75rem;}
.idxId2 .secDes {font-size:12px;}
.idxId3 .secBtm {margin-top:1.25rem;}
.idxId3 .secBtm>a {padding-bottom:5px; border-width:2px; font-size:14px; padding-right:24px; background-size:12px;}
.idxId2 .line,.idxId3 .line {margin:0.5rem 0;}
.idxNews {margin:1rem -0.375rem 0;}
.idxId4 .swiper-slide {padding:0 0.375rem;}
.idxContact {font-size:12px;}

.prodAdv li {width:50%; margin:0.5rem 0;}
.prodList ul {margin:0 -0.375rem;}
.prodList .item {margin:0 0.375rem;}
.prodCase {margin:0 -0.375rem;}
.prodCase .swiper-slide {padding:0 0.375rem;}

.newsList ul {margin:0 -0.375rem;}
.newsList .item {margin:0 0.375rem;}

.newsDetailId1 {margin-top:70px;}

.searchResultList {width:100%; padding-left:0;}
.filtrate {width:100%; padding:1.5rem 0;}
.filtrate>span {display:block; padding:0.25rem 0; border-bottom:1px solid #eeeeee;}
.filtrate li {float:left; width:320px; max-width:50%;}
.searchTotal {position:static;}
.searchTotal .fr {position:absolute; top:50px; left:0; margin-top:1.5rem; width:100%; text-align:center;}
}
@media only screen and (max-width:768px) {
footer>.wrp1 {display:block;}
.footNav {}
.footNav>ul>li {display:block; float:left; width:20%; margin-right:0;}
.footCode {text-align:center; margin:1.5rem 0 0.5rem;}
.footCode span:first-of-type {margin-left:0;}
.footCode img {width:100px;} 
.idxId5 li {width:24%; text-align:center;}
.idxId5 .p2 br {display:none;}
.idxId5 .txtwrp {position:static; width:auto;}
.idxId5 .wrp1 {margin:0;}
.idxId4 .swpPrev1,.idxId4 .swpNext1 {display:block;}

.innerBanner .ui_bg {height:160px;}

.contactList,.mapBox {width:100%;}
}
@media only screen and (max-width:640px) {
header {height:54px;}
.headLogo {width:90px; height:40px;}
.headSearch {height:54px; padding:7px; top:53px;}
.nav_top {height:53px;}
.monav .nav_bar {width:53px; height:53px;}
body.kq_nav .navWrp {height:53px; padding-left:53px;}
body.kq_nav .nav_bar {width:53px; height:53px;}
.monav {padding-top:53px;
	-webkit-transform: translateX(calc(100% + 53px));
			transform: translateX(calc(100% + 53px));
}
codeBox {top:16px;}

.footNav>ul {display:flex; flex-wrap:wrap;}
.footNav>ul>li {width:50%; float:none; padding:0 0 1rem;}
.footCode {position:absolute; bottom:3rem; margin:0 0 0; right:0;}
.footCode img {width:75px;}

.paging>a {margin:0;}
.paging>a:after {display:none;}
.paging>span {margin:0 5px;}

.idxId2 .ui_flex1>div {width:100%;}
.idxId3 .clearfix>div {width:100%; position:static;}
.idxId2 .ui_txt,.idxId3 .ui_txt {padding:2.5rem 0;}
.idxId5 li {width:49%; margin-top:1rem;}
.idxId5 li:first-of-type,.idxId5 li:nth-of-type(2) {margin-top:0;}
.idxContact li img {width:70px;}

.prodId2 .secDes {width:100%;}
.prodId2 .ui_pic {width:100%; margin-top:1rem;}
.prodList li {width:100%;}
.prodList li:not(:last-of-type) {margin-bottom:1rem;}
.prodAdv .item {width:140px; height:140px;}
.flowList li {width:50%; margin:0.5rem 0;}
/*.flowList li:last-of-type {margin-left:25%;}*/
.pop_mcs .h3 {padding:0.5rem 0.5rem 0;}
.pop_mcs .txtwrp {padding:0 0.5rem 0.5rem;}

.introId2 .v-item {width:100%; margin:0 0 1rem;}

.curEj {margin: 0 0.625rem; position: relative; height:2rem; line-height:2rem; background:url(../images/ico4-1.png) no-repeat right center; background-size:20px; border-bottom:1px solid #eeeeee;}
.navEj {display:none;}
.navEj a {display:block; text-align:left;}
.navEj a:after {display:none;}

.historyList {font-size:12px;}
.mapDots span:after {width:20px; height:23px;}
.mapDots .cur:after {width:25px; height:28px;}

.swp-next-style1,.swp-prev-style1 {display:none;}
.newsList ul li {width:50%;}

.newsDetailId1 {margin-top:54px;}
.newsDetailId1 article {padding:1.25rem;}

.jobList li {padding:0.75rem 0.75rem calc(0.75rem + 48px);}
#job_pop input {height:40px;}
#job_pop .half {width:100%;}

.zixunDetailList .ui_img  {width:100%;}

}