body { margin: 0; padding: 0; line-height: 24px; font-family: 'Microsoft YaHei'; font-size: 12px; background: #fff; overflow-x: hidden; }
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 {max-width:100%;  }

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

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

.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不太好用*/

/* body ------------------------------*/
body { font-family: 'Microsoft YaHei',Arial; font-size: 12px; line-height: 120%; color: #313131; background-color: White; }

.max { width: 100%; max-width: 1920px; height: auto; display: block; margin: 0 auto; overflow: hidden; }

.maxbg{ width: 1920px; max-width: 100%; float: left; position: relative; left: 0%; top: 0;  margin: 0 auto; right: 0;   }

.m_max { width: 80%; display: block; margin: 0 auto; position: relative; }

.mx_menu { width: 82%; display: block; margin: 0 auto; }

.m_htop { width: 100%; height: 120px; float: left; position: relative; z-index: 28; left: 0; top: 0; background: #fff; display: block; }


.m_htop .c_max { width: 100%; display: flex; align-items: center; justify-content: flex-end; height: 100%; }
.c_max .logo { max-width: 160px; margin: 0 0 0 0%; }
.logo .img1 { width: 100%; display: block; }



.m_navibox { float: left; display: block; margin: 0px 2% 0 6%; }
.m_navi { width: 100%; float: right; }
.m_navi ul { width: 100%; float: left; }
.m_navi ul > li { float: left; height: 120px; padding: 0 10px; position: initial; z-index: 12; }


.m_navi ul li > a { float: left; font-size: 16px; color: #333; height: 120px; text-align: center; line-height: 100px; font-weight: normal; position: relative; z-index: 5; width: 100%; border-bottom: 1px solid transparent; background: none; }


.m_navi ul li > a font { width: 100%; height: 20px; float: left; margin-top: -30px; font-family: Arial; font-size: 12px; color: #999999; text-align: center; line-height: 20px; font-weight: normal; text-transform: capitalize; }


.m_navi ul li:hover >  a, .m_navi ul li.ahov >  a{ float: left; background: #f00 url(../images/hovs.png) no-repeat center bottom; background-size: 16px 8px; color: #fff; }

.m_navi ul li:hover > a font, .m_navi ul li.ahov > a font { color: #fff; }


.m_navi ul li .prod_up { display: none; }
.m_navi ul li:hover .prod_up { display: block; }

 
.s_pbgc { width: 1920px; max-width: 100%; float: left; position: absolute; z-index: 45; left: 0%; top: 111px; /*background: #f5f6f7;*/ margin: 0 auto; right: 0;
 min-height:40px; background:#f00; box-shadow: 0 5px 10px -5px rgba(34,34,34,.2); padding: 10px 0; }
.s_pbox { width: 80%; background: rgba(255,255,255,0); float: left; margin: 0% 0 0% 10%; }
.m_navi ul li:nth-child(2) .s_pbox { width: 80%; background:#f00; float: left; margin: 0% 0 0% 10%; }
.s_pbox dl { width: 100%; float: left; padding: 10px 0; }
.s_pbox dl dt { width: 16%; float: left; font-size: 16px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; background:none; }

.s_pbox dl dt a { width: 100%; float: left; font-size: 16px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; padding: 5px 0; text-decoration: none; background:none;}

.s_pbox dl dt a:hover { color: #fff; text-decoration: none; background:none;}



.m_navi ul li:nth-child(5) .s_pbox dl dt, .m_navi ul li:nth-child(6) .s_pbox dl dt, .m_navi ul li:nth-child(7) .s_pbox dl dt, .m_navi ul li:nth-child(8) .s_pbox dl dt { width: 16%; float: right; font-size: 18px; color: #595757; text-align: center; line-height: 20px; font-weight: normal; }

.m_dianhua { width: 24%; max-width: 160px; float: right; margin: 1% 0% 0 1%; font-family: Arial; font-size: 18px; color: #333333; text-align: left; line-height: 40px; font-weight: bold; }

.m_dianhua font { width: 100%; height: 20px; float: left; font-family: Arial; font-size: 14px; color: #333333; text-align: left; line-height: 20px; font-weight: normal; }

.m_dianhua font img { width: 18px; float: left; margin: 0 4px 0 0; }



.web { display: block; }
.mobile { display: none; }


.z_mhead { position: fixed; background: #000; width: 100%; left: 0; height: 4rem; display: none; }

.z_nav { display: none; }




.m_banner { width: 100%; float: left; position: relative; z-index: 24; margin: 0px 0 50px 0; display: block; overflow: hidden; }



.thumbs { width: auto; position: absolute; right: 10%; bottom: 15px; z-index: 15; float: right; }

.thumbs li { float: left; position: relative; margin: 0 0 0 20px; width: 150px; border: 5px solid #fff; }

.thumbs li img { float: left; }

.thumbs img.shadow { position: absolute; left: 0; width: 100%; bottom: -16px; }

.thumbs li span { font-size: 18px; color: #000000; text-align: right; position: absolute; right: 10px; bottom: 20px; line-height: 30px; z-index: 11; cursor: pointer; }

.thumbs li em { background: url(../images/thumb_hover.png) no-repeat left top;  background-size:100% 100%; width: 100%; height: 100%; 
position: absolute; right: 0; bottom: 0; }

.thumbs li:hover em { background-image: url(../images/thumb_active.png); background-size:auto; }


.m_company { width: 100%; height: auto; float: left; background: url(../images/kgs.jpg) no-repeat left top; background-size: 630px 233px; margin: 0; padding: 120px 0 0 0; }


.m_comabgc { width: 100%; float: left; background: #ff0000; position: relative; position: relative; z-index: 30; }


.m_comaz { width: 40%; height: auto; float: left; position: relative; z-index: 10; }



.m_comay { width: 60%; height: auto; float: right; position: relative; z-index: 10; }


.m_comay_con { width: 100%; height: 100%; float: left; position: absolute; z-index: 5; background: rgba(0,0,0,0); }



.m_about { width: 60%; max-width: 370px; min-height: 300px; background: rgba(0,0,0,0); float: left; margin: 10% 0 0 28%; }


.m_about h3 { width: 100%; float: left; margin: 10px 0 10px 0; font-family: Arial; font-size: 48px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; text-transform: uppercase; }


.m_about h4 { width: 100%; float: left; margin: 10px 0 10px 0; font-size: 30px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; }


.m_about h5 { width: 100%; height: 270px; margin: 10px 0 10px 0; float: left; font-size: 18px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


.m_about h6 { width: 150px; float: left; }


.m_about h6 a { width: 100%; height: 50px; float: left; border: 1px solid #fff; margin: 10px 0 10px 0; font-size: 16px; color: #fff; text-align: center; line-height: 50px; font-weight: normal; }


.m_comay_bg { width: 100%; float: left; position: relative; z-index: 2; background: #000; }

.m_comay_bg img { width: 100%; opacity: .7; }

.m_history { width: 80%; float: left; margin: 20% 0 10% 10%; }


.m_history ul { width: 104%; float: left; }


.m_history ul li { width: 24%; float: left; height: 140px; position: relative; }
.m_history ul li:first-child { width: 28%; float: left; height: 140px; position: relative; }


.m_history ul li::after { width: 1px; float: left; height: 30px; background: #fff; content: ''; position: absolute; right: 0px; top: 40px; }

.m_history ul li:last-child::after { width: 1px; float: left; height: 30px; background: #fff; content: ''; position: absolute; right: 0px; top: 40px; display: none; }

.m_history ul li h4 { width: 100%; height: 80px; float: left; font-size: 72px; color: #fff; text-align: center; line-height: 80px; font-weight: bold; }

.m_history ul li h4 b { width: 100%; height: 80px; float: left; font-size: 72px; color: #fff; text-align: center; line-height: 80px; font-weight: bold; font-style: normal; }


.m_history ul li h4 font { padding: 30px 0 0 0; font-size: 14px; color: #fff; text-align: center; line-height: 30px; 
font-weight: normal; position:absolute; margin:20px 0 0 -40px; }



.m_history ul li:nth-child(3) h4 font { padding: 30px 0 0 0; font-size: 14px; color: #fff; text-align: center; line-height: 30px; 
font-weight: normal; position:absolute; margin:20px 0 0 -70px; }



.m_history ul li:nth-child(4) h4 font { padding: 30px 0 0 0; font-size: 14px; color: #fff; text-align: center; line-height: 30px; 
font-weight: normal; position:absolute; margin:20px 0 0 -90px; }

.m_history ul li h5 { width: 100%; float: left; font-size: 14px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; }

/*index map*/

.m_bigmap { width: 100%; height: auto !important; min-height: 330px; float: left; position: relative; z-index: 30; }


/*index map*/

.container { width: 1100px; margin: 0 auto; position: relative; }

.container ul { font: normal 16px 'Open Sans',sans-serif; color: #2a2a2a; line-height: 26px; margin-bottom: 0; padding-bottom: 0; }

.content { width: 100%; margin: 70px 0 55px 0; }

.content .container { width: 795px; }

.content h1 { font: bold 20px 'Open Sans',sans-serif; color: #68737c; line-height: 30px; padding: 0 0 40px; }

.content p { font: normal 16px 'Open Sans',sans-serif; color: #2a2a2a; line-height: 30px; padding: 0 0 40px; }

.content a.meer, .circle_box a.meer { font: normal 12px 'Open Sans',sans-serif; color: #fa0912; float: right; line-height: 20px; }

.content p.datum { margin-bottom: 0; padding-bottom: 0; font: normal 12px 'Open Sans',sans-serif; color: #fa0912; line-height: 20px; }

img.blank { border: 0; }

.black_content { width: 100%; background: #9ca2a5 url(../images/map1.jpg) no-repeat center top; position: relative; text-align: center; height: 440px; overflow: hidden; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.grey_overlay { width: 100%; position: absolute; height: 100%; background: url(../images/grey_overlay.png) repeat left top; z-index: 1; left: 0; top: 0; }

.BC_new .grey_overlay { display: block; }

.map_dian {  width: 1100px !important; height: 95% !important;  position:absolute; left: 50%; margin-left: -550px; overflow: hidden;
 padding-left: 0 !important; padding-right: 0 !important;  }


.black_content .container { z-index: 5; }

.black_content h1 { font: bold 60px 'Open Sans',sans-serif; color: #fff; line-height: 74px; border-bottom: 1px solid #fff; padding: 0 0 15px; position: absolute; left: 0; width: 100%; top: 30%; }

.black_content a.button { font: normal 14px 'Open Sans',sans-serif; color: #fff; line-height: 16px; background: url(../images/red_bg.png) repeat left top; position: absolute; left: 50%; top:60%; margin: 0 0 0 -120px; padding: 16px 22px; cursor: pointer; }

.black_content a.button:hover { background: #de1921; }

.ncl-location-pin { position: absolute; background: url('../images/ui_sprite.png') -81px 0; cursor: pointer; width: 20px; height: 20px; background: url(../images/unsel_dot.png) no-repeat left top; }

.ncl-location-pin:hover { background-image: url(../images/sel_dot.png); }

.ncl-selected-location .ncl-location-pin { background-image: url(../images/sel_dot.png); }
#rockstar-map {width:100%; float:left;  height: 608px; background-image: url(../images/map2.jpg) ; background-repeat:no-repeat;}


.BC_new h1, .BC_new a.button { display: none; }

.language { width: 100%; background: #454a50; padding: 9px 0; position: absolute; z-index: 1; left:0; bottom:0; }

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

.language li:first-child { float: left; }

.language li { float: right; padding: 1px 0 0 8px; color: #fff; font: normal 11px 'Open Sans',sans-serif; }

.language li img { margin: -3px 0 0; }
.map_container { width: 1000px !important; height: 94.5% !important; left: 50%; margin-left: -500px; overflow: hidden;
 padding-left: 0 !important; padding-right: 0 !important; }


.pin1 { left: 48.5%; top: 31.8%; }
.pin2 { left: 47.2%; top: 30.5%; }
.pin3 { left: 47.8%; top: 27%; }
.pin4 { left: 46%; top: 26.5%; }
.pin5 { left: 49%; top: 27%; }
.pin6 { left: 46.5%; top: 35%; }
.pin7 { left: 44%; top: 35%; }
.pin8 { left: 23.2%; top: 39.5%; }
.pin9 { left: 88.8%; top: 84.5%; }
.pin10 { left: 76.2%; top:50.8%; }
.pin11 { left: 51.8%; top: 32%; }
.pin12 { left: 59.8%; top: 45%; }
.pin13 { left: 68.5%; top: 55%; }
.pin14 { left: 75%; top: 57.5%; }
.pin15 { left: 78.2%; top: 54.8%; }
.pin16 { left: 79.8%; top: 41%; }
.pin17 { left: 82%; top: 35%; }
#rockstar-map { display: none; }
 


a.close_icon { background: url(../images/cross.png) no-repeat center center; width: 12px; height: 12px; position: absolute; top: 10px; right: 10px; cursor: pointer; z-index: 11; }

.location { display: none; position: absolute; width: 390px; padding: 15px; left: 50%; top: 50%; background: #fff; border-radius: 3px; text-align: left; font: 12px/18px 'lucida grande',helvetica,tahoma,sans-serif; color: #000; z-index: 111; margin: -40px 0 0 -195px; }

.shhouhui { color:#fff;}

.single { width: 240px; margin: -40px 0 0 -120px; }

.location h2 { display: block; float: left; width: 100%; color: #fa0912; text-align: left; font-size: 14px; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-weight: bold; border-bottom: 1px solid #fa0912; padding: 0 0 7px; margin: 0; }

.location .equal {width:100%;  margin: 0; padding: 10px 0 0 0; font: normal 12px Arial,Helvetica,sans-serif; color: #666; line-height: 18px; position: relative; float: left; width: 100%; }

.location .equal a { color: #666; }

.location a.email { margin: 10px 0 0; background: #fa0912; text-decoration: none; float: left; padding: 5px 10px; font: normal 12px Arial,Helvetica,sans-serif; color: #fff; line-height: 18px; position: relative; }


/*定制化项目案例 Custtomize project case */

.m_proj_bt { width: 100%; float: left; margin: 80px 0 40px 0; position: relative; z-index: 30; }

.m_proj_bt h4 { width: 100%; float: left; margin: 0 0 10px 0; font-family: Arial; font-size: 48px; color: #ccc; text-align: left; line-height: 40px; font-weight: bold; text-transform: uppercase; }

.m_proj_bt h4 font { width: 100%; height: 50px; float: left; font-size: 30px; color: #333333; text-align: left; line-height: 50px; font-weight: normal; }


.m_proj_bt h4 font a { width: 120px; height: 40px; float: right; border: 1px solid #666666; margin: 10px 0 10px 0; font-size: 14px; color: #666666; text-align: center; line-height: 40px; font-weight: normal; transition: all ease-in .2s; }


.m_proj_bt h4 font a:hover { border: 1px solid #f00; color: #f00; transition: all ease-in .2s; }



.m_project { width: 100%; height: auto !important; min-height: 330px; float: left; position: relative; z-index: 30; }






#certify1 { position: relative; width: 100%; display: block; margin: 0px 0px 0px 0px; }
#certify1 .swiper-container { padding: 0px; overflow: hidden; }
#certify1 .swiper-slide { padding: 0px; text-align: center; position: relative; z-index: 20; overflow: hidden; transition: all ease .3s; }

#certify1 .swiper-slide img { width: 100%; position: relative; z-index: 3; }

#certify1 .swiper-slide .slibgc { width: 100%; height: 100%; float: left; background: rgba(0,0,0,.5); position: absolute; z-index: 10; left: 0; top: 0; }

#certify1 .swiper-slide .slibgc .sli_bt { width: 80%; height: 200px; float: left; position: absolute; z-index: 8; background: rgba(0,0,0,0); left: 10%; bottom: 40px; }

.slibgc .sli_bt h4 { width: 100%; float: left; height: 40px; margin: 40px 0 0 0; font-size: 18px; color: #fff; text-align: left; line-height: 40px; font-weight: normal; background: none; }


.slibgc .sli_bt h5 { width: 100%; float: left; height: 50px; margin: 10px 0 10px 0; font-size: 20px; color: #fff; text-align: left; line-height:25px;
 font-weight: bold; background: none; display: flex; 
    align-items: center;
    justify-content: space-between; }


.slibgc .sli_bt h6 { width: 150px; display: block; margin: 0 auto; opacity: 0; }


.slibgc .sli_bt h6 a { width: 100%; height: 50px; float: left; border: 1px solid #f00; background: #f00; font-size: 16px; color: #fff; text-align: center; line-height: 50px; font-weight: normal; }




#certify1 .swiper-slide:hover .slibgc { width: 100%; height: 100%; float: left; background: rgba(0,0,0,0); position: absolute; z-index: 10; left: 0; top: 0; transition: all ease .3s; }

#certify1 .swiper-slide:hover .slibgc .sli_bt { width: 80%; height: 200px; padding: 20px 0 20px 0; float: left; position: absolute; z-index: 8; background: rgba(0,0,0,.5); left: 10%; bottom: 40px; transition: all ease .3s; }


#certify1 .swiper-slide:hover .slibgc .sli_bt h4 { width: 100%; float: left; height: 40px; margin: 20px 0 0 0; font-size: 18px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; background: url(../images/line1.png) no-repeat center bottom; transition: all ease .3s; }


#certify1 .swiper-slide:hover .slibgc .sli_bt h5 { width: 98%; float: left; height: 50px; margin: 10px 0 20px 0; font-size: 20px; color: #fff; 
text-align: center; line-height: 25px;  padding:5px 1%; font-weight: bold; background: url(../images/line1.png) no-repeat center bottom; transition: all ease .3s;  display: flex;
    align-items: center;
    justify-content: space-between; }


#certify1 .swiper-slide:hover .slibgc .sli_bt h6 { width: 150px; display: block; margin: 0 auto; opacity: 1; transition: all ease .3s; }


#certify1 .swiper-slide:hover .slibgc .sli_bt h6 a { width: 100%; height: 50px; float: left; border: 1px solid #f00; background: #f00; font-size: 16px; color: #fff; text-align: center; line-height: 50px; font-weight: normal; }


#certify1 .swiper-slide-active, .swiper-slide-duplicate-active { -webkit-tap-highlight-color: transparent; outline: none; }





#certify1 .swiper-button-prev1 { text-indent: -9999px; top: 48%; bottom: auto; left: 0px; width: 48px; height: 102px; background: url(../images/cprev1.jpg) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; }
#certify1 .swiper-button-prev1:hover { background: url(../images/cprev1.jpg) no-repeat; }
#certify1 .swiper-button-next1 { text-indent: -9999px; right: 0px; top: 48%; bottom: auto; width: 48px; height: 102px; background: url(../images/cnext1.jpg) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; }
#certify1 .swiper-button-next1:hover { background: url(../images/cnext1.jpg) no-repeat; }


/*首页 模块三*/



.m_threebgc { width: 100%; height: auto !important; min-height: 630px; padding: 80px 0 0 0; background: url(../images/bj01.jpg) no-repeat center bottom; float: left; position: relative; z-index: 30; }

.m_threebgc ul { width: 110%; float: left; background: transparent; }


.m_threebgc ul li { width: 31%; max-width: 440px; height: 510px; background: rgba(0,0,0,0); float: left; margin: 0% 6% 0 0; position: relative; z-index: 25; }


.m_threebgc ul li .thre_img { width: 220px; height: 220px; display: block; margin: 0 auto; position: relative; z-index: 20; }


.m_threebgc ul li .thre_img .img1 { display: block; margin: 0 auto; }
.m_threebgc ul li .thre_img .img2 { display: none; margin: 0 auto; }


.m_threebgc ul li:hover .thre_img .img1 { display: none; margin: 0 auto; }
.m_threebgc ul li:hover .thre_img .img2 { display: block; margin: 0 auto; }


.m_threebgc ul li .thre_bgc { width: 60%; height: auto !important; min-height: 200px; float: left; margin: -108px 0 0 0; padding: 32% 20% 0 20%; position: relative; z-index: 15; background: #fff; box-shadow: 0px 10px 40px rgba(0,0,0,.2); }

.thre_bgc h4 { width: 100%; height: 40px; float: left; margin: 0 0 20px 0; font-size: 24px; color: #333; text-align: center; line-height: 40px; font-weight: bold; }


.thre_bgc h5 { width: 100%; height: 120px; float: left; margin: 0 0 20px 0; font-size: 14px; color: #999999; text-align: center; line-height: 30px; font-weight: normal; }



.thre_bgc h6 { width: 150px; display: block; margin: 0 auto; opacity: 1; }


.thre_bgc h6 a { width: 100%; height: 50px; float: left; border: 1px solid #333333; background: #333333; font-size: 14px; color: #fff; text-align: center; line-height: 50px; font-weight: normal; }

.thre_bgc:hover h6 a { width: 100%; height: 50px; float: left; border: 1px solid #f00; background: #f00; font-size: 14px; color: #fff; text-align: center; line-height: 50px; font-weight: normal; }




/*index  news*/

.m_newbgc { width: 100%; height: auto !important; min-height: 800px; padding: 80px 0 60px 0; background: url(../images/newbg.jpg) repeat center bottom; float: left; position: relative; z-index: 30; }


.m_newl { width: 65%; float: left; height: auto !important; min-height: 300px; background: rgba(205,100,224,0); }


.m_newl_bt { width: 100%; float: left; margin: 10px 0 20px 0; position: relative; z-index: 30; }

.m_newl_bt h4 { width: 100%; float: left; margin: 0 0 30px 0; font-family: Arial; font-size: 48px; color: #ccc; text-align: left; line-height: 40px; font-weight: bold; text-transform: uppercase; }

.m_newl_bt h4 font { width: 100%; height: 50px; margin: 20px 0 0 0; float: left; font-size: 30px; color: #333333; text-align: left; line-height: 50px; font-weight: normal; }




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

.m_newl ul li { width: 46%; max-width: 450px; height: 520px; float: left; margin: 0% 4% 2% 0; background: rgba(255,255,255,1); }

.m_newl ul li .new_tu { width: 100%; float: left; overflow: hidden; }

.m_newl ul li .new_tu img { display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.m_newl ul li:hover .new_tu img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }



.m_newl ul li h4 { width: 76%; height: 40px; margin: 6% 0 2% 10%; font-size: 18px; color: #f00; text-align: left; line-height: 40px; font-weight: bold; float: left; overflow: hidden; }


.m_newl ul li h4 font { float: right; font-size: 14px; color: #999999; text-align: left; line-height: 40px; font-weight: normal; }


.m_newl ul li h5 { width: 78%; height: 60px; margin: 0% 0 2% 10%; font-size: 18px; color: #333; text-align: left; line-height: 30px; font-weight: bold; letter-spacing: 1px; float: left; text-overflow: ellipsis; overflow: hidden; }




.m_newr { width: 35%; float: left; height: auto !important; min-height: 300px; background: rgba(255,0,0,0); }

.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; }


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

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

.syTitle ul { width: 70%; float: left; }


.syTitle ul li { width: 72px; float: left; margin: 80px 60px 10px 0; }


.syTitle ul li a { width: 100%; height: 40px; float: left; font-size: 18px; color: #333; text-align: center; line-height: 40px; font-weight: normal; border-bottom: 2px solid transparent; }


.syTitle ul li:hover a, .syTitle ul li.active a { width: 100%; height: 40px; float: left; font-size: 18px; color: #f00; text-align: center; line-height: 40px; font-weight: bold; border-bottom: 2px solid #f00; }

.m_nmore { width: 120px; float: right; margin: 80px 0 0px 0; }

.m_nmore a { width: 100%; height: 40px; margin: 0px 0 0 0; background: #fff; border: 1px solid #333; float: left; font-size: 14px; color: #666666; text-align: center; line-height: 40px; font-weight: normal; }


.m_nmore a:hover { width: 100%; height: 40px; margin: 0px 0 0 0; background: #fff; border: 1px solid #f00; float: left; font-size: 14px; color: #f00; text-align: center; line-height: 40px; font-weight: normal; }


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

.synews { width: 100%; float: left; margin: 10px 0 0 0; }

.synews dl { width: 100%; float: left; }


.synews dl dd { width: 100%; float: left; height: 120px; padding: 30px 0; border-bottom: 1px solid #ccc; }


.synews dl dd .snew { width: 170px; height: 120px; float: left; overflow: hidden; }

.synews dl dd .snew img { display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
.synews dl dd:hover .snew img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


.synews dl dd .secon { width: 320px; height: auto; float: right; overflow: hidden; }

.synews dl dd .secon h4 { width: 100%; height: 40px; margin: 0px 0 0 0; font-size: 18px; color: #333; text-align: left; line-height: 40px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; }
.synews dl dd .secon h5 { width: 100%; height: 40px; margin: 10px 0 10px 0; font-size: 14px; color: #333333; text-align: left; line-height: 20px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

.synews dl dd .secon h6 { width: 100%; float: left; }

.synews dl dd .secon h6 img { width: 29px; float: left; }



/*foot*/

.m_footer { width: 100%; height: auto; background: url(../images/footbg.jpg) repeat center bottom; float: left; position: relative; z-index: 30; }


.m_foot1 { width: 400px; float: left; margin: 100px 40px 0 0; }

.m_foot1_1 { width: 100%; float: left; margin: 0px 0px 0 0; font-size: 14px; color: #fff; text-align: left; line-height: 20px; font-weight: normal; }

.m_foot1_1 img { width: 18px; float: left; margin: 0 5px 0 0; }



.m_foot1_2 { width: 100%; float: left; margin: 0px 0px 50px 0; font-family: Arial; font-size:24px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; }

.m_foot1_2 a { color: #fff; }


.m_foot1_3 { width: 100%; float: left; margin: 0px 0px 0 0; font-size: 14px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }


.m_foot1_3 a { color: #fff; }


.m_foot2 { width: 400px; float: left; margin: 100px 20px 0 0; }



.m_foot3 { width: auto; float: right; margin: 100px 0px 0 0; }


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

.m_foot3 ul li { width: 130px; float: left; }


.m_foot3 ul li dl { width: 100%; float: left; }

.m_foot3 ul li dl dt { width: 100%; height: 40px; float: left; font-size: 18px; color: #fff; text-align: left; line-height: 40px; font-weight: normal; }



.m_foot3 ul li dl dd { width: 100%; height: auto; float: left; }

.m_foot3 ul li dl dd a { width: 100%; height: 30px; float: left; font-size: 14px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }


.m_foot4 { width: 100%; height: 40px; float: left; margin: 60px 0 0 0; border-top: 1px solid #707070; font-size: 14px; color: #999999; text-align: center; line-height: 40px; font-weight: normal; }

.m_foot4 a { color: #999999; }



/*right_laiyer*/


#right_layer { width: 50px; height: auto !important; min-height: 50px; float: right; display: block; position: fixed; z-index: 888; right: 4px; bottom: 60px; }

#right_layer ul { float: left; }
#right_layer ul li { width: 50px; height: 50px; float: left; margin-top: 5px; background: #fff; box-shadow: 0px 5px 10px rgba(0,0,0,.2); border-radius: 10px; position: relative; z-index: 900; }
#right_layer ul li a { }
#right_layer ul li .rwx { width: 140px; height: 140px; float: left; display: block; display: none\9; position: absolute; z-index: 990; right: 56px; top: 0; margin-top: -40px; background: #ccc; display: none\9; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transform: scale(0.0,0.0); -webkit-transform: scale(0.0,0.0); }
#right_layer ul li:hover .rwx { width: 140px; height: 140px; float: left; display: block; position: absolute; z-index: 990; right: 58px; top: 0; margin-top: -46px; background: #ccc; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }

#right_layer ul li img { border-radius: 5px; }

#right_layer ul li .r_qq { width: 170px; height: 50px; float: left; display: block; position: absolute; z-index: 590; right: 50px; top: 0; margin-top: 0px; margin-right: -320px; background: #fff; font-size: 18px; color: #004ea2; text-align: left; padding: 0 10px; font-weight: bold; line-height: 50px; border-radius: 5px; display: none\9; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


#right_layer ul li:hover .r_qq { width: 170px; height: 50px; float: left; display: block; position: absolute; z-index: 990; right: 52px; top: 0; margin-top: 0px; margin-right: 0px; background: #fff; font-size: 18px; color: #004ea2; text-align: left; padding: 0 10px; font-weight: bold; line-height: 50px; box-shadow: 0 5px 10px rgba(0,0,0,.2); border-radius: 5px; display: none\9; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }




/*danye*/

.s_index { width: 60%; max-width: 1200px; display: block; margin: 0 auto; }

.s_dcokk { width: 100%; margin: 10px 0 30px 0; float: left; font-size: 24px; color: #333; text-align: center; line-height: 30px; font-weight: bold; }


.s_dcokk h4 { width: 100%; margin: 0px 0 10px 0; float: left; position:relative;  font-family: Arial; font-size: 48px; color: #ccc; text-align: center; line-height: 50px; font-weight: normal; text-transform: uppercase; }

.s_dcokk h4 a { float: left;  position:absolute; left:0; top:0%; margin: 0 10px 0 0; font-size: 16px; color: #333; text-align: left; line-height: 50px; font-weight: normal; }

.s_dcokk h4 a:hover { color: #004ea2; }

.s_danye { width: 100%; margin: 80px 0 60px 0; float: left; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; position: relative; z-index: 9; }

.s_danye strong { font-weight: bold; font-size: 24px; }

.s_danye img { max-width: 100%; display: block; margin: 0 auto; }


.none { display: none; }


/*about*/

.s_pinpai { width: 100%; float: left; position: relative; z-index: 30; margin: 50px 0 60px 0; }

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


.s_pin_menu h4 { width: auto; float: left; margin: 0 1% 0 14%; font-size: 24px; color: #333; text-align: left; line-height: 50px; font-weight: bold; }


.s_pin_menu h4 font { padding: 0 20px 0 0; font-family: Arial; font-size: 36px; color: #333; text-align: left; line-height: 50px; font-weight: normal; text-transform: capitalize; }


.s_pin_menu h5 { width: 64%; float: right; margin: 1% 0 0 0; }


.s_pin_menu h5 img { width: 100%; }


/*Brand introduction*/

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

.s_bra_type { width: 42%; max-width: 430px; height: auto !important; min-height: 300px; background: #f6f6f6; float: left; }


.s_bra_type ul { width: 110px; float: right; margin: 60px 70px 0 0; }



.s_bra_type ul li { width: 110px; float: left; height: 50px; }


.s_bra_type ul li a { width: 110px; float: left; height: 50px; border-bottom: 1px solid #ddd; font-size: 16px; color: #333; text-align: center; line-height: 50px; font-weight: normal; }


.s_bra_type ul li a:hover, .s_bra_type ul li a.bhov { width: 110px; float: left; height: 50px; border-bottom: 1px solid #f00; font-size: 16px; color: #f00; text-align: center; line-height: 50px; font-weight: normal; }





.s_bra_bgc { width: 62%; max-width: 1240px; height: auto !important; min-height: 300px; background: transparent; float: left; margin: 0 0 0 90px; }




.s_bra_con1 { width: 100%; float: left; position: relative; z-index: 20; }


.s_bra_bt { width: 100%; float: left; margin: 0 0% 4% 0%; font-size: 24px; color: #333; text-align: left; line-height: 50px; font-weight: bold; }


.s_bra_bt font { padding: 0 20px 0 0; font-family: Arial; font-size: 48px; color: #333; text-align: left; line-height: 50px; font-weight: bold; text-transform: uppercase; }



.s_bra_txt { width: 40%; float: left; margin: 3% 0 4% 0; height: auto; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; position: relative; z-index: 10; }

.s_bra_txt strong { width: 100%; float: left; height: auto; font-size: 24px; color: #333; text-align: left; line-height: 60px; font-weight: normal; position: relative; z-index: 10; }


.s_bra_you { width: 60%; float: left; position: relative; z-index: 5; }

.s_bra_you img { width: 100%; }


.s_bra_dibu { width: 46%; float: left; position: absolute; z-index: 6; left: 0; bottom: 0; }

.s_bra_dibu img { width: 100%; }




.s_bra_tcon { width: 100%; float: left; margin: 3% 0 8% 0; height: auto; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; position: relative; z-index: 10; }


.s_bra_tcon strong { width: 100%; float: left; height: auto; font-size: 24px; color: #333; text-align: left; line-height: 60px; font-weight: normal; position: relative; z-index: 10; }


.s_anp_text { width: 100%; float: left; margin: 0% 0 3% 0; height: auto; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; position: relative; z-index: 10; }


.s_anp_text strong { width: 100%; float: left; height: auto; font-size: 24px; color: #333; text-align: left; line-height: 60px; font-weight: normal; position: relative; z-index: 10; }



.s_abolist { width: 80%; float: left; margin: 4% 0 3% 10%; }


.s_abolist ul { width: 104%; float: left; }


.s_abolist ul li { width: 24%; float: left; height: 140px; position: relative; }

.s_abolist ul li h4 { width: 100%; height: 80px; float: left; font-size: 72px; color: #333; text-align: center; line-height: 80px; font-weight: bold; display: flex; align-items: center; justify-content: center; }

.s_abolist ul li h4 b { width: 100%; height: 80px; float: left; font-size: 72px; color: #333; text-align: center; line-height: 80px; font-weight: bold; font-style: normal; }


.s_abolist ul li h4 font {width:40px;  padding: 40px 0 0 0; font-size: 14px; color: #333; text-align: center; line-height: 30px; font-weight: normal; }



.s_abolist ul li h5 { width: 100%; float: left; font-size: 14px; color: #333; text-align: center; line-height: 30px; font-weight: normal; }

.color1 { color: #f00; }


.s_abolist ul li:nth-child(2n) h4, .s_abolist ul li:nth-child(2n) h4 b { color: #f00; }

.s_abolist ul li:nth-child(1) h4 font { margin-left: -20px; }
.s_abolist ul li:nth-child(2) h4 font { margin-left: -50px; }
.s_abolist ul li:nth-child(3) h4 font { margin-left: -80px; }
.s_abolist ul li:nth-child(4) h4 font { margin-left: -80px; }


.s_abolist ul li:nth-child(2) h4 b{     text-indent: -20px;}
.s_abolist ul li:nth-child(3) h4 b{     text-indent: -60px;}
.s_abolist ul li:nth-child(4) h4 b{     text-indent: -40px;}


.s_guanyu { width: 100%; height: auto; float: left; background: url(../images/kgs.jpg) no-repeat center top; background-size: 630px 233px; margin: 10px 0 80px 0; padding: 80px 0 0 0; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }


.s_guanyu img { max-width: 100%; display: block; margin: 0 auto; }


.s_guanyu strong { width: 100%; float: left; margin: 40px 0 20px 0; height: auto; font-size: 30px; color: #333; text-align: left; line-height: 40px; font-weight: bold; position: relative; z-index: 10; }


.s_guanyu a { color: #333; }



.s_fazhan { width: 100%; float: left; margin: 20px 0 20px 0; border-bottom: 1px solid #eeeeee; }

.s_lishi { width: 100%; float: left; margin: 0px 0 20px 0; height: auto; font-size: 18px; color: #333; text-align: left; line-height: 40px; font-weight: bold; position: relative; z-index: 10; }

.s_historys { width: 100%; float: left; margin: 20px 0 40px 0; position: relative; z-index: 25; overflow: hidden; }


.s_historys ul { width: 100%; float: left; position: relative; }


/*.s_historys ul li:first-child::after { width: 1px; min-height: 180px; float: left; background: #333; content: ''; position: absolute; z-index: 5; left: 200px; top: 72px; }


.s_historys ul li:first-child { width: 100%; height: auto !important; min-height: 140px; background: url(../images/histbg.jpg) no-repeat right bottom; 
background-size: cover; float: left; position: relative; z-index: 5; }
*/


/*
.s_historys ul li:first-child .szuo { width: 170px; height: 140px; float: left; position: relative; z-index: 8; padding-right:40px; font-size: 24px; color: #fff; 
text-align: right; line-height: 140px; font-weight: bold; background: url(../images/stio2.png) no-repeat center right; }



.s_historys ul li:first-child .syou { width: 730px; height: auto; float: left; position: relative; z-index: 8; margin: 40px 0 20px 40px; font-size: 18px; 
color: #fff; text-align: left; line-height: 30px; font-weight: bold; }
*/


.s_historys ul li::after { width: 1px; min-height: 280px; float: left; background: #333; content: ''; position: absolute; z-index: 5; left: 200px; top: 0px; }

.s_historys ul li { width: 100%; height: auto !important; min-height: 140px; background: none; background-size: cover; float: left; position: relative; z-index: 5; }



.s_historys ul li .szuo { width: 170px; height: 140px; float: left; position: relative; z-index: 8; padding-right: 40px; font-size: 24px; color: #333;
 text-align: right; line-height: 140px; font-weight: bold; background: url(../images/stio1.png) no-repeat center right; }



.s_historys ul li .syou { width: 730px; height: auto; float: left; position: relative; z-index: 8; margin: 54px 0 20px 40px; font-size: 18px; color: #333; text-align: left; line-height: 30px; font-weight: normal; }





.s_historys ul li:hover { width: 100%; height: auto !important; min-height: 140px; background: url(../images/histbg.jpg) no-repeat right bottom; 
background-size: cover; float: left; position: relative; z-index: 5; }
.s_historys ul li:hover .szuo { width: 170px; height: 140px; float: left; position: relative; z-index: 8; padding-right:40px; font-size: 24px; color: #fff; 
text-align: right; line-height: 140px; font-weight: bold; background: url(../images/stio2.png) no-repeat center right; }

.s_historys ul li:hover .syou { color: #fff; }



.s_his_strong { width: 100%; float: left; margin: 0px 0 20px 130px; height: auto; font-size: 23px; color: #333; text-align: left; line-height: 40px; font-weight: bold; position: relative; z-index: 10; }


/*customer*/

.s_cmax { width: 72%; display: block; margin: 0 auto; }


.s_customer { width: 100%; float: left; margin: 20px 0 40px 0px; height: auto; font-size: 16px; color: #333; text-align: left; line-height: 40px; font-weight: normal; position: relative; z-index: 10; }


.s_customer strong { font-size: 30px; color: #f00; }


.s_customer b { font-size: 24px; color: #333; font-style: normal; }

.s_customer img { max-width: 100%; display: block; margin: 0 auto; }


.s_jiejue { width: 70%; max-width: 1200px; display: block; margin: 0 auto; }



.s_jiejue_bt { width: 100%; height: auto; float: left; font-size: 36px; color: #f00; text-align: center; line-height: 40px; font-weight: bold; }

.s_jiejue_bt font { width: 100%; height: auto; margin: 30px 0 30px 0; float: left; font-size: 18px; color: #595757; text-align: center; line-height: 30px; font-weight: normal; font-style: normal; }


.s_jielist { width: 100%; float: left; margin: 20px 0 40px 0; }


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


.s_jielist ul li { width: 46%; height: 120px; float: left; margin:3% 3% 2% 0; }


.s_jielist ul li img { width: 120px; float: left; margin: 0 3% 0 0; }


.s_jielist ul li .s_jtxt { width: 74%; float: left; margin: 20px 0 0 0; }


.s_jtxt h4 { width: 100%; height: 40px; float: left; font-size: 24px; color: #595757; text-align: left; line-height: 40px; font-weight: normal; }



.s_jtxt h5 { width: 100%; height: 60px; float: left; font-size: 18px; color: #595757; text-align: left; line-height: 30px; font-weight: normal; }



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


.s_jimgs ul {width: 100%; max-width: 1210px; float: left; }


.s_jimgs ul li { width: 33.33%; float: left; position: relative; z-index: 15; overflow: hidden; }

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


.s_jimgs ul li .jimg1 img { width: 100%; z-index: 2; }


.s_jimgs ul li .jimgbgc { width: 100%; height: 100%; float: left; background: rgba(255,0,0,.8); position: absolute; z-index: 10; left: 0; top: -100%; transition: all ease .3s; }


.s_jimgs ul li:hover .jimgbgc { width: 100%; height: 100%; float: left; background: rgba(255,0,0,.8); position: absolute; z-index: 10; left: 0; top: 0%; transition: all ease .3s; }



.s_jimgs ul li .jimgbgc .jimgtxt { width: 310px; height: 240px; float: left; margin: 180px 0 20px 40px; font-size: 18px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }




/*product*/

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


.s_pro_type { width: 30%; max-width: 280px; height: auto !important; min-height: 300px; background: #fff; float: left; }


/*.s_bra_type ul{width:110px; float:right; margin:60px 70px 0 0;}

.s_bra_type ul li{width:110px; float:left;  height:50px;}

.s_bra_type ul li a{width:110px; float:left;  height:50px; border-bottom:1px solid #ddd; font-size:16px; color:#333; text-align:center; line-height:50px; font-weight:normal; }

.s_bra_type ul li a:hover,.s_bra_type ul li a.bhov{width:110px; float:left;  height:50px; border-bottom:1px solid #f00; font-size:16px; color:#f00; text-align:center; line-height:50px; font-weight:normal; }*/




.demo { width: 250px; float: left; margin: 3% 0px 0 0%; }


.xiny_head { width: 100%; float: left; height: 40px; padding: 10px 10px 10px 10px; cursor: pointer; position: relative; margin: 0px 0 0 0; font-weight: bold; background: #fff url(../images/up01.png) 97% center no-repeat; border-bottom: 1px solid #dddddd; font-size: 16px; color: #333; text-align: left; line-height: 40px; font-weight: normal; }
.xiny_list .current, .xiny_head:hover { height: 40px; background: #ffe6e6 url(../images/up02.png) 97% center no-repeat; font-size: 16px; color: #f00; text-align: left; line-height: 40px; font-weight: normal; border-bottom: 1px solid #ffe6e6; }

.xiny_head .xbiao { width: 6px; height: 6px; float: left; background: #666666; border-radius: 50px; margin: 20px 20px 10px 20px; }


.xiny_list .current .xbiao, .xiny_head:hover .xbiao { width: 6px; height: 6px; float: left; background: #f00; border-radius: 50px; margin: 20px 20px 10px 20px; }
.xiny_body { float: left; display: none; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; font-size: 18px; color: #333333; text-align: left; line-height: 46px; font-weight: normal; }

.xinlist { width: 108%; float: left; padding: 10px 0; border-bottom: 1px solid #dddddd; }

.xinlist dl { width: 100%; float: left; }

.xinlist dl dd { width: 100%; height: 40px; float: left; }

.xinlist dl dd a { width: 100%; height: 40px; float: left; font-size: 14px; color: #333333; text-align: left; line-height: 40px; font-weight: normal; }

.xinlist dl dd a .xyuan { width: 6px; height: 6px; float: left; background: #666666; border-radius: 50px; margin: 20px 20px 10px 50px; }



.s_probgc { width: 74%; max-width: 1210px; height: auto !important; min-height: 300px; background: rgba(255,123,0,0); float: right; margin: -1.2% 0 0 0%; }




.s_chanpin { width: 100%; float: left; position: relative; z-index: 20; }

.s_chanpin dl { width: 106%; max-width: 1280px; float: left; }


.s_chanpin dl dd{ width: 30%; float: left; margin: 2% 3% 1% 0; background: #fff; padding: 0 0 1% 0; border: 1px solid #ededed; position: relative; z-index: 20; overflow: hidden; }


.s_chanpin dl dd a { width: 100%; float: left; position: relative; z-index: 10; }

.s_chanpin dl dd .chanpin { width: 100%; float: left; position: relative; z-index: 10; }


.s_chanpin dl dd .chanpin .chabgc { width: 100%; height: 100%; float: left; background: rgba(0,0,0,.4); position: absolute; z-index: 8; left: 0; top: 0; display: none; transition: all .4s; }

.s_chanpin dl dd .chanpin .chabgc .ch_txt { width: 94%; height: 40px; padding: 10px 0; float: left; margin: 31% 0 3% 3%; background: url(../images/line1.png) no-repeat center top,url(../images/line1.png) no-repeat center bottom; font-size: 16px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; }


.s_chanpin dl dd .chanpin img.cha1 { width: 100%; float: left; position: relative; z-index: 3; }

.s_chanpin dl dd:hover .chanpin .chabgc { width: 100%; height: 100%; float: left; background: rgba(0,0,0,.4); position: absolute; z-index: 8; left: 0; top: 0; display: block; transition: all .4s; }


.s_chanpin dl dd .pin_bt { width: 90%; height: 40px; float: left; margin: 3% 0 1% 5%; border-bottom: 1px solid #ededed; font-size: 16px; color: #333; text-align: left; line-height: 40px; font-weight: normal; text-transform: uppercase; }


.s_chanpin dl dd .pin_jian { width: 90%; height: 40px; float: left; margin: 1% 0 3% 5%; font-size: 16px; color: #333; text-align: left; line-height: 40px; font-weight: normal; text-transform: uppercase; }

.s_chanpin dl dd .pin_jian font { width: 40px; float: right; margin: 15px 0 0 0; }

.s_chanpin dl dd .pin_jian font img { width: 100%; }


/*fanye*/


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

.quotes { PADDING: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; }

.quotes ul{ TEXT-ALIGN: center;  display:inline-flex; }
.quotes ul li { font-family: Arial; font-size: 14px; COLOR: #333; MARGIN:0 8px;  background: #dcdcdc; border: #dcdcdc 1px solid;   padding: 8px 12px 8px 12px;   }

.quotes ul li A {font-family: Arial; font-size: 14px; COLOR: #333;  }
.quotes ul li:hover {  font-family: Arial; font-size: 14px; color: #fff; border: #f00 1px solid; BACKGROUND-COLOR: #f00; }
.quotes ul li.active { font-family: Arial; font-size: 14px; COLOR: #fff; MARGIN:0 8px;  background: #f00; border: #f00 1px solid;   padding: 8px 12px 8px 12px;    }
.quotes ul li.active a{    FONT-WEIGHT: bold; font-family: Arial; font-size: 14px; COLOR: #fff;   }


.quotes ul li.disabled{background: #dcdcdc; border: #dcdcdc 1px solid;   padding: 8px 12px 8px 12px;   
 font-family: Arial; font-size: 14px; COLOR: #333; MARGIN:0 8px;  }


.quotes ul li.disabled  span{COLOR: #333;}

/*prod show*/


.s_prcon { width: 100%; float: left; position: relative; z-index: 20; overflow: hidden; }



.s_prcon .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.s_prcon .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.s_prcon .swiper { width: 60%; float: left; position: relative; overflow: hidden; }

.s_prcon .swiper-slide { background-size: cover; background-position: center; }

.s_prcon .mySwiper2 { width: 40%; float: left; overflow: hidden; }


.mys_txt { width: 52%; height: 60px; padding: 10px 0; float: right; margin: 0% 0 3% 44%; background: url(../images/pline.jpg) no-repeat left top,url(../images/pline.jpg) no-repeat left bottom; font-size: 24px; color: #333; text-align: left; line-height: 60px; font-weight: bold; text-transform: uppercase; position: absolute; left: 0; top: 0; }



.s_prcon .mySwiper { width: 56%; float: left; margin: 22% 0 0 4%; padding: 5px 0%; position: relative; }

.s_prcon .mySwiper .swiper-wrapper { width: 80%; float: left; margin-left: 40px; }

.s_prcon .mySwiper .swiper-slide { width: 25% !important; max-width: 83px !important; height: 83px !important; opacity: 0.8; }

.s_prcon .mySwiper .swiper-slide-thumb-active { opacity: 1; }

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


.s_prcon .mySwiper .swiper-button-prev2 { text-indent: -9999px; top: 4px; bottom: 0px; left: 0px; width: 36px; height: 83px; float: left; background: url(../images/cprev1.jpg) no-repeat; background-size: cover; border: none; -webkit-tap-highlight-color: transparent; outline: none; position: absolute; cursor: pointer; }
.s_prcon .mySwiper .swiper-button-prev2:hover { background: url(../images/cprev1.jpg) no-repeat; background-size: cover; }
.s_prcon .mySwiper .swiper-button-next2 { text-indent: -9999px; right: 0px; top: 4px; bottom: 0px; width: 36px; height: 82px; float: right; background: url(../images/cnext1.jpg) no-repeat; background-size: cover; border: none; -webkit-tap-highlight-color: transparent; outline: none; position: absolute; cursor: pointer; }
.s_prcon .mySwiper .swiper-button-next2:hover { background: url(../images/cnext1.jpg) no-repeat; background-size: cover; }



.s_prc_bt { width:110px; float: left; margin: 2% 0 0 0; font-size: 18px; color: #333; text-align: right; line-height: 40px; font-weight: bold; }

.s_prc_bt .span1 { width: 20px; height: 6px; float: left; background: #f00; margin: 18px 10px 0 0%; }

.s_prc_txt { width:84%; float: right; margin: 2% 0 0 2%; font-size: 14px; color: #999; text-align: left; line-height: 30px; font-weight: normal; position: relative; }


.s_prc_txt img { width: 100%; }


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


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

.s_fan1 dl { width: 100%; float: left; }


.s_fan1 dl dd { width: 38%; height: 50px; float: left; margin: 0 2% 0 0; }

.s_fan1 dl dd a { width: 100%; float: left; }

.s_fan1 dl dd a font { float: left; width: 70px; font-size: 16px; color: #333; text-align: left; line-height: 50px; font-weight: normal; }


.s_fan1 dl dd a b { float: left; height: 50px; max-width:78%; font-size: 16px; color: #333; text-align: left; line-height:25px;    display: flex;
    align-items: center;  justify-content: space-between; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }




.s_fan1 dl dd:last-child { width: auto; max-width: 38%; height: 50px; float: right; margin: 0 0% 0 2%; }


.s_fan1 dl dd:last-child a font { float: left; width: 70px; font-size: 16px; color: #333; text-align: left; line-height: 50px; font-weight: normal; }


.s_fan1 dl dd:last-child a b { float: left; height: 50px; max-width:78%; font-size: 16px; color: #333; text-align: right; line-height:25px; display: flex;
    align-items: center;  justify-content: space-between; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }


.s_fan1 dl dt { width:16%; height: 50px; background: #ededed; float: left; margin: 0 1% 0 1%; }
.s_fan1 dl dt a { float: left; width: 100%; font-size: 16px; color: #333; text-align: center; line-height: 50px; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }


/*case*/

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

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

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


.sycase ul li { width: 76px; float: left; margin: 0px 50px 20px 0; }


.sycase ul li a { width: 100%; height: 40px; float: left; font-size: 18px; color: #333; text-align: center; line-height: 40px; font-weight: normal; border-bottom: 2px solid transparent; }


.sycase ul li:hover a, .sycase ul li.shov a { width: 100%; height: 40px; float: left; font-size: 18px; color: #f00; text-align: center; line-height: 40px; font-weight: bold; border-bottom: 2px solid #f00; }


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

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

.s_caselist ul li { width: 25%; float: left; position: relative; z-index: 20; overflow: hidden; }


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

.s_caselist ul li .slibgc { width: 100%; height: 100%; float: left; background: rgba(0,0,0,.5); position: absolute; z-index: 10; left: 0; top: 0; }

.s_caselist ul li .slibgc .sli_bt { width: 80%; height: 200px; float: left; position: absolute; z-index: 8; background: rgba(0,0,0,0); left: 10%; bottom: 40px; }

.s_caselist ul li .slibgc .sli_bt h4 { width: 100%; float: left; height: 40px; margin: 40px 0 0 0; font-size: 18px; color: #fff; text-align: left; line-height: 40px; font-weight: normal; background: none; }

.s_caselist ul li .slibgc .sli_bt h5 { width: 100%; float: left; height:50px; margin: 10px 0 10px 0; font-size: 20px; color: #fff; text-align: left; 
line-height: 25px; font-weight: bold; background: none;  display: flex;
    align-items: center;
    justify-content: space-between; }

.s_caselist ul li .slibgc .sli_bt h6 { width: 150px; display: block; margin: 0 auto; opacity: 0; }


.s_caselist ul li .slibgc .sli_bt h6 font { width: 100%; height: 50px; float: left; border: 1px solid #f00; background: #f00; font-size: 16px; color: #fff; text-align: center; line-height: 50px; font-weight: normal; }




.s_caselist ul li:hover .slibgc { width: 100%; height: 100%; float: left; background: rgba(0,0,0,0); position: absolute; z-index: 10; left: 0; top: 0; transition: all ease .3s; }

.s_caselist ul li:hover .slibgc .sli_bt { width: 80%; height: 200px; padding: 20px 0 20px 0; float: left; position: absolute; z-index: 8; background: rgba(0,0,0,.5); left: 10%; bottom: 40px; transition: all ease .3s; }


.s_caselist ul li:hover .slibgc .sli_bt h4 { width: 100%; float: left; height: 40px; margin: 20px 0 0px 0; font-size: 18px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; background: url(../images/line1.png) no-repeat center bottom; transition: all ease .3s; }

.s_caselist ul li:hover .slibgc .sli_bt h5 { width:98%; float: left; height: 50px; margin: 10px 0 20px 0; font-size: 20px; color: #fff;
 text-align: center; line-height:25px; font-weight: bold;  padding:5px 1%; background: url(../images/line1.png) no-repeat center bottom; transition: all ease .3s;  display: flex;
    align-items: center;
    justify-content: space-between; }


.s_caselist ul li:hover .slibgc .sli_bt h6 { width: 150px; display: block; margin: 0 auto; opacity: 1; transition: all ease .3s; }


.s_caselist ul li:hover .slibgc .sli_bt h6 font { width: 100%; height: 50px; float: left; border: 1px solid #f00; background: #f00; font-size: 16px; color: #fff; text-align: center; line-height: 50px; font-weight: normal; }






.s_casimg { width: 34%; float: left; margin: 2% 4% 0 0; }

.s_casimg img { width: 100%; }

.s_case_txt { width: 54%; max-width: 940px; float: left; margin: 2% 0 0 4%; font-size: 14px; color: #999; text-align: left; line-height: 30px; font-weight: normal; position: relative; }


.case_bt { width: 100%; height: auto; padding: 20px 0; float: right; margin: 0% 0 3% 44%; background: url(../images/cline1.png) no-repeat left top,url(../images/cline1.png) no-repeat left bottom; font-size: 24px; color: #333; text-align: left; line-height: 40px; font-weight: bold; text-transform: uppercase; position: relative; left: 0; top: 0; }


.case_bt font { width: 100%; float: left; font-size: 18px; color: #999; text-align: left; line-height: 30px; font-weight: bold; }



.s_cascon { width: 100%; float: left; margin: 4% 0 0 0; font-size: 14px; color: #999999; text-align: left; line-height: 30px; font-weight: normal; position:relative;}


.s_casc_bt { width: 100%; float: left; margin: 0% 0 0 0; font-size: 18px; color: #333; text-align: left; line-height: 40px; font-weight: bold; }

.s_casc_bt .span1 { width: 20px; height: 6px; float: left; background: #f00; margin: 18px 10px 0 0%; }



.s_casc_video{width:100%;height:420px;float:left;margin:10px 0 20px 0px;overflow:hidden;position: relative; overflow:hidden;}


.s_casc_video iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	object-fit: cover;
}
 

.s_cascon  img{max-width:100%;}

/*news*/

.s_newbgc { width: 100%; height: auto !important; min-height: 800px; margin: -90px 0 0 0; padding: 80px 0 60px 0; background: url(../images/newbg.jpg) repeat center bottom; float: left; position: relative; z-index: 11; }

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

.s_news dl { width: 103%; float: left; margin: 1% 0 0 0; }

.s_news dl dd { width: 29%; max-width: 450px; height: 480px; float: left; margin: 0% 4% 3% 0; background: rgba(255,255,255,1); }

.s_news dl dd  .new_tu { width: 100%; float: left; overflow: hidden; }

.s_news  dl dd  .new_tu img { display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.s_news  dl dd :hover .new_tu img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }



.s_news dl dd  h4 { width: 76%; height: 40px; margin: 6% 0 2% 10%; font-size: 18px; color: #f00; text-align: left; line-height: 40px; font-weight: bold; float: left; overflow: hidden; }


.s_news  dl dd  h4 font { float: right; font-size: 14px; color: #999999; text-align: left; line-height: 40px; font-weight: normal; }


.s_news  dl dd  h5 { width: 78%; height: 60px; margin: 0% 0 2% 10%; font-size: 18px; color: #333; text-align: left; line-height: 30px; font-weight: bold; letter-spacing: 1px; float: left; text-overflow: ellipsis; overflow: hidden; }




.s_nshow { width: 100%; float: left; margin: 10px 0 10px 0; font-size: 16px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; text-transform: uppercase; }

.s_nshow h4 { width: 100%; float: left; margin: 10px 0 10px 0; font-family: Arial; font-size: 14px; color: #999999; text-align: center; line-height: 30px; font-weight: normal; text-transform: uppercase; }

.s_nline { width: 96%; float: left; margin: 10px 0; padding: 1% 2%; border-bottom: 1px solid #cccccc; font-size: 24px; color: #333333; text-align: center; line-height: 30px; font-weight: bold; text-transform: uppercase; }


.s_nshow img { max-width: 100%; display: block; margin: 0 auto; }



/*contact*/
/*
.s_cmapbgc { width: 100%; float: left; margin: 10px 0 10px 0; position: relative; z-index: 20; overflow: hidden; }*/


 .s_cmapbgc { width: 1920px; max-width: 100%; float: left; position: relative; left: 0%; top: 0;  margin: 0 auto; right: 0;    }


.s_cmapimg { width: 100%;  height:690px; float: left; position: relative; z-index: 5; overflow: hidden; }

.s_cmapimg img {   position: absolute;
    width:50%; max-width: 960px;
    height:690px;
    left: 0;
    top: 0; z-index:1; float:left;
	object-fit: cover; }
/*.s_cmapimg img:nth-child(2) { max-width: 50%; float: left; }*/



#allmap{   position: absolute;
	width:50%; max-width: 960px;
    height:690px;
    right: 0;
    top: 0; float:left;
	object-fit: cover; z-index:8!important;}


.s_cmapibg { width:auto; height:auto; float: left; position: absolute; z-index: 15; left: 0; top: 0;   }

.s_ctxt { width: 420px; float: left; margin: 100px 0 30px 100px; background: #fff; padding: 100px 180px 100px 180px; font-size: 18px; color: #333; text-align: left; 
line-height: 30px; font-weight: normal;  /*display: flex; align-items: center; justify-content: center; flex-flow: wrap;*/ }

.s_ctxt img { width: 29px; float: left; margin: 16px 10px 10px 0; }


.s_ctxt font { width: 88%; float: left; height: 60px; margin: 6px 0 0 0; font-size: 18px; color: #333; text-align: left; line-height: 30px; font-weight: normal; display: flex; align-items: center; justify-content: space-between; }

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


.s_ctxt h5 { width: 100%; float: left; margin: 0 0 20px 0; font-size: 14px; color: #666666; text-align: left; line-height: 30px; font-weight: normal; text-transform: uppercase; position: relative; border-bottom: 2px solid #333; }


.s_ctxt h5::after { width: 53px; height: 2px; float: left; background: #f00; content: ''; border-right: 4px solid #fff; position: absolute; left: 0; bottom: -2px; }



/*中国地区分公司  China Branch*/

.s_Branch { width: 100%; float: left; margin: 40px 0; position: relative; z-index: 5; overflow: hidden; }


.s_Branch h3 { width: 100%; float: left; padding: 10px 0; font-size: 24px; color: #333333; text-align: center; line-height: 30px; font-weight: bold; text-transform: uppercase; }


.s_Branch ul { width: 100%; float: left; margin: 40px 0; position: relative; z-index: 5; overflow: hidden; }




.s_Branch ul li { width: 46%; float: left; margin: 2% 4% 2% 0; background: #f0f2f7; padding: 0 0 3% 0; }


.s_Branch ul li img { max-width: 100%; float: left; }



.bra_ctxt { width: 380px; float: left;  background: transparent; margin: 80px 0px 10px 70px; font-size: 18px; color: #333; text-align: left; line-height: 60px; font-weight: normal; }

.bra_ctxt img { width: 29px; float: left; margin: 16px 10px 0 0; }


.bra_ctxt font { width: 80%; float: left; height: 60px; margin: 6px 0 0 0; font-size: 18px; color: #333; text-align: left; line-height: 30px; font-weight: normal; display: flex; align-items: center; justify-content: space-between; }

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


.bra_ctxt h5 { width: 100%; float: left; margin: 0 0 20px 0; font-size: 14px; color: #666666; text-align: left; line-height: 30px; font-weight: normal; text-transform: uppercase; position: relative; border-bottom: 2px solid #333; }


.bra_ctxt h5::after { width: 53px; height: 2px; float: left; background: #f00; content: ''; border-right: 4px solid #fff; position: absolute; left: 0; bottom: -2px; }



.s_gbookbg { width: 100%; height: auto !important; min-height: 820px; float: left; padding: 60px 0 40px 0; background: #f0f2f7 url(../images/dbgc.jpg) no-repeat 98% 96%; background-size: 40%; }






table.table1 { width: 100%; float: left; border-collapse: collapse; }
table.table1 tr td { width: 46%; height: auto; float: left; margin: 2% 1% 0 3%; }

table.table1 tr:nth-child(3) td, table.table1 tr:nth-child(4) td { width: 96%; height: auto; float: left; margin: 2% 1% 0 3%; }

table.table1 td h4 { width: 100%; float: left; height: 40px; font-size: 18px; color: #333; text-align: left; line-height: 40px; font-weight: normal; }


table.table1 td h4 font { float: left; padding: 0 10px 0 0; font-size: 18px; color: #f00; text-align: left; line-height: 40px; font-weight: normal; }




table.table1 tr:nth-child(4) td img {
    margin: 5px 0 0 20px;
    height: 40px;
    width: 120px;
}


.tabt1 { width: 96%; height: 50px; float: left; padding-left: 4%; background: #fff; border: 1px solid #ccc; font-size: 16px; color: #333; line-height: 58px\9; line-height: 50px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }



.tabt2 { width: 92%; height: 150px; float: left; padding: 2% 4%; background: #fff; border: 1px solid #ccc; font-size: 16px; color: #333; line-height: 58px\9; line-height: 30px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }


.tabt3 { width: 40%; max-width: 300px; height: 50px; float: left; padding-left: 4%; background: #fff; border: 1px solid #ccc; font-size: 16px; color: #333; line-height: 58px\9; line-height: 50px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }



.tabt4 { width: 130px; height: 50px; float: left; margin: 0 0 0 3%; background: #ccc; border: 1px solid #ccc; font-size: 16px; color: #01948e; line-height: 58px\9; line-height: 50px; text-align: center; font-weight: normal; cursor: pointer; overflow: hidden; }




.tabt5 { width: 40%; max-width: 350px; height: 50px; float: left; margin: 4% 0 4% 34%; background: #f00; border: 1px solid #f00; font-size: 16px; color: #fff; line-height: 58px\9; line-height: 50px; text-align: center; font-weight: normal; cursor: pointer; overflow: hidden; }


/* 新增改 */

@media only screen and (max-width:1080px) {
    .s_historys ul li .syou{
        width: 400px;
    }
}