* { margin: 0px; padding: 0px; }

.clear { font-size: 0px; clear: both; line-height: 0px; height: 0px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { min-height: 1px; }

* html .clearfix { height: 1px; }

img, img:hover { border-style: none; outline: none; }

a:link { outline: none; TEXT-DECORATION: none; }

a:visited { outline: none; TEXT-DECORATION: none; }

a:hover { outline: none; TEXT-DECORATION: none; }

a:active { outline: none; TEXT-DECORATION: none; }

input:hover { outline: none; TEXT-DECORATION: none; }

ul { list-style-type: none; }

ul li { list-style-type: 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; }
/* body ------------------------------*/
body { font-family: 'Microsoft YaHei'; font-size: 16px; color: #313131; background-color: #f9f9f9; margin:0; padding:0;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999;
}

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

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


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




.m_hheaders { width: 100%; float: left; position: absolute; z-index: 20; left: 0; top: 0; }



.m_headbox { width: 90%; max-width: 1600px; float: none; display: block; margin: 3% auto 0% auto; position: relative; }

.m_logo { width: 40%; max-width: 257px; float: left; margin: 0 0 0 1%; }

.m_logo img { width: 75%; }

.z_head { /*width: 100%; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box;*/ ] position:relative; padding: 0 0px; }


.z_head .z_navlist { float: right; margin: 0 10px; }


.z_head .z_navlist ul { float: left; }

.z_head .z_navlist ul li { float: left; margin: 0 10px; }


