* { 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; line-height: 30px; color: #313131; background-color: White; }

input:focus { outline: none; } 
img{max-width:100%;}

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


.z_head { position: fixed; width: 100%; left: 0; top: 0; z-index: 99; height: 60px; display: flex; align-items: center; 
justify-content: flex-start; background: rgba(0,0,0,.8); }
.z_head .logo { float: left; width: 28%; margin-left: 34%; }
.z_head .logo img { width: 100%; display: block; margin: 0 auto; }
.z_head .nav { position: absolute; width: 35px; height:35px; right: 3%; top: 50%; margin-top: -16px;  
background: url(../images/menu01.png) no-repeat center bottom; background-size:100% 100%;  }
 
.z_head .nav.nhov { background: url(../images/header-close.png) no-repeat center bottom; background-size:100% 100%; } 
 
.z_nav { position: fixed; width: 100%; height: calc(100% - 60px); left: 0; top: 60px; z-index: 99; background: rgba(0,0,0,0.5); display: none; }

.z_nav .nav { width: 100%; float: left; background: #fff; height: calc(100% - 5rem); }
.z_nav .nav ul { width: 100%; float: left; margin-top: 2rem; }
.z_nav .nav ul li { width: 100%; float: left; border-bottom: 1px solid #eee; margin-bottom: 1rem; }
.z_nav .nav ul li.selected { }
.z_nav .nav ul li a { display: flex; align-items: center; justify-content: space-between; width: 94%; float: left; margin: 0 3%; font-size: 2rem; color: #000000; font-family: 'SourceHanSansSC--Regular';  font-size:18px; line-height:30px; margin-bottom: 1rem; }
.z_nav .nav ul li a img{max-width:10px;}
.z_nav .nav ul li ul li{ width:90%; margin:1% 2%;}
.z_nav .nav ul li ul li a{font-size:16px;}


.z_nav .nav .ss { width: 94%; border-bottom: 2px solid #1e2d3b; margin-left: 3%; padding-bottom: 1rem; display: flex; align-items: center; margin-top: 3rem; float: left; }
.z_nav .nav .ss h1 { font-size: 2.5rem; color: #1e2d3b; font-weight: normal; text-transform: capitalize; font-family: "SourceHanSansSC-Regular"; }
.z_nav .nav .ss .wz { flex: 1; font-size: 18px; border: none; background: none; margin: 0 1rem; outline: none; height: 4rem; font-family: "SourceHanSansSC-Regular"; }
.z_nav .nav .ss h2 { position: relative; }
.z_nav .nav .ss h2 img { width: 2.5rem; }
.z_nav .nav .ss h2 input { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; }
.m_banner { width: 100%; float: left; position: relative; z-index: 8; padding-top:60px; }

.m_banner img{width:100%;}

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

/*brand*/

.brand { width: 100%; height: auto; }

.m_inc_cokk { width: 100%; float: left; margin: 13% 0 0 0; position: relative; }

.m_inc_cokk h3 { width: 100%; float: left; font-family: 'SourceHanSansSC-Bold'; font-size:24px; color: #000000; text-align: center; line-height: 40px; font-weight: bold; position: relative; z-index: 8; letter-spacing: 4px; }


.m_inc_cokk h3 font { color: #c90000; }

.m_inc_cokk h4 { width: 100%; float: left; height: 50px; font-family: Arial; font-size: 20px; color: #dcdcdc; text-align: center; line-height: 50px; font-weight: normal; position: relative; z-index: 6; margin-top: -20px; text-transform: uppercase; letter-spacing: 10px; }


.m_incbox1 { width: 94%; float: left; height: auto; margin: 3% 0  3% 3%; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #999; text-align: center; line-height:20px; font-weight: normal; position: relative; z-index: 6; }



.m_incbox1 ul { width: 100%; float: left;  margin-top:3%; margin-bottom: 4%; }


.m_incbox1 ul li { width: 31%; height: auto; float: left; margin-right:2%; transition: all ease-in .5s; }
 
.m_incbox1 ul li:hover { transition: all ease-in .5s; }
.m_incbox1 ul li .imgc1 { display: block; width:55px; height: auto; margin:10px auto 0px auto; transition: all ease-in .5s; }

.m_incbox1 ul li .imgc1 img {width:100%;  display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
.m_incbox1 ul li:hover .imgc1 img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }

.m_incbox1 ul li h5 { width: 100%; height: 50px; float: left; font-family: 'SourceHanSansSC-Bold'; font-size:18px; color: #000000; text-align: center; line-height: 40px; font-weight: bold; position: relative; z-index: 8; letter-spacing: 4px; transition: all ease-in .5s; }

.m_incbox1 ul li h5::after { width: 40px; height:2px; float: left; position: absolute; left: 50%; margin-left: -20px; bottom: 0; background: #c90000; content: ''; }


.m_incbox1 ul li h6 { width: 100%; float: left; height:60px; margin: 20px 0 0px 0; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #666; text-align: center; line-height:20px; font-weight: normal; position: relative; z-index: 6; transition: all ease-in .5s; }
 


.m_incbmore { width: 122px; display: block; margin: 0 auto; }

.m_incbmore a { width: 120px; height:34px; float: left; background: transparent; border: 1px solid #000; border-radius: 30px; 
font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #000; text-align: center; line-height: 34px; font-weight: normal; transition: all ease-in .5s; letter-spacing: 4px; }

.m_incbmore a:hover { background: #000; color: #fff; }



/*index  case */

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

 

.m_case { width: 94%; height: auto; float: left; margin: 4% 0 0 3%; }

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

.m_case dl dd { width: 100%;  height:auto;  float: left; margin:1% 0 2% 0; position: relative; overflow: hidden; }


.m_case dl dd .dimg11 { width: 100%; height: auto; float: left; position: relative; z-index: 2; overflow: hidden; }


.m_case dl dd .dimg11  img{width:100%;}


.m_case dl dd .dbt1 { width: 100%; height: 70px; float: left; position: absolute; z-index: 5; left: 0; bottom: 0; background: url(../images/btbgc1.png) repeat-x left bottom; overflow: hidden; text-align: left; }


.m_case dl dd .dbt1 .span1 { display: inline-block; margin: 0 10px; font-family: 'SourceHanSansSC-Bold'; font-size:14px; color: #fff; text-align: center; font-weight: bold; line-height: 70px; }

.m_case dl dd .dbt1 .font1 { display: inline-block; margin: 0 10px; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #fff; text-align: center; font-weight: normal; line-height: 70px; text-transform: uppercase; }

.m_case dl dd:nth-child(4) { width: 49%;  height:auto;  float: left; margin:1% 2% 2% 0; position: relative; overflow: hidden; }

.m_case dl dd:nth-child(5) { width: 49%;  height:auto;  float: left; margin:1% 0% 2% 0; position: relative; overflow: hidden; }


/*index  news */

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

.sysbg { width: 100%;  float:left; margin: 40px auto 20px auto; }
.none { display: none; }
.sys { width: 100%; max-width: 750px;  float:left; margin: 3% auto 2% auto; overflow: hidden; }
.sys .sysTitle { height:48px; }

.sys .sysTitle ul { width: 100%; display: block; margin: 0 auto; text-align: center; }
.sys .sysTitle ul li { width: 31%; height: 24px; display: inline-block; margin: 0 auto; border-right: 1px solid #dcdcdc; font-family: 'SourceHanSansSC-Bold'; font-size: 18px; color: #000; line-height: 24px; text-align: center; font-weight: bold; font-style: normal; cursor: pointer; }
.sys .sysTitle ul li:last-child { width: 31%; height: 24px; display: inline-block; margin: 0 auto; border-right: 1px solid transparent; font-family: 'SourceHanSansSC-Bold'; line-height: 24px; text-align: center; font-weight: bold; font-style: normal; cursor: pointer; }


.sys .sysTitle .active { font-size: 16px; color: #c90000; line-height: 24px; text-align: center; font-weight: bold; font-style: normal; }
.sys .sysTitle .normal { font-size: 16px; color: #000; line-height: 24px; text-align: center; font-weight: bold; font-style: normal; }
.sys .sysContent { width: 100%; height: auto !important; min-height: 460px; clear: both; overflow: hidden; background: transparent; padding: 0px; display: block; }



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



.s_caseclist{width:100%; float:left; margin-bottom:1%; }

.s_caseclist ul{width:100%; float:left; margin-bottom:6%; }

.s_caseclist ul li { width: 46%; height: auto; float: left; padding:0px; background:transparent; margin:2% 1% 2% 2%; overflow: hidden; }


.s_caseclist ul li .bts1 { width: 100%; height: 40px; float: left; margin:3% 0 3% 0; font-family: 'SourceHanSansSC-Bold'; font-size: 16px; color: #000; text-align: left; line-height:20px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; }


.s_caseclist ul li .simgs1 { width: 100%; height: auto; float: left; overflow: hidden; }

 
.s_caseclist ul li .simgs1 img {   width:100%;   }


.s_caseclist ul li .bts_time { width: 100%; height: 34px; float: left; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #999; text-align: right; line-height: 34px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }


.s_caseclist ul li .bts_time img { float: left;width:54%;  margin:16px 4px 0 0; }

.s_caseclist ul li .bxqong1 { width: 100%; height: 40px; float: left; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #999; text-align: left; line-height: 20px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }


.s_caseclist ul li:hover .bts1 { color: #c90000; }





/*index  fourth*/
.background { position: relative; top: -5%; left: -5%; width: 205%; height:205%; z-index: 1; transition: all linear 1s; }


.m_foubg { position: absolute; top: 0%; left:0%; margin-left: 0%; width: 100%; height: 100%; z-index: 2; }


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

.m_foubg ul li { width: 36%; float: left; margin:6% 3% 0 10%; }


.m_foubg ul li h3 { width: 100%; height:50px; float: left; margin: 4% 0 2% 0; font-family: Arial; font-size:20px; color: #fff; text-align: left; line-height: 50px; font-weight: bold; position: relative; }


.m_foubg ul li h3 font { float: left; font-family: Arial; font-size: 30px; color: #fff; text-align: left; line-height: 50px; font-weight: bold; }


.m_foubg ul li h3::after { width: 54px; height: 4px; float: left; position: absolute; left: 0; bottom: 0; background: #c90000; content: ''; }



.m_foubg ul li h4 { width: 100%; height: auto; float: left; font-family: 'SourceHanSansSC-Regular'; font-size:14px; color: #999; text-align: left; line-height: 25px; font-weight: normal; position: relative; }


.m_foubg ul li h4 font { width: 100%; height: auto; float: left; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #999; text-align: left; line-height: 25px; font-weight: normal; text-transform:initial; position: relative; }




/*foot*/

.m_foot1 { width: 100%; float: left; height: auto; margin: 4% 0 1% 0; }



.m_foot1_type { width: 86%; float: left; margin-left:8%; }

.m_foot1_type_pho { width: 100%; float: left; margin: 10px 0 10px 0; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }

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


.m_foot1_type_pho font { width: 100%; float: left; margin: 10px 0 0px 0; font-family: 'SourceHanSansSC-Bold',Arial; font-size: 26px; color: #c90000; text-align: left; line-height: 40px; font-weight: bold; }



.m_foot1_right { width: 86%; float: left; margin-left:8%; }

.m_foot1_right ul { width: 100%; float: left; margin: 0px 0 0 0; position: relative; }


.m_foot1_right ul li { width: 100%; float: left; margin:0% 0 0% 0;  text-align: left; position: relative; }


.m_foot1_right ul li span.span1{width:70px; height:20px; float:left; margin:0 0 10px 0; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #fff; text-align: left; line-height:20px; font-weight: normal; }

.m_foot1_right ul li span.span1 img{width:20px; float:left; margin:0 10px 0 0;}

.m_foot1_right ul li  font{width:70%; height:20px; float:left; margin:0 0 0px 0; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #fff; text-align: left; line-height:20px; font-weight: normal; }

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


.m_foot1_right ul li:last-child { width: 100%; float: left; margin:0% 0 0% 0;  text-align: left; position: relative; }


.m_foot1_right ul li:last-child span.span1{width:70px; height:40px; float:left; margin:0 0 10px 0; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #fff; text-align: left; line-height:20px; font-weight: normal; }

.m_foot1_right ul li:last-child span.span1 img{width:20px; float:left; margin:0 10px 0 0;}

.m_foot1_right ul li:last-child  font{width:70%; height:40px; float:left; margin:0 0 0px 0; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #fff; text-align: left; line-height:20px; font-weight: normal; }




.m_foot2 { width: 86%; float: left; height: auto; margin: 20px 0 0px 8%; }

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

.m_foot2_txt .font1 { float: left; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #bbb; text-align: left; line-height: 30px; font-weight: normal; }

.m_foot2_txt .font1 a { color: #fff; }


.m_foot2_txt .font2 { float: left; padding: 0 5px; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #222222; text-align: left; line-height: 30px; font-weight: normal; }

.m_foot2_txt .font2 a { color: #222222; }


.m_foot2_txt .font3 {width:100%; float: left; padding: 0 0px; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #222222; text-align: left; line-height: 30px; font-weight: normal; }

.m_foot2_txt .font3 font { float: left; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #222222; text-align: left; line-height: 30px; font-weight: normal; }
.m_foot2_txt .font3 dl { float: left; }
.m_foot2_txt .font3 dl dd { float: left; margin: 0 5px; }
.m_foot2_txt .font3 dl dd a { float: left; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #222222; text-align: left; line-height: 30px; font-weight: normal; }



.m_foot2_right { width: 100%; float: right; }


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

.m_foot2_right ul li { width: 38%; float: left; margin:2% 14% 0 0; }
.m_foot2_right ul li:last-child { width: 38%; float: left; margin: 2% 0px 0 0; }

.m_foot2_right ul li img { width: 100%; display: block; margin: 0 auto; }

.m_foot2_right ul li font { width: 100%; float: left; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #cccccc; text-align: center; line-height: 30px; font-weight: normal; }



.c_footer{width:100%; float:left; padding:1% 0; background:#1c1c1c; position:fixed; z-index:100; left:0; bottom:0;}

.c_footer dl{width:97%; margin-left:0%; float:left;}

.c_footer dl dt{width:20%; float:left; text-align:center;}

.c_footer dl dt a  img{width:30px; display:block; margin:1% auto 0 auto; }

.c_footer dl dt a font { width: 100%; height:20px; float: left; font-family: 'SourceHanSansSC-Regular'; font-size: 13px; color: #cccccc; text-align: center; line-height:20px; font-weight: normal; }




/*about */


.s_abobgc { width: 100%; float: left; position: relative; z-index: 26; margin: -56px 0 0px 0; }

.s_abobt { width: 100%; float: left; position: relative; z-index: 25; }
.s_abobtcon { width: 100%; float: left; position: absolute; z-index: 20; left: 0; top: 0; }


.s_abobtimg { width: 100%; height: 56px; float: left; position: relative; z-index: 15; }

.s_abobtimg img { width: 100%; height: 56px; }



.s_company { width: 100%; float: left;  background: #fff; margin:2% 0 4% 0; position: relative; }



.s_abo_cokk { width: 100%; float: left; margin: 4% 0 0 0; position: relative; }

.s_abo_cokk h3 { width: 100%; float: left; font-family: 'SourceHanSansSC-Bold'; font-size:24px; color: #000000; text-align: center; 
line-height: 40px; font-weight: bold; position: relative; z-index: 8; letter-spacing: 4px; }


.s_abo_cokk h3 font { color: #c90000; }

.s_abo_cokk h4 { width: 100%; float: left; height: 50px; font-family: Arial; font-size: 20px; color: #dcdcdc; text-align: center;
 line-height: 50px; font-weight: normal; position: relative; z-index: 6; margin-top: -20px; text-transform: uppercase; letter-spacing: 10px; }



.section-content { height: auto !important; min-height:1000px; background: #fff; width: 100%; max-width: 750px;
 margin: auto; text-align: center; padding:30px 0; }


.nav-height { position: relative; min-height: 50px; }
.nav-wrap { width: 100%; float: left; height: 46px; border-bottom: 1px solid #dadada; margin: 0 0 0 0; position: relative; }
.nav-wrap.navFix { position: fixed; top: 60px; left: 0; background: #fff; box-shadow: 0 0 5px rgba(0,0,0, 0.2); z-index: 90; }
.nav-wrap ul { padding: 0; margin: 0 auto; width: 100%;  display: block!important; }
.nav-wrap.navFix ul { border-bottom: 0; }

.nav-wrap ul { width: 100%; display: block; margin: 10px auto 0 auto; text-align: center; position: relative; }
.nav-wrap ul li { width:18%; height: 24px; display: inline-block; margin: 0 auto; border-right: 1px solid #dcdcdc; font-family: 'SourceHanSansSC-Bold'; font-size: 12px; color: #000; line-height: 24px; text-align: center; font-weight: bold; font-style: normal; cursor: pointer; position: relative; }
.nav-wrap li:last-child { width: 18%; height: 24px; display: inline-block; margin: 0 auto; border-right: 1px solid transparent; font-family: 'SourceHanSansSC-Bold'; line-height: 24px; text-align: center; font-weight: bold; font-style: normal; cursor: pointer; position: relative; }
.nav-wrap li a { font-family: 'SourceHanSansSC-Bold'; font-size: 12px; color: #000; line-height: 24px; text-align: center; font-weight: bold; font-style: normal; }
.nav-wrap li a.active { color: #c90000; }
.nav-wrap li a.active::after { width: 70px; height: 3px; float: left; position: absolute; left: 50%; margin-left: -35px; bottom: -14px; background: #c90000; content: ''; }
.click-me { width: 24%; height: 46px; background: #4680d1; color: white; text-align: center; line-height: 30px; }
.click-me a { display: block; color: white; }



.s_inner{width:94%; float:left; margin-left:3%;  }

.s_jianjie { width: 100%; float: left; position: relative; z-index: 10; margin:4% 0 3% 0; padding: 0 0 20px 0; background: url(../images/c_star.png) no-repeat 10% 50%; }


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

.s_jianjie_img img { width: 100%; }



.s_jianjie_bt { width: 140px; height: auto; float: left; position: relative; z-index: 5; margin:20% 0 0 0px; }

.s_jianjie_bt img {width:80px;  display: block; margin: 0; }

.s_jianjie_bt h3 { width: 100%; float: left; margin: 20px 0 0 0; font-family: 'SourceHanSansSC-Bold'; font-size:24px; color: #000; text-align: left; line-height: 40px; font-weight: bold; letter-spacing:8px; }


.s_jianjie_bt h3 font { width: 100%; float: left; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #cccccc; text-align: left; line-height:20px; font-weight: normal; text-transform: uppercase; letter-spacing:0px; }

.s_jianjie_con { width: 56%; height: auto !important; min-height: 300px; float: right; position: relative; z-index: 5; 
margin: -80% 2% 0 0px; background: #fff; padding:4%; font-family: 'SourceHanSansSC-Regular'; 
font-size: 14px; color: #555555; text-align: left; line-height: 26px; font-weight: normal; }




.s_jiancon { width: 100%; height: auto; float: right; position: relative; z-index: 5; margin: 30px 0px 10px 0px; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #555555; text-align: left; line-height: 26px; font-weight: normal; }


.s_jiancon .jianc { width: 100%; height: auto; float: left; font-family: 'SourceHanSansSC-Bold'; font-size:16px; color: #000; text-align: left; line-height: 40px; font-weight: bold; }


#section2{ min-height:900px!important;}
.s_culture { width: 100%; float: left; position: relative; z-index: 10; margin: 0; padding: 40px 0 20px 0; }



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

.s_cult_img img { width: 100%; }


.s_cult_iline { width:40%; float: right; position: absolute; z-index: 6; right:-3%; top: 30%; }

.s_cult_iline img{width:100%;}


.s_cult_right {
    width: 74%;
    float: left;
    position: relative;
    z-index: 5;
    margin: -50% 0 0 8%;
    background: #fff;
    padding:5%;
}

.s_cult_right img{width:100%;}

.s_cult_bt { width: 100%; height: auto; float: left; position: relative; z-index: 5; margin:4% 0 0 0px; }

.s_cult_bt img {width:80px;  display: block; margin: 0; }

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


.s_cult_bt h3 font { width: 100%; float: left; margin-left: -0px; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #cccccc; text-align: left; line-height: 30px; font-weight: normal; text-transform: uppercase; letter-spacing: 4px; }



.s_cult_bt h3 b { width: 60%; float: left; margin-left:24%;  font-family: 'SourceHanSansSC-Bold'; font-size:20px; color: #000; text-align: left; line-height: 30px; height: 30px; font-weight: bold; letter-spacing: 4px; font-style:normal;  }

.s_cult_bt_con { width: 100%; height: auto; float: right; position: relative; z-index: 5; margin:4% 0px 5% 0px; background: #fff;
 font-family: 'SourceHanSansSC-Bold'; font-size: 14px; color: #555555; text-align: left; line-height: 30px; font-weight: bold; }



.s_cult_rline {    width: 100px;
    height: auto;
    float: left;
    position: absolute;
    z-index: 6;
    left: -20%;
    top: 21.5%; }

.s_cult_rline img{width:100%;}

.s_cult_imglist { width: 100%; height: auto; background: #f5f5f5; padding:8% 0; border: 1px solid #e6e6e6; float: right; position: relative; }


.s_cult_center { width: 90%; display: block; margin: 0 auto; }



.s_cimg_bt { width: 100%; height: 90px; float: left; position: relative; z-index: 5; margin: 0px 0 40px 0px; }

.s_cimg_bt img {width:80px; float: left; margin: 0; }

.s_cimg_bt h3 { width: 48%; float: left; margin: 0px 0 0 4%; font-family: 'SourceHanSansSC-Bold'; font-size:18px; color: #000; text-align: left; line-height:30px; font-weight: bold; letter-spacing:2px; }


.s_cimg_bt h3 font { width: 100%; float: left; margin-left: 0px; font-family: 'SourceHanSansSC-Regular'; font-size:12px; color: #cccccc; text-align: left; line-height: 30px; font-weight: normal; text-transform: uppercase; letter-spacing:2px; }


#section3{ min-height:480px!important;}
.s_cimg_btimg { float: right; margin:17% 0 0 0; }


#certify4 { position: relative; width: 100%; display: block; margin: 20px auto 20px auto; padding-bottom: 60px; overflow: hidden; }
#certify4 .swiper-container { padding-bottom: 20px; height:30rem; }
#certify4 .swiper-slide { text-align: center; width:23%!important; height:14rem!important;  font-size: 14px; background: #fff; border:1px solid #dadada; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#certify4 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }
#certify4 .swiper-slide .subpic { width: 100%; height: 12rem; position: relative; z-index: 40; line-height: 12rem; margin: 0 auto; text-align: center; display: flex; justify-content: center; align-items: center; padding: 10px; }
#certify4 .swiper-slide .subpic img { max-width:  100%; max-height: 12rem; display: table-cell; margin: 0 auto; vertical-align: middle; }

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



.appBox + .appBox { margin-top: 3%; }
.modelTost { display: none; background: rgba(0, 0, 0, .5); z-index: 9999; width: 100%; height: 100%; position: fixed; top: 0; left: 0; }

.modelTostChile { width: 80%; margin-top: 50px; background-color: #fff; padding:2% 6% 8% 6%; position: absolute; top: 28%; left: 50%; transform: translate(-50%, -50%); }

.modelTostChile p {width:100%; float:none; display:block;  text-align:right;  font-size:18px; padding:0 0 12% 0; }

.modelClose { float: right; cursor: pointer; }



.modelTost .swiper-button-next,.modelTost .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 11px;
    height: 20px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 11px 20px;
    background-position: center;
    background-repeat: no-repeat;
 -webkit-tap-highlight-color: transparent; outline: none;
}
 


.modelTost  .swiper-button-next{ 
  cursor: pointer;
  background:url(../images/anext11.png) no-repeat!important; 
  background-position: center;
  background-repeat: no-repeat;
}


.modelTost .swiper-button-prev { 
  cursor: pointer;
  background:url(../images/aprev11.png) no-repeat!important; 
  background-repeat: no-repeat;
}



/*news */


.s_newbgc { width: 100%; float: left; position: relative; z-index: 26; margin: -80px 0 0px 0; }

.s_newbt { width: 100%; float: left; position: relative; z-index: 25; }
.s_newbtcon { width: 100%; float: left; position: absolute; z-index: 20; left: 0; top: 0; }


.s_newbtimg { width: 100%; height: 80px; float: left; position: relative; z-index: 15; }

.s_newbtimg img { width: 100%; height: 80px; }



.s_newbox { width: 100%; float: left;  background: #fff; margin:2% 0 4% 0; position: relative; }


.s_newtcokk { width: 94%; height: 30px; float: left; position: relative; z-index: 30; margin-top: -20px; margin-left:3%; margin-bottom: 0px; font-family: 'SourceHanSansSC-Bold'; font-size: 14px; color: #999; text-align: left; line-height: 30px; font-weight: normal; letter-spacing: 1px; }

.s_newtcokk img {width:12px; float: left; margin: 6px 10px 10px 0; }

.s_newtcokk a { color: #999; }

.s_newtcokk a:hover { color: #c90000; }



.s_news_cokk { width: 100%; float: left; margin: 4% 0 0 0; position: relative; }

.s_news_cokk h3 { width: 100%; float: left; font-family: 'SourceHanSansSC-Bold'; font-size:20px; color: #000000; text-align: center; line-height: 40px; font-weight: bold; position: relative; z-index: 8; letter-spacing: 4px; }


.s_news_cokk h3 font { color: #c90000; }

.s_news_cokk h4 { width: 100%; float: left; height: 50px; font-family: Arial; font-size: 28px; color: #dcdcdc; text-align: center; line-height: 50px; font-weight: normal; position: relative; z-index: 6; margin-top: -20px; text-transform: uppercase; letter-spacing: 10px; }




.s_newsearch { width: 100%; float: left; height: 40px; position: relative; margin: 10px 0 0 0; position: relative; z-index: 5; }


.s_search { width: 94%; height: 40px; float: right; margin-right:3%; background: #f5f5f5; border: 1px solid #e6e6e6; border-radius: 30px; }


.s_search img {width:15px; float: left; margin:3.5% 0px 0 5%; }

.s_search .sinpa1 { width: 60%; height: 40px; float: left; margin: 0; padding: 0 10px; background: none; border: none; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #999999; text-align: left; line-height: 40px; font-weight: normal; }


.s_search .sinpa2 { width: 60px; height: 40px; float: right; margin: 0; padding: 0; background: none; border: none; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #999999; text-align: center; line-height: 40px; font-weight: normal; }



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

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


.s_newsclist ul li { width: 46%; height: auto; float: left; padding:0px; background: transparent; margin:3% 1% 1% 2%; overflow: hidden; }

.s_newsclist ul li .simgs1 { width: 100%; height:9rem; float: left;  position:relative;  overflow: hidden; }

.s_newsclist ul li .simgs1 img { 
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	object-fit: cover;  } 



.s_newsclist ul li .bts1 { width: 100%; height: 40px; float: left; margin:2% 0 1% 0; font-family: 'SourceHanSansSC-Bold'; font-size:14px; color: #000; text-align: left; line-height:20px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; }


.s_newsclist ul li .bts_time { width: 100%; height: 34px; float: left; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #999; text-align: right; line-height: 34px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }


.s_newsclist ul li .bts_time img { float: left;width:100px;  margin:16px 4px 0 0; }

.s_newsclist ul li .bxqong1 { width: 100%; height: 40px; float: left; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #999; text-align: left; line-height: 20px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }


.s_newsclist ul li:hover .bts1 { color: #c90000; }



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

DIV.quotes { PADDING: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; }
DIV.quotes A { padding: 4px 6px  4px 6px; font-family: Arial; font-size: 12px; COLOR: #333; MARGIN-RIGHT: 8px; TEXT-DECORATION: none; border: #dcdcdc 1px solid; background: #dcdcdc; border-radius: 4px; }
DIV.quotes A:hover { padding: 4px 6px  4px 6px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 12px; color: #fff; border: #c90000 1px solid; BACKGROUND-COLOR: #c90000; }
DIV.quotes A:active { padding: 4px 6px  4px 6px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 12px; color: #fff; }
DIV.quotes SPAN.current { padding: 4px 6px  4px 6px; FONT-WEIGHT: bold; font-family: Arial; font-size: 12px; COLOR: #fff; MARGIN-RIGHT: 8px; BORDER: #c90000 1px solid; BACKGROUND-COLOR: #c90000; }
DIV.quotes SPAN.disabled { padding: 4px 6px  4px 6px; font-family: Arial; font-size: 12px; COLOR: #333; MARGIN-RIGHT: 8px; border: #dcdcdc 1px solid; background: #dcdcdc; border-radius: 4px; }


/*news show*/


.s_new_type { width: 94%; float: left; margin:3% 0 2% 3%; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #666666; text-align: left; line-height: 24px; font-weight: normal; position: relative; z-index: 21; }

.s_new_type h3 { width: 100%; float: left; border-bottom: 1px solid #cacaca; margin: 0px 0 10px 0; font-family: 'SourceHanSansSC-Bold'; font-size:18px; color: #333; text-align: left; line-height: 40px; font-weight: bold; position: relative; }

.s_new_type h3 font { width: 100%; float: left; margin: 0px 0 0px 0; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #999999; text-align: left; line-height: 28px; font-weight: normal; }

.s_new_type h3::after { width: 54px; height: 3px; float: left; position: absolute; left: 0; bottom: -2px; background: #c90000; content: ''; }



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



/*fenye*/
.s_fan1 { width: 100%; height: auto; float: left; }

.s_fan1 p { width: 100%; height: auto; float: left; font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #666666; line-height:25px; font-weight: normal; }

.s_fan1 .slines { width: 100%; height: 1px; float: left; border-bottom: 1px solid #e6e6e6; }


.s_fan1 p font{ max-width:73%; height: auto; float: left; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #666666; line-height: 25px; font-weight: normal; }


.s_fan1 p font:first-child{ max-width:100%; height: auto; float: left; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #666666; line-height: 25px; font-weight: normal; }
.s_fan1 p a { font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #666666; line-height: 25px; font-weight: normal; }

.s_fan1 p a:hover { font-family: 'SourceHanSansSC-Regular'; color: #c90000; }


.s_fan2 { height: auto; float: right; padding-right: 0px; margin-top: -25px; font-family:'SourceHanSansSC-Regular'; font-size: 14px; color: #666666; line-height: 25px; font-weight: normal; }


.s_fan2 a { font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #333; line-height: 25px; font-weight: normal; }

.s_fan2 a:hover { font-family: 'SourceHanSansSC-Regular'; color: #c90000; }



.s_news_tui { width: 100%; height: auto; margin:2% 0; float: right; background: #f5f5f5; }

.s_news_tui_cokk { width: 90%; float: left; margin:3% 0 1% 4%; }

.s_news_tui_cokk h3 { width: 100%; float: left; border-bottom: 1px solid #cacaca; margin: 0px 0 10px 0; font-family: 'SourceHanSansSC-Bold'; font-size: 16px; color: #333; text-align: left; line-height: 40px; font-weight: bold; position: relative; }

.s_news_tui_cokk h3::after { width: 54px; height: 3px; float: left; position: absolute; left: 0; bottom: -2px; background: #c90000; content: ''; }


.s_news_tui ul { width: 96%; float: left; margin: 3% 0 3% 0%; }


.s_news_tui ul li { width: 100%; float: left; margin: 2px 0 10px 0; }


.s_news_tui ul li a { width: 100%; height: 50px; float: left; position: relative; z-index: 12; }


.s_news_tui ul li a span { width: 40px; height: 40px; float: left; background: #c90000; position: absolute; z-index: 3; left: 0; top: 4px; font-family: 'SourceHanSansSC-Bold'; font-size: 14px; color: #fff; text-align: center; line-height: 40px; font-weight: bold; }

.s_news_tui ul li:nth-child(2n) a span { width: 40px; height: 40px; background: #000; float: left; position: absolute; z-index: 3; left: 0; top: 4px; font-family: 'SourceHanSansSC-Bold'; font-size: 14px; color: #fff; text-align: center; line-height: 40px; font-weight: bold; }


.s_news_tui ul li a font { width:80%; height: 50px; float: left; margin-left: 4%; padding: 0 3% 0 12%; background: #fff; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #333; text-align: left; line-height: 50px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }



.m_halistmore { width: 100%; height: auto !important; min-height:200px; background:#f5f5f5;  float: left; margin:0 0 3% 0; position: relative; z-index: 31; }

.s_tuijian{width:100%; max-width:750px; display:block; margin:0 auto; position:relative;  }


.s_tui_cokk { width: 94%; float: left; margin:3% 0 2% 3%; position: relative; }

.s_tui_cokk h3 { width: 100%; float: left; font-family: 'SourceHanSansSC-Bold'; font-size:18px; color: #333333; text-align: left; line-height: 40px; font-weight: bold; position: relative; z-index: 8; letter-spacing:0px; }


.s_tui_cokk h3 font {padding-left:10px; font-family: 'SourceHanSansSC-Regular';  font-size:16px;  color: #999999; text-align:left; letter-spacing:0; text-transform:uppercase; }


.s_tuijian  ul{width:100%; float:left;  padding:4% 0  5% 0; }

.s_tuijian  ul li{width:40%;  height:auto; float:left;  padding:3% 3% 3% 3%; background:#fff; margin:1% 1% 2% 2%;}


.s_tuijian  ul li .bts1 { width: 100%; height: 40px; float: left; font-family: 'SourceHanSansSC-Bold'; font-size:14px; color: #000; text-align: left; line-height:20px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; }


.s_tuijian  ul li .simgs1 {width:100%; height: 9rem; float: left;  position:relative; overflow: hidden; }

.s_tuijian  ul li .simgs1 img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	object-fit: cover;}



.s_tuijian  ul li .bts_time { width: 100%; height: 34px; float: left; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #999; text-align: right; line-height: 34px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }


.s_tuijian  ul li .bts_time img {width:100px; float: left; margin:14px 4px 0 0; }

.s_tuijian  ul li .bxqong1 { width: 100%; height: 40px; float: left; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #999; text-align: left; line-height: 20px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }


.s_tuijian  ul li:hover .bts1 { color: #c90000; }


/*person*/

.s_personss { width: 100%; float: left; position: absolute; z-index: 26; left: 0; top: 60px; }

.s_personss img{width:100%;}



.s_perbox1 { width: 100%; float: left; position: relative; z-index: 12; margin: 3% 0 4% 0; }




.s_pers_cokk { width: 100%; float: left; margin: -4% 0 0 0; position: relative; }

.s_pers_cokk h3 { width: 100%; float: left; font-family: 'SourceHanSansSC-Bold'; font-size:24px; color: #000000; text-align: center; line-height: 40px; font-weight: bold; position: relative; z-index: 8; letter-spacing: 4px; }


.s_pers_cokk h3 font { color: #c90000; }

.s_pers_cokk h4 { width: 100%; float: left; height: 50px; font-family: Arial; font-size: 20px; color: #dcdcdc; text-align: center; line-height: 50px; font-weight: normal; position: relative; z-index: 6; margin-top: -30px; text-transform: uppercase; letter-spacing: 10px; }


 

.s_percon { width: 94%; float: left; position: relative; z-index: 26;  margin:0 0 3% 3%;}

.s_percon h3 { width: 100%; height: auto; float: left; margin:2% 0 1% 0; font-family: 'SourceHanSansSC-Bold'; font-size:22px; color: #000; text-align: left; line-height:40px; font-weight: bold; letter-spacing: 8px; }


.s_percon h4 { width: 100%; height: auto; float: left; margin: 10px 0 20px 0; font-family: 'SourceHanSansSC-Bold'; font-size: 20px; color: #c90000; text-align: left; line-height: 40px; font-weight: bold; letter-spacing: 4px; }



.s_petxt { width: 100%; height: auto; float: left; margin:0px 0 20px 0%; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #999999; text-align: left; line-height: 30px; font-weight: normal; letter-spacing: 0px; position: relative; z-index: 2; padding:0% 2% 4% 0; background: #fff; }

 
.s_petxt h5 { width: 100%; float: left; font-family: 'SourceHanSansSC-Bold'; font-size: 16px; color: #000; text-align: left; line-height:34px; font-weight: normal; margin: 10px 0 10px 0; }


.s_perbox1_pic {width: 100%; height: auto; float: left; margin:2% 0 2% 0%;  position: relative; z-index: 2; padding:0; }

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

.s_perbox1_pic:after { width:178px; height:100px;  float: right; position: absolute; z-index: 16; top: -10%; right: -4%; background: url(../images/fangzi.png) no-repeat top right; background-size:100% 100%;  content: ''; }



.s_pgbkbg { width: 94%; height: auto!important; min-height:800px; float: left; margin: 3% 0 4% 3%; background: url(../images/gbkbg.jpg) no-repeat center top; background-size:100% 100%; }



.s_pgbk_cokk { width: 100%; float: left; height: auto; margin: 0px 0 0px 0; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #666666; text-align: left; line-height: 24px; font-weight: normal; position: relative; z-index: 21; }

.s_pgbk_cokk h3 { width: 100%; float: left; margin: 6% 0 2% 0; font-family: 'SourceHanSansSC-Bold'; font-size:20px; color: #fff; text-align: center; line-height: 40px; font-weight: bold; position: relative; }

.s_pgbk_cokk h3 font { width: 100%; float: left; margin:0 0 0px 0; font-family: 'SourceHanSansSC-Regular'; font-size:16px; color: #fff; text-align: center; line-height: 28px; font-weight: normal; text-transform: uppercase; }


.s_pkbg { width: 86%; height: auto; float: left; padding:4%; background:#fff; margin:3% 0 3% 3%; }

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


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

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


.gtab1 { width: 46%; height:36px; float: left; background: #f5f5f5; border: 1px solid #eee; margin:2% 2% 0 0; }

.gtab1 span { float: left; padding: 0 5px 0 10px; color: #c90000; font-size: 14px; font-weight: normal; line-height: 40px; }


.gtab1 .ginp1 { width: 70%; height: 36px; float: left; background: transparent; border: none; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #333; text-align: left; line-height: 36px; font-weight: normal; }


.gtab2 { width: 95%; height: auto !important; min-height: 36px; float: left; background: #fff; border: 1px solid #eee; margin: 10px 20px 0 0; }

.gtab2 span { float: left; padding: 0 5px 0 10px; color: #c90000; font-size: 14px; font-weight: normal; line-height: 40px; }


.gtab2 .ginp2 { width: 80px; height: 36px; float: left; background: none; border: none; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #333; text-align: left; line-height: 36px; font-weight: normal; }

.gtab2 select.sgtab { border: solid 1px #eee; border-radius: 6px; appearance: none; -moz-appearance: none; -webkit-appearance: none; height: 36px; width: 54%; padding: 0 26px 0 16px; float: right; margin: 0px 0px 0 10px; background: url(../images/d_ico.png) no-repeat scroll 96% 16px transparent; font-family: ‘SourceHanSansSC-Regular; font-size: 14px; color: #333; line-height: 36px; text-align: right; font-weight: normal; }




.gtab2 .ginp3 { width: 96%; height: 40px; float: left; padding: 0 1% 0 3%; background: #f5f5f5; border: none; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #333; text-align: left; line-height: 40px; font-weight: normal; }


.gtab2 .ginp4 { width: 96%; height: 100px; float: left; margin: 10px 0 0 0; padding: 0px 1% 0 3%; background: #f5f5f5; border: none; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #333; text-align: left; line-height: 25px; font-weight: normal; }



.ginp5 { width: 74%; height: 40px; float: left; margin: 20px 0 20px 0; background: #c90000; border: none; border-radius: 30px; font-family: 'SourceHanSansSC-Regular'; font-size: 16px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; }


.s_gbk_tu { width: 88%; float: left; margin:2% 0 10% 3%; background: #fff; padding: 3%; }

.s_gbk_tu img { width: 100%; }



/*VR hall*/

.m_hall_cox { width: 100%; float: left; margin: 0px 0 0 0; position: relative; z-index: 31; }
 
.m_hall_cokk { width: 100%; float: left; height: auto; margin:2% 0 0px 0; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #666666; text-align: left; line-height: 24px; font-weight: normal; position: relative; z-index: 21; }
.m_hall_cokk h3 { width: 100%; float: left; font-family: 'SourceHanSansSC-Bold'; font-size:20px; color: #000000; text-align: center; line-height: 40px; font-weight: bold; position: relative; z-index: 8; letter-spacing: 4px; }


.m_hall_cokk h3 font { color: #c90000; }

.m_hall_cokk h4 { width: 100%; float: left; height: 50px; font-family: Arial; font-size: 20px; color: #dcdcdc; text-align: center; line-height: 50px; font-weight: normal; position: relative; z-index: 6; margin-top: -30px; text-transform: uppercase; letter-spacing: 10px; }


 

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

.m_hallist ul { width: 100%; float: left; height:160px; }

.m_hallist ul li { width: 18%; height: 14rem;  float: left; margin:1% 1% 0 1%; position: relative; z-index: 18; transition: all ease-in 2s; }


.m_hallist ul li img.himg1 { width: 100%;   float: left; position: relative; z-index: 5; display: block; transition: all ease-in 2s; }
.m_hallist ul li img.himg2 { width: 100%; float: left; position: relative; z-index: 5; display: none; transition: all ease-in 2s; }


.m_hallist ul li:hover img.himg1, .m_hallist ul li.hhover img.himg1 { width:100%; float: left; position: relative; z-index: 5; display: none; transition: all ease-in 2s; }
.m_hallist ul li:hover img.himg2, .m_hallist ul li.hhover img.himg2 { width:100%; float: left; position: relative; z-index: 5; display: block; transition: all ease-in 2s; }


.m_hallist ul li .h_bgc { width: 36px; height:120px; background: none; float: left; position: absolute; z-index: 11; left: 50%; margin-left: -20px; top: 0; margin-top: 20%; transition: all ease 0.5s; }

.m_hallist ul li .h_bgc font { width: 32px; float: left; margin:24px 0 0 2px; font-family: 'SourceHanSansSC-Bold'; font-size: 14px; color: #000; text-align: center; line-height:30px; font-weight: bold; writing-mode: vertical-lr; letter-spacing:3px; }

.m_hallist ul li:hover .h_bgc, .m_hallist ul li.hhover .h_bgc { width: 36px; height: 120px; background: url(../images/v_bt.png) no-repeat left top; background-size:100% 100%; float: left; position: absolute; z-index: 11; left: 50%; margin-left: -20px; top: 0; margin-top:50%; transition: all ease 0.5s; }

.m_hallist ul li:hover .h_bgc font, .m_hallist ul li.hhover .h_bgc font { width:32px; float: left; margin: 20px 0 0 2px; font-family: 'SourceHanSansSC-Bold'; font-size: 14px; color: #fff; text-align: center; line-height:30px; font-weight: bold; writing-mode: vertical-lr;  letter-spacing:3px;}




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

.m_lists1 ul { width: 94%; float: left; margin-left:3%; }

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


.m_lists1 ul li font { width: 100%; float: left; height: 50px; font-family: 'SourceHanSansSC-Bold'; font-size: 20px; color: #000; text-align: center; line-height: 50px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; }


.m_lists1 ul li img { width: 100%;  display: block; margin: 0 auto; }

.m_lists1 ul li .ifra { width: 100%; height:14.5rem; float:left; background:#555555;  position:relative; z-index:6; overflow:hidden; }

.m_lists1 ul li .ifra  iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	object-fit: cover;
}
 


.m_halistmore { width: 100%; height: auto !important; min-height:200px; background:#f5f5f5;  float: left; margin:0; position: relative; z-index: 31; }


/*case*/
.s_casebox { width: 100%; float: left; }


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

.s_case_menu ul{ width: 94%; float: left; margin:0 0 0 3%; }


.s_case_menu ul li { width: 100%; height: 21rem; float: left; margin: 0 0 20px 0; background: url(../images/case_bgc1.jpg) no-repeat bottom right; background-size:100% 100%;  position: relative; z-index: 12; }

.s_cpic { width: 75%; height: 21rem; float: left; position: relative; z-index: 5; overflow:hidden;}


.s_cpic img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	object-fit: fill;}


.s_crig_bg { width: 70%; height: 17rem; float: right; position: absolute; z-index: 8; top: 12%; right: 0; background: url(../images/c_bbgc1.png) no-repeat left top;  background-size:100% 100%;   }


.s_crig_bcon { width: 80%; float: left;  margin-left:20%; position: relative; z-index: 15; }

.s_crig_bcon h3 { width: 100%; float: left; margin:6% 0 2% 0; position: relative; z-index: 8;
 font-family: 'SourceHanSansSC-Regular'; font-size: 12px; color: #fff; text-align: left; line-height:30px; 
font-weight: normal; text-transform: uppercase; }

.s_crig_bcon h3 font { width: 100%; float: left; font-family: 'SourceHanSansSC-Bold'; font-size:18px; color: #fff;
 text-align: left; line-height: 30px; font-weight: bold; }


.s_crig_bcon h4 { width: 100%; float: left; margin: 0px 0 0px 0; height: 50px; position: relative; z-index: 8; font-family: 'SourceHanSansSC-Regular'; font-size: 16px; color: #fff; text-align: left; line-height: 50px; font-weight: normal; text-transform: uppercase; }


.s_crig_bcon h4 .look1 {width:46%; max-width:70px; height:30px; float: left; background: #c90000; border: none; border-radius:2px; margin: 0 10px 0 0px; font-family: 'SourceHanSansSC-Regular'; font-size:14px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; transition:all 1s;  }

.s_crig_bcon h4 .look1:hover  {background:#f00;  transition:all 1s; }
.s_crig_bcon h4 .look2 { width:46%; max-width:70px; height: 30px; float: left; background: #000; border: none; border-radius: 6px; margin: 0 10px 0 10px; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; transition:all 1s;   }

.s_crig_bcon h4 .look2:hover  {background:rgba(0,0,0,.6);  transition:all 1s; }


.s_crig_bcon h5 { width: 100%; float: left; margin: 0px 0 0px 0; position: relative; z-index: 6; margin-top: -20px; }

.s_crig_bcon h5 img { max-width: 100%; }




/*case list*/

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

.s_anlist ul { width: 100%; max-width: 750px; float: left; }

.s_anlist ul li { width: 46%;  float: left; margin:2% 1% 0 2%; position: relative; z-index: 9; }


.s_anlist ul li .abox1 { width: 100%; height: auto; float: left; position: relative; z-index: 3; overflow: hidden; }

.s_anlist ul li .abox1 img { width: 100%; height: 100%; float: left; position: relative; left: 0; top: 0; object-fit: cover; }


.s_anlist ul li .abox1_ico { width: 8px;  float: left; position: absolute; z-index: 7; left: 10px; top: 10px; }
.s_anlist ul li .abox1_ico img { width: 100%; }


.s_anlist ul li .abox1_bt { width: 100%; height:34px; float: left;  position: absolute; z-index: 13; background: rgba(0,0,0,.5); left: 0;  bottom:0;  font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #fff; text-align: center; line-height: 34px; font-weight: normal;  text-transform:uppercase; text-overflow:ellipsis; overflow: hidden; }





/*case show*/



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


#certify5 { position: relative; margin: 40px auto 0px 0px; }


#certify5 img{width:100%;}

#certify5 .ipg2-box { overflow: hidden; width: 100%; height: auto; position: relative; top:0px; left: 0; z-index: 3; }
#certify5 .swiper-container {display:block;  margin: 0 auto;  width:72%; overflow: visible;  }
#certify5 .ipg2-box .swiper-slide {  position:relative; overflow: hidden;  background: transparent;  transform:scale(0.9);}

 #certify5 .ipg2-box .swiper-slide img{ transform:scale(0.8);}
#certify5 .ipg2-box .swiper-slide:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 40px; opacity: 0; transition: all .5s; }
#certify5 .ipg2-box .swiper-slide.swiper-slide-active:before { opacity: 1; }
#certify5 .ipg2-box .swiper-slide:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: all .5s; } 
#certify5 .swiper-slide-active { transition: all .8s;  transform:scale(1);  opacity: 1 !important; }
  

#certify5 .swiper-slide-active, .swiper-slide-duplicate-active {  transform:scale(1); -webkit-tap-highlight-color: transparent; outline: none; }


#certify5 .swiper-slide-prev { transition: all .8s; opacity: 1;  transform:scale(0.9);}
#certify5 .swiper-slide-next { transition: all .8s; opacity: 1;  transform:scale(0.9);}

#certify5 .swiper-slide-prev img,#certify5 .swiper-slide-next img{  transform:scale(0.9);}
#certify5 .swiper-pagination { width: 100%; bottom:10px; }
#certify5 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; background: url(../images/dot11.png) no-repeat center bottom; width: 11px; height: 11px; opacity: 1; cursor: pointer; }
#certify5 .swiper-pagination-bullets .swiper-pagination-bullet-active { background: url(../images/dot12.png) no-repeat center bottom; -webkit-tap-highlight-color: transparent; outline: none; }



#certify5 .swiper-slide-prev .swp_logo img{width:70px!important;}

#certify5 .swiper-slide-active  img{position:relative; z-index:4;}

#certify5 .swiper-slide-active .swp_logo{width:70px;height:auto; background:none; opacity:0.6; float:right; position:absolute; z-index:9; 
right:2%; top:64%;}

#certify5 .swiper-slide-active .swp_logo img{width:100%!important;}


#certify5 .swiper-button-prev5 { width: 50px !important; height: 50px !important; background: url(../images/left11.png) no-repeat left top !important; background-size:100% 100%;  position: absolute; top:40%; left:14%; outline: none; margin: 0 0 0 0 !important;  opacity: 1 !important; display: inline-block; z-index: 71; }
#certify5 .swiper-button-prev5:hover{ background: url(../images/left12.png) no-repeat left top !important; background-size:100% 100%;  }
#certify5 .swiper-button-prev5::after { content: ''; }
#certify5 .swiper-button-next5 { width: 50px !important; height: 50px !important; background: url(../images/right11.png) no-repeat left top !important; position: absolute; top:40%; right:14% !important; outline: none; margin: 0 0 0 0 !important;   background-size:100% 100%;   opacity: 1 !important; display: inline-block; z-index: 71; }
#certify5 .swiper-button-next5:hover{ background: url(../images/right12.png) no-repeat left top !important;  background-size:100% 100%; }
#certify5 .swiper-button-next5::after { content: ''; }












 .s_cashow{width:94%; float:left; margin:5% 0 3% 3%;   font-family: 'SourceHanSansSC-Regular'; font-size:14px; color:#333; text-align:left; line-height:30px; font-weight:normal; }

 
 .s_cashow_bt{width:100%; float:left;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center; flex-flow: nowrap;  position:relative;  margin:0 0 20px 0;}
 
 .s_cashow_bt   img { width: 100px; vertical-align: middle; }

.s_cashow_bt font { max-width: 65%; padding:0 20px;  font-family: 'SourceHanSansSC-Regular'; font-size: 18px; color: #c90000; text-align: center; line-height: 40px; font-weight: normal; }



 .s_cashow_fenx{float:right;  font-size:14px;  position: absolute; top:2px; right: 0;}


 

/*contact*/

.s_conta { width: 94%; float: left; margin: 20px 0 30px 3%; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #333; text-align: left; line-height: 26px; font-weight: normal; }

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

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



.s_conta_cokk { width: 100%; height: 50px; float: left; margin:0px 0px 30px 0px; }

.s_conta_cokk h3 { width: 100%; float: left; border-bottom: 1px solid #cacaca; margin: 0px 0 10px 0; font-family: 'SourceHanSansSC-Bold'; font-size:24px; color: #333; text-align: left; line-height: 50px; font-weight: bold; position: relative; }


.s_conta_cokk h3 font { font-family: 'SourceHanSansSC-Regular'; padding: 0 0 0 20px; font-size:24px; color: #999999; text-align: left; line-height: 50px; font-weight: normal; text-transform: uppercase; }

.s_conta_cokk h3::after { width: 120px; height: 3px; float: left; position: absolute; left: 0; bottom: -2px; background: #c90000; content: ''; }


.s_conta_cmap { width: 88%; height: 14rem; float: left; padding:3%; margin: 0px 0 20px 3%; background: #fff; border: 1px solid #e6e6e6; position: relative; overflow: hidden; }


.s_conta_cmap iframe, .s_conta_cmap img { width: 96%; height: 91%; padding:2%;  float: left; position: absolute; left: 0; top: 0; object-fit: cover; }



/*gerenmingpian*/

.g_head{width:100%; height:60px; float:left;  background:#ededed; position:fixed; z-index:22; left:0; top:0;  }

.g_head font{float:left; padding:0 3% 0 4%; font-family: 'SourceHanSansSC-Regular'; font-size:18px; color: #333; text-align: left; line-height: 60px; font-weight: bold; }


.g_head a{float:right; padding:0 3% 0 0%; font-family: 'SourceHanSansSC-Regular'; font-size:14px; color: #333; text-align: left; line-height: 60px; font-weight: normal; }




.g_gbox{width:94%; height:auto!important; min-height:800px; float:left;   position:relative; z-index:20; left:3%; top:0px; margin:-60% 0 4% 0;  }



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

    .g_gbox_1 img {width:100%; display:block; }



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

    .g_ming {width:88%;  float:left; margin:5% 0 5% 6%; position:relative; z-index:6; }

        .g_ming img {width:94%; background:#fff; border:none; padding:3%; border-radius:20px; }



.g_gboxcon { width:90%;  float:left;   position:relative; z-index:5; margin-top:-20%; padding:15% 5%;  background:#f2e7d6; border:none; border-radius:10px;  }



.g_ming_cokk { width: 100%; height: auto; float: left; margin:3% 0px 3% 0px; }

.g_ming_cokk h3 { width: 100%; float: left;   margin: 0px 0 0px 0; font-family: 'SourceHanSansSC-Bold'; font-size:24px; color: #333; text-align: center; line-height:40px; font-weight: bold; position: relative; letter-spacing:6px; }


.g_ming_cokk h3 font { width: 100%; float: left; font-family: 'SourceHanSansSC-Regular'; padding: 0 0 0 0px; font-size:16px; color: #999999; text-align: center; line-height: 30px; font-weight: normal; text-transform: uppercase;  letter-spacing:0px; }


.g_ming_line { width: 100%; height: auto; float: left; margin:3% 0px 3% 0px; }

.g_ming_line img{width:100%;}



.g_text1 { width: 93%; float: left; margin-left:4%; position: relative; }

.g_text1 ul { width: 100%; float: left; margin: 0px 0 0 0; position: relative; }


.g_text1 ul li { width: 100%; float: left; margin:0% 0 0% 0;  text-align: left; position: relative; }


.g_text1 ul li span.span1{width:90px; height:30px; float:left; margin:0 0 10px 0; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #333; text-align: left; line-height:30px; font-weight: normal; }

.g_text1 ul li span.span1 img{width:30px; float:left; margin:0 10px 0 0;}

.g_text1 ul li  font{width:68%; height:30px; float:left; margin:0 0 0px 0; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #333; text-align: left; line-height:30px; font-weight: normal; }

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


.g_text1 ul li:last-child { width: 100%; float: left; margin:0% 0 0% 0;  text-align: left; position: relative; }


.g_text1 ul li:last-child span.span1{width:90px; height:30px; float:left; margin:0 0 10px 0; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #333; text-align: left; line-height:30px; font-weight: normal; }

.g_text1 ul li:last-child span.span1 img{width:30px; float:left; margin:0 10px 0 0;}

.g_text1 ul li:last-child  font{width:67%; height:60px; float:left; margin:0 0 0px 0; font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #333; text-align: left; line-height:30px; font-weight: normal; }


.g_text1_img { width: 86%; float: left; margin-left:8%; }

    .g_text1_img img {width:100%; }

    
.g_text1_list { width: 90%; float: left; margin-left:6%; margin-top:5%; margin-bottom:5%;  position:relative; }

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


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


.g_text1_list ul li  img{width:10px; float:left; margin:2% 2% 1% 1%;  }


.g_text1_list ul li  font{width:90%; float:left; margin:1% 0 1% 1%;  font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #333; text-align: left; line-height:20px; font-weight: normal; }



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

.g_text1_wxin { width: 120px; float: right; position:absolute; top:10%; right:4%; }

    .g_text1_wxin img {width:94%; display:block; border-right:5px solid #333; border-bottom:5px solid #333;}

    
.g_text1_wxin  font{width:100%; float:left; margin:1% 0 1% 0%;  font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #333; text-align: center; line-height:20px; font-weight: normal; }


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



    
.wxbox { width: 60%;  display:block; margin:0 auto; position:relative; }

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

.wximg img{width:100%;}

.wximg a{width:100%; float:left; font-size:16px; text-align:right; line-height:40px; font-weight:normal; color:#fff;}

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

.s_zcokk{width:94%;float:left; margin:6% 0 2% 3%;}




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



#certify6 { position: relative; width: 100%; display: block; margin: 20px auto 20px auto; padding-bottom: 10px; overflow: hidden; }
#certify6 .swiper-container { padding-bottom: 20px; height:auto; }
#certify6 .swiper-slide { text-align: center; width:100%!important; height:auto!important;  font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#certify6 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; }

    #certify6 .swiper-slide img { width:94%; background: #fff; border:1px solid #dadada; padding:2% 2% 2% 2%; }
#certify6 .swiper-pagination { width: 100%; bottom: -10px; }
#certify6 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #a7a7a7; background-color: #a7a7a7; width:8px; height: 8px; opacity: 1; }
#certify6 .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #c90000; background-color: #c90000; -webkit-tap-highlight-color: transparent; outline: none; }





.s_ge_cmap { width: 94%; height: 26rem; float: left; padding:3%; margin: 0px 0 20px 0%; background: #fff; border: 1px solid #e6e6e6; position: relative; overflow: hidden; }


.s_ge_cmap iframe, .s_ge_cmap img { width: 96%; height: 91%; padding:2%;  float: left; position: absolute; left: 0; top: 0; object-fit: cover; }



.zhixiang {width:90%; display:block; margin:10% auto 0 auto; }

.zhixiang img{max-width:200px; display:block; margin:0; float:right;}

 .zhixiang  #share-2{float: right; margin: 60% 44% 0 0;}

 .zhixiang  font{width:100%; height:40px; float:left;  font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #fff; text-align: center; 
 line-height:40px; font-weight: normal;  }


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


.s_zbtn1 {width:46%; height:40px; float:left; margin:1% 0 0 3%; }

    .s_zbtn1 a {width:100%; height:40px; float:left;  background:#000; border:none; border-radius:10px;   font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #fff; text-align: center; line-height:40px; font-weight: normal;  }


    .s_zbtn2 {width:46%; height:40px; float:left; margin:1% 0 0 3%; }

    .s_zbtn2 .zfenx{width:100%; height:40px; float:left;  background:#c90000; border:none; border-radius:10px;   font-family: 'SourceHanSansSC-Regular'; font-size: 14px; color: #fff; text-align: center; line-height:40px; font-weight: normal;  }