/* CSS Document */
body { margin: 0; padding: 0; line-height: 24px; font-family: 'Microsoft YaHei'; font-size: 12px; 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; }


/* 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: SourceHanSansSC-Regular; src: url(../fonts/SourceHanSansSC-Regular.ttf); }
@font-face { font-family: SourceHanSansSC-Normal; src: url(../fonts/SourceHanSansSC-Normal.ttf); }
@font-face { font-family: SourceHanSansSC-Medium; src: url(../fonts/SourceHanSansSC-Medium.ttf); }
@font-face { font-family: SourceHanSansSC-bold; src: url(../fonts/SourceHanSansSC-bold.ttf); }




.max { width: 100%; height: auto; margin: 0 auto; overflow: hidden; }

.m_max { width: 100%; height: auto; margin: 0 auto; display: block; }



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

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

.slides_txt { width: 100%; float: left; position: absolute; z-index: 20; left: 0; top: 38%; font-family: SourceHanSansSC-bold; font-size: 110px; color: #fff; text-align: center; line-height: 140px; font-weight: bold; letter-spacing: 10px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.51); }

.slides_txt_font { width: 100%; float: left; position: absolute; z-index: 20; left: 0; top: 52%; font-family: SourceHanSansSC-Normal; font-size: 32px; color: #fff; text-align: center; line-height: 60px; font-weight: normal; text-transform: uppercase; text-shadow: 0; letter-spacing: 10px; }

.hbgc2{background: rgba(0, 0, 0, 0);}



.s_banner { width: 100%; float: left; position: relative; z-index: 8; margin-bottom: 0px; }

.s_banner img { width: 100%; position: relative; z-index: 1; }


.bans_txt { width: 100%; float: left; position: absolute; z-index: 20; left: 0; top: 0%; margin-top: 15%; font-family: SourceHanSansSC-bold; font-size: 70px; color: #fff; text-align: center; line-height: 80px; font-weight: bold; letter-spacing: 10px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.51); }

.bans_txt_font { width: 100%; float: left; position: absolute; z-index: 20; left: 0; top: 0%; margin-top: 20%; font-family: SourceHanSansSC-Regular; font-size: 20px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; text-shadow: 0; letter-spacing: 10px; }



.s_box1 { width: 100%; float: left; position: relative; z-index: 8; margin:3% 0px; }



.max { width: 100%; height: auto; margin: 0 auto; overflow: hidden; }

.m_banner { width: 100%; float: left; position: relative; z-index: 8; margin-bottom: -8px; }

.m_headbg { width: 100%; height: 80px; float: left; position: absolute; z-index: 20; left: 0; 
	background: rgba(0,0,0, .4);
	 /*background-image: linear-gradient(#333,transparent);*/
	border-bottom: 1px solid rgba(255,255,255,.3); }


.z_headbg { width: 100%; height: 80px; float: left; position: relative; z-index: 20; left: 0; 
	background: rgba(0,0,0,0);
	 /*background-image: linear-gradient(#333,transparent);*/
	border-bottom: 1px solid rgba(0,0,0,.3); }
 
 
.marginleft1 { margin-left: 8% !important; }

.m_logo { max-width: 90px; float: left; margin: 1.5% 2% 1% 0%; }

.m_logo img { width: 100%; }

.m_phone { max-width: 300px; float: left; margin: 1% 2% 1% 0%; }

.m_phone img { width: 40px; float: left; margin: 2%; }