.z_head .z_navlist ul li a { float: left; margin: 0 0px; padding: 0 20px; font-size: 18px; color: #FFFFFF; line-height: 30px; font-weight: bold; }

.z_head .z_navlist ul li a:hover,.z_head .z_navlist ul li a.ahov { color: #f5ab18; }
.z_head .z_navlist ul li a:focus { color: #f5ab18; }
.z_head .z_navlist .active .nav_a{color: #f5ab18;}

.z_head .yy { width: 118px; height: 30px; float: right; border-radius: 20px; border: 1px solid #f5ab18; font-size: 18px; color: #FFFFFF; position: relative; z-index: 2; line-height: 30px; padding-left: 30px; background: rgba(245,171,24,1); }

.z_head .yy img:first-child { margin: 3px 20px 0 -10px; float: left; }

.z_head .yy img:last-child { margin: 10px 10px 0 10px; float: right; }

.z_head .yy a { color: #fff; float: left; line-height: 30px; }

.z_head .yy a.active { position: absolute; right: 0%; top: 30px; width: 100%; display: none; float: right; text-align: center; line-height: 30px; height: 30px; }


.m_banner { width: 100%; float: left; position: relative; z-index: 12; display: block; }


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



.m_bebg .m_btxt { width: 100%; float: left; position: absolute; z-index: 4; overflow: hidden; }

.m_bebg .m_btxt { width: 100%; float: left; left: 0; top: 41%; transform: translateY(-41%); }

.m_bebg .m_btxt h3 { width: 100%; float: left; font-family: Arial; font-size: 18px; color: #fff; line-height: 60px; text-align: center; font-weight: normal; letter-spacing: 18px; text-transform: uppercase; }


.m_bebg .m_btxt h4 { width: 100%; float: left; font-size: 48px; color: #fff; line-height:60px; text-align: center; font-weight: normal; letter-spacing: 20px; margin: 0 0 2% 0; }


.m_bebg .m_btxt h5 { width: 40%; max-width: 240px; display: block; margin: 2% auto 0 auto; }


.m_bebg .m_btxt h5 a { width: 100%; height: 60px; float: left; background: rgba(245,171,24,1); border-radius: 30px; font-size: 27px; color: #fff; line-height: 60px; text-align: center; font-weight: normal; }



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



.s_bebg .s_btxt { width: 100%; float: left; position: absolute; z-index: 4; overflow: hidden; }

.s_bebg .s_btxt { width: 100%; float: left; left: 0; top: 50%; transform: translateY(-50%); }

.s_bebg .s_btxt h3 { width: 100%; float: left; font-family: Arial; font-size: 18px; color: #fff; line-height:60px; text-align: center; font-weight: normal; letter-spacing:2px; text-transform: uppercase; }


.s_bebg .s_btxt h4 { width: 100%; float: left; font-size: 48px; color: #fff; line-height:50px; text-align: center; font-weight: bold; letter-spacing: 16px; margin: 0 0 0% 4px; }

 
.s_bebg .s_btxt  h6{width:100%; display:block; margin:0 auto;}

 
.s_bebg .s_btxt  h6  img{max-width:500px; display:block; margin:0 auto;}

.m_banimg { width: 100%; float: left; position: relative; z-index: 2; display: block; }


.m_banimg img { width: 100%; }


.mob_banner { width: 100%; margin-top: 0px; position: relative; z-index: 9; display: none; }



/* 首页 服务客户*/
.m_service { width: 74%; max-width: 1400px; display: block; margin: 0 auto; }



.m_servbg { width: 100%; min-height: 420px; padding: 50px 0; float: left; position: relative; z-index: 15; left: 0; top: 0; margin: -90px 0 140px 0; background: #fff; border-radius: 28px; box-shadow: 0px 0px 11px rgba(15,15,15,.2); display: block; }


.m_serv_bt { width: 100%; float: left; margin: 0; text-align: center; }


.m_serv_bt h4 { font-size: 36px; color: #f5ab18; line-height: 40px; text-align: center; font-weight: bold; letter-spacing: 0px; margin: 0; }


.m_serv_bt h5 { font-size: 18px; color: #000; line-height: 40px; text-align: center; font-weight: normal; letter-spacing: 0px; margin: 1% 0 3% 0; }



.m_serv_imgs { width: 94%; display: block; margin: 0 auto; }


.m_serv_imgs ul { 
  width: 100%; 
  float: left; 
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 30px 2%;
}



.m_serv_imgs ul li { width: 100%; float: left; border: 1px solid #ccc;  }


.m_serv_imgs ul li img { width: 100%; }

.m_serv_imgs ul li:hover{border:1px solid #f5ab18;}


.panelbg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.8); display: block; }


.mob_max { width: 100%; max-width: 750px; height: auto; margin: 0 auto; display: none; overflow: hidden; }


/* 首页 服务范围*/
.m_fwbox { width: 100%; min-height: 550px; padding:80px 0 50px 0; float: left; position: relative; z-index: 15; left: 0; top: 0; margin: 0px 0 0px 0; background: #212121; border-radius: 0px; display: block; }



.m_fw_bt { width: 100%; float: left; margin: 0; text-align: center; }


.m_fw_bt h4 { font-size: 36px; color: #f5ab18; line-height: 40px; text-align: center; font-weight: bold; letter-spacing: 0px; margin: 0; }


.m_fw_bt h5 { font-size: 18px; color: #cacaca; line-height: 40px; text-align: center; font-weight: normal; letter-spacing: 0px; margin: 1% 0 3% 0; }




.m_fwlist { width: 90%; max-width: 1400px; display: block; margin: 0 auto; }


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


.m_fwlist ul li { width: 25%; min-height: 230px; padding: 30px 0 30px 0; float: left; margin: 0; background: rgba(173,124,27,0); border-radius: 15px; position: relative; z-index: 10; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; overflow: hidden; }


.m_fwlist ul li img { max-width: 65px; display: block; margin: 30px auto 20px auto; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }


.m_fwlist ul li h5 { width: 100%; float: left; margin: 10px 0 10px 0; font-size: 30px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; letter-spacing: 0px; margin: 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }


.m_fwlist ul li h5 font { width: 100%; float: left; font-size: 14px; color: #fff; line-height: 30px; text-align: center; font-weight: normal; letter-spacing: 0px; margin: 1% 0 3% 0; }


.m_fwlist ul li dl { width: 94%; height: auto; float: left; margin: 0 0 0 3%; display: none; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }

.m_fwlist ul li dl dt { width: 48%; height: 30px; float: left; margin: 0 1%; font-size: 16px; color: #fff; line-height: 30px; text-align: left; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }



.m_fwlist ul li:hover { 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; background: rgb(255, 171, 4); }

.m_fwlist ul li:hover img{display:none;}

.m_fwlist ul li:hover  h5 { width: 100%; float: left; margin:30px 0 10px 0; font-size: 30px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; letter-spacing: 0px; margin: 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }


.m_fwlist ul li:hover   dl { width: 94%; height: auto; float: left; margin: 0 0 0 3%; display: block; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }



/* 首页 行业荣誉*/

.m_honor { width: 100%; min-height:760px; padding:80px 0 50px 0; float: left; position: relative; z-index: 15; left: 0; top: 0; margin: 0px 0 0px 0; background: #f9f9f9; border-radius: 0px; display: block; }



.m_honor_bt { width: 100%; float: left; margin: 0; text-align: center; }


.m_honor_bt h4 { font-size: 36px; color: #f5ab18; line-height: 40px; text-align: center; font-weight: bold; letter-spacing: 0px; margin: 0; }


.m_honor_bt h5 { font-size: 18px; color: #000; line-height: 40px; text-align: center; font-weight: normal; letter-spacing: 0px; margin: 1% 0 3% 0; }




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

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

#certify1 .swiper-slide img{width:100%; }

#certify1 .swiper-slide font {width:100%; height:50px; font-size: 24px; color: #000; line-height: 50px; text-align: center; font-weight: normal; letter-spacing: 0px; margin: 1% 0 3% 0; text-overflow:ellipsis; overflow:hidden; }
 
#certify1 .swiper-slide:hover font{color:#f5ab18;}



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

#certify_mob .swiper-slide img{width:100%; }

#certify_mob .swiper-slide font {width:100%; height:50px; font-size: 24px; color: #000; line-height: 50px; text-align: center; font-weight: normal; letter-spacing: 0px; margin: 1% 0 3% 0; text-overflow:ellipsis; overflow:hidden; }
 
#certify_mob .swiper-slide:hover font{color:#f5ab18;}




/* 首页 案例展示*/

.m_caseshow { width: 100%; min-height:760px; padding:80px 0 50px 0; float: left; position: relative; z-index: 15; left: 0; top: 0; margin: 0px 0 0px 0; background:#FFFFFF; border-radius: 0px; display: block; }




.m_cases_bt { width: 100%; float: left; margin: 0; text-align: center; }


.m_cases_bt h4 { font-size: 36px; color: #f5ab18; line-height: 40px; text-align: center; font-weight: bold; letter-spacing: 0px; margin: 0; }


.m_cases_bt h5 { font-size: 18px; color: #000; line-height: 40px; text-align: center; font-weight: normal; letter-spacing: 0px; margin: 1% 0 3% 0; }




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


.m_casimgs ul { width: 102%; float: left;  margin: 0 auto 4% auto; height:550px; overflow-y: auto }


.m_casimgs ul li { width: 23%; min-height: 230px; padding:0; float: left; margin:2% 2% 0 0; background: rgba(173,124,27,0); border-radius: 15px; position: relative; z-index: 10; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; overflow: hidden; }


.m_casimgs ul li img{width:100%; border-radius: 15px; position:relative; z-index:5; }


.m_casimgs ul li .imgbg{width:100%; height:100%; float:left; border-radius: 15px; background:#f5ab18; position:absolute; z-index:8; left:0; top:0; display:none;  -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }

.m_casimgs ul li:hover .imgbg{width:100%; height:100%; float:left; border-radius: 15px; background:#f5ab18; position:absolute; z-index:8; left:0; top:0;   display:block;  -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }

.m_casimgs ul li .imgbg h6 { width:94%; height:40px; float:left; margin:18% 0 0 3%; font-size:20px; color: #fff; line-height: 40px; text-align: center; font-weight: bold; letter-spacing: 0px;  background:rgba(0,0,0,0); text-overflow:ellipsis; overflow:hidden; }


.m_casimgs ul li .imgbg font { width:94%; height:30px; float:left; margin:2% 0 0 3%; font-size:16px; color: #fff; line-height: 30px; text-align: center; font-weight: normal; letter-spacing: 0px;  text-decoration:underline;  }




.m_quanlist { width: 78%; max-width:1400px; display: block; margin: 0 auto; }


.m_quan_left{width:30%; max-width:260px; min-height:222px; float:left; background:#f5ab18; border-radius:8px;}


.m_quan_left img{  max-width:115px;  display:block; margin:30px auto 10px auto; }


.m_quan_left font{ width:94%; height:40px; float:left; margin:1% 0 0 3%; font-size:26px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; letter-spacing: 0px;  background:rgba(0,0,0,0); text-overflow:ellipsis; overflow:hidden; }


.m_quan_right{width:80%; max-width:1140px; min-height:220px; float:left; background:rgba(0,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; }

.m_quan_right ul{width:102%; float:left; }

.m_quan_right ul li{width:22%; max-width:260px; min-height:100px; float:left; margin:0 1% 2% 2%; background:#25221a; border-radius:8px;  }
.m_quan_right ul li:nth-child(4n) { margin:0 0% 2% 2%;  }
.m_quan_right ul li img{float:left; max-width:97px; margin:4% 0% 0 3%; }

.m_quan_right ul li font { font-size:20px; color: #fff; line-height: 100px; text-align: left; font-weight: normal; }

 

.m_dyin_box{width:100%; max-width:1400px; min-height:220px; float:left; margin:2% 0 3% 0; background:#282828; border-radius:12px;}


.m_dyin_box ul{width: 100%;padding: 2% 0; /*display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 20px;*/}

.m_dyin_box ul li{width: 10%;min-height: 110px;float: left;margin: 0 1% 2% 1%;background: rgba(0, 0, 0, 0);border-radius: 8px;/*display: flex;flex-direction: column;align-items: center;*/}
.m_dyin_box ul li img{float:none; max-width:80px; display:block;  margin:0 auto; }

.m_dyin_box ul li font {width:100%; float:left; font-size:18px; color: #fff; line-height:40px; text-align: center; font-weight: normal; height:40px; overflow:hidden;}


.m_dytxt{ width:76%;  display:block; margin:0% auto 2% auto;  font-size:20px; color: #000; line-height: 40px; text-align: center; font-weight: normal; letter-spacing: 0px;  background:rgba(0,0,0,0);   }

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



.mob_index { width: 94%; display: none; margin: 0 auto; }



.s_fenye { width: 100%; height: auto; float: left; margin: 10px 0 10px 0; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #f2f2f2; }


/*about*/


.s_abomenu { max-width:1600px; display:block; margin:0 auto; text-align:center;}

.s_abomenu  dl{width:110%; float:left; padding:0 0 0 0%;}

.s_abomenu  dl dt{width:25%; max-width:320px; float:left; margin:2% 2% 1%  2%;  font-size:34px; color: #FFFFFF; line-height: 40px; text-align: center; font-weight: bold;  }

.s_abomenu  dl dt font{width:100%; height:38px; display:none; float:left; background:transparent; border:1px solid transparent; border-radius:20px; font-size: 18px; color: #FFFFFF; line-height: 38px; text-align: center; font-weight: normal; text-transform:uppercase;  }



.s_about{ width: 100%; height: auto; float: left; background:transparent; padding:80px 0 120px 0; overflow:hidden; }



.s_abo_center{ width: 78%; max-width:1400px; display: block; margin: 0 auto; }


.s_abo_cleft{width:45%; max-width:620px; float:left;}


.s_abo_cleft  img{width:100%;}

.s_abo_cright{width:53%; max-width:700px; float:right;}

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

.s_abo_crbt h3{width:100%; float:left; font-size:48px; color:#7c7c7c; text-align:left; line-height:60px; font-weight:normal; }

.s_abo_crbt h4{width:100%; float:left; display:none;  margin:5% 0 4% 0; font-size:36px; color:#000; text-align:left; line-height:40px; font-weight:bold; }


.s_abo_crbt h5{width:100%; float:left; font-size:19px; color:rgba(0,0,0,.75); text-align:left; line-height:40px; font-weight:normal; }


.s_lines{width:100%; height:130px; float:left; margin:5% 0 0 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}

 .s_lines dl{width:94%; float:left;     margin:1% auto 0 auto;
    /*display: grid;
    grid-template-columns: 1fr 1fr 1fr;*/ }
 
 .s_lines dl dt{width:30%; height:auto; float:left;  font-size:18px; color:rgba(15,15,15,1); text-align:center; line-height:30px; font-weight:bold;}

 
 .s_lines dl dt font{width:100%; float:left; padding:10px 0 0 0; font-size:20px; color:#381919; text-align:center; line-height:40px; font-weight:normal;  }
 
 .s_lines dl dt font b{ padding:0 10px; font-style:normal; font-size:34px; font-weight:bold;}


 

.s_about_hexin{ width: 100%; height: auto; min-height:600px; float: left; background:url(../images/abbg1.jpg) no-repeat center  top; background-size:100% 100%;  padding:80px 0 120px 0; overflow:hidden; }



.s_hxin_bt { width: 100%; float: left; margin: 0; text-align: center; }


.s_hxin_bt h4 { font-size: 36px; color: #f5ab18; line-height: 40px; text-align: center; font-weight: bold; letter-spacing: 0px; margin: 0; }


.s_hxin_bt h5 { font-size:18px; color: rgba(255,255,255,.5); line-height: 40px; text-align: center; font-weight: normal; letter-spacing: 0px; margin: 1% 0 3% 0; }



.s_hxjzl{ width: 78%; max-width:1400px; display: block; margin: 0 auto; padding:30px 0; }


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

 
.s_hxjzl ul li{width:23%; max-width:332px; float:left; margin:3% 2% 0 0; background:#cff; border-radius:20px; position:relative; padding:0px; transform: scale(1);  }


.s_hxjzl ul li img.hpic {width:100%; float:left; margin:0; padding:0; positon:relative; z-index:1;  border-radius:20px; opacity:1; }


.s_hxjzl ul li .hxbox {width:100%; float:left; margin:0; padding:0; position:absolute; z-index:5; left:0; top:0;  }

 .hxbox  img.tbiao{max-width:84px; display:block; margin:70px auto 20px auto; }
 
.s_hxjzl ul li .hxnr{width:100%; float:left; margin:4% 0 3% 0; position:relative; }
 
.s_hxjzl ul li .hxnr:after{width:48px; height:3px; background:#fff; position:absolute; content:''; left:50%; top:0; margin-left:-24px; opacity:1;}

.s_hxjzl ul li .hxnr:before{width:48px; height:3px; background:#fff; position:absolute; content:''; left:50%; bottom:0; margin-left:-24px; opacity:0;}

.s_hxjzl ul li .hxnr   h4{width:100%; float:left;  font-size: 30px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; letter-spacing: 0px; margin:5% 0 0 0;}

.s_hxjzl ul li .hxnr   h5 { font-size:16px; color: #fff; line-height: 30px; text-align: center; font-weight: normal; letter-spacing: 0px; margin:0% 0 3% 0; }


.s_hxjzl ul li .hxnr_wen {width:80%; float:left; margin:4% 0 2% 10%; font-size:14px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; letter-spacing: 0px; opacity:0; }



.s_hxjzl ul li:hover{transform: scale(1.2); position:relative; z-index:5; background:#f5ab18; }

.s_hxjzl ul li:hover  img.hpic{ opacity:0;}

.s_hxjzl ul li:hover  img.tbiao{ opacity:0; display:none;}


.s_hxjzl ul li:hover .hxnr{width:100%; float:left; margin:20% 0 5% 0; position:relative; }
 
.s_hxjzl ul li:hover .hxnr:after{width:48px; height:3px; background:#fff; position:absolute; content:''; left:50%; top:0; margin-left:-24px; opacity:0;}

.s_hxjzl ul li:hover .hxnr:before{width:48px; height:3px; background:#fff; position:absolute; content:''; left:50%; bottom:-10px; margin-left:-24px; opacity:1;}


.s_hxjzl ul li:hover  .hxnr_wen{opacity:1;}

.s_sidbg{width:100%; float:left; margin:0; padding:70px 0; background:#fff; position:relative; }


.s_sidbox{ width: 78%; max-width:1400px; display: block; margin: 0 auto; padding:30px 0; }


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


.s_sidbox  ul li{width:100%; float:left; margin:3% 0 3% 0; }


 
.s_sidbox ul  li .s_stype{width:40%; max-width:500px; float:left; }

.s_sidbox ul  li .s_stype_wen{width:100%; float:left; margin:0%;  }

 
.s_sidbox ul  li .s_stype_wen  h3{width:100%; height:130px; float:left;   font-size:128px; color:#f4f4f4; line-height:130px; text-align: left; font-weight: bold; position:relative; overflow:hidden;  }

 
.s_sidbox ul  li  .s_stype_wen  h3  font{width:100%; height:130px; float:left;   font-size:32px; color:#f5ab18; line-height:130px; text-align: left; font-weight: bold;  position:absolute; z-index:3; left:0; top:0;  overflow:hidden;  }


.s_sidbox ul  li .s_stype_wen  h4{width:100%; height:auto; float:left; padding:10px 0 10px 0;  font-size:15px; color:#000; line-height:25px; text-align: left; font-weight: normal;  border-bottom:1px solid #ccc; overflow:hidden;  }



.s_sidbox ul  li .s_stype_wen  h5{width:100%; height:40px; float:left; margin:1% 0 0 0; padding:0px 0 0px 0;  font-size:20px; color:#000; line-height:40px; text-align: left; font-weight: normal;   overflow:hidden;  }


.s_sidbox ul  li .s_stype_wen  h6{width:100%; height:auto; float:left; margin:0% 0 0 0; padding:0 0 10px 0;  font-size:16px; color:rgba(0,0,0,.75); line-height:30px; text-align: left; font-weight: normal;   overflow:hidden;  }

 
.s_sidbox ul  li .s_strig{width:60%; max-width:840px; float:right; }

.s_strig img{width:100%; border-radius:20px;}



 
.s_sidbox ul  li:nth-child(2) .s_stype{width:40%; max-width:500px; float:right; }

.s_sidbox ul  li:nth-child(2) .s_stype_wen{width:100%; float:left; margin:0%;  }

 
.s_sidbox ul  li:nth-child(2) .s_stype_wen  h3{width:100%; height:130px; float:left;   font-size:128px; color:#f4f4f4; line-height:130px; text-align: right; font-weight: bold; position:relative; overflow:hidden;  }

 
.s_sidbox ul  li:nth-child(2)  .s_stype_wen  h3  font{width:100%; height:130px; float:left;   font-size:32px; color:#f5ab18; line-height:130px; text-align: right; font-weight: bold;  position:absolute; z-index:3; left:0; top:0;  overflow:hidden;  }


.s_sidbox ul  li:nth-child(2) .s_stype_wen  h4{width:100%; height:auto; float:left; padding:10px 0 10px 0;  font-size:15px; color:#000; line-height:25px; text-align: right; font-weight: normal;  border-bottom:1px solid #ccc; overflow:hidden;  }



.s_sidbox ul  li:nth-child(2) .s_stype_wen  h5{width:100%; height:40px; float:left; margin:1% 0 0 0; padding:0px 0 0px 0;  font-size:20px; color:#000; line-height:40px; text-align: right; font-weight: normal;   overflow:hidden;  }


.s_sidbox ul  li:nth-child(2) .s_stype_wen  h6{width:100%; height:auto; float:left; margin:0% 0 0 0; padding:0 0 10px 0;  font-size:16px; color:rgba(0,0,0,.75); line-height:30px; text-align: right; font-weight: normal;   overflow:hidden;  }

 
.s_sidbox ul  li:nth-child(2) .s_strig{width:60%; max-width:840px; float:left; }
 


.s_about_lxwm{ width: 100%; height: auto; min-height:600px; float: left; 
background:url(/public/home/images/gbook1.jpg) no-repeat center  top; background-size:100% 100%;  padding:80px 0 120px 0; overflow:hidden; }



.s_abolx{ width: 78%; max-width:1400px; display: block; margin: 0 auto; padding:30px 0; }


.s_lxtype{ width: 40%; max-width:440px; float:left; }



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


.s_lxtype h5 {width:100%; float:left;  font-size:24px; color: rgba(255,255,255,1); line-height: 30px; text-align: left; font-weight: normal; letter-spacing: 0px; margin:2% 0 3% 0; }


.s_lxtype  ul{width:100%; float:left; margin:4% 0 3% 0; }


.s_lxtype  ul li{width:100%; float:left; margin:2% 0 2% 0; font-size:18px; color: rgba(255,255,255,1); line-height: 30px; text-align: left; font-weight: normal; }


.s_lxtype  ul li img.pic1{width:20px; float:left; margin:6px 10px 0 0;}


 
.s_lxtype h6{width:100%; float:left;  font-size:32px; color: rgba(255,255,255,1); line-height: 40px; text-align: left; font-weight: bold; letter-spacing: 0px; margin:2% 0 3% 0; }

.s_lxtype .s_lxabo{width:100%; float:left; }


.s_lxtype .s_lxabo img{max-width:260px; border-radius:10px;  display:block; margin:0;}

 
.s_lxtype .s_lxabo font{width:100%; float:left; margin:2% 0 0 0;  font-size:18px; color: rgba(255,255,255,.5); line-height: 30px; text-align: left; font-weight: normal; letter-spacing: 0px;  }


.s_lxbook{ width: 56%; max-width:600px; min-height:650px;float:right; background:#fff; border-radius:20px;  }

 
.s_lxbook h4{width:100%; float:left;  font-size:30px; color: rgba(0,0,0,1); line-height: 40px; text-align: center; font-weight: bold; letter-spacing: 0px; margin:5% 0 5% 0; }

.s_lxbook  table.table1 {
  width:94%;
    float:left; margin:4% 0 2% 4%;
  border-collapse:collapse;
}

table.table1 td {
    width:46%;
    height:auto;
    float:left; 
    margin:4% 2% 2% 1%;
}

table.table1 td h5{width:100%; float:left;  height:30px; font-family:Arial; font-size:20px; color: rgba(0,0,0,1); line-height: 30px; text-align: left; font-weight: normal; letter-spacing: 0px; }



table.table1 td .tabt1
{
    width:95%;
    height:50px;
    float:left; padding:0 2% 0 2%;
    background:#e7e7e7;
    border:1px solid #e7e7e7;  border-radius:10px; font-size:14px; color:#333; line-height:58px\9; line-height:50px; text-align:left; font-weight:normal; cursor:pointer; overflow:hidden;
}


table.table1 td .tabt2
{
    width:95%;
    height:80px;
    float:left; padding:2%;
    background:#e7e7e7;
    border:1px solid #e7e7e7;  border-radius:10px; font-size:14px; color:#333; line-height:58px\9; line-height:50px; text-align:left; font-weight:normal; cursor:pointer; overflow:hidden;
}

  
  .z_ljzx{width:40%; max-wdith:280px; height:60px; background:#f5ab18; border:none; border-radius:10px;  float:right; margin:0% 0 3% 3%;    font-size:18px; color:#fff;  line-height:60px; text-align:center; font-weight:normal; cursor:pointer;  overflow:hiddenl; }



table.table1 td .tleft{width:40%; float:left;}

   .radio1{
    position: relative;
    margin-right: 12px; 

}

.radio1 font{ color:#000; line-height:55px;}

.radio1 input {
    width: 26px;
    height: 26px;
    appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    outline: none;
    margin-right:10px;
  }
.radio1 label {
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
    width:26px;
    height:26px;
  }
 
  .radio1 input:checked+label::after {
    content: "";
    position: absolute;
    width: 31px;
    height:31px;
    margin-left: -1.5px;
    background: url(/public/home/images/dgou1.jpg) no-repeat ;
    background-size: 100% 100%; 
  }
  
   .radio1:hover  font{color:#f5ab18;}

  .z_tc{width:100%; height:100%; position:fixed; z-index:5999; background-color: rgba(25, 29, 71, 0.7); left:0; top:0; display:none;}

  .z_tbg{width:680px; min-height:560px; float:left; background:#fff; border-radius:10px; position:absolute;  top:16%; left:50%; margin-left:-340px; padding:10px 0 10px 0; }

  
  .z_tbg  .z_guan{width:30px; height:30px; background:transparent; float:right; position:absolute; right:18px;  font-size:30px; color:#9b0b0b; line-height:58px\9; line-height:30px; text-align:center; font-weight:bold;  cursor:pointer; }
  .z_tbg  .z_guan img{width:24px;}
  
  .z_tbg  h3{width:100%; height:40px; float:left; border-bottom:1px solid #ccc;  font-size:20px; color:#000;  line-height:30px; text-align:center; font-weight:normal; }

  
  .z_tbg_con{width:92%; height:auto; max-height:460px; background:transparent;  float:left; margin:4% 0 3% 3%; padding:0 2% 0 0;  font-size:16px; color:#333;  line-height:36px; text-align:left; font-weight:normal; overflow:scroll;overflow-x:hidden;overflow-y:auto; }




/*case */

.s_case_bg{width:100%; float:left; margin:0; padding:60px 0; background:#f8f7f5;}


.s_cbox{ max-width:1400px; display:block; margin:0 auto;}

.s_cbox ul{width:103%; float:left; }


.s_cbox ul  li{width:29%; max-width:430px; min-height:530px; float:left; margin:2% 4% 2% 0; background:#fff; border-radius:15px; box-shadow:0 0 10px rgba(0,0,0,.2); position:relative;  overflow:hidden;}

.s_cbox ul li:hover {box-shadow:0 0 20px rgba(245,171,24,.4);  }

.s_cbox ul li .imgs {width:100%; float:left; position:relative;  }


.s_cbox ul li .imgs_font{width:90px; height:40px; float:right; background:#f5ab18; border-bottom-left-radius:10px; position:absolute; z-index:4; top:0; right:0;  font-size:18px; color:#fff; text-align:center; line-height:40px; font-weight:normal;}

.s_cbox ul li .imgs_font img{float:left; margin:6px 0px 0 10px; border-radius:0px;}

.s_cbox ul li .imgs img{max-width:100%; border-top-left-radius:15px; border-top-right-radius:15px;}

.s_cbox ul li .txts1 {width:90%; min-height:100px; float:left; margin:5% 0 2% 5%; background:rgba(0,0,0,0);  }

 .txts1 h3{width:100%; height:40px; float:left; font-size:18px; color:#0f0f0f; text-align:left; line-height:40px; font-weight:bold; text-overflow:ellipsis; overflow:hidden; }

 
 .txts1 h4{width:100%; height:60px; margin:1% 0 2% 0; float:left; font-size:15px; color:rgba(15,15,15,.75); text-align:left; line-height:20px; font-weight:normal; text-overflow:ellipsis; overflow:hidden; }

 
 .txts1 h5{width:100%;  float:left; margin:2% 0;  }

 
 .txts1 h5 font{padding:0px 15px; margin:1% 2% 1% 0; float:left;  font-size:14px; color:#d1d1d1; text-align:center; line-height:20px; font-weight:normal; border:1px solid #d1d1d1; border-radius:6px; }


.s_cbox ul li:hover  .txts1 h3{color:#f5ab18;}
 

.s_cbox ul li .lines {width:100%; float:left; position:relative;  margin:4% 0 0 0; border-top:1px solid #d1d1d1; }

 .lines dl{width:94%; float:left; margin:2% 0 0 3%; }
 
 .lines dl dt{width:33%; height:auto; float:left;  font-size:15px; color:rgba(15,15,15,.75); text-align:center; line-height:20px; font-weight:normal;}

 
 .lines dl dt font{width:100%; float:left; font-size:21px; color:#381919; text-align:center; line-height:40px; font-weight:bold;  }



.case_more {width:247px; display:block; margin:0 auto; }

.case_more a{width:100%; height:50px; float:left; margin:12% 0 1% 0; background:transparent; border:1px solid #f5ab18; border-radius:25px;   font-size:21px; color:#f5ab18; text-align:center; line-height:50px; font-weight:normal;}

.case_more a:hover{background:#f5ab18;  color:#fff;}





.s_cshow{ max-width:1400px; display:block; margin:0 auto;   font-size:15px; color: #010101; line-height:34px; text-align: left; font-weight: normal; letter-spacing: 0px;  }


.s_cshow h4 { font-size:24px; color: #000; line-height: 40px; text-align: center; font-weight: bold; letter-spacing: 0px; margin: 0; }


.s_cshow h5 { font-size: 16px; color: #010101; line-height: 30px; text-align: right; font-weight: normal; letter-spacing: 0px; margin: 1% 0 3% 0; }

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


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

.s_fan1 p{font-family:'Microsoft YaHei'; font-size:16px; color:#9e9ca3; line-height:30px; font-weight:normal;}

.s_fan1{width:70%; height:auto; float:left; font-family:'Microsoft YaHei';  font-size:16px; color:#9e9ca3; line-height:30px; font-weight:normal;}

.s_fan1 p a{font-family:'Microsoft YaHei'; font-size:16px; color:#9e9ca3; line-height:30px; font-weight:normal;}

.s_fan1 p a:hover{font-family:'Microsoft YaHei'; color:#f5ab18;}


.s_fan2{height:auto; float:right; padding-right:20px; margin-top:20px; font-family:'Microsoft YaHei'; font-size:16px; color:#9e9ca3; line-height:20px; font-weight:normal;}


.s_fan2 a{font-family:'Microsoft YaHei'; font-size:16px; color:#9e9ca3; line-height:30px; font-weight:normal;}

.s_fan2 a:hover{font-family:'Microsoft YaHei'; color:#f5ab18;}


/*case gbook*/

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


.s_gbk_bt { width: 100%; float: left; margin: 0; text-align: center; }


.s_gbk_bt h4 { font-size: 36px; color: #000; line-height: 40px; text-align: center; font-weight: bold; letter-spacing: 0px; margin: 0; }


.s_gbk_bt h5 { font-size: 18px; color: #010101; line-height: 40px; text-align: center; font-weight: normal; letter-spacing: 0px; margin: 3% 0 5% 0; }




.s_cgk{ max-width:1400px; min-height:500px; display:block; margin:0 auto;  background:url(../images/q11.jpg) no-repeat right bottom; background-size:60%;   }


.s_cgk_table{width:640px; float:left; }


table.table2 {
  width: 100%;
    float:left;
  border-collapse:collapse;
}

table.table2 tr{width: 100%;
    float:left; margin:3% 0;}


table.table2 tr td {
     width:80%; max-width:460px;
    height:auto;
    float:left; 
  line-height:40px;
}

table.table2 tr th{width:20%; max-width:130px; height: 40px; float:left;  font-size: 18px; color: #010101; line-height: 40px; text-align: left; font-weight: normal; }

.tabt21
{
    width:96%;
    height:40px;
    float:left; padding:0 1% 0 2%;
    background:#fff;
    border:1px solid #ccc;  font-size:16px; color:#4f4242; line-height:40px; text-align:left; font-weight:normal; cursor:pointer; overflow:hidden;
}

.tabt211
{
    width:60%;
    height:40px;
    float:left; padding:0 1% 0 0%;
    background:transparent;
    border:1px solid transparent;  font-size:16px; color:#4f4242; line-height:40px; text-align:left; font-weight:normal; cursor:pointer; overflow:hidden;
}


.tabt22
{
    width:66%;
    height:40px;
    float:left; padding:0 0% 0 2%;
    background:#fff;
    border:1px solid #ccc;  font-size:16px; color:#4f4242; line-height:40px; text-align:left; font-weight:normal; cursor:pointer; overflow:hidden;
}



    #btnyzm {
    background: #fff;
    color: #f5a018;
    font-size: 14px;
    padding: 0;
    line-height: 24px;
    border-radius: 0;
    border: 0;
    width:36%;
    float:right;
    border-left:1px solid #ccc;
    margin:8px 0 0 0;
    position:relative;
}

.btn_com:disabled {
    background-color: #f1f1f1 !important;
    color:#fff;
}

.tabt23
{
    width:24%;
    height:40px;
    float:right; padding:0 2% 0 2%;
    background:#fff;
    border:1px solid #ccc;  font-size:16px; color:#4f4242; line-height:40px; text-align:left; font-weight:normal; cursor:pointer; overflow:hidden;
}

 
select.sele1 {
    border: solid 1px #ccc; border-radius:6px;  
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    height:40px; width:24%;
    padding:0 6px 0 6px; float:left; margin:0px 0px 0 0px;
    background:#fff  url(../images/topt1.png) no-repeat scroll 96% 46%;
    font-size:16px; color: #333; line-height: 40px; text-align: left; font-weight: normal;
}


select.sele1::-ms-expand { display: none; }


 
select.sele2 {
    border: solid 1px #ccc; border-radius:6px;  
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    height:40px; width:70%;
    padding:0 6px 0 6px; float:left; margin:0px 0px 0 4%;
    background:#fff  url(../images/topt1.png) no-repeat scroll 96% 46%;
    font-size:16px; color: #333; line-height: 40px; text-align: left; font-weight: normal;
}


select.sele2::-ms-expand { display: none; }


select.sele3 {
    border: solid 1px #ccc; border-radius:6px;  
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    height:40px; width:98%;
    padding:0 6px 0 6px; float:left; margin:0px 0px 0 0%;
    background:#fff  url(../images/topt1.png) no-repeat scroll 98% 46%;
    font-size:16px; color: #333; line-height: 40px; text-align: left; font-weight: normal;
}


select.sele3::-ms-expand { display: none; }



option { color:#333;}



  .radio2 {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    float:left;
     font-size:16px; color: #333; line-height:40px; text-align: left; font-weight: normal;
}

.radio2 input {
    width: 15px;
    height: 15px;
    appearance: none;/*清楚默认样式*/
    -webkit-appearance: none;
    opacity: 0;
    outline: none;
    z-index: 8; /*让input层级高于label，使之能选中*/
    margin:5px 10px 0 0;
}

.radio2 label {
    position: absolute;
    left: 0;
    top: 12px;
    width: 15px;
    height: 15px;
    border: 1px solid #f5ab18;
}

.radio2 input:checked+label::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 0px;
    /* 这里显示矩形的一半边框再旋转45度来实现对勾样式 */
    width: 5px;
    height: 12px;
    border-right: 1px solid #f5ab18;
    border-bottom: 1px solid #f5ab18;
    transform: rotate(45deg);
}

.radzxun{width:40%;  max-width:205px; display:block; margin:0 auto;}

.radzxun  input.rzxn{width:100%; height:50px; float:left; background:#f5ab18; border:none; border-radius:30px; box-shadow:0 5px 12px rgba(245,171,24,.5);  font-size:18px; color: #fff; line-height:50px; text-align: center; font-weight: normal; }

/*media*/


.s_bebg .s_medlist { width:100%; float: left; position: absolute; z-index: 4;  bottom:6%; overflow: hidden; }

.s_elist { max-width:1600px; display:block; margin:0 auto; text-align:center;}

.s_elist  dl{width:110%; float:left; padding:0 0 0 4%;}

.s_elist  dl dt{width:10%; max-width:128px; float:left; margin:2% 0.5% 1%  2%;  }

.s_elist  dl dt a{width:100%; height:38px; float:left; background:transparent; border:1px solid #f5ab18; border-radius:20px; font-size: 18px; color: #FFFFFF; line-height: 38px; text-align: center; font-weight: normal;  }

.s_elist dl dt a:hover, .s_elist dl dt a.chov {background:#f5ab18; color:#fff; }

.s_vbox{ max-width:1200px; display:block; margin:0 auto;}



.s_dyin_box{width:100%; max-width:1200px; min-height:520px; float:left; margin:2% 0 3% 0; background:#fff; border-radius:12px;}



.s_dyin_box ul{width:96%; float:left; padding:4% 2% 2% 4%; }

.s_dyin_box ul li{width:8%;   min-height:110px; float:left; margin:2% 5% 3% 3%; background:rgba(0,0,0,0); border-radius:8px;  }
.s_dyin_box ul li img{float:none; width:100%; margin:0 auto; }

.s_dyin_box ul li font {width:100%; float:left; font-size:18px; color: #000; line-height: 30px; text-align: center; font-weight: normal; }


/*service filed */



.s_bebg .s_filed { width: 100%; float: left; position: absolute; z-index: 4; overflow: hidden; }

.s_bebg .s_filed { width: 100%; float: left; left: 0; top: 40%; transform: translateY(-40%); }

.s_bebg .s_filed h5 { width: 100%; float: left; font-size: 72px; color: #fff; line-height:80px; text-align: center; font-weight: normal; letter-spacing:0px; margin: 3% 0 2% 0; text-transform:uppercase; }

 
.s_bebg .s_filed h4 { width: 100%; float: left; font-size: 48px; color: #fff; line-height:50px; text-align: center; font-weight: normal; letter-spacing: 0px; margin:1% 0 4% 0; }

 
.s_bebg .s_filed h3 { width: 100%; float: left; font-family: Arial; font-size: 24px; color: #fff; line-height:40px; text-align: center; font-weight: normal; letter-spacing:0px; text-transform: uppercase; }


.s_bebg .s_filed  dl{width:100%; float:left; display:block; margin:0 auto; text-align:center; }


.s_bebg .s_filed  dl dd{width:33%; max-width:160px; height:40px; display:inline-block; margin:2% 2%;}


.s_bebg .s_filed  dl dd a{width:100%; height:40px; float:left; padding:0 3%; background:transparent; border:1px solid #fff; border-radius:20px; font-size: 18px; color: #fff; line-height:40px; text-align: center; font-weight: normal;}


.s_bebg .s_filed  dl dd a:hover{background:#fff; border:1px solid #fff; border-radius:20px; font-size: 18px; color: #f5ab18; line-height:40px; text-align: center; font-weight: normal;}





.s_servbox { width: 100%; float: left; position: relative; z-index: 4; background:#fff; padding:3% 0;  overflow: hidden; }

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


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


.s_slbox ul  li{width:100%; float:left; background:#e7e7e7; margin:2% 0 2% 0; /*display:flex;*/}
.s_slbox ul li:nth-child(even){
     flex-direction: row-reverse;
     position: relative;
left: -10px;
}
.s_slbox ul li:nth-child(odd){
     flex-direction: row;
     position: relative;
left: -10px;
}

.s_slbox ul  li:hover{width:100%; float:left; background:#f5ab18;  }

.s_slbox ul  li .s_sleft{width:36%; max-width:539px; float:left; }

.s_slbox ul  li .s_sleft_wen{width:80%; float:left; margin:8% 0 0 10%;  }

 
.s_slbox ul  li .s_sleft_wen  h3{width:100%; height:90px; float:left;   font-size:83px; color: rgba(245,171,24,.3); line-height:90px; text-align: left; font-weight: bold;  text-transform:uppercase; position:relative; overflow:hidden;  }

 
.s_slbox ul  li  .s_sleft_wen  h3  font{width:100%; height:90px; float:left;   font-size:36px; color: rgba(0,0,0,1); line-height:90px; text-align: left; font-weight: bold;  position:absolute; z-index:3; left:0; top:0;  overflow:hidden;  }

 
.s_slbox ul  li .s_sleft_wen dl { width:100%; height: auto; float: left; margin:4% 0 3% 0%;  }

.s_slbox ul  li  .s_sleft_wen dl dt { width: 48%; height:40px; float: left; margin: 0 1%; font-size: 21px; color:  rgba(0,0,0,1); line-height:40px; text-align: left; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

.s_slbox ul  li:hover .s_sleft_wen  h3{color: rgba(255,255,255,.3);}
.s_slbox ul  li:hover .s_sleft_wen  h3 font{color:#fff;}

.s_slbox ul  li:hover .s_sleft_wen dl dt {color:#fff;}

.s_slbox ul  li .s_smore1{width:48%; max-width:200px; height:45px; float:left; margin:2% 0 4% 0; }

.s_slbox ul  li .s_smore1 a{ height: 50px; float:left; background:transparent; border:1px solid #f5ab18;  font-size: 21px; color: #f5ab18; line-height:50px; text-align: left; font-weight: normal; padding:0 4% 0 4%;   display: flex;
  align-items: center;
  flex-flow:wrap;  justify-content:space-between;  }


.s_slbox ul  li .s_smore1 a  img.smo1{width:17px; float:right; vertical-align:middle; margin:5% 2% 5% 8%; display:block; }
.s_slbox ul  li .s_smore1 a  img.smo2{width:17px; float:right; vertical-align:middle; margin:5% 2% 5% 8%; display:none; }



.s_slbox ul  li:hover .s_smore1 a  img.smo1{width:17px; float:right; vertical-align:middle; margin:0 2%; display:none; }
.s_slbox ul  li:hover .s_smore1 a  img.smo2{width:17px; float:right; vertical-align:middle; margin:0 2%; display:block; }


.s_slbox ul  li:hover .s_smore1 a{border:1px solid #fff; color:#fff;}

.s_slbox ul  li .s_slright{width:64%; max-width:841px; float:right;}

.s_slbox ul  li .s_slright  img{width:102%; height:100%;}


.s_slbox ul  li:nth-child(2n) .s_slright{width:64%; max-width:841px; float:left;  }

.s_slbox ul  li:nth-child(2n) .s_sleft{width:36%; max-width:539px; float:right; }


/*contact*/


.s_conta_box{width:100%; max-width:1200px; min-height:520px; float:left; margin:2% 0 3% 0; background:#fff; border-radius:12px;}


.s_lxwm_table{width:720px; background:transparent; padding:3% 0; float:left; position:relative; left:50%; margin:3% 0 3% -360px; }



table.table3 {
  width: 100%;
    float:left;
  border-collapse:collapse;
}

table.table3 tr{width: 100%;
    float:left; margin:3% 0;}


table.table3 tr td {
     width:70%; max-width:570px;
    height:auto;
    float:left; 
  line-height:40px;
}

table.table3 tr th{width:30%; max-width:150px; height: 40px; float:left;  font-size: 18px; color: #010101; line-height: 40px; text-align: left; font-weight: normal; }



/*foot*/


.m_footbg{width:100%;  height:auto; float:left; margin:0% 0 0% 0; background:#000; overflow:hidden;}

.m_foot1{width:74%; min-height:230px; max-width:1400px; display:block; margin:0 auto; }



.m_foot1_left{width:60%; float:left; margin:0px 0 0 0; }


.m_foot1_left img{max-width:200px; float:left; margin:30px 0 60px 100px;}


.m_foot1_left ul{width:100%; float:left; margin:30px 0 0 90px; }
.m_foot1_left ul li { float: left; margin: 0 10px; }


.m_foot1_left  ul li a { float: left; margin: 0 0px; padding: 0 10px; font-size: 18px; color: #FFFFFF; line-height: 30px; font-weight: normal; }



.m_foot1_wx{width:30%; float:right; margin:0px 40px 0 0; }


.m_foot1_wx ul{width:100%; display: flex;flex-direction: row;align-items: center;justify-content: space-around;}

.m_foot1_wx ul li{width:46%; max-width:120px; float:left; margin:40px 10px 0 20px;  }

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

.m_foot1_wx ul li font{ width:100%; height:40px; float:left;  font-size:18px; color: #FFFFFF; line-height: 40px; text-align: center; font-weight: normal; letter-spacing: 0px;  background:rgba(0,0,0,0);   }




.m_fooline{width:100%;  height:1px; float:left; margin:0% 0 0% 0; background:#ccc;  }

.m_foot2{width:74%;  max-width:1400px; min-height:60px; display:block; margin:0 auto; }


.m_foot2_left{width:50%; float:left; margin:10px 0 0 100px;  font-size:18px; color:rgba(255,255,255,.5); line-height: 40px; text-align: left; font-weight: normal;  }


.m_foot2_fenx{width:30%; max-width:280px; float:right; margin:0px 80px 0 0; }

.m_foot2_fenx h4 {float:left;  margin:10px 0 0 0;  font-size:18px; color:#fff; line-height: 40px; text-align: left; font-weight: normal;  }


.m_foot2_fenx ul{float:left; margin:0 0 0 1%; }

.m_foot2_fenx ul li{width:34px; float:left; margin:10px 0px 0 10px;  }

.m_foot2_fenx ul li img{width:100%; border-radius:5px; }
 



/* 20240514 */

              
#casetify { width: 100%; float:left;  margin: 20px auto; padding-bottom: 40px; position:relative;  overflow: hidden; }
.Swipers .swiper-wrapper{ padding-bottom: 40px;  }
.Swipers .swiper-slide  { width: 23%; min-height: 230px; padding:0; float: left; margin:2% 2% 0 0; background: rgba(173,124,27,0); border-radius: 15px; position: relative; z-index: 10; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; overflow: hidden; }
            
            
.Swipers .swiper-slide img{width:100%; border-radius: 15px; position:relative; z-index:5; }
            
            
.Swipers .swiper-slide .imgbg{width:100%; height:100%; float:left; border-radius: 15px; background:#f5ab18; position:absolute; z-index:8; left:0; top:0; display:none;  -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
            
.Swipers .swiper-slide:hover .imgbg{width:100%; height:100%; float:left; border-radius: 15px; background:#f5ab18; position:absolute; z-index:8; left:0; top:0;   display:block;  -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
            
.Swipers .swiper-slide .imgbg h6 { width:94%; height:40px; float:left; margin:18% 0 0 3%; font-size:20px; color: #fff; line-height: 40px; text-align: center; font-weight: bold; letter-spacing: 0px;  background:rgba(0,0,0,0); text-overflow:ellipsis; overflow:hidden; }
            
            
.Swipers .swiper-slide .imgbg font { width:94%; height:30px; float:left; margin:2% 0 0 3%; font-size:16px; color: #fff; line-height: 30px; text-align: center; font-weight: normal; letter-spacing: 0px;  text-decoration:underline;  }
            
            

#casetify .swiper-pagination { width: 100%!important; bottom: 10px!important; }           
 
             
#casetify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 1px solid #ccc; background-color: #ccc; width: 12px; height: 12px; border-radius: 50%; opacity: 1; }
#casetify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 1px solid #f5ab18; background-color: #f5ab18; border-radius: 50%; -webkit-tap-highlight-color: transparent; outline: none; }
            
                  

.c_about_lxwm{ width: 100%; height: auto; min-height:600px; float: left;  background: #f8f7f5; padding:80px 0 120px 0; overflow:hidden; }



.c_abolx{ width: 78%; max-width:1400px; display: block; margin: 0 auto; padding:30px 0; }



.c_lxtype{ width:56%; max-width:620px; float:left; }



.c_lxtype h4 {width:100%; float:left;  font-size: 30px; color: #333; line-height: 40px; text-align: left; font-weight: bold; letter-spacing: 0px; margin: 0; }

.c_lxtype .s_lxtype{width: 100%;}
.c_lxtype .s_lxtype h5{
  color:rgba(0,0,0,1);
}

.c_lxtype>h5 {width:100%; float:left;  font-size:18px; color: rgba(51,51,51,.5); line-height: 30px; text-align: left; font-weight: normal; letter-spacing: 0px; margin:2% 0 3% 0; }


.c_lxtype  ul{width:100%; float:left; margin:4% 0 3% 0; }


.c_lxtype  ul li{width:100%; float:left; margin:2% 0 2% 0; font-size:18px; color: rgba(51,51,51,1); line-height: 30px; text-align: left; font-weight: normal; }


.c_lxtype  ul li img.pic1{width:20px; float:left; margin:6px 10px 0 0;}


 
.c_lxtype h6{width:100%; float:left;  font-size:32px; color: rgba(51,51,51,1); line-height: 40px; text-align: left; font-weight: bold; letter-spacing: 0px; margin:2% 0 3% 0; }

.c_lxtype .c_lxabo{width:100%; float:left; }


.c_lxtype .c_lxabo img{max-width:260px; border-radius:10px;  display:block; margin:0;}

 
.c_lxtype .c_lxabo font{width:100%; float:left; margin:2% 0 0 0;  font-size:18px; color: rgba(51,51,51,.5); line-height: 30px; text-align: left; font-weight: normal; letter-spacing: 0px;  }





/*1680*/
@media screen and (max-width:1680px){

 .m_quan_right {
    width: 77%; 
}

.m_quan_right ul li font{font-size:18px;}

}
/*1440*/
@media screen and (max-width:1440px){

 .m_quan_right {
    width: 75%; 
}
.m_quan_right ul li img {
    float: left;
    max-width: 65px;
    margin: 12% 0% 0 3%; 
}
.m_foot1_left {
    width: 62%;
    float: left;
    margin: 0px 0 0 0;
}
.m_foot1_left img {
    max-width: 257px;
    float: left;
    margin: 30px 0 60px 10px;
}

.m_foot1_left ul {
    width: 100%;
    float: left;
    margin: 30px 0 0 10px;
}
.m_foot2_left {
    width: 60%;
    float: left;
    margin: 10px 0 0 10px;
    font-size: 18px;
    color: rgba(255, 255, 255, .5);
    line-height: 40px;
    text-align: left;
    font-weight: normal;
}

.m_foot1_wx {
    width: 30%;
    float: right;
    margin: 0px 10px 0 0;
}

.m_foot2_fenx {
    width: 30%;
    max-width: 280px;
    float: right;
    margin: 0px 8px 0 0;
}

.s_abomenu {
    max-width: 1400px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.s_abomenu dl {
    width: 101%;
    float: left;
    padding: 0 0 0 0%;
}

.s_abomenu dl dt {
    width: 25%;
    max-width: 320px;
    float: left;
    margin: 2% 1% 1% 1%;
    font-size: 28px;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
}

.s_abo_cleft {
    width: 41%;
    max-width: 620px;
    float: left;
}

.s_cshow {
    max-width: 1200px;
    display: block;
    margin: 0 auto;
    font-size: 15px;
    color: #010101;
    line-height: 34px;
    text-align: left;
    font-weight: normal;
    letter-spacing: 0px;
}

.s_elist dl {
    width: 105%;
    float: left;
    padding: 0 0 0 1%;
}




}

@media screen and (max-width:1360px){

.m_logo {
    width: 35%;
    max-width: 240px;
    float: left;
    margin: 0 0 0 1%;
}


.m_casimgs ul li {
    width: 23%;
    min-height: 130px;
    padding: 0;
    float: left;
 
}

.m_honor {
    width: 100%;
    min-height: initial;
    padding: 80px 0 50px 0;
    float: left;
    position: relative;
    z-index: 15;
    left: 0;
    top: 0;
    margin: 0px 0 0px 0;
    background: #f9f9f9;
    border-radius: 0px;
    display: block;
}

.m_quan_right {
    width: 72%;
}

.m_quan_right ul li font {
    font-size: 16px; 
}


.m_foot1_left {
    width: 65%;
    float: left;
    margin: 0px 0 0 0;
}

.m_foot1_wx ul li {
    width: 44%;
    max-width: 110px;
    float: left;
    margin: 40px 10px 0 20px;
}

.s_abomenu dl dt {
    width: 23%;
    max-width: initial;
    float: left;
    margin: 2% 1% 1% 1%;
    font-size: 28px;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
}

.s_slbox ul li .s_sleft_wen dl dt {
    width: 48%;
    height: 36px;
    float: left;
    margin: 0 1%;
    font-size: 15px;
    color: rgba(0, 0, 0, 1);
    line-height: 36px;
    text-align: left;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}
.s_slbox ul li .s_sleft_wen h3 {
    width: 100%;
    height: 70px;
    float: left;
    font-size: 68px;
    color: rgba(245, 171, 24, .3);
    line-height: 70px;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}

.s_slbox ul li .s_sleft_wen h3 font {
    width: 100%;
    height: 70px;
    float: left;
    font-size: 32px;
    color: rgba(0, 0, 0, 1);
    line-height: 70px;
    text-align: left;
    font-weight: bold;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    overflow: hidden;
}

.s_cbox {
    max-width: initial;
    display: block;
    margin: 0 auto;
}


.s_cbox ul li {
    width: 29%;
    max-width: 430px;
    min-height: 530px;
    float: left;
    margin: 2% 1% 2% 2%;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    position: relative;
    overflow: hidden;
}







 
}

@media screen and (max-width:1280px){

.m_quan_right {
    width: 72%;
}

.m_quan_right ul li {
    width: 22%;
    max-width: 261px;
    min-height: 104px;
    float: left;
    margin: 0 1% 2% 2%;
    background: #25221a;
    border-radius: 8px;
}

.m_dytxt {
    width: 88%;
    display: block;
    margin: 0% auto 2% auto;
    font-size: 16px;
    color: #000;
    line-height: 40px;
    text-align: center;
    font-weight: normal;
    letter-spacing: 0px;
    background: rgba(0, 0, 0, 0);
}

.m_dyin_box ul li font {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
    height: 30px;
    overflow: hidden;
}


.m_foot1_left ul li a {
    float: left;
    margin: 0 0px;
    padding: 0 10px;
    font-size: 15px;
    color: #FFFFFF;
    line-height: 30px;
    font-weight: normal;
}

.m_foot1 {
    width: 77%;
    min-height: 230px;
    max-width: initial;
    display: block;
    margin: 0 auto;
}

.m_foot2_left {
    width: 60%;
    float: left;
    margin: 10px 0 0 10px;
    font-size: 16px;
    color: rgba(255, 255, 255, .5);
    line-height: 40px;
    text-align: left;
    font-weight: normal;
}

.m_foot2_fenx {
    width: 24%;
    max-width: inherit;
    float: right;
    margin: 0px 8px 0 0;
}

.m_foot1_wx ul li font{font-size:16px;}

.z_head .z_navlist ul li a {
    float: left;
    margin: 0 0px;
    padding: 0 15px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    font-weight: bold;
}

.m_bebg .m_btxt h3{font-size:16px;}

.m_bebg .m_btxt h4{font-size: 36px;}


.m_fwlist ul li h5,.m_fwlist ul li:hover h5{font-size: 27px;}

.s_bebg .s_btxt h6 img {
    max-width: 350px;
    display: block;
    margin: 0 auto;
}

.s_abomenu dl dt{font-size: 24px;}

.s_abomenu dl dt font{font-size:16px;}

.s_abo_crbt h3{font-size: 45px;}


.s_abo_crbt h4 {
    width: 100%;
    float: left;
    margin: 3% 0 4% 0;
    font-size: 31px;
    color: #000;
    text-align: left;
    line-height: 40px;
    font-weight: bold;
}

.s_abo_crbt h5 {
    width: 100%;
    float: left;
    font-size: 16px;
    color: rgba(0, 0, 0, .75);
    text-align: left;
    line-height: 36px;
    font-weight: normal;
}


.s_lines dl dt,.s_lines dl dt font{font-size:16px;}


.s_lines dl dt font b{font-size:30px;}

.s_hxjzl ul li .hxnr h4 {
    width: 100%;
    float: left;
    font-size: 22px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-weight: normal;
    letter-spacing: 0px;
    margin: 5% 0 0 0;
}

.s_hxjzl ul li .hxnr h5 {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
    letter-spacing: 0px;
    margin: 0% 0 3% 0;
}

.s_hxjzl ul li .hxnr_wen{font-size:12px; line-height:30px; }

.s_sidbox ul li .s_stype_wen h3 {
    width: 100%;
    height: 100px;
    float: left;
    font-size: 100px;
    color: #f4f4f4;
    line-height: 100px;
    text-align: left;
    font-weight: bold;
    position: relative;
    overflow: hidden;
}


.s_sidbox ul li .s_stype_wen h3 font {
    width: 100%;
    height: 100px;
    float: left;
    font-size: 32px;
    color: #f5ab18;
    line-height: 100px;
    text-align: left;
    font-weight: bold;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    overflow: hidden;
}

.s_sidbox ul li .s_stype_wen h4 {
    width: 100%;
    height: auto;
    float: left;
    padding: 5px 0 10px 0;
    font-size: 13px;
    color: #000;
    line-height: 20px;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}

.s_sidbox ul li .s_stype_wen h5 {
    width: 100%;
    height: 34px;
    float: left;
    margin: 1% 0 0 0;
    padding: 0px 0 0px 0;
    font-size: 20px;
    color: #000;
    line-height: 34px;
    text-align: left;
    font-weight: normal;
    overflow: hidden;
}

.s_sidbox ul li .s_stype_wen h6 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0% 0 0 0;
    padding: 0 0 10px 0;
    font-size: 14px;
    color: rgba(0, 0, 0, .75);
    line-height: 30px;
    text-align: left;
    font-weight: normal;
    overflow: hidden;
}



.s_sidbox ul li:nth-child(2) .s_stype_wen h3 {
    width: 100%;
    height: 100px;
    float: left;
    font-size: 100px;
    color: #f4f4f4;
    line-height: 100px;
    text-align: right;
    font-weight: bold;
    position: relative;
    overflow: hidden;
}


.s_sidbox ul li:nth-child(2) .s_stype_wen h3 font {
    width: 100%;
    height: 100px;
    float: left;
    font-size: 32px;
    color: #f5ab18;
    line-height: 100px;
    text-align: right;
    font-weight: bold;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    overflow: hidden;
}

.s_sidbox ul li:nth-child(2) .s_stype_wen h4 {
    width: 100%;
    height: auto; min-height:60px;
    float: left;
    padding: 5px 0 10px 0;
    font-size: 13px;
    color: #000;
    line-height: 20px;
    text-align: right;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}

.s_sidbox ul lii:nth-child(2)  .s_stype_wen h5 {
    width: 100%;
    height: 34px;
    float: left;
    margin: 1% 0 0 0;
    padding: 0px 0 0px 0;
    font-size: 20px;
    color: #000;
    line-height: 34px;
    text-align: right;
    font-weight: normal;
    overflow: hidden;
}

.s_sidbox ul li:nth-child(2) .s_stype_wen h6 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0% 0 0 0;
    padding: 0 0 10px 0;
    font-size: 14px;
    color: rgba(0, 0, 0, .75);
    line-height: 30px;
    text-align: right;
    font-weight: normal;
    overflow: hidden;
}

.s_bebg .s_filed {
    width: 100%;
    float: left;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.s_bebg .s_filed h5{font-size:60px;}

.s_bebg .s_filed h4,.s_bebg .s_btxt h4{font-size:43px;}

.s_bebg .s_filed h3 {font-size:20px;}


.s_elist dl dt a {font-size:16px;}

.s_elist dl {
    width: 96%;
    float: left;
    padding: 0 0 0 1%;
}

.s_vbox {
    max-width: 1100px;
    display: block;
    margin: 0 auto;
}

.s_dyin_box,.s_conta_box {
    width: 100%;
    max-width: 1100px;
    min-height: 520px;
    float: left;
    margin: 2% 0 3% 0;
    background: #fff;
    border-radius: 12px;
}








}

/*750*/


@media screen and (max-width:750px) {
 

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


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



    .m_index { width: 100%; display: none; margin: 0 auto; }



    .mob_index { width: 94%; display: block; margin: 0 auto; }


    .m_banner { width: 100%; float: left; position: relative; z-index: 2; display: block; }

    .mob_banner { width: 100%; margin-top: 0px; position: relative; z-index: 9; display: block; }


.m_hheaders { width: 100%; float: left; position: absolute; z-index: 20; left: 0; top: 0; display:none; }



    .header { height: 60px; width: 100%; float: left; position:absolute; z-index: 10; }

    .header .w { position: relative; height: auto; }

    .header .logo { width: 30%; position: relative; float: left; margin:0% 0 0 3%; text-align: center; }

    .header .logo img { width: 100%; }

    .header .header_menu { width: 35px; float: right; margin:4% 5% 0 5%; }

    .header .header_menu img { width: 100%; }


.header .yyy { width: 110px; height: 30px; float: right;  margin:3% 0 0 0; border-radius:10px; border: 1px solid #f5ab18; font-size: 18px; color: #FFFFFF; position: relative; z-index: 2; line-height: 30px; padding-left: 30px; background: rgba(245,171,24,1); }

.header .yyy img:first-child { margin: 3px 20px 0 -10px; float: left; }

.header .yyy img:last-child { margin: 10px 10px 0 10px; float: right; }

.header .yyy a { color: #fff; float: left; line-height: 30px; }

.header .yyy a.active { position: absolute; right: 0%; top: 30px; width: 100%; display: none; float: right; text-align: center; line-height: 30px; height: 30px; }



.m_service {
    width: 89%;
    max-width: 1400px;
    display: block;
    margin: 0 auto;
}



    .panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(245,171,24,1); display: none; }


    .ebox { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.2); display: none; }


    #boxx { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1000; background: rgba(0,0,0,0.8); display: none; }


    .boxx { width: 100%; height: 100vh; float: left; position: relative; left: 0; top: 0; z-index: 1000; display: block; }


    .xwei { position: fixed; top: 38.2%; left: 50%; z-index: 1000; width: 75%; padding: 10px; background: #fff; margin-top: -100px; margin-left: -150px; box-shadow: 1px 2px 3px black; border-radius: 10px; display: block; }

    .xwei img { width: 100%; display: block; margin: 0 auto; }



    .x_close { width: 30px; float: right; position: fixed; right: 40px; top: 20px; }

    .ximg { position: fixed; top: 38.2%; left: 50%; z-index: 1000; width: 75%; padding: 5px; background: #fff; margin-top: -100px; margin-left: -150px; box-shadow: 1px 2px 3px black; border-radius: 10px; display: block; }

    .ximg img { width: 100%; display: block; margin: 0 auto; }

    .ximg font { width: 100%; float: left; height: 36px; font-family: 'Microsoft YaHei'; font-size: 16px; color: #333; line-height: 36px; text-align: left; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }



    .nav { opacity: 1; width: 100%; max-width: 750px; margin: 8% auto; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }



    .nav-close { position: absolute; top: -1rem; right: 1rem; width: 35px; }
  .nav-close img{width:100%;}
    .nav.active { opacity: 1; visibility: visible; }

    .nav ul { width: 100%; max-width: 750px; display: block; margin: 0% auto; padding-top: 12%; }

    .nav li { width: 100%; float: left; }

    .nav li a { width: 100%; float: left; text-align: center; font-size: 20px; color: #fff; line-height: 50px; }
  
  
  .m_bebg .m_btxt h3 {
    font-size: 12px;
      letter-spacing: 12px;
}

.m_bebg .m_btxt h4 {
    font-size: 26px;
}

.m_bebg .m_btxt h5 {
    width: 40%;
    max-width: 200px;
    display: block;
    margin: 2% auto 0 auto;
}
.m_bebg .m_btxt h5 a {
    width: 100%;
    height: 50px;
    float: left;
    background: rgba(245, 171, 24, 1);
    border-radius: 30px;
    font-size: 24px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-weight: normal;
}
.m_servbg {
    width: 100%;
    
    padding: 50px 0;
    float: left;
    position: relative;
    z-index: 15;
    left: 0;
    top: 0;
    margin: -40px 0 140px 0;
    background: #fff;
    border-radius: 28px;
    box-shadow: 0px 0px 11px rgba(15,15,15,.2);
    display: block;
}


.m_servbg {
    width: 100%;
    min-height: 220px;
    padding: 50px 0;
    float: left;
    position: relative;
    z-index: 15;
    left: 0;
    top: 0;
    margin: -40px 0 60px 0;
    background: #fff;
    border-radius: 28px;
    box-shadow: 0px 0px 11px rgba(15,15,15,.2);
    display: block;
}


.m_serv_bt h4,.m_fw_bt h4,.m_honor_bt h4,.m_cases_bt h4,.s_hxin_bt h4,.s_gbk_bt h4 {
    font-size: 30px;
   
}

.m_serv_bt h5,.m_fw_bt h5,.m_honor_bt h5,.m_cases_bt h5,.s_hxin_bt h5,.s_gbk_bt h5 {
    font-size: 16px;
   
}

.m_serv_imgs ul li {
    width: 22%;
    float: left;
    border: 1px solid #ccc;
    margin: 0% 1% 1% 1%;
}


 {
    width: 48%;
    min-height: 230px;
    padding: 30px 0 30px 0; 
  
}

.m_honor{min-height:120px;}

#certify1 .swiper-slide font{font-size:14px;}

.m_casimgs ul li {
    width: 45%;
    min-height: 130px;
    padding: 0;
    float: left;
    margin: 2% 2% 0 2%;
}

.m_quan_left {
    width: 100%;
    max-width: initial;
    min-height: 222px;
    float: left;
    background: #f5ab18;
    border-radius: 8px;
}

.m_quan_right {
    width: 102%;
}



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


.m_quan_right ul li {
    width: 48%;
    max-width: 268px;
    min-height: 104px;
    float: left;
    margin: 4% 4% 0% 0%;
    background: #25221a;
    border-radius: 8px;
}

.m_quan_right ul li:nth-child(4n) {
    margin: 4% 4% 0% 0%;
}


.m_dyin_box {
    width: 101%;
    max-width: 1400px;
    min-height: 220px;
    float: left;
    margin: 5% 0 3% 0;
    background: #282828;
    border-radius: 12px;
}

.m_dyin_box ul {
    width: 95%;
    float: left;
    padding: 2% 2% 2% 3%; 
}



.m_foot1_left {
    width: 104%;
    float: left;
    margin: 0px 0 0 0;
}

.m_foot1_left img {
    max-width: 257px;
    float: left;
    margin: 20px 0 30px 10px;
}




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


.m_foot1_wx {
    width: 72%;
    float: right;
    margin: 0px 10px 0 0;
}

.m_foot2_left {
    width: 94%;
    float: left;
    margin: 10px 0 0 0px;
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    line-height: 40px;
    text-align: left;
    font-weight: normal;
}

.m_foot2_fenx {
    width: 45%;
    max-width: inherit;
    float: right; 
    margin: 0px 8px 4% 0;
}


.s_bebg .s_btxt h6 img {
    max-width: 250px;
    display: block;
    margin: 0 auto;
}


.s_bebg .s_medlist{bottom:2%;}

.s_abomenu dl {
    width: 100%;
    float: left;
    padding: 0 0 0 0%;
}

.s_abomenu dl dt {
    font-size: 18px;  line-height:30px;
}

.s_abomenu dl dt font {
    font-size: 12px;
}


.s_abo_cleft {
    width: 100%;
    max-width: 620px;
    float: left;
  
}

.s_abo_cright {
    width: 100%;
    max-width: 700px;
    float: right;
  margin:4% 0 0 0;
}

.s_abo_crbt h3 {
    font-size: 38px;
    line-height: 40px;
}

.s_abo_crbt h4{font-size:24px;}



.s_sidbox ul li .s_stype {
    width: 100%;
    max-width: 500px;
    float: left;
}


.s_sidbox ul li .s_strig {
    width: 100%;
    max-width: 840px;
    float: right;
}

.s_sidbox ul li:nth-child(2) .s_strig {
    width: 100%;
    max-width: 840px;
    float: left;
}

.s_sidbox ul li:nth-child(2) .s_stype {
    width: 100%;
    max-width: 500px;
    float: right;
}


.s_lxtype {
    width: 100%;
    max-width: 440px;
    float: left;
}

.s_lxbook {
    width: 100%;
    max-width: 600px;
    min-height: 650px;
    float: right;
    background: #fff;
    border-radius: 20px;
    margin: 4% 0 0 0;
}


table.table1 td .tleft {
    width: 56%;
    float: left;
}



.s_slbox {
    width: 94%;
    max-width: 1180px;
    display: block;
    margin: 0 auto;
}

.s_slbox ul li .s_sleft_wen h3 font{font-size:34px;}


.s_slbox ul li .s_sleft_wen h3{font-size:48px;}


.s_slbox ul li .s_smore1 {
    width: 73%;
    max-width: 200px;
    height: 45px;
    float: left;
    margin: 2% 0 12% 0;
}

.s_slbox ul li .s_smore1 a{font-size:18px;}


.s_bebg .s_filed{top:58%;}

.s_bebg .s_filed h5 {
    font-size: 49px;
    line-height: 50px;
}



.s_bebg .s_filed h4, .s_bebg .s_btxt h4 {
    font-size: 31px;
}

.s_bebg .s_filed h3 {
    font-size: 16px;
}


.s_cbox ul li {
    width: 45%;
    max-width: 430px;
    min-height: 440px;
    float: left;
    margin: 2% 1% 2% 2%;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    position: relative;
    overflow: hidden;
}

.lines dl dt {
    width: 33%;
    height: auto;
    float: left;
    font-size: 13px;
    color: rgba(15, 15, 15, .75);
    text-align: center;
    line-height: 20px;
    font-weight: normal;
}


.s_cgk {
    max-width: 600px;
    min-height: 560px;
    display: block;
    margin: 0 auto;
    background: url(../images/q11.jpg) no-repeat right bottom;
    background-size:80% 60%; 
}


.s_elist dl dt a {
    font-size: 12px;
}

.s_dyin_box, .s_conta_box {
    width: 92%;
    max-width: 800px;
    min-height: initial;
    float: left;
    margin: 3% auto 3% 4%;
    background: #fff;
    border-radius: 12px;
    display: block;
}

.s_elist dl dt {
    width: 10%;
    float: left;
    margin: 2% 0.5% 1% 2%;
}


.s_lxwm_table {
    width: 60%;
    background: transparent;
    padding: 3% 0;
    float: left;
    position: relative;
    left: 50%;
    margin: 3% 0 3% -30%;
}




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

#certify_mob .swiper-slide img{width:100%; }

#certify_mob .swiper-slide font {width:100%; height:50px; font-size: 24px; color: #000; line-height: 50px; text-align: center; font-weight: normal; letter-spacing: 0px; margin: 1% 0 3% 0; text-overflow:ellipsis; overflow:hidden; }
 
#certify_mob .swiper-slide:hover font{color:#f5ab18;}



.m_quan_right ul li {
    width: 44%;
    max-width: 268px;
    min-height: 9px;
    float: left;
    margin: 4% 4% 0% 0%;
    background: #25221a;
    border-radius: 8px;
}


.z_tbg {
    width: 80%;
    min-height: 560px;
    float: left;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 16%;
    left: 50%;
    margin-left: -40%;
    padding: 10px 0 10px 0;
}



}


@media screen and (max-width:480px){
	
	
	
  .s_elist dl{
        display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    padding: 0;
  }
  .s_elist dl dt{
    width:100%;
    max-width: 100%;
  }
  .s_dyin_box ul{
    padding: 0;
 /*       display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;*/
  }
  .s_dyin_box ul li{
    width: 17%
  }
  .s_dyin_box ul li font {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #000;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
}
  
  .s_dyin_box ul li img{width:100%;}
  
  
  .c_lxtype{
    width: 100%;
    max-width: 100%;
  }
  .m_foot1{
        display: flex;
    flex-direction: column;
    align-items: center;
  }
.m_foot1_left ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.m_foot1_wx{
  width: 100%;
  margin:0;
}
.m_foot1_wx ul li{
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.m_foot1_wx ul li img{
  width: 44%;
}

.m_bebg .m_btxt{top:52%;}


.m_bebg .m_btxt h3 {
    font-size: 12px;
    letter-spacing: 4px;
    line-height: 30px;
}

.m_bebg .m_btxt h4 {
    font-size: 14px;
    letter-spacing: 8px;
    line-height: 36px;
}

.header .yyy {
    width:70px;
    height: 30px;
    float: right;
    margin: 3% 0 0 0;
    border-radius:10px;
    border: 1px solid #f5ab18;
    font-size: 14px;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
    line-height: 30px;
    padding-left: 30px;
    background: rgba(245, 171, 24, 1);
}

    .header .yyy img:first-child {
        margin: 3px 20px 0 -18px;
        float: left;
    }


.header .yyy img:first-child { margin: 3px 10px 0 -24px; float: left; }

.header .yyy img:last-child { margin: 12px 6px 0 10px; float: right; }




.m_bebg .m_btxt h5 a {
    width: 100%;
    height: 40px;
    float: left;
    background: rgba(245, 171, 24, 1);
    border-radius: 30px;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-weight: normal;
}
.m_servbg {
    width: 100%;
    min-height: 220px;
    padding:30px 0;
    float: left;
    position: relative;
    z-index: 15;
    left: 0;
    top: 0;
    margin: 30px 0 60px 0;
    background: #fff;
    border-radius: 28px;
    box-shadow: 0px 0px 11px rgba(15,15,15,.2);
    display: block;
}



.m_serv_bt h4,.m_fw_bt h4,.m_honor_bt h4,.m_cases_bt h4,.s_hxin_bt h4,.s_gbk_bt h4 {
    font-size: 26px;
   
}

.m_serv_bt h5,.m_fw_bt h5,.m_honor_bt h5,.m_cases_bt h5,.s_hxin_bt h5,.s_gbk_bt h5 {
    font-size: 12px;
   
}
.m_serv_imgs ul{
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
          grid-gap: 10px;
}

.m_serv_imgs ul li {
    width: 100%;
    
    border: 1px solid #ccc;
    
}


.m_fwlist ul li {
    width: 48%;
    min-height:130px;
    padding:10px 0 10px 0;
}

.m_quan_right ul li {
    width: 45%;
    max-width: 268px;
    min-height: initial;
  height:70px;
    float: left;
    margin: 4% 4% 0% 0%;
    background: #25221a;
    border-radius: 8px;
}

 .m_quan_right ul li img {
        float: left;
        max-width: 50px;
        margin:8% 0% 0 3%;
    }

.m_quan_right ul li font {
        font-size: 14px;
        line-height: 60px;
    }

.m_dyin_box ul li {
    width: 21%;
    max-width: 80px; 
    float: left;
    margin:3% 3% 2% 1%;
    background: rgba(0, 0, 0, 0);
    border-radius: 8px;
}

.m_dyin_box ul li img{width:100%;}

.m_dyin_box ul li font {
    width: 100%;
    float: left;
  height:40px;
    font-size: 13px;
    color: #fff;
    line-height:20px;
    text-align: center;
    font-weight: normal;
}



.m_foot2_fenx {
    width: 75%; 
}

.s_bebg .s_medlist {
    bottom: 2%;
}

.s_abomenu dl {
    width: 100%;
    float: left;
    padding: 0 0 0 0%;
}

.s_abomenu dl dt {
    font-size: 18px;  line-height:30px; 
}

.s_abomenu dl dt font {
    font-size: 12px;  color:#333;
}


.s_abo_cleft {
    width: 100%;
    max-width: 620px;
    float: left;
    margin: 4% 0 0 0;
}

.s_lines {
    width: 100%;
    height: auto;
    float: left;
    margin: 5% 0 0 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
  padding-bottom:4%;
}

.s_lines dl dt {
    width: 50%;
    height: auto;
    float: left;
    font-size: 18px;
    color: rgba(15, 15, 15, 1);
    text-align: center;
    line-height: 30px;
    font-weight: normal;
}

.s_hxjzl ul li {
    width: 100%;
    max-width: 332px;
    float: left;
    margin: 3% 0% 2% 0;
    background: #cff;
    border-radius: 20px;
    position: relative;
    padding: 0px;
    transform: scale(1);
}


.s_lxtype h4 {
    width: 100%;
    float: left;
    font-size: 26px;
    color: #fff;
    line-height: 40px;
    text-align: left;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 0;
}

.radio1 font {
    color: #000;
    line-height: 55px;
    font-size: 12px;
}


.s_bebg .s_filed {
    top: 60%;
}

.s_bebg .s_filed h5 {
    font-size: 28px;
    line-height:36px;
}
.s_bebg .s_filed h4, .s_bebg .s_btxt h4 {
    font-size: 26px;  line-height:30px;
    margin: 1% 0 1% 0;
}
.s_bebg .s_filed dl dd {
    width: 33%;
    max-width: 130px;
    height: 40px;
    display: inline-block;
    margin: 2% 5%;
}

.s_bebg .s_filed dl dd a {
    width: 100%;
    height: 30px;
    float: left;
    padding: 0 3%;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
}

.s_servbox {
    width: 100%;
    float: left;
    position: relative;
    z-index: 4;
    background: #fff;
    padding: 14% 0;
    overflow: hidden;
}



.s_slbox ul li .s_sleft,.s_slbox ul li:nth-child(2n) .s_sleft {
    width: 100%;
    max-width: 539px;
    float: left;
}

.s_slbox ul li .s_slright,.s_slbox ul li:nth-child(2n) .s_slright {
    max-width: 841px;
    float: left;
	width:98%;
}

.s_cbox ul li {
    width: 90%;
    max-width: 430px;
    min-height: initial;
    float: left;
    margin: 2% 1% 5% 4%;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
  padding:0 0 4% 0;
    position: relative;
    overflow: hidden;
}


.s_cshow {
    max-width: 82%;
    display: block;
    margin: 0 auto;
    font-size: 15px;
    color: #010101;
    line-height: 34px;
    text-align: left;
    font-weight: normal;
    letter-spacing: 0px;
}

.s_cshow h4 {
    font-size: 20px;
    color: #000;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 0;
}




.s_cshow h5 {
    font-size: 14px;
    color: #010101;
    line-height: 30px;
    text-align: right;
    font-weight: normal;
    letter-spacing: 0px;
    margin: 1% 0 3% 0;
}






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

#certify_mob .swiper-slide img{width:100%; }

#certify_mob .swiper-slide font {width:100%; height:50px; font-size: 24px; color: #000; line-height: 50px; text-align: center; font-weight: normal; letter-spacing: 0px; margin: 1% 0 3% 0; text-overflow:ellipsis; overflow:hidden; }
 
#certify_mob .swiper-slide:hover font{color:#f5ab18;}



.m_dytxt {
    width: 88%;
    display: block;
    margin: 0% auto 2% auto;
    font-size: 16px;
    color: #000;
    line-height: 34px;
    text-align: center;
    font-weight: normal;
    letter-spacing: 0px;
    background: rgba(0, 0, 0, 0);
}

 
.s_btxt h4{margin:6% 0 4% 0;}


.s_bebg .s_btxt h3 {
    width: 100%;
    float: left;
    font-family: Arial;
    font-size: 12px !important;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
    letter-spacing: 0px;
    text-transform: uppercase;
}


.s_lxwm_table {
    width: 98%;
    background: transparent;
    padding: 3% 0;
    float: left;
    position: relative;
    left: 50%;
    margin: 3% 0 3% -50%;
}



.z_tbg {
    width: 80%;
    min-height: 560px;
    float: left;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 16%;
    left: 50%;
    margin-left: -40%;
    padding: 10px 0 10px 0;
}


.s_sidbox ul li .s_stype_wen h5,.s_sidbox ul li:nth-child(2) .s_stype_wen h5{font-size:12px; height:24px; line-height:24px;}


.s_slbox ul{margin:0 0 0 2%;}


.s_fan1 p{font-family:'Microsoft YaHei'; font-size:16px; color:#9e9ca3; line-height:30px; font-weight:normal;}

.s_fan1{width:100%; height:auto; float:left; font-family:'Microsoft YaHei';  font-size:14px; color:#9e9ca3; line-height:30px; font-weight:normal;}

.s_fan1 p a{font-family:'Microsoft YaHei'; font-size:14px; color:#9e9ca3; line-height:30px; font-weight:normal;}

.s_fan1 p a:hover{font-family:'Microsoft YaHei'; color:#f5ab18;}


}