@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; border:none; outline:none; font-family:"微软雅黑";}
a{ text-decoration:none;}
dl,dt,dd,ol,ul,li{ list-style:none;}

.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
body,html{ width:100%;}

#superContainer {
	width:100%;
	height: 100%;
	overflow:hidden;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #333; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333;opacity:1;
}

input:-ms-input-placeholder{
    color: #333;opacity:1;
}

input::-webkit-input-placeholder{
    color: #333;opacity:1;
}



.section{ width:100%; height:100%; overflow:hidden; position:relative;}
.actives{ width:5.42%; left:47.29%; bottom:0; position:absolute; z-index:9999;}
.actives a{ display:block; width:100%;}
.actives img{ width:100%; display:block;}

.lo{ position:absolute; right:5.625%; top:9.44%; width:14.33%;}
.lo img{ width:100%; display:block;}

/*01*/
.header{ width:100%; position:absolute; top:2.7rem; left:0; height:3.5rem; background-color:#333; border-bottom:3px solid #0096ff; z-index:999;}
.yous{ height:7rem; right:0; top:0; position:absolute; z-index:9999;}
.yous img{ height:7rem; display:block;}
.header .head{ width:17.71%; height:3.5rem; display:table; vertical-align:middle; text-align:center; float:left;}
.header .head a{ height:3.5rem; display:table-cell; vertical-align:middle; text-align:center; background-color:#0096ff;}
.header .head a img{ height:3.5rem; vertical-align:middle; text-align:center;}

.header .nav{ width:76.77%; margin-left:5.52%; display:block; height:3.5rem; float:left;}
.header .nav li{ width:9.76%; height:100%; display:block; float:left; position:relative; height:3.5rem;}
.header .nav li a{ width:100%; height:3.5rem; line-height:3.5rem; font-size:1rem; text-align:center; color:#fff; display:block;}
.header .nav li dl{ display:none; position:absolute; left:0; width:169.44%; top:100%; z-index:99999; background-color:rgba(0,0,0,0.9);}
.header .nav li dl dt{ width:100%; display:block; padding-bottom:1px; height:2rem; line-height:2rem; font-size:0.875rem; background-image:url(../images/n.jpg); background-position:right bottom; background-repeat:repeat-x; background-size: 100% auto;}
.header .nav li dl dt a{ display:block; background-color:transparent !important; height:2rem; line-height:2rem; font-size:0.875rem; overflow:hidden;}
.header .nav li dl dt a img{ display:block; height:2rem;}
.header .nav li:hover a{ background-color:#0096ff;} 
.header .nav li dl dt a:hover{ background-color:#0096ff !important;} 
.header .nav li:hover dl{ display:block;}

.logos{ width:8.85%; position:absolute; left:3.85%; bottom:6.11%; z-index:999;}
.logos img{ display:block; width:100%;}

.main_visual{ width:100%; height:100%; overflow:hidden; position:relative;}
.main_image{ width:100%; height:100%; overflow:hidden; position:relative;}
.main_image ul{ width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0}
.main_image li{float:left; width:100%; height:100%; overflow:hidden; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:cover;}

.flicking_con{ width:14.95%; position:absolute; z-index:999; bottom:6.23%; left:42.525%;}
.flicking_inner{ width:92.18%; overflow:hidden; float:left; height:22px;}
.flicking_inner a{ width:5.3%; height:22px; display:block; float:left; margin-right:3.79%; background-image:url(../images/ban.png); background-position:center; background-repeat:no-repeat; background-size:100% auto; font-size:0;}
.flicking_inner a.on{ background-image:url(../images/banh.png);}
.flicking_con span{ width:7.82%; height:22px; display:block; float:left; background-image:url(../images/bo.png); background-position:center; background-repeat:no-repeat; background-size:100% auto; font-size:0; cursor:pointer;}
.flicking_con span.ano{ background-image:url(../images/bo01.png);}
#btn_prev{ width:2.1875%; position:absolute; top:43.59%; z-index:999; display:block !important; left:0;}
#btn_next{ width:2.1875%; position:absolute; top:43.59%; z-index:999; display:block !important; right:0;}
#btn_prev img,#btn_next img{ display:block; width:100%;}  

/*02*/
.container{ width:53.86%; margin:auto; height:35.19%; margin-top:9.5%; position:relative; }
.container .img-holder{ width:26.01%; height:89.11%; position:absolute; visiblity:hidden; top:5.78%; left:35.495%; cursor:pointer; overflow:hidden; padding:1.5%; background-image:url(../images/mask02.png); background-repeat:repeat; background-size:100% 100%;}
.kaugn{ width:100%; height:100%; position:relative;}
.aa{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.aa a{ display:block; width:100%; height:100%; font-size:0;}
.container .img-holder .tu{ width:100%; height:52%;}
.container .img-holder .tu img{ display:block; width:100%;}
.container .img-holder .biao{ width:100%; height:2.6rem; line-height:1.3rem; font-size:0.875rem; color:#fff; margin-top:4.2%;}
.container .img-holder .txt{ width:100%; height:3rem; text-transform:uppercase; line-height:1rem; margin-top:2.2%; font-size:0.625rem; color:#fff;}
.scrollbox{ width:44.53%; margin:auto; margin-top:4.2%; overflow:hidden; height:12px;}
.scrolller-container{  width:100%; height:12px; position:relative; background-image:url(../images/scroll.png); background-position:center; background-size:100% 100%; background-repeat:no-repeat;}
.scrolller-container .scroller{ cursor:pointer !important; width:4.56%; height:10px; position:absolute; top:-2px; left:0px; z-index:999;}
.scrolller-container .scroller img{ width:100%; height:10px; cursor:pointer !important;}
@media screen\0{
	.container .img-holder{ width:16%; float:left; margin-left:0.5%; margin-right:0.5%; position:static; opacity:1; visibility:visible !important;}
	.container{overflow:hidden;}
	.scrollbox{ display:none;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.container{ width:53.86%; margin:auto; height:35.19%; margin-top:6.5%; position:relative; overflow:visible;}
	.container .img-holder{ width:26.01%; height:89.11%; position:absolute; visiblity:hidden; top:5.78%; left:35.495%; cursor:pointer; overflow:hidden; padding:1.5%; background-image:url(../images/mask02.png); background-repeat:repeat;  background-size:100% 100%;}
	.kaugn{ width:100%; height:100%; position:relative;}
	.aa{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
	.aa a{ display:block; width:100%; height:100%; font-size:0;}
	.container .img-holder .tu{ width:100%; height:52%;}
	.container .img-holder .tu img{ display:block; width:100%;}
	.container .img-holder .biao{ width:100%; height:1.3rem; font-size:0.875rem; color:#fff; margin-top:4.2%;}
	.container .img-holder .biao01{ width:100%; height:1.3rem; font-size:0.875rem; color:#fff; display:none !important;}
	.container .img-holder .txt{ width:100%; height:3rem; text-transform:uppercase; line-height:1rem; margin-top:2.2%; font-size:0.625rem; color:#fff;}
	.scrollbox{ width:44.53%; margin:auto; margin-top:4.2%; overflow:hidden; height:12px;}
}

.navbox{ width:26.5625%; margin:auto; margin-top:2%;}
.navbox a{ display:block; float:left; width:48.04%; margin:0 0.98%; height:3rem; line-height:3rem; text-align:center; font-size:1.125rem; color:#fff; background-image:url(../images/mask01.png); background-repeat:repeat;}
.navbox a:hover{ background-image:none; background-color:#0096ff;}
#link1,#link5{ z-index:11;}
#link2,#link4{ z-index:13;}
#link3{ z-index:15;}
.gengduo{ display: block; position: absolute; left: 42%; width: 16%; bottom: 11%; z-index: 999;}
.gengduo img{ width: 100%; display: block;}
.g03{ bottom: 10.6%;}
.g01{ left: 44.53125%; width: 10.9375%; bottom: 24.8%;}
@media screen and (min-width:1681px) and (max-width: 1920px) { 
.gengduo{ bottom: 12.5%;}
.g03{ bottom: 12%;}
.g02{ bottom: 12%;}
.g01{ bottom: 26.8%;}
}

/*03*/
.box{ width:100%; height:100%; position:relative;}
.box .rotates{ display:block; width:100%; position:absolute; left:0; bottom:0; z-index:1;}
@keyframes lefteaseinAnimate{
   from {left:-2000px;}
   to {left:0;}
}
@-webkit-keyframes lefteaseinAnimate{
    from {left:-2000px;}
   to {left:0;}
}
@-o-keyframes lefteaseinAnimate{
    from {left:-2000px;}
   to {left:0;}
}
@-ms-keyframes lefteaseinAnimate{
   from {left:-2000px;}
   to {left:0;}
}
@-moz-keyframes lefteaseinAnimate{
   from {left:-2000px;}
   to {left:0;}
}
.rotatesimg{ display: none;}
.section3.active .rotatesimg{ width: 100%; position:absolute; bottom:0; display: block;
    animation: lefteaseinAnimate 1s ease 1; 
    -webkit-animation: lefteaseinAnimate 1s ease 1;
    -ms-animation: lefteaseinAnimate 1s ease 1;
    -o-animation: lefteaseinAnimate 1s ease 1;
    -moz-animation: lefteaseinAnimate 1s ease 1;
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}

/*04*/
.logos01{ width:8.85%; position:absolute; left:3.85%; bottom:5.11%; z-index:999;}
.logos01 img{ display:block; width:100%;}
.pro{ width:46.72%; margin:auto; height:55.55%; display:block; margin-top:8.5%;}
.pro dd{ height:100%; float:left; width:25%; display:block; overflow:hidden;}
.pro dt{ height:100%; float:left; width:25%; display:block; overflow:hidden;}
.pro a{ width:100%; height:96.22%; position:relative; background-color:#fff; border:1px solid #7b7a7a; box-sizing:border-box; display:block; overflow:hidden; text-align:center;}
.pro a img{ max-width:100%; max-height:100%; display:block; margin:auto;}
.pro a span{ width:100%; height:2rem; line-height:2rem; overflow:hidden; position:absolute; top:65.2%; left:0; z-index:100; display:block; font-size:1.125rem; color:#fff; text-transform:uppercase;}
.pro a b{ width:100%; height:100%; border:1px solid #7b7a7a; box-sizing:border-box; background-image:url(../images/mask04.png); background-repeat:repeat; position:absolute; top:0; left:0; z-index:99; display:none;}
.pro a strong{ width:100%; height:2rem; line-height:2rem; overflow:hidden; font-size:1rem; color:#fff; background-image:url(../images/mask05.png); background-repeat:repeat; position:absolute; top:72.45%; left:0; z-index:101; display:block; font-weight:normal;}
.pro a:hover strong{ background-image:none; background-color:#0096ff;}
.pro a:hover b{ display:block;}
.pro h1{ width:100%; height:3.78%; display:block;}

/*05*/
.zhao{ width:78.7%; margin:auto; margin-top:15.5%;}
.zhao dt{ width:1.532%; display:block; float:left; display:block; height:100px;}
.zhao dd{ width:13.64%; margin-left:-1.532%; display:block; float:left; border-radius:500px;}
.zhao p{ display:block; width:100%; overflow:hidden; border-radius:500px; background-image:url(../images/zhao.png); background-repeat:no-repeat; background-position:center; background-size:100% 100%;}
.zhao p span{ width:100%; display:block; overflow:hidden; background-position:center; background-size:100% 100%;}
.zhao p span img{ display:block; width:100%;}
.zhao p b{ display:none; width:100%; overflow:hidden; position:relative; border-radius:500px; background-repeat:no-repeat; background-position:center; background-size:100% 100%;}
.zhao p b img{ display:block; width:100%;}
.zhao dt:hover span,.zhao dd:hover span{ display:none;}
.zhao dt:hover b,.zhao dd:hover b{ display:block;}
.zhao h1{ width:116.33%; margin-left:-8.415%; margin-top:3.5%; display:none;}
.zhao h1 img{ display:block; width:100%;}

/*06*/
.section .t01{ width:8.21%; margin:auto; margin-top:10.17%;}
.section .t02{ width:6.19%; margin:auto; margin-top:1.04%;}
.section .t03{ width:15.625%;margin:auto; margin-top:.8%;}
.section .t01 img,.t02 img,.t03 img{ width:100%; display:block;}
.section .link{ width:48.75%; margin:auto; margin-top:1.17%; text-align:center;}
.section .link dt{ display:block; text-align:center; width:100%; height:2rem; line-height:2rem; font-size:1rem; color:#fff;}  
.section .link dd{ display:inline; padding:0 0.5%; font-size:1rem; height:2rem; line-height:2rem; color:#fff;}
.section .link dd a{ color:#fff;}

/*ny*/
.headers{ width:100%; height:3.5rem; background-color:#453d3b; border-bottom:3px solid #0096ff;}
.headers .head{ width:17.71%; height:3.5rem; display:table; vertical-align:middle; text-align:center; float:left;}
.headers .head a{ height:3.5rem; display:table-cell; vertical-align:middle; text-align:center; background-color:#0096ff;}
.headers .head a img{ height:3.5rem; vertical-align:middle; text-align:center;}
.headers .nav{ width:76.77%; margin-left:5.52%; display:block; height:3.5rem; float:left;}
.headers .nav li{ width:9.76%; height:100%; display:block; float:left; position:relative; height:3.5rem;}
.headers .nav li a{ width:100%; height:3.5rem; line-height:3.5rem; font-size:1rem; text-align:center; color:#fff; display:block;}
.headers .nav li dl{ display:none; position:absolute; left:0; width:169.44%; top:100%; z-index:99999; background-image:url(../images/mask.png); background-position:left top; background-repeat:repeat;}
.headers .nav li dl dt{ width:100%; display:block; padding-bottom:1px; height:2rem; line-height:2rem; font-size:0.875rem; background-image:url(../images/n.jpg); background-position:right bottom; background-repeat:repeat-x; background-size: 100% auto;}
.headers .nav li dl dt a{ display:block; background-color:transparent !important; height:2rem; line-height:2rem; font-size:0.875rem;}
.headers .nav li dl dt a img{ display:block; height:2rem;}
.headers .nav li:hover a{ background-color:#0096ff;} 
.headers .nav li dl dt a:hover{ background-color:#0096ff !important;} 
.headers .nav li:hover dl{ display:block;}

/*banner*/
.ban{ width:100%; position:relative; padding-bottom:0.8%;}
.ban img{ width:100%; display:block;}
.ban .you{ width:17.15%; right:0; bottom:0; position:absolute; z-index:9999;}
.ban .you img{ width:100%; display:block;}

/*foot*/
.foot{ width:100%; position:relative;} 
.foot img{ display:block; width:100%;}
.foot .t01{ width:8.21%; position:absolute; left:45.895%; top:10%;}
.foot .t02{ width:4.19%; position:absolute; left:47.905%; top:37%;}
.foot .t03{ width:15.625%; position:absolute; left:42.1875%; top:41%;}
.foot .t01 img,.foot .t02 img,.foot .t03 img{ width:100%; display:block;}
.foot .link{ width:48.75%; position:absolute; left:25.625%; top:50%; text-align:center;}
.foot .link dt{ display:block; text-align:center; width:100%; height:2rem; line-height:2rem; font-size:1rem; color:#fff;}  
.foot .link dd{ display:inline; padding:0 0.5%; font-size:1rem; height:2rem; line-height:2rem; color:#fff;}
.foot .link dd a{ color:#fff;}

/*历程*/
.dao{ width:100%; background-image:url(../images/db.jpg); background-position:bottom left; background-repeat:repeat-x; position:absolute; left:0; bottom:2.1%; height:2.6rem;}
.dao ul{ width:71.15%; margin:auto; text-align:center; vertical-align:middle; height:2.6rem; display:table;}
.dao ul li{ overflow:hidden; text-align:center; vertical-align:middle; display:table-cell; background-image:url(../images/dh.png); background-position:left bottom; background-repeat:repeat-x; height:2.6rem; border:1px solid rgba(255,255,255,0); border-bottom:none; box-sizing:border-box;}
.dao ul li a{ width:100%; height:2.6rem; line-height:2.6rem; display:block; font-size:0.875rem; color:#666;} 
.dao ul li:hover,.dao ul li.on{ background-image:none; background-color:#fff; border:1px solid #858686; border-bottom:none;}

.main{ width:100%; background-image:url(../images/nei01.jpg); background-position:top center; background-size:100% auto; background-repeat:no-repeat; margin-top:-0.8%;}
.main .biao{ width:71.15%; margin:auto; margin-top:3%; height:132px; background-image:url(../images/biao01.png); background-position:left center; background-repeat:no-repeat;}
.main .biao p{ display:block; padding-left:190px; padding-top:39px; height:58px; line-height:58px; font-size:14px; color:#fff; text-transform:uppercase;}

/*简介*/
.wenz{ width:62%; margin:auto; margin-top:3%; margin-bottom:5%; font-size:1rem; color:#333;}
.wenz img{ max-width:100%;}
.wenz embed{ max-width:100%;}

/*历程*/
.dg{ width:63%; margin:auto; margin-top:3%;}
.dg li{ width:48%; margin:0 1%; margin-bottom:5%; float:left; display:block; overflow:hidden;}
.dg li .tu{ width:30%; padding:1%; border:1px solid #b0b0b0; float:left;}
.dg li .tu span{ width:100%; display:block; overflow:hidden;}
.dg li .tu span img{ width:100%; display:block;}
.dg li .wen{ width:65%; float:right;}
.dg li .wen .shi{ width:100%; margin-top:15%;}
.dg li .wen .shi span{ display:block; float:left; color:#0096ff; font-size:2rem;}
.dg li .wen .shi a{ display:block; float:left; color:#bcbbbb; margin-left:3%; font-size:1.4rem; text-transform:uppercase; padding-top:0.4rem; font-family:Arial, Helvetica, sans-serif; height:1.4rem; line-height:1.4rem; overflow:hidden;}
.dg li .wen .wz{ width:94%; padding:3%; height:3.6rem; line-height:1.2rem; font-size:0.875rem; color:#666; margin-top:5%; background-color:rgba(200,200,200,0.7);}

/*荣誉*/
.ry{ width:68%; margin:auto; margin-top:1%; text-align:center; margin-bottom:5%;}
.ry li{ display:block; float:left; width:26.51%; overflow:hidden; margin:0 3.41%; margin-top:2%;}
.ry li img{ width:100%; display:block;}
.ry li b{ font-weight:normal; font-size:1rem; line-height:2rem; height:2rem; overflow:hidden; text-align:center; color:#666;}

/*产品*/
.pros{ width:63%; margin:auto; margin-bottom:5%; display:block;}
.pros li{ width:48%; margin:0 1%; margin-top:3%; float:left; display:block; overflow:hidden;}
.pros li a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.pros li .tu{ width:50%;}
.pros li .tu img{ width:100%; display:block; -webkit-filter:saturate(0.5); filter:saturate(0.5);}
.pros li .wen{ width:47%; padding-left:3%; position:absolute; right:0; top:0; display:block; background-color:rgba(80%,80%,80%,0.7); height:100%;}
.pros li .wen p{ width:100%; display:table; vertical-align:middle; font-size:1.2rem; line-height:2rem; color:#666; height:100%;}
.pros li .wen p b{ display:table-cell; line-height:2rem; vertical-align:middle; font-weight:normal; width:100%; height:100%;}
.pros li .wen p span{ font-size:1.2rem; line-height:2rem; display:block; color:#666;    overflow: hidden;
    height: 64px;}
.pros li:hover .tu img{ -webkit-filter:saturate(1); filter:saturate(1);}
.pros li:hover .wen{ background-color:#372e2b;}
.pros li:hover .wen b{ color:#fff;}
.pros li:hover .wen b span{ color:#fff;}

/*产品列表*/
.cp{ width:72.7815%; margin:auto; margin-top:3%;}
.cp li{ margin:0 0.47%; float:left; display:block; margin-bottom:3%; width:32.2%; overflow:hidden;}
.cp a{ width:100%; display:block; overflow:hidden;}
.cp img{ width:100%; display:block;}

.fanye{ width:100%; text-align:center; margin-bottom:5%;}
.fanye a{ background-color:#989898; width:30px; height:30px; border-radius:50px; font-size:14px; color:#fff; line-height:30px; text-align:center; margin:0 0.1%; display:inline-block;}
.fanye span{ background-color:#6b6b6b; width:30px; height:30px; border-radius:50px; font-size:14px; color:#fff; line-height:30px; text-align:center; margin:0 0.1%; display:inline-block;}
.fanye a:hover{ background-color:#6b6b6b;}

/*产品内页*/
.game163{ position: relative; overflow: hidden; width:1000px; margin:3% auto; margin-bottom:5%;}
.game163 .bigImg{ width:800px; position: relative; vertical-align:middle; float:left;}
.game163 .bigImg li{ width:800px; vertical-align:middle; text-align:center; overflow:hidden;}
.game163 .bigImg li img{ vertical-align:middle; height:600px; text-align:center;}
.game163 .smallScroll{ width:150px; float:right;}
.game163 .sPrev,.game163 .sNext{ display:block; width:100%; height:34px; background-position:center; background-repeat:no-repeat; font-size:0;}
.game163 .sPrev{ background-image:url(../images/s.jpg);}
.game163 .sNext{ background-image:url(../images/x.jpg);}
.game163 .smallImg{ width:137px; margin:9.5px auto; height:513px; overflow: hidden;}
.game163 .smallImg ul{ width:100%; height:auto;}
.game163 .smallImg li{ width:100%; cursor:pointer; height:129px; overflow:hidden; cursor:pointer;}
.game163 .smallImg img{ height:126px; margin:auto; display:block;}
.game163 .pageState{ position: absolute; top: 235px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px;}
.game163 .pageState span{ color: #f00; font-size: 16px;}

/*新闻*/
.table{ width:78%; margin:auto;}
.table li{ width:39.65%; margin:0 5.175%; display:block; float:left; margin-top:3%; overflow:hidden; background-image:url(../images/madk.png); background-repeat:repeat;}
.table li a{ display:block; width:100%; overflow:hidden; position:relative; padding-bottom:1.5rem;}
.table li .tu{ width:100%; display:none;}
.table li .tu img{ width:100%; display:block;}
.table li .xt{ width:89%; margin:auto; height:4rem; line-height:4rem; font-size:1rem; color:#fff;}
.table li span{ font-size:0.875rem; color:#fff; display:block; position:absolute; right:5.5%; bottom:1.5rem;}
.table li:hover a{ background-color:#1a1a1a;}

.more{ width:11.77%; margin:auto; margin-top:3%; margin-bottom:6%; background-image:url(../images/madk.png); background-repeat:repeat;}
.more img{ width:100%; display:block;}
.more:hover{ background-image:none; background-color:#0096ff;}

/*招商支持*/
.jia{ width:68.28125%; margin:auto; background-image:url(../images/jia.png); background-position: center; background-repeat:no-repeat; background-size:100% auto; margin-top:2%; overflow:hidden;}
.jia li{ width:22.349%; display:block; margin:1.5% 5.49%; float:left;}
.jia li p{ width:100%; display:block; overflow:hidden;}
.jia li strong{ width:100%; display:block;}
.jia li b{ width:100%; display:none;} 
.jia li b img,.jia li strong img{ width:100%; display:block;}
.jia li:hover strong{ display:none;} 
.jia li:hover b{ display:block;} 

.jia li h1{ margin-top:3.5%; display:none;}
.jia li img{ display:block; width:100%;}
.jia li:hover h1{ display:block;}
.jia h2{ display:block; visibility:hidden; margin-top:3.5%;}
.jia li:hover h2{ display:none;} 

/*申请加盟*/
.bts{ width:100%; text-align:center; font-size:4rem; color:#666;}
.bts span{ width:100%; display:block; text-align:center; font-size:2.6rem; color:#666; margin-top:3%;}
.bts p{ width:100%; display:block; text-align:center; font-size:1rem; text-transform:uppercase; color:#666; margin-top:1%;}

.shen{ width:10.94%; margin:auto; margin-top:3%;}
.shen img{ width:100%; display:block;}
.sq{ width:33.54%; margin:3% auto; margin-bottom:6%;}
.sq dt{ display:block; width:100%; height:2.6rem; overflow:hidden; margin-top:2%;}
.sq dt input{ display:block; width:96%; padding:0 2%; height:2.67rem; line-height:2.67rem; font-size:1rem; color:#333; background-image:url(../images/mask.png); background-repeat:repeat;}
.sq dd{ margin:auto; margin-top:4%; width:34.16%;}
.sq dd input{ width:100%; height:3rem; display:block; color:#fff; font-size:1rem; background-color:#0096ff;}
.sq .tncode{ width:100%; height:3rem; display:block; margin:0 auto;text-align: center; line-height: 2.5rem; background-image:url(../images/mask.png); background-repeat:repeat;}

/*案例*/
.case{ width:58.54%; margin:auto;}
.case dt{ width:94.66%; margin:auto; display:block; overflow:hidden; margin-top:3%;}
.case dt .tp{ width:34.18%; overflow:hidden;}
.case dt .tp a{ width:100%; display:block; overflow:hidden;}
.case dt .tp img{ width:100%; display:block;}
.case dt .txt{ width:59.89%; overflow:hidden;}
.case dt .txt .bt{ width:97%; padding-left:3%; background-image:url(../images/case.png); background-repeat:repeat; font-size:1rem; color:#fff; height:2rem; line-height:2rem;}
.case dt .txt .bt a{ color:#fff;}
.case dt .txt .wen{ width:100%; font-size:0.875rem; color:#333; height:7.2rem; line-height:1.8rem; margin-top:1rem;}
.case dd{ width:100%; display:block; overflow:hidden; padding:3% 0;}
.case dd img{ width:100%; display:block;}

/*布局中国*/
.dealers{ height:800px; width:1053px; margin:auto; margin-top:2%; overflow:hidden;}
.experience{ height:70px; line-height:50px;}
.experience .ex-txt{font-size:16px; font-weight:bold;margin-right:15px; color:#000;}
.experience select{ width:185px; height:42px; font-size:14px; margin-left:15px; border:1px solid #cacaca;}
.map-bj{ width:1053px; background:url('../images/bgjx_03.jpg');position:relative;}
.map-bj .map{ width:716px; float:left; background-image:url(../images/madk06.png); background-repeat:repeat; position:relative;}
.map a{ color:#5b5a5a; font-size:14px; text-decoration:none; cursor:pointer;}
.map a:hover{ color:#fff;}
.citybg{ position:absolute; display:none; z-index:3; }
.city a.active .citybg{ display:block; z-index:3;}
.map-bj .map img{ border:none;}
#m_map{ z-index:999;}
.address{ width:300px; height:575px;float:right; padding-top:20px; padding-left:10px; overflow-y:auto; overflow-x:hidden; overflow:auto; background-image:url(../images/mapk.png); background-repeat:repeat;} 
.ser{ width:278px; height:36px; border:1px solid #111; margin-bottom:20px;}
.ser span{ width:33px; height:36px; display:block; float:left; overflow:hidden; background-color:#fff;}
.ser span input{ width:33px; height:36px; display:block; background-image:url(../images/ser_03.jpg); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.ser a{ width:240px; padding-left:5px; height:36px; display:block; float:left; overflow:hidden; background-color:#fff;}
.ser a input{ width:240px; height:36px; display:block; background-color:#fff; font-size:14px; color:#333; line-height:36px;}
.showlist{width:280px;}
.showlist .showtitle,.kk{ width:275px; padding-left:5px; height:30px; line-height:30px; color:#333; background-color:#e7e8e8; font-size:14px; font-weight:bold;}
.showlist ul li{ color:#333;width:280px;}
.showlist ul li p{width:275px; padding-left:5px; font-size:14px; color:#333; line-height:30px;}
#myzone{width:280px;display:none;}
#mylist{width:280px;}
#mylist ul li{ color:#333;width:280px;}
#mylist ul li p{ width:275px; padding-left:5px; line-height:30px; font-size:14px; color:#333;}
#mylist ul li p:nth-of-type(1){ background:#e7e8e8; font-weight:bold;}

/*招聘*/
#tab{ width:71%; margin:auto; margin-top:1%; margin-bottom:7%;}
#tab .tab_menu{ text-align:center; width:100%; display:block; overflow:hidden;}
#tab .tab_menu li{ width:140px; height:40px; line-height:40px; text-align:center; background-color:#eee; color:#333; font-size:18px; cursor:pointer; margin:0 3%; display:inline-block;}
#tab .tab_menu li.selected{ background-color:#0096ff; color:#fff;}
#tab .tab_box{ width:100%; margin-top:2%; overflow:hidden;}
#tab .tab_box .box{ width:100%; overflow:hidden;}
.hide{ display:none;}
#tab .tab_box .sideMen{ width:100%; overflow:hidden;}
.ce{ width:100%; display:block; overflow:hidden;}
#tab .tab_box .sideMen .biaoti{ display:block; overflow:hidden; width:90%; margin:auto; padding:0 3%; font-weight:normal; height:40px; line-height:40px; font-size:18px; background-color:#eee; color:#333; position:relative; cursor:pointer; position:relative; border:1px solid #cacaca;}
#tab .tab_box .sideMen .biaoti em{ width:40px; height:40px; display:block; position:absolute; right:0; top:0; font-size:30px; text-align:center; line-height:40px; color:#333; font-style:normal; font-weight:bold;}
#tab .tab_box .sideMen .biaoti b{ width:40px; height:40px; display:none; position:absolute; right:0; top:0; font-size:30px; text-align:center; line-height:40px; color:#fff;}
#tab .tab_box .sideMen .biaoti.on{ background-color:#0096ff; color:#fff; border:1px solid #0096ff;}
#tab .tab_box .sideMen .biaoti.on em{ display:none;}
#tab .tab_box .sideMen .biaoti.on b{ display:block;}
#tab .tab_box .sideMen .neirong{ width:90%; margin:auto; display:none; padding:1% 3%; border:1px solid #cacaca; border-top:none; font-size:14px; line-height:24px; overflow:hidden; background-color:#fff;}