/* CSS Document */

body { margin: 0; padding: 0; line-height: 24px; font-family: 'Alibaba-Regular','Microsoft YaHei',Arial; font-size: 14px; background: #fff; }
div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, img, p, span { border-style: none; border-color: inherit; border-width: 0px; padding: 0; list-style-type: none; margin-left: auto; margin-top: 0; margin-bottom: 0; }

img { display: block; }

/* Link */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { border: 0px; background-color: Transparent; }

a { blr: expression(this.onFocus=this.blur()); outline: none; }

.blank5 { width: 100%; height: 5px; clear: both; }
.blank10 { width: 100%; height: 10px; clear: both; }
.blank15 { width: 100%; height: 15px; clear: both; }
.blank20 { width: 100%; height: 20px; clear: both; }
.blank30 { width: 100%; height: 30px; clear: both; }
.blank40 { width: 100%; height: 40px; clear: both; }
.blank50 { width: 100%; height: 50px; clear: both; }
.blank60 { width: 100%; height: 60px; clear: both; }
.blank70 { width: 100%; height: 70px; clear: both; }
.blank80 { width: 100%; height: 80px; clear: both; }

/*Clear*/
.clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; overflow: hidden; }
/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

@font-face { font-family: 'Alibaba-Regular'; src: url(../fonts/Alibaba-Regular.ttf); }
@font-face { font-family: 'Alibaba-Light'; src: url(../fonts/Alibaba-Light.ttf); }
@font-face { font-family: 'Alibaba-Heavy'; src: url(../fonts/Alibaba-Heavy.ttf); }
@font-face { font-family: 'Alibaba-Medium'; src: url(../fonts/Alibaba-Medium.ttf); }
@font-face { font-family: 'Alibaba-Bold'; src: url(../fonts/Alibaba-Bold.ttf); }

/*针对1920的宽屏*/

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


.m_headfix { position: fixed; z-index: 66; height: 100px; width: 100%; float: left; background: rgba(0,0,0,.3); overflow: hidden; }


.m_indexmenu { width: 100%; }

.m_logo { width: 208px; height: 70px; float: left; margin: 20px 0 0 0; }


.m_navi { float: right; margin: 0; }

.m_navi ul { float: left; margin: 0; }

.m_navi ul li { float: left; margin: 0 25px; max-width: 80px; height: 100px; }

