﻿@charset "utf-8";
/* CSS Document */
body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer {margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none; }
html{width: 100%;height: 100%;}
body {font-family:"Microsoft Yahei";font-size:0.24rem;color:#333333;min-width: 320px; max-width: 640px; overflow-x: hidden; position: relative; margin: 0 auto;}
.dis{display:none;}
em,i{font-style:normal;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
form{display: inline}
ul, ol{list-style: none}
a {text-decoration: none;color:#333;}
a:hover,a:active,a:focus{/*color:#377cce;*/text-decoration: none;
cursor:pointer;}
a:active{color:#aaa;}
a{blr:expression(this.onFocus=this.blur());-webkit-tap-highlight-color:rgba(0,0,0,0);}
*:focus{outline:0;}
.clearfix:after{clear:both;}
.clearfix:after,.cf:before{content:" ";display:table}
.clear{clear:both;}
img { max-width: 100%;
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic;
}
input,textarea,button,select{outline:none;border: none;*border:0;padding: 0;margin: 0;box-shadow: none;background: none;font-family: "Microsoft Yahei";font-size: 0.24rem;color: #333333;}
textarea{resize:none;}
button,input[type="button"],input[type="reset"], input[type="submit"], input[type="text"],input[type="password"]{
	cursor: pointer;
	/*-webkit-appearance: button;
	-moz-appearance: button*/
	-webkit-appearance:none;
	-moz-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner
{padding:0;border:0;}
table {border-collapse:collapse;border-spacing:0;}
.left{float: left;}
.right{float: right;}
.tr{text-align: right;}
.tl{text-align: left;}
.ico,
.icobef:before,
.icobef:after {
  background: url(../images/ico.png) no-repeat;
  display: inline-block;
  background-size: 5rem auto;
  vertical-align: middle;
}
.icobef:before,
.icobef:after {
  content: "\20";
  display: block;
}
img,object{max-width:100%;}
/*webcss reset部分结束*/
.mai_top{min-width:320px;max-width:800px;margin:0 auto; height:auto; position: fixed; z-index:666; width:6.4rem; top:0;}
.w540{ width:5.4rem; margin:0 auto;}
.w600{ width:6rem; margin:0 auto;}
.w580{ width:5.8rem; margin:0 auto;}
.wp{ padding:0 0.4rem;}
.icon { background: url(../images/icon2.png) no-repeat;  display: inline-block; background-size: 2rem auto; vertical-align: middle;}
.icon, .iconbef::before, .iconbef::after { content: "\20"; display:inline-block;}
/*头部及导航start*/
.wa_left { width:100%;z-index: 10;position: relative; height:1rem; background-color:#fff; background-size:100%;box-shadow: 0px 1px 5px #e6e5e5;}
.wa_left .logo{width:4.6rem; height:0.68rem; text-align:center; margin-left:0.24rem; margin-top:0.16rem; display:block;}
.wa_left .logo img{width:0.8rem; height:0.71rem; background-size:100%; display:block; float:left;}
.wa_left .logo p{ height:0.75rem; display:block; width:3.54rem; float:left; border-left:#e1e1e1 solid 1px; font-size:0.26rem; color:#9d34c4; font-weight:bold; margin-left:0.2rem; padding-left:0.26rem; text-align:left; line-height:0.32rem; /*padding-top:0.08rem;*/}
.wa_left .logo p span{ display:block; font-size:0.22rem; color:#666; line-height:0.26rem;/* padding-top:0.08rem;  */  font-weight: normal;}
.wa_left .btn{ width:1.2rem; height:0.8rem; position:relative;    margin-top: 0.1rem;}
.wa_left .btn i{width:1.2rem; height:0.8rem; display:block;}
.wa_left .btn b{width:1.2rem; height:0.8rem; display:block; background:url(../images/top_02.png) no-repeat; position:absolute; left:0; top:0; display:none; }
.wa_left .btn i img{width: 0.40rem; height: 0.34rem; position:absolute; top:0.26rem; left:0.5rem; }
.wa_left .btn b img{width: 0.40rem; height: 0.34rem; position:absolute; top:0.26rem; left:0.5rem;}

.wa_right .logo{width:4.6rem; height:0.68rem; text-align:center; margin-left:0.24rem; margin-top:0.16rem; display:block;}
.wa_right .btn1{ width:1.2rem; height:0.8rem; position:relative; margin-top:0.1rem;}
.wa_right .btn1 b{width:1.2rem; height:0.8rem; display:block;  position:absolute; left:0; top:0;  }
.wa_right .btn1 img{width: 0.40rem; height: 0.34rem; position:absolute; top:0.26rem; left:0.5rem;}
.wa_logo{ width:100%;z-index: 10;position: relative; height:1rem;background-size:100%;background-color:#fff;}
.wa_right .logo img{width:0.8rem; height:0.71rem; background-size:100%; display:block; float:left;}
.wa_right .logo p{ height:0.75rem; display:block; width:3.54rem; float:left; border-left:#e1e1e1 solid 1px; font-size:0.26rem; color:#9d34c4; font-weight:bold; margin-left:0.2rem; padding-left:0.26rem; text-align:left; line-height:0.32rem;/* padding-top:0.08rem;*/}
.wa_right .logo p span{ display:block; font-size:0.22rem; color:#666; line-height:0.26rem; /*padding-top:0.08rem;*/    font-weight: normal;}

.wa_left .topsearch { display: block; position: absolute; left:0.34rem; top: .3rem; text-align: center; cursor: pointer; width: .5rem; height: .5rem; margin: 0 auto;}
.wa_left .topsearch span { display: block; width: 0.36rem; height: 0.35rem;  background-position:0 -1.27rem;}
.wa_left .tsearch { position: absolute;  height: 1rem;  width: 6.4rem !important; padding: .2rem 5%; left: 0; top: .8rem; z-index: 99; background: #f2f2f2; box-sizing: border-box; display: none;}
.wa_left .tsearch .txt { width: 78%; color: #000;  text-indent: .1rem; font-size: .22rem; height: .64rem; background: #fff; border: 1px solid #fff; border-radius: 0.1rem; position: absolute; left: 5%; top: .2rem; border-top-left-radius: .6rem; border-bottom-left-radius: .6rem;}
.wa_left .tsearch .btn9 { color: #fff; font-size: .22rem; width: 16%; height: .64rem; line-height: .6rem; text-align: center; border: 0px; background: #005bac; position: absolute; right: 5%; top: .2rem; border-top-right-radius: .6rem; border-bottom-right-radius: .6rem;}
.wa_left .tsearch .btn9 .btn_icon { display: block; width: 0.36rem;  height: 0.36rem; margin-left: .32rem; margin-top: .14rem; background-position: 0rem -2.14rem;}
.wa_left .btn_close_main { width: .88rem; height: 0.8rem; background-color: #f2f2f2; position: absolute; top: 0; left: 2%; z-index: 9; display: none;}
.wa_left  #nav { width: .6rem; height: 50%; position: absolute;right: 3%; top: .38rem; text-align: center; cursor: pointer;}
.wa_left .btn_close_main .btn_close { width: .34rem;  height: .33rem; margin-top: .3rem; margin-left: .26rem; background-position: 0rem -1.72rem;}




#banner_main { width:6.4rem; margin:0 auto; overflow: hidden; psosition:relative; height:4rem; background-size: 1px auto; }
.banner { margin: 0 auto; width: 100%; *zoom: 1; overflow: hidden; position: relative; height:4rem;}
.banner .list { width: 100%; overflow: hidden; height:4rem;}
.banner .list li { float: left; width: 100%; overflow: hidden; height:4rem;}
.banner .list li img { width: 100%; height:4rem;}
#banner .tip { width: 80%; text-align: center; clear: both;position: absolute; left: 8%; bottom: 5%; z-index: 2; font-size: 0;}
#banner .tip li { display: inline-block;vertical-align: middle; width: 0.14rem; height: 0.14rem; margin: 0 0.1rem; vertical-align: middle;    background: rgba(255, 255, 255, 0.77);}
#banner .tip li.active {    background-color: #9131ca;}




.footer{ width:6.4rem; margin:0 auto; padding-top:0.3rem; padding-bottom:1.8rem; text-align:center; background-color:#f5f5f5; border-top:#e3e3e3 solid 1px;}
.footer span{ font-size:0.24rem; color:#ababab; font-family:"Arial"; padding-top:0.1rem;}
.footer p{ display:block; font-size:0.24rem; color:#ababab; padding-top:0.1rem;}
.footer p a{ display:inline-block; padding:0 0.15rem; color:#ababab;}


/*ipro*/
/**************category****************/
.cateList{width:6.4rem; height: 0.8rem;line-height: 0.8rem; text-align: center;     background: -webkit-linear-gradient(left bottom,#4f22ee,#9933c5);
    background: -o-linear-gradient(left bottom,#4f22ee,#9933c5);
    background: -mos-linear-gradient(left bottom,#4f22ee,#9933c5);
    background: -moz-linear-gradient(left bottom,#4f22ee,#9933c5);
    background: linear-gradient(left bottom,#4f22ee,#9933c5);color: #fff; position: relative;}
.cateList .goBack{width: .20rem; height: .33rem; position: absolute; left: .18rem; top: 0.26rem;  background-position:-0rem -1.26rem;}
.cateList h3{font-size: .3rem; color:#fff;}
.cateList h3 s{width: .24rem; height: .18rem; margin-left: .1rem; background-position: -0.41rem -3.22rem;display: inline-block;}
.menuer1{  background-color:#fff;  z-index: 11; overflow:hidden;}
.menu1{ display:block;    overflow: hidden;}
.menu1 li.nav1{width:29.3%; margin-left: 3%; height: .62rem; line-height: .6rem; border: 1px solid #dddddd; font-size: .26rem; text-align: center; display: block; float: left; margin-top:0.2rem; margin-bottom:0.2rem; overflow:hidden;}
.menu1 li.nav1 a{ display:block;    height: .62rem; overflow:hidden;}
.menu1 li:nth-child(2n){margin-right: 0;}
.menu1 li:nth-child(4),.menu1 li:nth-child(5),.menu1 li:nth-child(6),.menu1 li:nth-child(7),.menu1 li:nth-child(8){ margin-top:0;}
.menu1 li.nav1.hover{background:#5724ea; border-color: #5724ea; color: #fff;}
.menu1 li.nav1.hover a{ color:#fff;}
.menulist{width: 100%; overflow: hidden; max-width: 640px; min-width: 320px; margin: 0 auto; height: auto; position: relative;}
.menulist .scroll{position: relative; z-index: 10;}
.menulist .scroll li{display: block; float: left; height: .8rem; line-height: .8rem;}
.menulist .scroll li.hover a{color: #016dbd;}
.menulist .scroll li.hover a:after{height: .04rem; background: #016dbd; bottom: -1px; width: 1rem; left: 50%; margin-left: -0.5rem;}
.menulist .scroll a{display: block; font-size: .24rem; padding: 0 .26rem; text-align: center; height: .74rem; line-height: .74rem;color:#829ecb; position: relative; z-index: 10;}
.menulist .scroll li.hover a{color:#016dbd;}
.menulist .scroll a:after{content: "\20"; display: block; position: absolute;}
.menulist .scroll a.kong{width: .1rem;}
.menulist .arr{position:absolute;top:0.24rem;right:0.2rem;display:block;width:0.12rem;height:0.2rem;background:url("../images/arrLeft.png") no-repeat center center;background-size:0.12rem 0.2rem;}


.ArticleTitle{padding: 0 0 .2rem; overflow: hidden;}
.ArticleTitle article{width: 100%; padding: .3rem 0; text-align: center; background: #fff; border-bottom: 1px solid #dddddd;}
.ArticleTitle article h1{    font-size: .4rem;
    line-height: .44rem;
    text-align: center;}
.ArticleTitle article .mark{font-size: .22rem; padding: .2rem 0 0; text-align: center; color: #666666;}
.ArticleTitle article .mark span{margin: 0 .06rem;}
.showInfo .img{width: 94%; margin: .25rem auto;}
.showInfo .img img{max-width: 100%; display: block; margin: 0 auto;}
.showInfo .contxt{padding: .2rem 3% .4rem; line-height: .42rem; color: #666666;}
.showInfo .contxt img{max-width: 100%; height: auto !important;}
.imgtog .hd { display:none;}
.xisj{ padding-top:0.2rem;}


/*picturePage*/







.transform {transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.wa_right{ height: 100%;width:100%;z-index: 30; position: fixed; right: 0; top: 0rem;  overflow-x: hidden; overflow-y: auto; display:none; background-color:#fff;}
.foot{ position: relative; bottom: 0; left:0;  text-align: center; background: #009bdb; width: 100%; color: #fff; font-size: 0.12rem; height: 0.5rem; line-height: 0.5rem;}
.nav{ width: 100%; overflow: hidden; padding-bottom:1.2rem;  text-align:center;height: 100%;}
.nav li{ position: relative; width: 100%;}
.nav li a{ overflow:hidden; width: 100%; color: #333; display: block; font-size: 0.28rem; position: relative;}
.nav li a span{height:0.8rem; line-height: 0.8rem;border-bottom:#d8d8d8 solid 0.01rem; display:block; font-size:0.34rem; color:#333; width:4.82rem; margin:0 auto;}
.nav li a.one_a{}
.nav .nav_li{ display: none; height:100%; background:#fff; padding:0 0.2rem;}
.nav .nav_li a{ font-size: 0.34rem; line-height: 1rem;  color:#fff; border-bottom:#6283c7 dotted 0.01rem; margin:0 0.8rem;}
.nav .nav_li a.xux{ border-bottom:none;}
.nav .nav_li a:hover{ background:#1e479c; color: #e4edff;}
/*.nav li.act a span{ border-bottom:#1e479c solid 0.01rem;}
.nav li.act a{ border-bottom:#1e479c dotted 1px; background-color:#1e479c; color: #fff;}*/
.nav li .search1{width:4.82rem; margin:0 auto;}
.nav li .search1 input.s_input { border: none; background: url(../images/so_03.png) no-repeat; width:3.98rem; height:1rem; font-size:0.34rem; color:#e4edff; padding-left:0.04rem; color: #99b3df; background-size:100%; line-height:1rem;}
.nav li .search1 input.s_btn { border: none; background: url(../images/so_04.png) no-repeat;  width:0.79rem; height:1rem; background-size:100%;}
span.more span{background: #fff; position: absolute;}
span.more{width: 0.12rem; height: 0.12rem; position: relative; float: right; top: 0.3rem; margin-right: 0.3rem;}
span.more span.h { width: 12px; height: 2px; transform: translate3d(0,5px,0); -webkit-transform: translate3d(0,5px,0);}
span.more span.v { transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);  -webkit-transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);}
/*底部 start*/
.btmH{width:100%;}
.f_tit_bnav {position: fixed;bottom: 0rem;left:50%;width:5.8rem;cursor: pointer;font-size: 0.2rem;z-index: 99;height:1.6rem; margin-left:-2.9rem; }
.f_tit_bnav b{ background:url(../images/mun.png) center center no-repeat; width:1.48rem; height:1.47rem; background-size:100%; display:block; position:absolute; left:0; top:0; font-size:0;}
.f_tit_bnav .f_tit_c{ width:5.66rem; height:1.1rem;    
background-image: -webkit-linear-gradient(left , #4f22ee, #9933c5);
    background-image: -o-linear-gradient(left , #4f22ee, #9933c5);
    background-image: linear-gradient(left , #4f22ee, #9933c5);box-shadow:2px 2px 6px #b6b6b6; border-radius:2rem; margin-top:0.15rem; margin-left:0.2rem; transition: all .36s ease;}
.f_tit_bnav ul{ width:3.76rem; float:right; margin-right:0.6rem;}
.f_tit_bnav ul li {float: left;text-align: center;width:25%; height:1.1rem;}
.f_tit_bnav li a{color: #fff;display:block; font-size:0.22rem;}
.f_tit_bnav li i{ display:inline-block; width:0.44rem; height:0.42rem; background:url(../images/bottom_08.png) no-repeat; background-size:100%; margin-top:0.12rem; }
.f_tit_bnav li img{display: block;margin:0 auto;width: 0.3rem; height:0.29rem; margin-top:0.26rem; margin-bottom:0.08rem;}
.f_tit_bnav li img.f_tit_img02{display:none;}
.f_tit_bnav li span{ display:block; font-size:0.22rem; color:#fff;}
.f_tit_bnav li.li2 i{ display:inline-block; width:0.44rem; height:0.42rem; background:url(../images/bottom_03.png) no-repeat; background-size:100%; }
.f_tit_bnav li.li3 i{ display:inline-block; width:0.84rem; height:0.84rem; background:url(../images/a18_03.png) no-repeat; background-size:100%;    margin-top: -0.35rem; }
.f_tit_bnav li.li4 i{ display:inline-block; width:0.44rem; height:0.42rem; background:url(../images/bottom_05.png) no-repeat; background-size:100%; }
.f_tit_bnav li.li5 i{ display:inline-block; width:0.44rem; height:0.42rem; background:url(../images/bottom_09.png) no-repeat; background-size:100%; }
.f_tit_bnav s{width: 0.54rem;height: 0.3rem;background-position: 0rem -1.26rem;display: block;position: absolute;right: 0rem;top: 0.56rem;font-size: 0;}
/*底部 end*/

/*返回顶部*/
.idx_top { width: 0.69rem; right:0.18rem; bottom: 1.6rem; position: fixed; z-index: 99; height:1rem;}
.idx_top a{ display:block; width:0.8rem; height:0.88rem; margin-bottom:0.28rem;}
.idx_top a img{ width:0.8rem; height:0.88rem; background-size:100%;}

body:before, body:after { content:""; width:100%;display:block; }
body:before{ height: 1rem;}
/*body:after{ height: 0.8rem;}*/

/*标题*/
.iheadx{position: relative;  line-height: 1.8;   text-align: center;margin-bottom: 0.2rem;margin-top: 0.3rem; }
.iheadx h2{font-size: 0.36rem;font-weight: bold;color: #4f22ee;background:url(../images/itit.png) no-repeat center bottom;background-size:2rem ;
padding-bottom: 0.14rem;} 
.iheadx h3{display: block;width: 100%;font-size: 0.24rem;color: #d7d7d7; text-transform: uppercase; 
line-height: 2.4;}

.iheadx p{  text-align: center;font-size: 0.22rem;color: #575757; padding: 0 2%; }

/*time*/
.time {  padding:0.58rem 0 0;  position: relative;
    z-index: 1; }
.time w{position: relative;
    z-index: 1;}
.time a.detail{display: block;width: 0.72rem;height: 0.72rem;background-position: center -2rem;margin: 0 auto;margin-top: 0.6rem;}
.time a.detail:hover{ -webkit-transform:translateX(-0.06rem);
  transform:translateX(-0.06rem);}
.time ul{ margin-bottom: 0.7rem;}
.time li{float: left;width: 25%; text-align: center;padding: 0rem 2%;
   background: url(../images/li.png) no-repeat right center;}
.time li .img{ width: 100%;height: 0.64rem;background: url(../images/icon.png) no-repeat .5rem top;
background-size:11rem;}
.time li b{font-size: 0.43rem; color: #2a2a2a;font-weight: 400;}
.time li b em{font-style: normal;font-size: 0.4rem;}
.time li p{font-size: 0.22rem;color: #2a2a2a;}
.time li.icon{padding-left: 0;}
.time li.icon2 .img{background-position: -3.46rem top;}
.time li.icon3 .img{background-position: -6.8rem top;}
.time li.icon4 .img{background-position: -9.9rem top;}
.time li.icon4{background: none;}

.time .sketch {margin: 0 0.2rem;      height: 3.2rem;    position: relative;
    z-index: 1;    background: #0f0f0f;}
.time .sketch img { width:100%;   }
.time .sketch video{    width: 6rem;
    height: auto;z-index: 1 !important;    box-shadow: 0.01rem 0.01rem 0.2rem #00000059;    position: absolute;
    border-radius: 0.1rem;    object-fit: fill;}
/*加盟商视频*/
.scene_main{width:100%;    padding-bottom: 0.4rem;display: none; }
.scene{ margin-top:0.2rem; position:relative; text-align:center;}
.scene .bd ul{ display:inline-block;}
.scene .bd ul li{ float:left; width:6.4rem; text-align:center; }
.scene .bd ul li img{ display:block; width:6.4rem;   background-size:100%; }
.scene .hd{ display:inline-block;}
.scene .hd ul{ display:inline-block;}
.scene .hd ul li{ display:inline-block; width:0.24rem; height:0.24rem; background-color:#282828; border-radius:0.4rem; margin:0 0.05rem; font-size:0;}
.scene .hd ul li.on{ width:0.6rem; background-color:#4f22ee;}
/*企业形象照片*/
.ipro{display: none;}
.ipro .list2 li{float: left;margin:1%;position: relative;width: 48%;    overflow: hidden;
border: 1px solid #e4e4e4;background: #e4e4e4;}
.ipro .list2 li img{display: block;width: 100%;  }

.ipro .list2 figure{    
display: block;    width: 100%;    height: auto;    padding-bottom: 75%;    position: relative;    background: #fff;    overflow: hidden;
}
.ipro .list2 li img{
position: absolute;    left: 0;    top: 0;    width: 100%;    min-height: 100%;
}

.ipro .list2 .shadow{  position: absolute;left: 0;bottom: 0;  background: url(../images/cover.png) center bottom repeat;
color: #fff;width: 100%;}
.ipro .list2 .shadow h2{  height: 0.54rem;line-height: 0.54rem;padding-left: .1rem;  text-align: center;}
.ipro .list2 .shadow h2 a{color: #fff;font-size: 0.22rem;height: 0.64rem;line-height: 0.64rem;} 
.ipro .list2 .shadow p{font-size: .22rem;padding-left: .1rem;margin-bottom: .1rem;}
.ipro .list2 li:hover{ background: #033c9e;border-color: #033c9e;}
.ipro .list2 li:hover span{display: none; }
.ipro .list2 li:hover .shadow{ display: block;}
.ipro .list2 li:hover .shadow h2 a{color: #fff; }
.ipro .list2 li.da{width: 98%;}
.ipro .list2 li.da .shadow h2{text-align: left;}
.ipro .w{margin-bottom: 0.3rem;}
 /*企业团队阵容*/
.iteam{   height:5.6rem; margin:0 auto;background:url(../images/iteam.jpg) center top no-repeat;height: 9.1rem;    margin-top: 0.56rem;
padding-top: 0.01rem;}
.iteam .iclass_tit h1 span,.iteam .iclass_tit h1,.iteam .iclass_tit em{color: #fff;}
.iteam .iclass_tit{background: url(../images/itit2.png) center bottom no-repeat;}
.re_top{  height:0.95rem; padding-top:0.6rem;}
.re_bot{   margin: 0 auto 0.4rem;position: relative; margin-top: 0.5rem;    height: 5.4rem;
padding-top: 1.4rem;}
.re_bot .list{position: relative;width: 100%; height: 100%;}
.re_bot .list li{ position:relative; width:1.64rem; height:1.64rem; cursor:pointer;margin: 1%;float: left; z-index: 0; }
.re_bot .list li a{}
.re_bot .list li .zi{ position: absolute;    top: 4.2rem;width: 100%;padding: 0.2rem;color: #fff;border-radius: 50%;
text-align: center;display: none;}
.re_bot .list li h1{ text-align:center; line-height:0.38rem;  cursor:pointer;font-size: 0.24rem;}
.re_bot .list li p{ font-size: 0.14rem;  }
.re_bot .list .img{display: block;width: 100%;height: 100%;overflow: hidden;border-radius: 50%;
border: 0.02rem solid #fff;}
.re_bot .list img{display: block;width: 133%;height: 100%;/*margin-left: -20%;*/}
.re_bot .prev{ top: 96%;width: .5rem;height: .5rem;
   background: url(../images/iteam_l.png) center no-repeat;   background-size:contain ; }
.re_bot .next{ top: 96%;width: .5rem;height: .5rem;
  background: url(../images/iteam_r.png) center no-repeat;   background-size:contain ; }
.re_bot .list li.swiper-slide-active { width: 4.16rem!important;height: 4.16rem; left: -0.6rem;top: -1.4rem;z-index: 10!important;}
.re_bot .list li.swiper-slide-active .zi{display: block;}
.re_bot .list li.swiper-slide-active+li{margin-left: -1rem;}
.re_bot .list li.swiper-slide-active p { visibility:visible;  }
.re_bot .list li.swiper-slide-active .detail{display:block; width: 0.42rem;height: 0.42rem;position:absolute; z-index: 100;left:1.8rem; top:1.98rem;background: url(img/iimore.png) no-repeat;}

/*行业前景*/

.show .head {background: url(../images/show_tit.png) no-repeat center;     width: 5rem;height: 2rem; margin: 0 auto;background-size: contain;}
.show{padding: 0.01rem 0;     height: 13rem;} 
.show .iheadz{ font-size: 0.26rem;color: #fff;font-weight: bold;margin-bottom: 0.1rem;text-align: center;}
.show .tid{  }
.show .wd{    color: #131313; position: relative; float: right;padding-top: 2%; width: 70%; }
.show .zi{  font-size: .22rem;line-height: 2.2;color: #121111; padding: 2%;}
.show a.detail{color: #4f22ee;}
.show ul{margin: .3rem 3% 0;}
.show li{    height: 2.1rem;margin: 0 0 2% 0;}
.show li a{    float: left; width: 24%;height: 1.6rem;  line-height: 1.6rem;}
.show li h2{    line-height: 2; color: #212121; font-size: .25rem; font-weight: bold;}
.show li h2 span{    color: #da251c;}
.show li h3{    line-height: 1.6;color: #333333;    font-size: 0.2rem;}
.show  .thead {padding:.2rem 0 0;position: relative;}
.show .thead li {position:relative;float:left;margin:0 0 3% 2%;width:30.66%;height:1.7rem;text-align:center;}
.show  .thead li:nth-child(1){background:url(../images/icon01.png) top center no-repeat;background-size:1rem;}
.show .thead li:nth-child(2){background:url(../images/icon02.png) top center no-repeat;background-size:1rem;}
.show .thead li:nth-child(3){background:url(../images/icon03.png) top center no-repeat;background-size:1rem;}
.show .thead li:nth-child(4){background:url(../images/icon04.png) top center no-repeat;background-size:1rem;}
.show  .thead li:nth-child(5){background:url(../images/icon05.png) top center no-repeat;background-size:1rem;}
.show  .thead li h2{padding-top:50%;color:#333333;    font-size: .22rem;}
/*开业展示*/
.icase{ padding-top: 0.3rem;  padding-bottom: 0.6rem;display: none; }
.icase .main {  overflow:hidden; position:relative;     margin-bottom: 0.3rem; }
.icase .list {     position:relative;margin: 0 1%; }
.icase .list li { float:left; width:48%;    background: #fff;   margin: 1%;border: 1px solid #ddd;padding: 1%;}
.icase .list .img { margin: 0 auto; }
.icase .list img { display:block; margin: 0 auto;  }
.icase .list figure{    display: block;    width: 100%;    height: auto;    padding-bottom: 75%;    position: relative;    background: #fff;    overflow: hidden;}
.icase .list li img{position: absolute;    left: 0;    top: 0;    width: 100%;    min-height: 100%;}
.icase .list h3 {   height:0.6rem; line-height:0.6rem;     margin: 0 0.06rem; }
.icase .list h3 a{ color: #121111;font-size: 0.24rem;  }
.icase .list p { height:.4rem;  line-height:1.6;   color:#a6a6a6 ;font-size: 0.22rem;   }
.icase .list p a.detail{display: block;color: #a9a6a6;  text-align: center;width: 1.66rem;height: 0.48rem;line-height: 0.48rem;
border: 1px solid #e6e6e6;margin: 0 auto; margin-top: 0.1rem;font-size: 0.22rem;}
.icase .list li:hover{    -webkit-transform:translateY(-0.06rem);
  transform:translateY(-0.06rem);}
.icase .list li:hover a.detail{  background: #043c9b;border-color: #043c9b;color: #fff;}
.icase .list li:hover h3>a{color: #043c9b;}
/*企业资质*/
.honor{ margin-top: 0.3rem;     margin-bottom: 0.4rem;display: none;}
.honor .main {  overflow:hidden; position:relative;    }
.honor .list {     position:relative;margin: 0 1%; }
.honor .list li { float:left; width:48%;    background: #fff;   margin: 1%;border: 1px solid #ddd;}
.honor .list .img { margin: 0 auto; }
.honor .list img { display:block; margin: 0 auto;  }
.honor .list figure{    display: block;    width: 100%;    height: auto;    padding-bottom: 75%;    position: relative;    background: #fff;    overflow: hidden;}
.honor .list li img{position: absolute;    left: 0;    top: 0;    width: 100%;    min-height: 100%;}
.honor .list h3 {background: #6642e6; height:0.6rem; line-height:0.6rem;   text-align: center;}
.honor .list h3 a{ color: #fff;font-size: 0.24rem;  }
/*采访照片*/
.interview{padding:.4rem 0 .3rem;    background: #eee;display: none; }
.interview .main{height: 2.8rem;margin:0 2%;overflow:hidden;}
.interview .list {float:left; width:500%;margin-bottom: .1rem;}
.interview .list li {float:left; width:31%;position: relative;}
.interview .list figure{ position:relative; padding:0 0 75%;  }
.interview .list figure img { position:absolute; left:0; top:0; width:100%; height:100%; }
.interview .list li h3 {position: absolute;left: 0;bottom: 0;text-align: center;width: 100%;line-height: .5rem;color: #fff;background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;filter: Alpha(opacity=50);}
.interview .tip{margin-top: 0.2rem;width: 100%;text-align: center;height: 0.36rem;}
.interview .tip li{ width: 7%;height: .04rem;display: inline-block;float: none;margin: 0 0.08rem;cursor: pointer;background:#bfbfbf;}
.interview .tip li.active{background: -webkit-linear-gradient(left, #4f22ee, #812dd3); }
/*关于我们*/
.iabout { padding: .4rem .3rem .4rem; background: url(../images/iabout.jpg) center top no-repeat #fff; background-size: contain; display: none;}
.iabout .inner { background: #fff; box-shadow: 0 .1rem .1rem rgba(0,0,0,.07); border-radius: .06rem; padding: .2rem .3rem .5rem; }
.iabout .main { padding: 0 0 .3rem; }
.iabout .main p { line-height: .45rem; text-align: justify; }
.iabout .main a { color: #4f22ee; }
.iabout .url { text-align: center; white-space: nowrap; }
.iabout .url li { display: inline-block; vertical-align: middle; margin: 0 .1rem; }
.iabout .url a { display: block; line-height: .6rem;    background: -webkit-linear-gradient(left bottom,#4f22ee,#9933c5);
    background: -o-linear-gradient(left bottom,#4f22ee,#9933c5);
    background: -mos-linear-gradient(left bottom,#4f22ee,#9933c5);
    background: -moz-linear-gradient(left bottom,#4f22ee,#9933c5);
    background: linear-gradient(left bottom,#4f22ee,#9933c5); color: #fff; border-radius: .06rem; padding: 0 .3rem; white-space: nowrap; }
/*最新动态*/    
.inews {display: none; }
.inews .ihead2 { margin: 0 0 .3rem; }
.inews .tod{ margin: 0 2%;}
.inews .tod li{width: 100%;color: #656565;border-bottom: 1px solid #e6e6e6;
height: 1.8rem;overflow: hidden;padding: 0.16rem 0;margin-bottom: 0.22rem;}
.inews .tod li>a{}
.inews .tod li>a img{ width: 1.42rem;display: block;float: left;height: 1.06rem;margin: 0 0.2rem;}
.inews .tod li .zi{ float: left;width: 66%; margin-left: 6%;line-height: 1.6;}
.inews .tod li .data{float: left;text-align: center;width: 1.6rem;line-height: 1;height: 1.2rem; color: #fff; 
background: #6642e6;}
.inews .tod li .data em{display: block;font-style: normal;font-size: 0.42rem; margin-top: .18rem;font-weight: bold;  }
.inews .tod li .data i{font-style: normal; display: block; height: 0.26rem; line-height: 2.2;font-size: 0.22rem; }
.inews .tod li .data img{}
.inews .tod li span{ margin-bottom: .1rem;display: block; }
.inews .tod li span a{font-size: 0.24rem; display: inline-block;color: #222; font-weight: bold;}
.inews .tod li .description{ font-size: 0.22rem;color: #a4a4a4;}

.ihead2 { position: relative; height: .9rem; line-height: .9rem; background: #5d25e6; }
.ihead2 h2 { display: inline-block; vertical-align: bottom; background: #792cd7; color: #fff; padding: 0 .4rem; font-size: .32rem; font-weight: normal; }
.ihead2 a { position: absolute; right: 0; top: 0; padding: 0 .3rem; color: #fff; }
/*联系我们*/
.icontact {padding:4% 0 3%;}
.icontact .icbot{margin:0 2%;}
.icontact .list { margin:0 2%; padding:0 0 4%;}
.icontact .list dd { position:relative; line-height:.5rem; padding:2% 0 2% 1.6rem;  color:#101010;}
.icontact .list a { display:block; }
.icontact .list label { position:absolute; left:0; top:0; line-height:.7rem; padding:0 0 0 .4rem; }
.icontact .list label.name { background:url(../images/icontact-1.png) left center no-repeat; background-size:.3rem; }
.icontact .list label.email { background:url(../images/icontact-2.png) left center no-repeat; background-size:.3rem; }
.icontact .list label.mobile { background:url(../images/icontact-3.png) left center no-repeat; background-size:.3rem; }
.icontact .list label.address { background:url(../images/icontact-4.png) left center no-repeat; background-size:.3rem; }

a.mo{ display: block;height: .6rem;line-height: .6rem;
font-size: .24rem;text-align: center;width: 40%;margin: 0 auto;background: -webkit-linear-gradient(left bottom,#4f22ee,#9933c5);

background: -o-linear-gradient(left bottom,#4f22ee,#9933c5);

background: -mos-linear-gradient(left bottom,#4f22ee,#9933c5);

background: -moz-linear-gradient(left bottom,#4f22ee,#9933c5);

background: linear-gradient(left bottom,#4f22ee,#9933c5);color: #fff;    border-radius: 0.05rem;}

.location { height:.7rem; line-height:.7rem; background: -webkit-linear-gradient(left bottom,#4f22ee,#9933c5);

background: -o-linear-gradient(left bottom,#4f22ee,#9933c5);

background: -mos-linear-gradient(left bottom,#4f22ee,#9933c5);

background: -moz-linear-gradient(left bottom,#4f22ee,#9933c5);

background: linear-gradient(left bottom,#4f22ee,#9933c5); position:relative; }
.location h2 { display:inline-block; padding:0 .2rem 0 .5rem; color:#fff; font-size:.26rem; font-weight:normal; 
background:url(../images/back.png) left center no-repeat; background-size:.22rem;    text-align: center;
    display: block;    background-position-x: 0.18rem;}

/* 在线留言 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#999; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }

.message-page { padding:.2rem 4% 0; overflow:hidden; }
.message-page li { margin-bottom:.2rem; width:100%; font-size:1.2em; }
.message-page .txt,
.message-page .text { width:100%; padding:0 3%; height:.7rem; line-height:.7rem; background:#fff; border:1px solid #ddd;  }
.message-page .txt:focus,
.message-page .text:focus { border-color:#aaa; }
.message-page .text { height:1.5rem; line-height:.3rem; padding:3%; }
.message-page .error { border-color:#ff0000 !important; }
.message-page .submit { width:100%; height:.7rem; line-height:.7rem; background:#4f22ee; border:0; border-radius:3px; font-size:.28rem; color:#fff; text-align:center; }
.message-page .submit:active { background:#8c30cd; }

.loading { width:auto; height:.7rem; line-height:.7rem; text-align:center; margin:0 2% .2rem; background:#eee; color:#999; border-radius:3px; font-size:.26rem; /* display:none; */  }
.loading:active { background:#f5f5f5; }


.newslist {
  width: 94%;
  margin: 0 auto;    padding-bottom: .2rem;
}
.newslist .item {
  padding-right: .1rem;
  display: block;
  padding: .3rem 0 .3rem;
  border-bottom: 1px solid #dddddd;
  margin: 0 auto 0;
}
.newslist .item img {
  width: 2rem;
  height: 1.5rem;
  display: block;
  margin-right: .22rem;
}
.newslist .item h3 {
  font-size: .3rem;
  line-height: 0.44rem;
  height: 0.88rem;
  margin-bottom: .22rem;
  overflow: hidden;
  color: #333333;
}
.newslist .item .iconbef {
  color: #999;
  font-size: .2rem;
}
.newslist .item .iconbef{
  
  display: inline-block;
  margin-right: .08rem; background:url(../images/time.png) left center no-repeat; padding-left:0.3rem; background-size:0.26rem 0.24rem;
}
.newslist img {
  max-width: 100%;
}
.news-content{    margin: 0 auto;padding: 2%;}
.ArticleTitle{padding: 0 0 .2rem; overflow: hidden;}
.ArticleTitle article{width: 100%; padding: .3rem 0; text-align: center; background: #fff; border-bottom: 1px solid #dddddd;}
.ArticleTitle article h1{    font-size: .4rem;
    line-height: .44rem;
    text-align: center;}
.ArticleTitle article .mark{font-size: .22rem; padding: .2rem 0 0; text-align: center; color: #666666;}
.ArticleTitle article .mark span{margin: 0 .06rem;}
.showInfo .img{width: 94%; margin: .25rem auto;}
.showInfo .img img{max-width: 100%; display: block; margin: 0 auto;}
.showInfo .contxt{padding: .2rem 3% .4rem; line-height: .42rem; color: #666666;}
.showInfo .contxt img{max-width: 100%; height: auto !important;}
.imgtog .hd { display:none;}
.xisj{ padding-top:0.2rem;}

.wrapper {
    width: 100%;
    background: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0);
    padding: 0 0 .5rem;
}
[ig-article] {
    text-align: justify;
    padding: 2%;
    font-size: .26rem;
    line-height: 1.8;
    background: none;
}

.product-lister .list { width: 100%; padding: .2rem 0 .2rem; overflow: hidden; }
.product-lister .item { float: left; width: 47%; margin: 0 0 2% 2%; background: #ddd; text-align: center; }
.product-lister .img { position: relative; padding: 0 0 75%; margin: 0 0 -1px; background: #eee; }
.product-lister .img img { position: absolute; left: 0; top: 0; width: 100%; height: auto; }
.product-lister .item h3 { line-height: .8rem; font-weight: normal; padding: 0 .4rem; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;    z-index: 10;
    position: relative;
    background: #ddd; }
.product-lister .item:active { background: #9833c6;  color: #fff;}

.pager {
    display: none;
}


.witio_left video{    width: 100%; height: auto;    background: #000;}

.big_box {
    background: url(../images/big_bj.jpg) center no-repeat;    background-size: cover;
}