.m_phone h3 { width: 70%; max-width: 240px; float: left; font-size: 14px; color: #fff; text-align: left; line-height: 20px; font-weight: normal; }

.m_phone h3 font { width: 100%; float: left; font-size: 28px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }


.marginleft2 { margin-left: 10% !important; }


.z_phone { max-width: 300px; float: left; margin: 1% 2% 1% 0%; }

.z_phone img { width: 40px; float: left; margin: 2%; }

.z_phone h3 { width: 70%; max-width: 240px; float: left; font-size: 14px; color: #0a68da; text-align: left; line-height: 20px; font-weight: normal; }

.z_phone h3 font { width: 100%; float: left; font-size: 28px; color: #0a68da; text-align: left; line-height: 30px; font-weight: normal; }


.z_mhead { position: relative; width: 50px; float: right; box-sizing: border-box; margin: 0 3%; padding: 0 0%; z-index: 45; display: none; }

.z_mhead .nav { position: relative; width: 41px; height: 41px; background: url(../images/menu02.png) no-repeat center center; background-size: 100%; border-radius: 0px; right: 5%; top: 1rem; display: block; z-index: 55; }


.m_headbg .yy { padding: 0% 1%; height: 80px; display: flex; align-items: center; justify-content: flex-end; background: #0a68da; font-size: 0.85vw; color: #FFFFFF; position: relative; z-index: 2; float: right; }


.m_headbg .yy img { margin-left: 5px; margin-right: 5px; }

.m_headbg .yy a { color: #fff; background: rgba(10,104,218,.4); line-height: 80px; }

.m_headbg .yy a.active { position: absolute; right: 0%; width: 100%; text-align: center; top: 65px; display: none; }



.z_headbg .yy { padding: 0% 1%; height: 80px; display: flex; align-items: center; justify-content: flex-end; background: #0a68da; font-size: 0.85vw; color: #FFFFFF; position: relative; z-index: 2; float: right; }


.z_headbg .yy img { margin-left: 5px; margin-right: 5px; }

.z_headbg .yy a { color: #fff; background: rgba(10,104,218,.4); line-height: 80px; }

.z_headbg .yy a.active { position: absolute; right: 0%; width: 100%; text-align: center; top: 65px; display: none; }


.m_navibox { float: right; width: auto; margin: 0 2%; display: block; }

.m_navibox ul { float: left; width: auto; }

.m_navibox ul li { float: left; width: 150px; margin: 0 0%; position: relative; }

.m_navibox ul li a { float: left; width: 100%; height: 80px; font-family: SourceHanSansSC-Regular; font-size: 16px; color: #fff; text-align: center; line-height: 78px; font-weight: bold; border-bottom: 2px solid transparent; position: relative; z-index: 5; }

.m_navibox ul li:hover a, .m_navibox ul li.vhover a { float: left; color: #e6a91f; line-height: 78px; border-bottom: 2px solid #e6a91f; }


.m_navibox ul li dl { width: 100%; float: left; position: absolute; z-index: 10; left: 0; top: 80px; background: #fff; display: none; }
.m_navibox ul li:hover dl { width: 100%; float: left; position: absolute; z-index: 10; left: 0; top: 80px; display: block; }

.m_navibox ul li:hover dl dt { width: 100%; float: left; height: 40px; background: #fff; }
.m_navibox ul li:hover dl dt a { width: 100%; float: left; height: 40px; font-family: SourceHanSansSC-Regular; font-size: 14px; color: #333; text-align: center; line-height: 40px; font-weight: normal; border-bottom: none; }

.m_navibox ul li:hover dl dt a:hover { background: #e6a91f; color: #fff; border-bottom: none; }


.z_navibox { float: right; width: auto; margin: 0 2%; display: block; }

.z_navibox ul { float: left; width: auto; }

.z_navibox ul li { float: left; width: 150px; margin: 0 0%; position: relative; }

.z_navibox ul li a { float: left; width: 100%; height: 80px; font-family: SourceHanSansSC-Regular; font-size: 16px; color: #333; text-align: center; line-height: 78px; font-weight: bold; border-bottom: 2px solid transparent; position: relative; z-index: 5; }

.z_navibox ul li:hover a, .z_navibox ul li.vhover a { float: left; color: #e6a91f; line-height: 78px; border-bottom: 2px solid #e6a91f; }


.z_navibox ul li dl { width: 100%; float: left; position: absolute; z-index: 10; left: 0; top: 80px; background: #fff; display: none; }
.z_navibox ul li:hover dl { width: 100%; float: left; position: absolute; z-index: 10; left: 0; top: 80px; display: block; }

.z_navibox ul li:hover dl dt { width: 100%; float: left; height: 40px; background: #fff; }
.z_navibox ul li:hover dl dt a { width: 100%; float: left; height: 40px; font-family: SourceHanSansSC-Regular; font-size: 14px; color: #333; text-align: center; line-height: 40px; font-weight: normal; border-bottom: none; }

.z_navibox ul li:hover dl dt a:hover { background: #e6a91f; color: #fff; border-bottom: none; }

.m_center { max-width: 1600px; display: block; MARGIN: 0 auto; position: relative; z-index: 32; }

.m_box1 { width: 100%; float: left; padding: 80px 0; background: url(../images/bgc1.jpg) no-repeat center bottom; background-size: cover; }

.m_cokk1 { width: 100%; float: left; padding: 20px 0; margin: 0 0 20px 0; font-family: SourceHanSansSC-Medium; font-size: 46px; color: #000; text-align: left; line-height: 50px; position: relative; }

.m_cokk1::after { width: 76px; height: 6px; float: left; border: none; border-radius: 5px; background: #0a68da; content: ''; position: absolute; left: 0; bottom: 0; }


.m_cokk1 font { float: right; font-family: SourceHanSansSC-Regular; font-size: 22px; color: #666; text-align: left; line-height: 60px; font-weight: normal; }

.m_cokk1 font a { font-family: SourceHanSansSC-Regular; font-size: 22px; color: #666; text-align: left; line-height: 60px; font-weight: normal; }

.m_cokk1 font a img { float: right; max-width: 100%; margin: 0 0 0 10px; }

.m_cokk1 font a:hover { color: #0a68da; }

.m_box1_type { width: 60%; max-width: 650px; float: left; margin: 0; }

.m_box1_type h4 { width: 100%; float: left; margin: 60px 0 20px 0; font-family: SourceHanSansSC-Medium; font-size: 46px; color: #000; text-align: left; line-height: 50px; position: relative; }



.m_box1_type h5 { width: 96%; float: left; height: 180px; margin: 30px 0; font-family: SourceHanSansSC-Regular; font-size: 20px; color: #444; text-align: left; line-height: 36px; font-weight: normal; position: relative; text-overflow: ellipsis; overflow: hidden; }


.m_box1_type h6 { width: 180px; height: 66px; float: left; margin: 50px 0 20px 0; background: #fff; border-radius: 40px; box-shadow: 0px 0px 1px rgba(0,0,0,0); position: relative; }

.m_box1_type h6:hover { box-shadow: 2px 4px 10px rgba(10,104,218,0.5); }

.m_box1_type h6 a { width: 100%; height: 66px; float: left; font-family: SourceHanSansSC-Regular; font-size: 18px; color: #0a68da; text-align: left; line-height: 66px; text-indent: 20px; font-weight: normal; }


.m_box1_type h6 a font { width: 50px; height: 50px; float: right; margin: 10px 10px 0 0px;  background: #0a68da; border: none; border-radius: 50%; text-indent: 0; }

.m_box1_type h6 a font img { width: 100%; border-radius: 50%; }



.m_box1_img { width: 58%; max-width: 960px; float: right; margin: 0 -9.4% 0 0; }

.m_box1_img img { width: 100%; }


.m_box2 { width: 100%; float: left; padding: 80px 0; background: url(../images/bgc2.jpg) no-repeat center bottom; background-size: cover; }

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

.sybg, .sy { width: 100%; position: relative; }

.syTitle { width: 40%; max-width: 520px; float: left; }


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


.syTitle li { width: 100%; height: 130px; padding: 20px; background: #fff; border: 1px solid #888; border-radius: 20px; float: left; margin: 0 0 20px 0; position: relative; cursor: pointer; }


.syTitle li .yuan1 { width: 50px; height: 50px; float: right; position: absolute; top: 40%; right: -25px; background: #0a68da; border: none; border-radius: 50%; text-indent: 0; opacity: 0; }

.syTitle li .yuan1 img { width: 100%; border-radius: 50%; }

.syTitle li h3 { width: 100%; height: 40px; float: left; margin: 0 0 1% 0; font-family: SourceHanSansSC-Bold; font-size: 24px; color: #888888; text-align: left; line-height: 40px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; }


.syTitle li h4 { width: 98%; height: 96px; float: left; margin: 0 0 1% 0; font-family: SourceHanSansSC-Regular; font-size: 14px; color: #888888; text-align: left; line-height: 24px; font-weight: normal; text-indent: 20px; text-overflow: ellipsis; overflow: hidden; }


.syTitle li:hover h3 { color: #0a68da; }


.syTitle li:hover { border: 1px solid #0a68da; }

.syTitle li:hover .yuan1, .syTitle li.active .yuan1 { opacity: 1; }

.syContent { width: 60%; max-width: 970px; float: right; }

.syContent img { width: 100%; }

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






.m_box3 { width: 100%; float: left; padding: 80px 0; background: url(../images/bgc3.jpg) no-repeat center bottom; background-size: cover; }



.auto { width: 1110px; margin: 3% auto; position: relative; display: block; }


#certify33 { position: relative; width: 100%; display: block; margin: 0px 0px 0px 0px; }
#certify33 .swiper-container { padding: 0px; }
#certify33 .swiper-slide { width: 100%; padding: 0px; text-align: center; position: relative; z-index: 30; overflow: hidden; }

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

#certify33 .swiper-slide .swiperbg { width: 1110px; height: 570px; float: left; position: relative; z-index: 5; overflow: hidden; }

#certify33 .swiper-slide .swiperbg_bgc { width: 1110px; height: 570px; background: rgba(18,57,82,.1); float: left; position: absolute; z-index: 3; left: 0; top: 0; overflow: hidden; }


#certify33 .swiper-slide-active .swiperbg_bgc { background: rgba(18,57,82,0); }


#certify33 .swiper-slide .swiperbg img { width: 100%; height: 100%; position: relative; z-index: 1; }



#certify33 .swiper-slide h3 { width: 100%; height: 40px; float: left; margin: 3% 0 1% 0; font-family: SourceHanSansSC-Bold; font-size: 30px; color: #222222; text-align: left; line-height: 40px; font-weight: bold; text-indent: 0; text-overflow: ellipsis; overflow: hidden; }


#certify33 .swiper-slide font { width: 100%; height: 30px; float: left; margin: 0 0 4% 0; font-family: SourceHanSansSC-Regular; font-size: 18px; color: #666666; text-align: left; line-height: 30px; font-weight: normal; text-indent: 0px; text-overflow: ellipsis; overflow: hidden; }


#certify33 .swiper-slide::after { width: 76px; height: 6px; float: left; border: none; border-radius: 5px; background: #e6a91f; 
	content: ''; position: absolute; left: 0; bottom: 0; opacity:1; }


#certify33 .swiper-button-prev33 { width: 82px !important; height: 82px !important; background: rgba(255,255,255,1) url(../images/prev11.png) no-repeat center center!important; position: absolute; top: 35%; left: -10%; outline: none; margin: 0 0 0 0 !important; background-size:contain; opacity: 1 !important; display: inline-block; z-index: 21; border-radius: 50%; box-shadow: 1px 3px 2px rgba(10,104,218,.5); }
#certify33 .swiper-button-prev33:hover { background: rgba(10,104,218,1) url(../images/prev12.png) no-repeat center center !important; border-radius: 50%; box-shadow: 1px 3px 2px rgba(10,104,218,.5); }
#certify33 .swiper-button-prev33::after { content: ''; }
#certify33 .swiper-button-next33 { width: 82px !important; height: 82px !important; background: rgba(255,255,255,1) url(../images/next11.png) no-repeat center center !important; position: absolute; top: 35%; right: -10% !important; outline: none; margin: 0 0 0 0 !important; background-size: contain; opacity: 1 !important; display: inline-block; z-index: 21; border-radius: 50%; box-shadow: 1px 3px 2px rgba(10,104,218,.5); }
#certify33 .swiper-button-next33:hover { background: rgba(10,104,218,1) url(../images/next12.png) no-repeat center center !important; border-radius: 50%; box-shadow: 1px 3px 2px rgba(10,104,218,.5); }
#certify33 .swiper-button-next33::after { content: ''; }




#certify33 .ipg2-box .swiper-slide:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 0px; opacity: 1; transition: all .5s; }
#certify33 .ipg2-box .swiper-slide.swiper-slide-active:before { opacity: 1; }
#certify33 .ipg2-box .swiper-slide:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; transition: all .5s; }
#certify33 .ipg2-box .swiper-slide { opacity: 1; transition: all .8s; }
#certify33 .swiper-slide-active { transition: all .8s; opacity: 1 !important; }
#certify33 .swiper-slide-prev { transition: all .2s; opacity: 1; }
#certify33 .swiper-slide-next { transition: all .2s; opacity: 1; }
#certify33 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }
 
#certify33 .swiper-slide-active  .swiper-slide::after{opacity:1;}

.m_box4 { width: 100%; float: left; padding: 80px 0; background: #fff; }


.m_box4_1 { width: 100%; float: left; margin: 60px 0 40px 0; }

.sxbg, .sn { width: 100%; position: relative; }

.snTitle { width: 46%; max-width: 670px; float: right; }


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


.snTitle li { width: 100%; height: 180px; padding: 0px; background: #fff; border-right: 4px solid #0a68da; border-radius: 0px; float: left; margin: 0 0 30px 0; position: relative; cursor: pointer; }


.snTitle li img { width: 40%; max-width: 270px; float: left; }

.snTitle li .xntxt { width: 54%; float: left; margin: 1% 0 1% 2%; font-family: SourceHanSansSC-Bold; font-size: 24px; color: #888888; text-align: left; line-height: 40px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; }

.xntxt h3 { width: 100%; height: 50px; float: left; margin: 0 0 1% 0; font-family: SourceHanSansSC-Medium; font-size: 18px; color: #333; text-align: left; line-height: 25px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; }

.xntxt h4 { width: 98%; height: 30px; float: left; margin: 0 0 2% 0; font-family: SourceHanSansSC-Regular; font-size: 18px; color: #888888; text-align: left; line-height: 30px; font-weight: normal; text-indent: 0px; text-overflow: ellipsis; overflow: hidden; }

.xntxt font { width: 100%; height: 40px; float: left; margin: 0 0 1% 0; font-family: SourceHanSansSC-Normal; font-size: 14px; color: #666; text-align: left; line-height: 20px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }


.snTitle li:hover .xntxt h3, .snTitle li.active .xntxt h3 { color: #e6a91f; }



.snContent { width: 58%; max-width: 900px; float: left; position: relative; z-index: 10; }

.snContent img { width: 100%; position: relative; z-index: 1; }


.snContent .sbtvbgc { width: 96%; height: 60px; float: left;  background-image: linear-gradient(transparent, #333); position: absolute; z-index: 6; padding: 0 2%; left: 0; bottom: 0%; font-family: SourceHanSansSC-Normal; font-size: 14px; color: #fff; text-align: right; line-height: 60px; font-weight: normal; }


.snContent .sbtvbgc font { width: 60%; height: 60px; float: left; font-family: SourceHanSansSC-Medium; font-size: 22px; color: #fff; text-align: left; line-height: 60px; font-weight: bold; text-indent: 0px; text-overflow: ellipsis; overflow: hidden; }


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


.s_cokk1 { width: 100%; float: left; height: 50px; padding: 20px 0; margin: 0 0 20px 0; font-family: SourceHanSansSC-Medium; font-size: 26px; color: #fcac00; text-align: left; line-height: 50px; position: relative; display: flex; align-items: flex-start; justify-content: flex-start; }

.s_cokk1 img { max-width: 100%; float: left; margin: 10px 10px 0 0; }

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


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

.s_times ul li { width: 31%; float: left; margin: 1% 2% 1% 0; }


.s_times ul li .time_bt { width: 100%; height: 40px; float: left; margin: 0 0 1% 0; font-family: SourceHanSansSC-Bold; font-size: 42px; color: #222222; text-align: left; line-height: 40px; font-weight: bold; text-indent: 40px; position: relative; }

.time_bt::after { width: 2px; height: 34px; float: left; background: #cdcdcd; content: ''; position: absolute; left: 0; top: 10px; }

.s_times li .time_bt font { margin: 3% 2% 0 4%; font-family: SourceHanSansSC-Regular; font-size: 16px; color: #666666; text-align: left; line-height: 24px; font-weight: normal; text-indent: 20px; }


.s_times li .time_con { margin: 3% 2% 0 2%; font-family: SourceHanSansSC-Regular; font-size: 14px; color: #666666; text-align: left; line-height: 24px; font-weight: normal; text-indent: 40px; }


.zonghe_jian{width:100%; height:auto; float:left; padding:0 0 1% 0%;  font-family: SourceHanSansSC-Bold; font-size:36px; color: #333; text-align: left; line-height: 54px; font-weight: bold; text-indent:0px;  background:rgba(0,0,0,0); }



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

.zonghe .z_bt { width: 100%; height: auto; float: left; margin: 0 0 0% 0; font-family: SourceHanSansSC-Bold; font-size: 36px; color: #333; text-align: left; line-height: 40px; font-weight: bold; text-indent: 0px; position: relative; }


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


.zonghe_list dl { width: 100%; float: left; margin: 0px 0; }

.zonghe_list dl dd { width: 24.8%; float: left; margin: 0px 2px 2px 0; position: relative; z-index: 20; overflow: hidden; -ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;}


.zonghe_list dl dd img{width:100%; position:relative; z-index:3;  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; }

.zonghe_list dl dd:hover 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;}

.zonghe_list dl dd .zobgc{width:96%; height:40px; float:left; padding:2%; position:absolute; z-index:10; left:0; bottom:0;  font-family: SourceHanSansSC-Bold; font-size: 18px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; text-indent:0px;  background-image: linear-gradient(transparent, #333);  }


.zonghe_list dl dd .zobgc font{width:100%; height:auto; float:left; opacity:0;  font-family: SourceHanSansSC-Regular; font-size: 14px; color: #fff; text-align: left; line-height: 24px; font-weight: normal; text-indent:0px;  text-overflow:ellipsis; overflow:hidden;}


.zonghe_list dl dd:hover .zobgc{ height:auto;  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; }


.zonghe_list dl dd:hover .zobgc font{opacity:1;}





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


.zonghe_prod dl { width: 100%; float: left; margin: 0px 0; }


.zonghe_prod dl dd { width: 37.7%; float: left; margin: 0px 2px 2px 0; position: relative; z-index: 20; overflow: hidden; -ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;
    
    height:698px;
}


.zonghe_prod dl dd img{width:100%; position:relative; z-index:3;  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; }

.zonghe_prod dl dd:hover 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;}

.zonghe_prod dl dd .hbgc{width:96%; height:40px; float:left; padding:2%; position:absolute; z-index:10; left:0; bottom:0;  font-family: SourceHanSansSC-Bold; font-size: 18px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; text-indent:0px;  background-image: linear-gradient(transparent, #333);}


.zonghe_prod dl dd .hbgc font{width:100%; height:auto; float:left; opacity:0;  font-family: SourceHanSansSC-Regular; font-size: 14px; color: #fff; text-align: left; line-height: 24px; font-weight: normal; text-indent:0px;  text-overflow:ellipsis; overflow:hidden;}


.zonghe_prod dl dd:hover .hbgc{ height:auto;  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; }


.zonghe_prod dl dd:hover .hbgc font{opacity:1;}




.zonghe_prod dl dt { width:57%; float: left; margin: 0px; position: relative; z-index: 20; overflow: hidden; }


.zonghe_prod dl dt ul{width:100%; float:left; }

.zonghe_prod dl dt ul li{ width: 32.8%; float: left; margin: 0px 2px 2px 0; position: relative; z-index: 20; overflow: hidden; -ms-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;}


.zonghe_prod dl  dt ul li img{width:100%; position:relative; z-index:3;  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; }

.zonghe_prod dl  dt ul li:hover img {transform:scale(1.1); -webkit-transform:scale(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;}

.zonghe_prod dl  dt ul li .hbgc{width:96%; height:40px; float:left; padding:2% 2% 6% 2%; position:absolute; z-index:10; left:0; bottom:0px;  font-family: SourceHanSansSC-Bold; font-size: 18px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; text-indent:0px; background-image: linear-gradient(transparent, #333);}


.zonghe_prod dl  dt ul li .hbgc font{width:100%; height:auto; float:left; opacity:0;  font-family: SourceHanSansSC-Regular; font-size: 14px; color: #fff; text-align: left; line-height: 24px; font-weight: normal; text-indent:0px;  text-overflow:ellipsis; overflow:hidden;}


.zonghe_prod dl  dt ul li:hover .hbgc{ height:auto;  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; }


.zonghe_prod dl  dt ul li:hover .hbgc font{opacity:1;}



.s_pbox { width: 100%; float: left; position: relative; z-index: 8; margin:1% 0px; }


.ins_cokk{width:100%; float:left; margin:0 0 3% 0;  font-family: SourceHanSansSC-Regular; font-size: 16px; color: #545454; text-align: left; line-height: 40px; font-weight:bold; }

.ins_cokk font{margin:0 10px;    color: #545454; }

.ins_cokk a{margin:0 0px;  color: #545454; }
.ins_cokk a:hover{color:#e6a91f;}
.ins_cokk em{margin:0 0px;  color: #0a68da; font-style:normal;  }


.s_show { width: 100%; float: left; position: relative; z-index: 8; margin:20px 0px; font-family: SourceHanSansSC-Regular; font-size: 18px; color: #545454; text-align: left; line-height: 40px; font-weight: normal;  }

.s_show img { width: 100%; position: relative; z-index: 1;display:block; margin:0 auto; }


.s_show h3{ width: 100%; float: left; position: relative; z-index: 20; left: 0; font-family: SourceHanSansSC-bold; font-size: 46px; color: #333; text-align: center; line-height:60px; font-weight: bold; letter-spacing: 0px;   }

.s_show em { width: 100%; float: left; position: relative; z-index: 20; left: 0; font-family: SourceHanSansSC-Regular; font-size: 16px; color: #666; text-align: center; line-height:30px; font-weight: normal; text-transform: uppercase; text-shadow: 0; letter-spacing:0px; font-style:normal; }


.s_show h4{ width: 100%; float: left; position: relative; z-index: 20; margin:2% 0; font-family: SourceHanSansSC-bold; font-size: 32px; color: #333; text-align: left; line-height:60px; font-weight: bold; letter-spacing: 0px;   }

.s_show h4::after{width:72px; height:4px; float:left; background:#e6a91f; content:''; position:absolute; left:0; bottom:0; }

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

.s_show_imgs dl{width:102%; float:left; }

.s_show_imgs dl dd{width:31%; float:left; margin:2% 2% 0 0; position:relative; overflow:hidden; }


.s_show_imgs dl dd img{width:100%; }





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

.s_serv_imgs dl{width:102%; float:left; }

.s_serv_imgs dl dd{width:48%; float:left; margin:2% 2% 0 0; position:relative; z-index:20; overflow:hidden; }


.s_serv_imgs dl dd img{width:100%; position:relative; z-index:5; }


.s_serv_imgs dl dd .zbgc{width:96%; height:40px; float:left; padding:2% 2% 2% 2%; position:absolute; z-index:10; left:0; bottom:0px;  font-family: SourceHanSansSC-Bold; font-size: 22px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; text-indent:0px; background-image: linear-gradient(transparent, #333);}




.s_cbox { width: 100%; float: left;  background:#f3f3f3; position: relative; z-index: 8; padding:1% 0px 3% 0; }


.c_cenrer{max-width:1440px; display:block; margin:0 auto; position:relative;}


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

.sc_menu dl{width:103%; float:left; }


.sc_menu dl dd{width:31%; float:left; margin:1% 2% 1% 0;  }

.sc_menu dl dd a{width:100%; height:96px; float:left; background:#fff; border:none; font-family: SourceHanSansSC-Medium; font-size: 24px; color: #444; text-align: center; line-height: 96px; font-weight: normal; text-indent:0px; }

.sc_menu dl dd a:hover,.sc_menu dl dd a.dhov{background:#0a68da; color:#fff;}


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

.sc_imgs dl{width:103%; float:left; }


.sc_imgs dl dd{width:31%; float:left; margin:1% 2% 1% 0;  }


.sc_imgs dl dd .caseimg{width:100%; float:left; }


.sc_imgs dl dd .caseimg img{width:100%; max-height:320px; border-radius:20px; }


.sc_imgs dl dd .casebox{width:96%; float:left; margin:2%; }


.sc_imgs dl dd .casebox .case_bt{width:100%; height:40px; float:left; border-bottom:1px solid #d9d9d9; }

.sc_imgs dl dd .casebox .case_bt font{float:left; padding:0 20px 0 0; border-bottom:1px solid #0a68da;  font-family: SourceHanSansSC-Bold; font-size: 24px; color: #444; text-align: left; line-height: 40px; font-weight: bold; text-indent:0px;}


.sc_imgs dl dd .casebox .case_con{width:100%; height:60px; float:left;  margin:3% 0 2% 0;  font-family: SourceHanSansSC-Regular; font-size:18px; color: #323433; text-align: left; line-height:30px; font-weight: normal; text-indent:0px; text-overflow:ellipsis; overflow:hidden; }


.sc_imgs dl dd:hover .casebox .case_bt font{color:#e6a91f;}






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

.news_imgs dl{width:103%; float:left; }


.news_imgs dl dd{width:31%; float:left; margin:1% 2% 1% 0;  }


.news_imgs dl dd .newimg{width:100%; float:left; }


.news_imgs dl dd .newimg img{width:100%; border-radius:0px; }


.news_imgs dl dd .newbox{width:96%; float:left; margin:2%; }


.news_imgs dl dd .newbox .news_bt{width:100%; height:40px; float:left;  font-family: SourceHanSansSC-Medium; font-size: 15px; color: #444; text-align: left; line-height: 40px; font-weight: bold; text-indent:0px;}


.news_imgs dl dd .newbox .news_con{width:100%; height:60px; float:left;  margin:2% 0 1% 0;  font-family: SourceHanSansSC-Medium; font-size:22px; color: #333333; text-align: left; line-height:30px; font-weight: bold; text-indent:0px; text-overflow:ellipsis; overflow:hidden; }


.mart1{margin-top:80px;}
 

.w_cenrer{max-width:1470px; display:block; margin:0 auto; position:relative;}

.w_show{width:100%; float:left; margin:2% 0;  font-family: SourceHanSansSC-Normal; font-size:20px; color: #585858; text-align: left; line-height:40px; font-weight: normal; text-indent:0px; }

.w_show h3{width:100%; height:auto; float:left; padding:1% 0;  font-family: SourceHanSansSC-Medium; font-size: 42px; color: #222222; text-align: left; line-height:36px; font-weight: bold; text-indent:0px;}


.w_show h4{width:100%; height:auto; float:left;  padding:1% 0 1% 0; margin:0 0 2% 0;  font-family: SourceHanSansSC-Normal; font-size:14px; color: #888888; text-align: left; line-height:30px; font-weight: normal; text-indent:0px; border-bottom:1px solid #d9d9d9; }


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



.s_fenye
{
    width:100%;
    height:auto;
    float:left;
    padding-top:30px;
    padding-bottom:30px;
border-top:1px solid #d9d9d9;
}
.s_fan1 dl{width:100%; float:left; }

.s_fan1 dl dd{width:100%; float:left; margin:0px 0;  font-family: SourceHanSansSC-Normal;  font-size:14px; color:#9e9ca3; line-height:40px; font-weight:bold;}

.s_fan1 dl dd a font{ float:left;   font-size:18px; color:#666666; line-height:40px; font-weight:bold;}

.s_fan1 dl dd a{ font-size:18px; color:#222; line-height:40px; font-weight:bold;}

.s_fan1 dl dd a:hover,.s_fan1 dl dd a:hover font{  color:#0a68da;}








/*fanye*/

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

ul.pl1-b li.pl1-b1 A {  font-family: Arial; font-size: 14px; COLOR: #000; TEXT-DECORATION: none;  text-align:center;     padding:5px 12px;  BORDER: #d9d9d9 1px solid; BACKGROUND-COLOR: #fff;  }
ul.pl1-b li.pl1-b1:hover a{ font-family: Arial; font-size: 14px; color: #fff; BORDER: #e6a91f 1px solid; BACKGROUND-COLOR: #e6a91f;  }

ul.pl1-b li.pl1-b1.on1 { font-family: Arial; font-size: 14px; color: #fff; border: #e6a91f 1px solid; BACKGROUND-COLOR: #e6a91f;   padding:1px 8px;  }

ul.pl1-b li.pl1-b1.on1 span{background:none; border:none; color:#fff; margin:0; padding:0; }
ul.pl1-b li.pl1-b1 A:active { font-family: Arial; font-size: 14px; color: #fff; }
ul.pl1-b li.pl1-b1 SPAN.current { FONT-WEIGHT: bold; font-family: Arial; font-size: 14px; COLOR: #fff; BORDER: #e6a91f 1px solid; BACKGROUND-COLOR: #e6a91f; }
ul.pl1-b li.pl1-b1 SPAN.disabled {  font-family: Arial; font-size: 14px; COLOR: #fff; }


.page{
    width:100%;
    text-align: center;
}
.page .active{
    padding: 5px 12px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    background: #e6a91f;
    display: inline-block;
    margin-left: 4px;
    margin-top: 4px;
    border: #e6a91f 1px solid;
}

.page .total{
    padding: 5px 12px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    color: #000;
    border: #d9d9d9 1px solid;
    background: #fff;
    display: inline-block;
    margin-top: 4px;
    margin-left: 4px;
}



.s_xbgc { width: 100%; float: left;  background:#fff; position: relative; z-index: 8; padding:1% 0px 3% 0; }


.x_cenrer{max-width:1540px; display:block; margin:0 auto; position:relative;}


.proj_type{width:46%; max-width:630px; float:left; margin:3% 1% 3% 0;}

.proj_type_bt{ width: 100%; float: left; position: relative; z-index: 20; margin:2% 0 2% 0; font-family: SourceHanSansSC-bold; font-size: 32px; color: #000; text-align: left; line-height:60px; font-weight: bold; letter-spacing: 0px;   }

.proj_type_bt::after{width:72px; height:4px; float:left; background:#0a68da; content:''; position:absolute; left:0; bottom:0; }


.proj_type_show{width:100%; height:auto; float:left;  margin:3% 0 2% 0;  font-family: SourceHanSansSC-Regular; font-size:18px; color: #545454; text-align: left; line-height:40px; font-weight: normal; text-indent:0px; }


.proj_imgs{width:50%; max-width:789px; float:right; margin:3% 1% 3% 0;}


/*contact*/


.conta_cenrer{max-width:1360px; display:block; margin:0 auto; position:relative;}


.conta_type{width:40%; max-width:500px; float:left; margin:3% 0 0 0; }

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

.conta_type ul li{width:100%; float:left; margin:2% 0 2% 0; }


.conta_type ul li img{width:30px; float:left; margin:5px;}



.conta_type ul li .contact1{width:88%; float:left; font-family: SourceHanSansSC-Regular; font-size: 16px; color: #666; text-align: left; line-height:20px; font-weight: bold; text-indent:0px;}


.conta_type ul li .contact1 font{width:100%; height:auto; float:left;  font-family: SourceHanSansSC-Medium; font-size:20px; color: #222; text-align: left; line-height:30px; font-weight: 600; text-indent:0px; }

.contact1 font a{color:#222;}



.conta_ewm{width:30%; max-width:220px;  float:right; margin:3% 0 0 0; }

.conta_ewm img{width:100%; border:7px solid #e7e7e7;}

.conta_ewm  font{width:100%; height:auto; float:left;  font-family: SourceHanSansSC-Regular; font-size:16px; color: #666; text-align: center; line-height:40px; font-weight:normal; text-indent:0px; }


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

.conta_map img{width:100%;}


/*footer*/

.m_footer { width: 100%; float: left; padding: 40px 0 20px 0; background: url(../images/foot1.jpg) no-repeat center bottom; background-size: cover; background-size: cover; }



.m_footer_left { width: 40%; max-width: 400PX; float: left; margin: 20px 0 0 0; }

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

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

.m_fwxin { width: 100%; float: left; margin: 20px 0 40px 0; }
.m_fwxin img { max-width: 100%; }



.m_footer_font { width: 100%; float: left; font-family: SourceHanSansSC-Regular; font-size: 16px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; text-indent: 0px; overflow: hidden; }

.m_footer_font A { color: #FFF; }


.m_fnavi {width: 70%; max-width:830px; float: right; margin: 40px -3% 20px 0; }

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

.m_fnavi ul li { width: 22%; float: left; margin: 20px 0 10px 3%; }


.m_fnavi ul li h3 { width: 100%; float: left; margin: 0 0 20px 0; font-family: SourceHanSansSC-Bold; font-size: 22px; color: #fff; text-align: left; line-height: 60px; font-weight: bold; text-indent: 0px; }


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

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

.m_fnavi ul li dl dd a { width: 100%; height: auto; float: left; font-family: SourceHanSansSC-Medium; font-size: 14px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; text-indent: 0px; overflow: hidden; }

.m_fnavi ul li dl dd a:hover{color:#e6a91f;}


.m_footer_bot { width: 100%; float: left; font-family: SourceHanSansSC-Regular; font-size: 14px; color: rgba(255,255,255,.6); text-align: right; line-height: 30px; font-weight: normal; text-indent: 0px; overflow: hidden; }


.m_footer_bot font { float: left; font-family: SourceHanSansSC-Regular; font-size: 14px; color: rgba(255,255,255,.6); text-align: left; line-height: 30px; font-weight: normal; text-indent: 0px; }


.m_footer_bot a, .m_footer_bot font a { color: rgba(255,255,255,.6); }



.web { display: block; }

.mobile { opacity: 0; display: none; }