.m_navi ul li a { width: 100%; height: 100px; float: left; position: relative; font-size: 18px; color: #fff; text-align: center; line-height: 100px; font-weight: normal; }

.m_navi ul li a::after { width: 40px; height: 4px; float: left; position: absolute; left: 50%; margin-left: -20px; bottom: 10px; background: transparent; content: ''; }

.m_navi ul li a:hover::after, .m_navi ul li a.ahov::after { width: 40px; height: 4px; float: left; position: absolute; left: 50%; margin-left: -20px; bottom: 10px; background: #fff; content: ''; }

.m_banner { width: 1920px; *width: 1920px; _width: 1920px; height: 940px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden; }


.m_index { width: 88%; max-width: 1400px; min-width: 1200px; display: block; margin: 0 auto; }


.m_company { width: 100%; float: left; position: relative; overflow: hidden; }


.m_company ul { width: 100%; float: left; position: relative; z-index: 35; }


.m_company ul li { width: 50%; float: left; position: relative; z-index: 25; }

.m_company ul li img { width: 100%; float: left; position: relative; z-index: 5; }



.m_company ul li .m_compy { width: 100%; height: 100%; float: left; position: absolute; z-index: 10; left: 0; top: 0; }

.m_about { width: 540px; height: auto !important; min-height: 420px; float: left; background: rgba(0,0,0,0); margin: 20% 0 0 17%; }

.m_about h3 { width: 100%; height: 90px; float: left; font-family: 'Alibaba-Bold'; font-size: 90px; color: #fff; text-align: left; line-height: 90px; font-weight: bold; text-transform: uppercase; }


.m_about h4 { width: 100%; height: 40px; float: left; font-family: 'Alibaba-Medium'; font-size: 36px; color: #fff; text-align: left; line-height: 40px; font-weight: normal; }


.m_about h5 { width: 100%; height: 210px; float: left; margin: 20px 0 0 0; font-family: 'Alibaba-Regular'; font-size: 16px; color: #fff; text-align: justify; line-height: 30px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


.m_about h6 { width: 160px; height: 50px; float: left; margin: 60px 0 20px 0; }

.m_about h6 a { width: 160px; height: 50px; float: left; border: 1px dashed #fff; font-family: 'Alibaba-Regular'; font-size: 16px; color: #fff; text-align: center; line-height: 50px; font-weight: normal; }


.m_about h6 a:hover { border: 1px solid #fff; }

.m_product { width: 100%; float: left; background: #359239; }

.m_pro_cokk { width: 1920px; *width: 1920px; _width: 1920px; height: 240px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; background: url(../images/pro_bt.jpg) no-repeat center top; overflow: hidden; }

.m_pro_cokk::after { width: 820px; height: 1px; float: left; background: #fff; position: absolute; left: 0; top: 146px; content: ''; }
.m_pro_cokk::before { width: 820px; height: 1px; float: right; background: #fff; position: absolute; right: 0; top: 146px; content: ''; }


.m_pro_cokk h3 { width: 100%; height: 50px; float: left; margin: 70px 0 0 0; font-family: 'Alibaba-Regular'; font-size: 48px; color: #fff; text-align: center; line-height: 50px; font-weight: normal; text-transform: uppercase; }


.m_pro_cokk h4 { width: 100%; height: 40px; float: left; margin: 5px 0 0 0; font-family: 'Alibaba-Regular'; font-size: 36px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; }


.none { display: none; }


#banner { width: 100%; height: 723px; margin: 0px auto; position: relative; overflow: hidden; }
#banner #picUl li { position: absolute; top: 0; left: 0; }
#banner #picUl li img { width: 100%; height: 723px; }
#banner #tab { width: 100%; height: 100%; position: absolute; right: 0; }
#banner #tab li { width: 24.95%; height: 723px; float: left; border-right: 1px solid #bbbbbb; margin-top: 0px; text-align: center; position: relative; }
#banner #tab li:last-child { border-right: none; }
#banner #tab li .tab_bt { width: 100%; height: 63px; float: left; margin-top: 660px; background: rgba(53,146,57,.6); }

#banner #tab li .tab_bt h3 { width: 100%; height: 63px; float: left; font-size: 20px; color: #fff; text-align: center; line-height: 63px; font-weight: bold; display: block; }

#banner #tab li .tab_bt .tabcon { width: 93%; float: left; margin: 16% 0 5% 2%; transition: all .25s; display: none; }


#banner #tab li:hover .tab_bt { width: 100%; height: 723px; float: left; margin-top: 0px; background: rgba(53,146,57,.8); }


#banner #tab li:hover .tab_bt h3 { width: 100%; height: 63px; float: left; font-size: 20px; color: #fff; text-align: center; line-height: 63px; font-weight: bold; display: none; }

#banner #tab li:hover .tab_bt .tabcon { width: 93%; float: left; margin: 16% 0 5% 2%; transition: all .25s; display: block; }

#banner #tab li:hover .tab_bt .tabcon .biaoti { width: 90%; height:90px; float: left; margin: 0 0 0 4%; position:relative; z-index:13;  overflow:hidden;}

#banner #tab li:hover .tab_bt .tabcon .biaoti .bat1 { width:100%; height:90px; position:absolute; z-index:7; left:0; top:0; float:left; font-size:20px; color:#fff; text-align:left; line-height:30px; font-weight:bold; }

#banner #tab li:hover .tab_bt .tabcon .biaoti .bat1 font{width:80%; height:30px; float:left; padding-left:20%; font-size:20px; color:#fff; text-align:left; line-height:30px; font-weight:normal;  }

#banner #tab li:hover .tab_bt .tabcon .biaoti .bat1 em{ width:100%; height:30px;  float:left; font-size:36px; color:#fff; text-align:left; line-height:30px; font-weight:bold; font-style:normal; }


#banner #tab li:hover .tab_bt .tabcon .biaoti .bat1_en { width:100%; height:90px; position:absolute; z-index:5; left:0; top:0; float:left; font-size:50px; color:rgba(255,255,255,.2); text-align:left; line-height:45px; font-weight:bold; text-transform:uppercase; overflow:hidden;}


/*#banner #tab li:hover .tab_bt .tabcon .biaoti img { width: 100%; }*/



#banner #tab li:hover .tab_bt .tabcon dl { width: 100%; height: 200px; float: left; margin: 5% 0 0 0; }

#banner #tab li:hover .tab_bt .tabcon dl dd { width: 30%; float: left; margin: 2% 3% 2% 0%; }

#banner #tab li:hover .tab_bt .tabcon dl dd img { width: 70px; display: block; margin: 0 auto; }
#banner #tab li:hover .tab_bt .tabcon dl dd font { width: 100%; height: 30px; float: left; font-size: 16px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; }


#banner #tab li:hover .tab_bt .tabcon h6 { width: 160px; height: 50px; float: left; margin: 60px 0 20px 4%; }

#banner #tab li:hover .tab_bt .tabcon h6 a { width: 160px; height: 50px; float: left; border: 1px dashed #fff; font-family: 'Alibaba-Regular'; font-size: 16px; color: #fff; text-align: center; line-height: 50px; font-weight: normal; }

#banner #tab li .tab_bt .tabcon h6 a:hover{border:1px solid #fff;}


/*index  product advantages */
.m_advantages { width: 100%; float: left; height: 900px; padding: 20px 0; background: #fff; }

.m_advant_cokk { width: 1920px; *width: 1920px; _width: 1920px; height: 240px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; background: #fff; overflow: hidden; }

.m_advant_cokk::after { width: 820px; height: 1px; float: left; background: #bdd2be; position: absolute; left: 0; top: 146px; content: ''; }
.m_advant_cokk::before { width: 820px; height: 1px; float: right; background: #bdd2be; position: absolute; right: 0; top: 146px; content: ''; }


.m_advant_cokk h3 { width: 100%; height: 50px; float: left; margin: 70px 0 0 0; font-family: 'Alibaba-Regular'; font-size: 48px; color: #359239; text-align: center; line-height: 50px; font-weight: normal; text-transform: uppercase; }


.m_advant_cokk h4 { width: 100%; height: 40px; float: left; margin: 5px 0 0 0; font-family: 'Alibaba-Regular'; font-size: 36px; color: #222222; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; }


.m_advant { width: 100%; float: left; }

.m_advant ul { width: 100%; float: left; }

.m_advant ul li { width: 22%; float: left; margin: 3% 3% 0 0%; position: relative; }

.m_advant ul li .advbox { width: 100%; float: left; position: relative; z-index: 10; overflow: hidden; }


.m_advant ul li .advbg { width: 100%; height: 289px; float: left; background: url(../images/yhov1.png) no-repeat left top; background-size: 100% 100%; position: absolute; z-index: 8; left: 0; top: 0; overflow: hidden; }

.m_advant ul li:hover .advbg { background: url(../images/yhov2.png) no-repeat left top; background-size: 100% 100%; }


.m_advant ul li .advbox .aimg { width: 100%; height: 289px; float: left; position: relative; z-index: 3; overflow: hidden; }


.m_advant ul li .advbox .aimg img { width: 100%; }


.m_advant ul li .advtxt { width: 210px; height: 320px; float: left; background: rgba(34,34,34,0); margin: -30px 0 30px 40px; position: relative; z-index: 15; overflow: hidden; }


.m_advant ul li .advtxt h4 { width: 140px; height: 60px; float: left; margin: 10px 0px 10px 30px; border-bottom: 2px solid #ddd; font-family: 'Alibaba-Medium'; font-size: 24px; color: #222; text-align: center; line-height: 60px; font-weight: normal; }

.m_advant ul li:hover .advtxt h4 { border-bottom: 2px solid #359239; }



.m_advant ul li .advtxt h5 { width: 210px; height: 240px; float: left; margin: 10px 0px 10px 0px; font-size: 16px; color: #222222; text-align: justify; line-height: 30px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }



/* index anli */

.m_anlbgc { width: 100%; float: left; height: 900px; padding: 20px 0; background: url(../images/casebgc.jpg) no-repeat left top; }

.m_anli_cokk { width: 1920px; *width: 1920px; _width: 1920px; height: 240px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; background: transparent; overflow: hidden; }

.m_anli_cokk::after { width: 820px; height: 1px; float: left; background: #eee; position: absolute; left: 0; top: 146px; content: ''; }
.m_anli_cokk::before { width: 820px; height: 1px; float: right; background: #eee; position: absolute; right: 0; top: 146px; content: ''; }

.m_anli_cokk h3 { width: 100%; height: 50px; float: left; margin: 70px 0 0 0; font-family: 'Alibaba-Regular'; font-size: 48px; color: #fff; text-align: center; line-height: 50px; font-weight: normal; text-transform: uppercase; }


.m_anli_cokk h4 { width: 100%; height: 40px; float: left; margin: 5px 0 0 0; font-family: 'Alibaba-Regular'; font-size: 36px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; }




#certify4 { position: relative; width: 100%; float: left; margin: 0px 0px 0px 0px; position: relative; }
#certify4 .swiper-container { padding: 0; overflow: hidden; }
#certify4 .swiper-slide { width: 100%; padding: 0px; height: auto; background: #fff; text-align: center; overflow: hidden; }
#certify4 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }

#certify4 .swiper-button-prev4 { text-indent: -9999px; position: absolute; z-index: 30; top: 50%; bottom: auto; left: 20px; width: 30px; height: 70px; background: rgba(255, 106, 0,.6) url(../images/prev11.png) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; }



.anli_txt { width: 40%; max-width: 410px; float: left; margin: 60px 20px 0px 40px; }

.anli_txt h3 { width: 100%; height: 40px; float: left; font-size: 24px; color: #222; text-align: left; line-height: 40px; font-weight: normal; overflow: hidden; }

.anli_txt h4 { width: 100%; height: 90px; float: left; margin: 10px 0; font-size: 16px; color: #222; text-align: left; line-height: 30px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


.anli_txt ul { width: 100%; height: auto; float: left; margin: 40px 0 20px 0; }


.anli_txt ul li { width: 100%; height: auto; float: left; margin: 0px 0 20px 0; }

.anli_txt ul li img { width: 60px !important; float: left; margin: 0 10px 0 0; }

.anli_txt ul li .ltxt { width: 330px; height: 60px; float: left; border-bottom: 1px solid #ddd; font-size: 16px; color: #222; text-align: left; line-height: 60px; font-weight: normal; }


.anli_txt ul li:hover .ltxt { border-bottom: 1px solid #359239; color: #359239; }

.anli_img { width: 60%; max-width: 880px; float: right; margin: 20px; }

.anli_img img { width: 100%; }

#certify4 .swiper-button-prev4 { text-indent: -9999px; left: 380px; top: 90%; bottom: auto; position: absolute; z-index: 30; width: 60px; height: 60px; background: rgba(255, 106, 0,0) url(../images/cprev1.jpg) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify4 .swiper-button-prev4:hover { background: rgba(255, 106, 0,1) url(../images/cprev2.jpg) no-repeat; }
#certify4 .swiper-button-next4 { text-indent: -9999px; left: 460px; right: auto; top: 90%; bottom: auto; position: absolute; z-index: 30; width: 60px; height: 60px; background: rgba(255, 106, 0,0) url(../images/cnext1.jpg) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify4 .swiper-button-next4:hover { background: rgba(255, 106, 0,0) url(../images/cnext2.jpg) no-repeat; }




/* index news */

.m_newbgc { width: 100%; float: left; height: 900px; padding: 20px 0; background: url(../images/newbgc.jpg) no-repeat left top; }

.m_new_cokk { width: 1920px; *width: 1920px; _width: 1920px; height: 240px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; background: transparent; overflow: hidden; }

.m_new_cokk::after { width: 820px; height: 1px; float: left; background: #bdd2be; position: absolute; left: 0; top: 146px; content: ''; }
.m_new_cokk::before { width: 820px; height: 1px; float: right; background: #bdd2be; position: absolute; right: 0; top: 146px; content: ''; }

.m_new_cokk h3 { width: 100%; height: 50px; float: left; margin: 70px 0 0 0; font-family: 'Alibaba-Regular'; font-size: 48px; color: #359239; text-align: center; line-height: 50px; font-weight: normal; text-transform: uppercase; }


.m_new_cokk h4 { width: 100%; height: 40px; float: left; margin: 5px 0 0 0; font-family: 'Alibaba-Regular'; font-size: 36px; color: #222; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; }



.m_xwen { width: 100%; max-width: 1400px; float: left; margin: 0px 0 20px 0; }

.m_xwen ul { width: 100%; float: left; margin: 10px 0 30px 0; }
.m_xwen ul li { width: 65%; height: 170px; float: left; margin: 0; padding: 0 17.5%; background: transparent; border-bottom: 1px solid #ddd; }

.m_xwen ul li:hover { background: #359239; border-bottom: 1px solid #ddd; }

.m_xwen ul li .m_times { width: 62px; float: left; margin: 3% 0 0 0; font-family: 'Alibaba-Medium'; font-size: 18px; color: #222; text-align: center; line-height: 40px; font-weight: normal; }


.m_xwen ul li .m_times font { width: 60px; height: 60px; float: left; background: transparent; border: 1px solid #222; font-family: 'Alibaba-Medium'; font-size: 48px; color: #222; text-align: center; line-height: 60px; font-weight: normal; }



.m_xwen ul li .m_next { width: 90%; height: 170px; background: rgba(0,0,0,0); margin-left: 3%; margin-top: 2%; float: left; font-family: 'Alibaba-Medium'; font-size: 18px; color: #222; text-align: left; line-height: 40px; font-weight: normal; }


.m_xwen ul li .m_next h3 { width: 100%; height: 40px; float: left; font-family: 'Alibaba-Medium'; font-size: 18px; color: #222; text-align: left; line-height: 40px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


.m_xwen ul li .m_next h4 { width: 100%; height: 90px; float: left; font-family: 'Alibaba-Regular'; font-size: 16px; color: #222; text-align: justify; line-height: 30px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }

.m_xwen ul li:hover .m_times, .m_xwen ul li:hover .m_next h3, .m_xwen ul li:hover .m_next h4 { color: #fff; }

.m_xwen ul li:hover .m_times font { border: 1px solid #fff; color: #fff; }


.m_xwen h6 { width: 160px; height: 50px; float: none; display: block; margin: 0px auto 0px auto; }

.m_xwen h6 a { width: 160px; height: 50px; float: left; margin: 40px 0 40px 0; border: 1px dashed #359239; font-family: 'Alibaba-Regular'; font-size: 16px; color: #359239; text-align: center; line-height: 50px; font-weight: normal; }


.m_xwen h6 a:hover { border: 1px solid #359239; }



.m_footer { width: 100%; height: auto !important; min-height: 340px; float: left; background: #333333; padding: 20px 0; }


.m_foot1 { width: 20%; max-width: 260px; float: left; }


.m_foot_bt { width: 100%; float: left; margin: 3% 0 8% 0; font-family: 'Alibaba-Medium'; font-size: 18px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; text-transform: uppercase; }
.m_foot_bt font { width: 100%; float: left; font-family: 'Alibaba-Medium'; font-size: 16px; color: #fff; text-align: left; line-height: 20px; font-weight: normal; }



.m_foot1 ul { width: 100%; float: left; margin: 10px 0; }
.m_foot1 ul li { width: 50%; height: 30px; float: left; margin: 10px 0 0 0; }

.m_foot1 ul li a { width: 100%; float: left; font-family: 'Alibaba-Regular'; font-size: 16px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }



.m_foot2 { width: 23%; max-width: 300px; float: left; margin-left: 6%; }


.seac1 { width: 100%; height: 50px; float: left; margin: 0% 0 1% 0; background: none; border: none; border-bottom: 1px solid #fff; font-size: 16px; color: #fff; line-height: 50px; text-align: left; font-weight: normal; }

input.seac1::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; }
input.seac1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; }
input.seac1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; }
input.seac1:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; }



.seac2 { width: 100%; height: 50px; float: left; margin: 0% 0 1% 0; background: none; border: none; border-bottom: 1px solid #fff; font-size: 16px; color: #fff; line-height: 25px; text-align: left; font-weight: normal; padding: 5px 0; }

textarea.seac2::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; }
textarea.seac2:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; }
textarea.seac2::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; }
textarea.seac2:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; }


.seac3 { width: 80px; height: 40px; float: left; margin: 5% 0 1% 0; background: #359239; border: none; border-radius: 6px; font-size: 16px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; cursor: pointer; }



.m_foot3 { width: 28%; max-width: 380px; float: left; margin-left: 6%; font-family: 'Alibaba-Regular'; font-size: 16px; color: #fff; text-align: left; line-height: 35px; font-weight: normal; }





.m_foot4 { width: 19%; max-width: 190px; float: right; font-family: 'Alibaba-Regular'; font-size: 16px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }

.m_foot4 img { width: 100%; }

/*about*/

.s_banner { width: 1920px; *width: 1920px; _width: 1920px; height: 450px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden; }


.s_company1 { width: 1920px; *width: 1920px; _width: 1920px; min-height: 820px; padding: 0 0 60px 0; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; background: url(../images/comp_cbg.png) no-repeat top right; overflow: hidden; }

.s_abo_cokk { width: 1040px; height: 20px; float: left; padding: 10px 0; border-bottom: 1px solid #eee; }

.s_acokk1 { width: 75%; float: right; height: 20px; font-size: 16px; color: #999999; text-align: left; line-height: 20px; font-weight: normal; }

.s_acokk1 img { float: left; margin: 2px 10px 0 0; }

.s_acokk1 a { color: #999; }

.s_acokk1 a:hover { color: #359239; }



.s_gongsi { width: 100%; float: left; margin: 4% 0 4% 0; }


.s_gongtxt { width: 52%; float: left; font-size: 16px; color: #666666; text-align: justify; line-height: 32px; font-weight: normal; }


.s_gongtxt_bt { width: 100%; float: left; margin: 0 0 3% 0; }

.s_gongtxt_bt h3 { width: 100%; float: left; margin: 0 0 0% 0; position: relative; z-index: 3; font-family: 'Alibaba-Bold'; font-size: 60px; color: #eee; text-align: left; line-height: 60px; font-weight: bold; text-transform: uppercase; }
.s_gongtxt_bt h4 { width: 100%; float: left; margin: -3% 0 0% 0; position: relative; z-index: 3; font-family: 'Alibaba-Regular'; font-size: 30px; color: #222222; text-align: left; line-height: 30px; font-weight: normal; letter-spacing: 1px; }


.s_gongimg { width: 40%; float: right; margin: 0% 0 4% 0; border: 10px solid #fff; box-shadow: 0 0 10px rgba(34,34,34,.2); }


.s_gongimg img { width: 100%; }



.s_company2 { width: 1920px; *width: 1920px; _width: 1920px; height: 500px; padding: 0 0 0px 0; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; background: url(../images/comp_bgc.jpg) no-repeat top right; overflow: hidden; }



.s_comp_lunbo { width: 100%; max-width: 1400px; min-width: 1200px; float: left; position: relative; }

.auto11 { width: 100%; margin: 0 auto; position: relative; display: block; }



#certify1 { position: relative; width: 100%; display: block; margin: 50px 0px 0px 0px; }
#certify1 .swiper-container { padding: 5px; overflow: hidden; }
#certify1 .swiper-slide { width: 100%; padding: 0px; text-align: center; overflow: hidden; }
#certify1 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }

#certify1 .swiper-slide font { width: 100%; float: left; height: 40px; background: #fff; margin: 0% 0 0% 0; position: relative; z-index: 3; font-size: 16px; color: #222222; text-align: center; line-height: 40px; font-weight: normal; letter-spacing: 1px; }



#certify1 .swiper-button-prev1 { text-indent: -9999px; top: 40%; bottom: auto; left: -40px; padding: 5px; width: 16px; height: 29px; background: rgba(34,34,34,.8) url(../images/prev1.png) no-repeat center center; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify1 .swiper-button-prev1:hover { background: rgba(49,75,128,.8) url(../images/prev1.png) no-repeat center center; }
#certify1 .swiper-button-next1 { text-indent: -9999px; right: -40px; top: 40%; bottom: auto; padding: 5px; width: 16px; height: 29px; background: rgba(34,34,34,.8) url(../images/next1.png) no-repeat center center; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify1 .swiper-button-next1:hover { background: rgba(49,75,128,.8) url(../images/next1.png) no-repeat center center; }

#certify1 .swiper-pagination { width: 100%; bottom: 20px; }
#certify1 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 1px solid #fff; background-color: transparent; width: 12px; height: 12px; opacity: 1; }
#certify1 .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 1px solid #fff; background-color: #fff; -webkit-tap-highlight-color: transparent; outline: none; }







.s_company3 { width: 1920px; *width: 1920px; _width: 1920px; height: 1390px; padding: 0 0 0px 0; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; background: url(../images/history_bg.jpg) no-repeat top right; overflow: hidden; }


.s_hist_bt { width: 100%; float: left; margin: 50px 0 3% 0; }

.s_hist_bt h3 { width: 100%; float: left; margin: 0 0 0% 0; position: relative; z-index: 3; font-family: 'Alibaba-Bold'; font-size: 60px; color: #eee; text-align: center; line-height: 60px; font-weight: bold; text-transform: uppercase; }
.s_hist_bt h4 { width: 100%; float: left; margin: -1.5% 0 0% 0; position: relative; z-index: 3; font-family: 'Alibaba-Regular'; font-size: 30px; color: #222222; text-align: center; line-height: 30px; font-weight: normal; letter-spacing: 1px; }



.s_historybg { width: 1400px; max-width: 100%; height: 1080px; float: left; margin: 40px 0 70px 0; padding-right: 20px; background: url(../images/histbgc.png) no-repeat 49% top; }
.s_history { width: 100%; height: 960px; float: left; margin: 40px 0 30px 0; overflow: hidden; }


.s_history ul { width: 1392px; height: 1000px; float: left; margin: 0px 0 0 0; /*overflow:scroll;   overflow-x:hidden; overflow-y:auto;*/ }


.s_history ul li { width: 50.6%; float: right; padding: 1% 0; margin: 1% 0; background: url(../images/jio11.png) no-repeat left 45px; }
.s_history ul li:nth-child(2n) { width: 50.6%; float: left; padding: 1% 0; margin: 1% 0; background: url(../images/jio12.png) no-repeat right 45px; }





.s_history ul li .hiscon { width: 90%; float: left; margin: 0px 0px 0 6%; }

.s_history ul li .hiscon h4 { width: 100%; height: 40px; float: left; font-family: 'Alibaba-Bold'; font-size: 30px; color: #222; text-align: left; line-height: 40px; font-weight: bold; text-transform: uppercase; }


.s_history ul li .hiscon h5 { width: 100%; height: auto; float: left; font-family: 'Alibaba-Regular'; font-size: 16px; color: #222222; text-align: left; line-height: 20px; font-weight: normal; }

.s_history ul li .hiscon h5 font { color: #359239; font-weight: bold; }




.s_history ul li:nth-child(2n) .hiscon { width: 90%; float: right; margin: 0px 6% 0px 0; }

.s_history ul li:nth-child(2n) .hiscon h4 { width: 100%; height: 40px; float: right; font-family: 'Alibaba-Bold'; font-size: 30px; color: #222; text-align: right; line-height: 40px; font-weight: bold; text-transform: uppercase; }


.s_history ul li:nth-child(2n) .hiscon h5 { width: 100%; height: auto; float: right; font-family: 'Alibaba-Regular'; font-size: 16px; color: #222222; text-align: right; line-height: 30px; font-weight: normal; }

.s_history ul li:nth-child(2n) .hiscon h5 font { color: #359239; font-weight: bold; }




.s_company4 { width: 1920px; *width: 1920px; _width: 1920px; height: 700px; padding: 10px 0 10px 0; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden; }


.s_honor_lunbo { width: 100%; max-width: 1400px; float: left; position: relative; }

.auto22 { width: 100%; margin: 0 auto; position: relative; display: block; }



#certify2 { position: relative; width: 100%; display: block; margin: 50px 0px 0px 0px; overflow: hidden; }
#certify2 .swiper-container { padding: 5px; overflow: hidden; }
#certify2 .swiper-slide { width: 100%; padding: 0px; text-align: center; overflow: hidden; }
#certify2 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }

#certify2 .swiper-slide font { width: 100%; float: left; height: 40px; background: #fff; margin: 0% 0 0% 0; position: relative; z-index: 3; font-size: 16px; color: #222222; text-align: center; line-height: 40px; font-weight: normal; letter-spacing: 1px; }

#certify2 .swiper-slide img { width: 98%; padding: 1% 1%; background-image: linear-gradient(#c9caca,#eeedee); }

#certify2 .swiper-pagination { width: 100%; bottom: 20px; display: none; }
#certify2 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 1px solid #fff; background-color: transparent; width: 12px; height: 12px; opacity: 1; }
#certify2 .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 1px solid #fff; background-color: #fff; -webkit-tap-highlight-color: transparent; outline: none; }





.s_company5 { width: 1920px; *width: 1920px; _width: 1920px; height: 500px; padding: 10px 0 10px 0; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden; }


.s_company5 ul { width: 110%; float: left; }


.s_company5 ul li { width: 28%; max-width: 450px; float: left; background: #359239; margin: 0% 3% 8% 0; position: relative; z-index: 20; transition: all .25s; }


.s_company5 ul li .compcon { width: 100%; height: 100%; float: left; position: absolute; z-index: 15; left: 0; top: 0; }


.compcon img { display: block; margin: 70px auto 20px auto; position: relative; }

.compcon img::after { width: 30px; height: 1px; float: left; background: #fff; }

.compcon h3 { width: 94%; float: left; height: 40px; margin: 2% 0 0% 3%; font-size: 18px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; display: block; }

.compcon h4 { width: 94%; float: left; height: auto; margin: 2% 0 0% 3%; font-size: 18px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; display: none; }



.s_company5 ul li .oimg1 { width: 100%; float: left; position: relative; z-index: 5; opacity: 1; }

.s_company5 ul li:hover .oimg1 { width: 100%; float: left; position: relative; z-index: 5; opacity: 0; transition: all .25s; }
.s_company5 ul li:hover .compcon h3 { width: 94%; float: left; height: 40px; margin: 2% 0 0% 3%; font-size: 18px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; display: none; }

.s_company5 ul li:hover .compcon h4 { width: 94%; float: left;  height: auto; margin: 2% 0 0% 3%; font-size: 18px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; display: block; }

/*product*/


.s_prod_cokk { width: 100%; height: 20px; float: left; padding: 10px 0; border-bottom: 1px solid #eee; }

.s_pcokk1 { width: 100%; float: left; height: 20px; font-size: 16px; color: #999999; text-align: left; line-height: 20px; font-weight: normal; }

.s_pcokk1 img { float: left; margin: 2px 10px 0 0; }

.s_pcokk1 a { color: #999; }

.s_pcokk1 a:hover { color: #359339; }


.s_pronavi { width: 100%; height: auto; float: left; margin: 3% 0 4% 0; }


.s_pronavi ul { width: 100%; float: left; }

.s_pronavi ul li { width: 25%; height: 80px; float: left; background: transparent; position: relative; }


.s_pronavi ul li::after { width: 1px; height: 40px; float: left; background: #359239; content: ''; position: absolute; right: 0px; top: 20px; transform: rotate(10deg); display: block; }

.s_pronavi ul li:last-child::after{ width: 1px; height: 40px; float: left; background: #359239; content: ''; position: absolute; right: 0px; top: 10px; transform: rotate(10deg); display: none; }



.s_pronavi ul li a { width: 100%; height: 80px; float: left; position: relative; z-index: 10; }

.s_pronavi ul li a h3 { width: 100%; height: 80px; float: left; text-align: center; font-size: 18px; color: rgba(34,34,34,1); line-height: 80px; font-weight: normal; position: absolute; z-index: 8; left: 0; top: 0; }

.s_pronavi ul li a font { width: 100%; height: 80px; float: left; font-family: 'Alibaba-Bold'; font-size: 43px; color: rgba(34,34,34,.1); opacity: 0; text-align: center; text-transform:uppercase; line-height: 40px; font-weight: bold;  display:-webkit-box;   -webkit-line-clamp:2; -webkit-box-orient:vertical; align-items: center; justify-content: space-between; position: relative; z-index: 5; }


.s_pronavi ul li:hover, .s_pronavi ul li.phov { width: 25%; height: 80px; float: left; background: url(../images/juxing1.png) no-repeat center bottom; background-size: 100% 100%; position: relative; }



.s_pronavi ul li:hover::after,.s_pronavi ul li.phov::after { width: 1px; height: 40px; float: left; background: #359239; content: ''; position: relative; right: 0px; top: 10px; transform: rotate(10deg); display: none;  opacity:0;}


.s_pronavi ul li:last-child::after, .s_pronavi ul li:last-child.phov::after { width: 1px; height: 40px; float: left; background: #359239; content: ''; position: absolute; right: 0px; top: 10px; transform: rotate(10deg); display: none; }


.s_pronavi ul li:hover a, .s_pronavi ul li.phov a { width: 100%; height: 80px; float: left; position: relative; z-index: 10; }

.s_pronavi ul li:hover a h3, .s_pronavi ul li.phov a h3 { width: 100%; height: 80px; float: left; text-align: center; font-size: 18px; color: rgba(255,255,255,1); line-height: 80px; font-weight: normal; position: absolute; z-index: 8; left: 0; top: 0; }

.s_pronavi ul li:hover a font, .s_pronavi ul li.phov a font { width: 100%; height: 80px; float: left; font-family: 'Alibaba-Bold'; font-size:34px; color: rgba(255,255,255,.3); opacity: 1;  text-transform:uppercase;  text-align: center; line-height: 40px; font-weight: bold; display:-webkit-box;   -webkit-line-clamp:2; -webkit-box-orient:vertical; align-items: center; justify-content: center; position: relative; z-index: 5; }



.chan_pic { width: 100%; float: left; padding: 0%; margin: 2% 0 6% 0; background: #fff; box-shadow: 0 0 10px rgba(34,34,34,.1); }


#certify3 { position: relative; width: 100%; float: left; margin: 0px 0px 0px 0px; position: relative; }
#certify3 .swiper-container { padding: 0; overflow: hidden; }
#certify3 .swiper-slide { width: 100%; padding: 0px; height: auto; background: #fff; text-align: center; overflow: hidden; }
#certify3 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }


.prod_txt { width: 40%; max-width: 460px; float: left; margin: 30px 10px 0px 30px; }

.prod_txt h3 { width: 100%; height: 40px; float: left; font-size: 24px; color: #222; text-align: left; line-height: 40px; font-weight: normal; overflow: hidden; }

.prod_txt h4 { width: 100%; height: 208px; float: left; margin: 10px 0; font-size: 16px; color: #222; text-align: left; line-height: 26px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


.prod_txt ul { width: 100%; height: auto; float: left; margin: 40px 0 20px 0; }


.prod_txt ul li { width: 48%; height: auto; float: left; margin: 10px 0 0px 0; }

.prod_txt ul li img { width: 30px !important; float: left; margin: 0 10px 0 0; }

.prod_txt ul li .ptxt { width: 180px; height: 30px; float: left; font-size: 14px; color: #222; text-align: left; line-height: 15px; font-weight: normal; display: flex; align-items: center; justify-content: space-between; }

.prod_img { width: 58%; max-width: 890px; float: right; margin: 20px; }

.prod_img img { width: 100%; }

#certify3 .swiper-button-prev3 { text-indent: -9999px; left: 506px; top: 90.8%; bottom: auto; position: absolute; z-index: 30; width: 50px; height: 50px; background: rgba(255, 106, 0,0) url(../images/pprev1.jpg) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify3 .swiper-button-prev3:hover { background: rgba(255, 106, 0,1) url(../images/pprev2.jpg) no-repeat; }
#certify3 .swiper-button-next3 { text-indent: -9999px; left: 568px; right: auto; top: 90.8%; bottom: auto; position: absolute; z-index: 30; width: 50px; height: 50px; background: rgba(255, 106, 0,0) url(../images/pnext1.jpg) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify3 .swiper-button-next3:hover { background: rgba(255, 106, 0,0) url(../images/pnext2.jpg) no-repeat; }




/*prodshow*/

.s_pshowbg { width: 100%; float: left; padding: 0% 0 20px 0; }


.z_show_img { width: 60%; max-width: 890px; float: left; margin: 3% 0 3% 0; }


.z_show_img img { width: 100%; }




.z_show_txt { width: 38%; max-width: 490px; float: right; margin: 3% 0 3% 0; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; letter-spacing: 0px; }

.z_show_txt h3 { width: 98%; float: left; margin: 0px 0 20px 0; padding: 10px 0 20px 2%; background: #f5f9f5; font-size: 30px; color: #222; text-align: left; line-height: 30px; font-weight: normal; letter-spacing: 2px; position: relative; }


.z_show_txt ul { width: 100%; float: left; height: auto !important; min-height: 230px; margin: 10px 0 20px 0; }

.z_show_txt ul li { width: 100%; height: auto !important; min-height: 30px; margin: 0 0 10px 0; border-bottom: 1px solid #f8f8f8; padding: 5px 0; float: left; }


.z_show_txt ul li .span1 { width: 80px; height: 30px; float: left; font-size: 16px; color: #222; text-align: left; line-height: 30px; font-weight: normal; }

.z_show_txt ul li font { width: 74%; max-width: 370px; height: auto; float: right; font-size: 16px; color: #359239; text-align: right; line-height: 30px; font-weight: bold; }


.z_show_txt .z_show1 { width: 100%; float: left; margin: 20px 0 20px 0; }

.z_show_txt .z_show1 a { width: 100%; height: 60px; float: left; background: url(../images/dianji1.jpg) no-repeat left bottom; background-size: 100% 100%; font-size: 16px; color: #fff; text-align: center; line-height: 60px; font-weight: normal; }






.syebg { width: 100%; display: block; margin: 0px auto; }

.sye { width: 100%; margin: 0px auto; overflow: hidden; }
.sye .syeTitle { height: auto; width: 100%; max-width: 1400px; float: left; border-bottom: 1px solid #eeeeee; }

.sye .syeTitle ul { float: left; }
.sye .syeTitle ul li { width: 140px; height: 83px; float: left; font-size: 24px; color: #222; line-height: 83px; text-align: center; font-weight: normal; font-style: normal; }
.sye .syeTitle li:hover, .sye .syeTitle li.active { width: 140px; height: 83px; float: left; font-size: 30px; color: #359239; line-height: 83px; text-align: center; font-weight: bold; font-style: normal; background: url(../images/zhov1.png) no-repeat center bottom; }

.sye .syeContent { width: 100%; height: auto !important; min-height: 160px; clear: both; background: #fff; padding: 0px; display: block; position: relative; }



.m_bianji { position: relative; }
.m_bianji .biaoge { position: relative; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: none; visibility: hidden; }
.m_bianji .biaoge.on { opacity: 1; display: block; visibility: visible; }
.m_bianji .biaoge:nth-child(1) { position: relative; }



.bmore1 { width: 54px; height: 15px; float: right; position: absolute; z-index: 16; top: -60px; right: 0; cursor: pointer; }


.bmore1 .uimgs11 { display: block; margin: 0; }
.bmore1 .uimgs12 { display: block; margin: 0; }


.s_busc1 { width: 100%; float: left; position: relative; z-index: 5; }


.s_busc1 ul { width: 105%; float: left; }

.s_busc1 ul li { width: 15%; height: 150px; float: left; margin: 2% 1% 0 0; }

.s_busc1 ul li img { width: 100%; height: 110px; float: left; }
.s_busc1 ul li font { width: 100%; height: 30px; margin: 0 0 0px 0; float: left; font-size: 16px; color: #222; text-align: center; line-height: 15px; display: flex; align-items: center; justify-content: center; overflow: hidden; }


.bmore2 { width: 54px; height: 15px; float: right; position: absolute; z-index: 16; top: -60px; right: 0; cursor: pointer; }


.bmore2 .uimgs21 { display: block; margin: 0; }
.bmore2 .uimgs22 { display: block; margin: 0; }

.s_busc2 { width: 100%; float: left; position: relative; z-index: 5; }


.s_busc2 ul { width: 106%; float: left; }

.s_busc2 ul li { width: 15%; height: 150px; float: left; margin: 2% 1% 0 0; }

.s_busc2 ul li img { width: 100%; height: 110px; float: left; }
.s_busc2 ul li font { width: 100%; height: 30px; margin: 0 0 0px 0; float: left; font-size: 16px; color: #222; text-align: center; line-height: 15px; display: flex; align-items: center; justify-content: center; overflow: hidden; }



.s_pshow3 { width: 100%; float: left; margin: 30px 0 30px 0; font-size: 16px; color: #222; text-align: justify; line-height: 34px; font-weight: normal; }

.s_pshow3 h4 { height: auto; width: 100%; float: left; margin: 0 0 30px 0; border-bottom: 1px solid #eeeeee; padding: 10px 0; font-size: 30px; color: #222; text-align: left; line-height: 34px; font-weight: bold; }

.s_pshow3 img { display: block; margin: 0 auto; }




.s_pshow4 { width: 100%; float: left; margin: 30px 0 30px 0; font-size: 16px; color: #222; text-align: justify; line-height: 34px; font-weight: normal; }

.s_pshow4 h4 { height: auto; width: 100%; float: left; margin: 0 0 30px 0; border-bottom: 1px solid #eeeeee; padding: 10px 0; font-size: 30px; color: #222; text-align: left; line-height: 34px; font-weight: bold; }



.s_pshow4_case { width: 100%; float: left; margin: 30px 0 30px 0; }




#certify5 { position: relative; width: 100%; float: left; margin: 0px 0px 0px 0px; position: relative; }
#certify5 .swiper-container { padding: 0; overflow: hidden; }
#certify5 .swiper-slide { width: 100%; padding: 0px; height: auto; position: relative; margin-bottom: 10px; background: #fff; text-align: center; overflow: hidden; transform: scale(0.9); opacity: .6; }
#certify5 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }

#certify5 .swiper-slide-active { transform: scale(1); opacity: 1; box-shadow: 0 0 10px rgba(34,34,34,.4); }


#certify5 .swiper-slide .slidebg { width: 100%; height: 100%; float: left; background: url(../images/rprobg.png) no-repeat left bottom; background-size: 100% 100%; position: absolute; z-index: 5; left: 0; top: 0; display: none; }


#certify5 .swiper-slide:hover .slidebg { width: 100%; height: 100%; float: left; background: url(../images/rprobg.png) no-repeat left bottom; background-size: 100% 100%; position: absolute; z-index: 5; left: 0; top: 0; display: block; }


#certify5 .swiper-slide .slidebg h5 { width: 76%; height: 40px; float: left; margin: 30% 10% 3% 12%; background: rgba(255,255,255,0); font-size: 24px; color: #fff; text-align: center; line-height: 34px; font-weight: bold; overflow: hidden; }

#certify5 .swiper-slide .slidebg img { display: block; margin: 0 auto; }



/*case*/


.shell { max-width: 1400px; column-count: 2; width: 100%; float: left; margin: 30px 0 0px 0; }

.image { width: 96%; height: 468px; float: none; margin-right: 40px; margin-bottom: 40px; position: relative; }

 
.image:first-child { height: 120px; }

.image.fanye { height: 120px; }

.image.fanye img { height: 120px; }


.image.fanye .imagefbg { width: 100%; height: 120px; float: left; background: rgba(49,146,55,.6); position: absolute; z-index: 5; left: 0; top: 0; display: block; }

.image.fanye .imagefbg font { width: 40%; height: 60px; float: left; margin: 30px 0 0 30%; border: 1px dashed #fff; font-size: 20px; color: #fff; text-align: center; line-height: 60px; font-weight: normal; }


.image_bt { width: 100%; height: auto; float: left; }

.image_bt h4 { width: 100%; height: 90px; float: left; margin-top: 0px; background: url(../images/wen_bg.jpg) no-repeat left bottom; background-size: 100% 100%; letter-spacing: 2px; -webkit-background-clip: text; color: transparent; font-family: Candara; font-size: 70px; text-align: left; line-height: 80px; font-weight: bold; text-transform: uppercase; }

.image_bt h5 { width: 100%; height: 40px; float: left; margin-top: -10px; margin-bottom: 30px; font-size: 36px; color: #222222; text-align: left; line-height: 40px; font-weight: normal; }



.image .imagebg { width: 100%; height: 100%; float: left; background: url(../images/rprobg.png) no-repeat left bottom; background-size: 100% 100%; position: absolute; z-index: 5; left: 0; top: 0; display: none; }


.image:hover .imagebg { width: 100%; height: 100%; float: left; background: url(../images/rprobg.png) no-repeat left bottom; background-size: 100% 100%; position: absolute; z-index: 5; left: 0; top: 0; display: block; }


.image .imagebg h5 { width: 76%; height: 40px; float: left; margin: 30% 10% 3% 12%; background: rgba(255,255,255,0); font-size: 24px; color: #fff; text-align: center; line-height: 34px; font-weight: bold; overflow: hidden; }

.image .imagebg img { width: 50px; display: block; margin: 0 auto; }




.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; }
ul.pl1-b { PADDING: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; }
ul.pl1-b li.pl1-b1 { display: inline-block; margin: 4px 5px; }
ul.pl1-b li.pl1-b1 span { font-family: Arial; font-size: 14px; COLOR: #999999; line-height: 20px; TEXT-DECORATION: none; text-align: center; BORDER: #ddd 1px solid; background: #fff; padding: 4px 8px; border-radius: 40px; }

ul.pl1-b li.pl1-b1 A { font-family: Arial; font-size: 14px; COLOR: #999999; TEXT-DECORATION: none; line-height: 20px; text-align: center; BORDER: #ddd 1px solid; background: #fff; padding: 4px 8px; border-radius: 40px; }
ul.pl1-b li.pl1-b1 A:hover { font-family: Arial; font-size: 14px; color: #fff; border: #359239 1px solid; BACKGROUND-COLOR: #359239; padding: 4px 8px; border-radius: 40px; }

ul.pl1-b li.pl1-b1.on1 { font-family: Arial; font-size: 14px; color: #fff; line-height: 20px; }

ul.pl1-b li.pl1-b1.on1 span { background: none; border: none; color: #fff; margin: 0; padding: 0; padding: 4px 8px; border: #ddd 1px solid; BACKGROUND-COLOR: #359239; border-radius: 40px; }
ul.pl1-b li.pl1-b1 A:active { font-family: Arial; font-size: 14px; color: #fff; line-height: 20px; BORDER: #ddd 1px solid; background: #ddd; }
ul.pl1-b li.pl1-b1 SPAN.current { FONT-WEIGHT: bold; font-family: Arial; font-size: 14px; COLOR: #999999; BORDER: #ddd 1px solid; BACKGROUND-COLOR: #fff; line-height: 20px; padding: 4px 8px; BACKGROUND-COLOR: #359239; border-radius: 40px; }
ul.pl1-b li.pl1-b1 SPAN.disabled { font-family: Arial; font-size: 14px; COLOR: #999999; line-height: 20px; border: #ddd 1px solid; BACKGROUND-COLOR: #fff; border-radius: 40px; }



/*case  show*/

.s_caseshow { width: 100%; float: left; margin: 3% 0 0% 0; }

.case_img { width: 64%; max-width: 930px; float: left; margin: 0 10px 20px 0px; }

.case_img img { width: 100%; }



.case_txt { width: 36%; max-width: 430px; float: right; margin: 20px 0px 0px 0px; }

.case_txt h3 { width: 100%; height: 40px; float: left; font-size: 24px; color: #222; text-align: left; line-height: 40px; font-weight: normal; overflow: hidden; }

.case_txt h4 { width: 100%; height: auto; float: left; margin: 10px 0; font-size: 16px; color: #222; text-align: left; line-height: 30px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


.case_txt ul { width: 100%; height: auto; float: left; margin: 40px 0 20px 0; }


.case_txt ul li { width: 100%; height: auto; float: left; margin: 0px 0 20px 0; }

.case_txt ul li img { width: 60px !important; float: left; margin: 0 10px 0 0; }

.case_txt ul li .ltxt { width: 330px; height: 60px; float: left; border-bottom: 1px solid #ddd; font-size: 16px; color: #222; text-align: left; line-height: 60px; font-weight: normal; }


.case_txt ul li:hover .ltxt { border-bottom: 1px solid #359239; color: #359239; }





.s_cshow3 { width: 100%; float: left; margin: 10px 0 4% 0; font-size: 16px; color: #222; text-align: justify; line-height: 34px; font-weight: normal; }

.s_cshow3 h4 { height: auto; width: 100%; float: left; margin: 0 0 30px 0; border-bottom: 1px solid #eeeeee; padding: 10px 0; font-size: 30px; color: #222; text-align: left; line-height: 34px; font-weight: bold; }

.s_cshow3 img { display: block; margin: 0 auto; }




.s_fenye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; min-height: 100px; }


.s_fen ul { width: 100%; float: left; }


.s_fen ul li { width: 50%; float: left; }

.s_fen ul li a { width: 100%; float: left; height: 70px; margin: 5px 0 5px 0; background: #eeeeee; padding: 8px 0; font-size: 16px; color: #222222; text-align: center; line-height: 35px; font-weight: normal; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(34,34,34,0); }

.s_fen ul li a font { font-size: 16px; color: #222222; text-align: center; line-height: 35px; font-weight: normal; }

.s_fen ul li a:hover { padding: 12px 0; background: #359239; color: #fff; margin: 0; box-shadow: 0 0 10px rgba(34,34,34,.2); }

.s_fen ul li a:hover font { color: #fff; }


/*service*/




.s_service { width: 100%; height: auto; float: left; padding-top: 30px; padding-bottom: 40px; }


.s_servlist { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 20px; }


.s_servlist ul { width: 100%; height: auto; float: left; }


.s_servlist ul li { width: 18%; height: 440px; float: left; margin: 3% 2% 2% 0; position: relative; }


.s_servlist ul li::after { width: 1px; height: 420px; float: right; position: absolute; top: 20px; right: 0; background: #eeeeee; content: ''; }


.s_servlist ul li:hover { width: 18%; height: 440px; float: left; margin: 3% 2% 2% 0; position: relative; background:url(../images/zhover2.jpg) no-repeat left bottom; background-size:cover; box-shadow: 0 0 20px rgba(29,143,34,.7); }

.s_servlist ul li:hover::after, .s_servlist ul li:last-child::after { width: 1px; height: 420px; float: right; position: absolute; top: 20px; right: 0; background: #eeeeee; content: ''; display: none; }



.s_servlist ul li img.vimg1 { display: block; width: 90px; margin: 60px auto 10px auto; }
.s_servlist ul li img.vimg2 { display: none; width: 90px; margin: 60px auto 10px auto; }


.s_servlist ul li:hover img.vimg1 { display: none; width: 90px; margin: 60px auto 10px auto; }
.s_servlist ul li:hover img.vimg2 { display: block; width: 90px; margin: 60px auto 10px auto;  filter: drop-shadow(10px 10px 12px rgba(34,34,34,.3));}



.s_servlist ul li .serv_bt { width: 93%; height:60px; float: left; margin: 2% 0 2% 4%; position: relative;  font-size:24px; color:#222222; text-align:center; line-height:60px; font-weight:normal;}



.s_servlist ul li .serv_bt::after{width:30px; height:4px; float:left; background:#999; content:''; position:absolute; left:50%; margin-left:-20px; bottom:0; }
 


.s_servlist ul li .serv_con { width: 93%; height:180px; float: left; margin: 2% 0 2% 4%; position: relative;  font-size:16px; color:#222222; text-align:left; line-height:30px; font-weight:normal;  display:-webkit-box;   -webkit-line-clamp:6; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}


.s_servlist ul li .serv_con font{font-weight:bold;}


.s_servlist ul li:nth-child(2) .serv_con,.s_servlist ul li:nth-child(5) .serv_con { width: 93%; height:180px; float: left; margin: 2% 0 2% 4%; position: relative;  font-size:16px; color:#222222; text-align:center; line-height:30px; font-weight:normal;  display:-webkit-box;   -webkit-line-clamp:6; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}



.s_servlist ul li:hover .serv_bt,.s_servlist ul li:hover .serv_con{color:#fff;}


.s_servlist ul li:hover .serv_bt::after{width:30px; height:4px; float:left; background:#fff; content:''; position:absolute; left:50%; margin-left:-20px; bottom:0; }
 


/*news*/

.s_newnavi { width: 100%; height: auto; float: left; margin: 3% 0 4% 0; }


.s_newnavi ul { width: 100%; float: left; }

.s_newnavi ul li { width: 50%; height: 80px; float: left; background: transparent; position: relative; }


.s_newnavi ul li::after { width: 1px; height: 40px; float: left; background: #359239; content: ''; position: absolute; left: 0px; top: 20px; transform: rotate(10deg); display: block; }

.s_newnavi ul li:last-child::after{ width: 1px; height: 40px; float: left; background: #359239; content: ''; position: absolute; left: 0px; top: 10px; transform: rotate(10deg); display: none; }


.s_newnavi ul li a { width: 100%; height: 80px; float: left; position: relative; z-index: 10; }

.s_newnavi ul li a h3 { width: 100%; height: 80px; float: left; text-align: center; font-size: 18px; color: rgba(34,34,34,1); line-height: 80px; font-weight: normal; position: absolute; z-index: 8; left: 0; top: 0; }

.s_newnavi ul li a font { width: 100%; height: 80px; float: left; font-family: 'Alibaba-Bold'; font-size: 43px; color: rgba(34,34,34,.1); opacity: 0; text-align: center; text-transform:uppercase; line-height: 40px; font-weight: bold; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 5; }


.s_newnavi ul li:hover, .s_newnavi ul li.whov { width: 50%; height: 80px; float: left; background: url(../images/xwzx.png) no-repeat center bottom; background-size: 100% 100%; position: relative; }



.s_newnavi ul li:hover::after,.s_newnavi ul li.whov::after { width: 1px; height: 40px; float: left; background: #359239; content: ''; position: relative; right: 0px; top: 10px; transform: rotate(10deg); display: none;  opacity:0;}


.s_newnavi ul li:last-child::after, .s_newnavi ul li:last-child.whov::after { width: 1px; height: 40px; float: left; background: #359239; content: ''; position: absolute; right: 0px; top: 10px; transform: rotate(10deg); display: none; }


.s_newnavi ul li:hover a, .s_newnavi ul li.whov a { width: 100%; height: 80px; float: left; position: relative; z-index: 10; }

.s_newnavi ul li:hover a h3, .s_newnavi ul li.whov a h3 { width: 100%; height: 80px; float: left; text-align: center; font-size: 18px; color: rgba(255,255,255,1); line-height: 80px; font-weight: normal; position: absolute; z-index: 8; left: 0; top: 0; }

.s_newnavi ul li:hover a font, .s_newnavi ul li.whov a font { width: 100%; height: 80px; float: left; font-family: 'Alibaba-Bold'; font-size:34px; color: rgba(255,255,255,.3); opacity: 1;  text-transform:uppercase;  text-align: center; line-height: 40px; font-weight: bold; display: flex; align-items: center; justify-content: center; position: relative; z-index: 5; }




.s_xwen { width: 100%; max-width: 1400px; float: left; margin: 0px 0 20px 0; }

.s_xwen dl { width: 100%; float: left; margin: 10px 0 30px 0; }
.s_xwen dl dd { width: 100%; height: auto; float: left; margin: 0; background:#fafafa; padding:10px 0; border: 1px solid #fafafa; }

.s_xwen dl dd:hover { background: #fff; border: 1px solid #359239; }

.s_xwen dl dd .s_times { width: 62px; float: right; margin: 6% 60px 0 0; font-family: 'Alibaba-Medium'; font-size: 18px; color: #222; text-align: center; line-height: 40px; font-weight: normal; }


.s_xwen dl dd .s_times font { width: 60px; height: 60px; float: left; background: transparent; border: 1px solid #222; font-family: 'Alibaba-Medium'; font-size: 48px; color: #222; text-align: center; line-height: 60px; font-weight: normal; }




.s_xwen dl dd .s_pic { width:30%; max-width:330px; height: auto; margin-left:10px; margin-top:0px; float: left; overflow:hidden; }

.s_xwen dl dd .s_pic img{width:100%;}


.s_xwen dl dd .s_next { width: 72%; max-width:760px; height: auto; margin-left: 3%; margin-top:10px; float: left; font-family: 'Alibaba-Medium'; font-size: 18px; color: #222; text-align: left; line-height: 40px; font-weight: normal; }



.s_xwen dl dd .s_next h3 { width: 100%; height: 40px; float: left; font-family: 'Alibaba-Medium'; font-size: 18px; color: #222; text-align: left; line-height: 40px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


.s_xwen dl dd .s_next h4 { width: 100%; height: 90px; float: left; font-family: 'Alibaba-Regular'; font-size: 16px; color: #222; text-align: justify; line-height: 30px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }

.s_xwen dl dd:hover .s_times{ color: #359239; }
.s_xwen dl dd:hover .s_next h3 { color: #359239; }

.s_xwen dl dd:hover .s_times font { border: 1px solid #359239; color: #359239; }




 
.s_xwshow { width: 100%; max-width: 1400px; float: left; margin: 20px 0 20px 0; }


.s_xwshow h3{width:100%; float:left;  font-size: 30px; color: #222; text-align: center; line-height: 40px; font-weight: bold;}

.s_xwshow h4{width:100%; float:left;  font-size:16px; color: #999999; text-align: center; line-height:30px; font-weight: normal; padding:10px 0; border-bottom:1px solid #eee; }



 
.s_xwscon { width:93%; max-width:1200px; float: left; margin:3% 0 3% 4%;  font-size:16px; color: #222222; text-align: left; line-height:36px; font-weight: normal;  }


.s_xwscon img{display:block; margin:0 auto;}




.s_xfenye { width: 100%; float: left;  padding:20px 0; border-top:1px solid #eee; }
.s_xfen { width: 100%; float: left;  padding:0px 0; }
.s_xfen ul { width: 100%; float: left; text-align:center; }


.s_xfen ul li { width: auto; display:inline-block; margin:0 2%;  padding:0 20px 0 0; position:relative;}

.s_xfen ul li::after{width:1px; height:20px; float:right; background:#999999; content:''; position:absolute; top:10px; right:-20px;}
.s_xfen ul li:last-child::after{width:1px; height:20px; float:right; background:#999999; content:''; position:absolute; top:5px; right:0;  display:none;}

.s_xfen ul li a {  float: none; height: 35px; margin:0;  font-size: 16px; color: #222222; text-align: center; line-height: 35px; font-weight: normal; }

.s_xfen ul li a:hover {  color: #359239; margin: 0;  }


.s_xfen ul li font{display:inline-block; margin:0 auto; padding:0 10px;  font-size: 16px; color: #222222; text-align: center; line-height: 35px; font-weight: normal; }

.s_xfen ul li a:hover font{color:#359239;}

/*joinin*/





.s_jioshow { width: 92%; float: left; margin:4% 0 4% 4%; font-size: 16px; color: #222; text-align: justify; line-height: 34px; font-weight: normal; }

.s_jioshow h4 { height: auto; width: 100%; float: left; margin: 0 0 30px 0; border-bottom: 1px solid #fff; padding: 10px 0; font-size: 36px; color: #222; text-align: center; line-height: 50px; font-weight: bold; }

.s_jioshow img { display: block; margin: 0 auto; }







.s_jio_addbgc { width: 1920px; *width: 1920px; _width: 1920px; height:220px; padding: 0 0 0px 0; position: relative; z-index: 9; margin: 3% 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; background: url(../images/beijing01.jpg) no-repeat top right; overflow: hidden; }


.s_jio_addbgc ul{width:100%; float:left; }

.s_jio_addbgc ul  li{width:280px; float:left; margin:40px 20px 10px 60px; }


.s_jio_addbgc ul  li img{width:60px; display:block; margin:0;}


.s_jio_addbgc ul  li h4{width:100%; float:left; font-size: 24px; color: #fff; text-align: left; line-height:30px; font-weight: bold;  text-transform:uppercase; }

.s_jio_addbgc ul  li h4  font{width:100%; float:left; font-size: 16px; color: #fff; text-align: left; line-height:30px; font-weight: normal;  }


.s_jio_addbgc ul  li h4 font a{color:#fff; }


.s_jio_addbgc ul  li:first-child{width:460px; float:left; margin:40px 20px 10px 120px; }



 /*retail store */





.s_retailbgc { width: 1920px; *width: 1920px; _width: 1920px; min-height:1120px; padding: 0 0 0px 0; position: relative; z-index: 9; margin: 3% 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; background: url(../images/beijing02.jpg) no-repeat bottom center; background-size:cover; overflow: hidden; }




.s_retail { width: 100%; float: left; margin:0% 0 4% 0%; font-size: 16px; color: #222; text-align: justify; line-height: 34px; font-weight: normal; }

.s_retail h4 { height: auto; width: 100%; float: left; margin: 0 0 30px 0; border-bottom: 1px solid #eee; padding: 10px 0; font-size: 36px; color: #222; text-align: center; line-height: 50px; font-weight: bold; }

.s_retail h4  font{width:100%; float:left; font-size: 16px; color: #222; text-align: center; line-height:30px; font-weight: normal;  padding:10px 0; }




.sycbg { width: 100%; float:left; margin:30px 0 40px 0; }

.syc { width: 100%; float:left; margin:0px 0 20px 0; overflow: hidden; }
.syc .sycTitle {  width:40%; max-width: 340px; float:left; }

.s_syc_bt { width: 100%; float: left; margin:0% 0 3% 0; }

.s_syc_bt h3 { width: 100%; float: left; margin: 0 0 0% 0; position: relative; z-index: 3; font-family: 'Alibaba-Bold'; font-size: 60px; color: #e4fde5; text-align: left; line-height: 60px; font-weight: bold; text-transform: uppercase; }
.s_syc_bt h4 { width: 100%; float: left; margin: -3% 0 0% 0; position: relative; z-index: 3; font-family: 'Alibaba-Regular'; font-size: 30px; color: #222222; text-align: left; line-height: 30px; font-weight: normal; letter-spacing: 1px; }


.syc .sycTitle ul { float: left; margin:4% 0;  width: 100%; }
.syc .sycTitle ul li { width:88%; height: 70px; float: left; padding-left:6%;  font-size: 24px; color: #666666; line-height: 70px; text-align: left; font-weight: normal; font-style: normal; background:url(../images/bjing1.jpg) no-repeat  right bottom; }

.syc .sycTitle .active,.syc .sycTitle ul li:hover { width:88%; padding-left:6%; float:left; background:url(../images/huan1.png) no-repeat left bottom; font-size: 24px; color: #fff; line-height: 70px; text-align: left; font-weight: normal; font-style: normal;  cursor:pointer;}

.syc .sycContent { width:97%; max-width:960px; height: auto !important; min-height: 720px; background: #fff; padding:2%; display: block;  float:right;  position:relative;  box-shadow:0 0 10px rgba(34,34,34,.3); margin:1% 2% 3% 0;}



.syc .sycContent  h5{ width: 100%; float: left; margin: 0 0 0% 0; position: relative; z-index: 3; font-family: 'Alibaba-Bold'; font-size:24px; color: #222; text-align: center; line-height: 40px; font-weight: bold; text-transform: uppercase;}


.syc .sycContent  ul{width:103%; float:left;}


.syc .sycContent  ul li{width:44%; float:left; margin:2% 3% 1% 0; height:auto; padding:1%; background:#f6fef6; border:1px solid #c0e0c2; border-radius:40px;  }


.syc .sycContent  ul li img{width:20px; float:left; margin:5px; }


.syc .sycContent  ul li font{width:86%; height:auto; float:left; font-size:16px; color: #222; text-align: left; line-height: 20px; font-weight: normal; margin:5px 0 0px 0;}


.sycMap{width:100%; height:570px; float:left; overflow:hidden;}


.sycMap img{width:100%; height:570px;}






.m_store { position: relative; }
.m_store .mendian { position: relative; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: none; visibility: hidden; }
.m_store .mendian.on { opacity: 1; display: block; visibility: visible; }
.m_store .mendian:nth-child(1) { position: relative; }