@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0;}
ul,ol,dl{list-style-type:none;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button{overflow: visible;vertical-align:middle;outline:none;-webkit-transition:all .3s;transition:all .3s;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur());}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur());}
sub,sup{vertical-align:baseline;}
table{border-collapse:collapse;border-spacing:0;}
textarea { resize:none;} 
input[type="submit"],input[type="button"]{ cursor:pointer;border:0;}
img,li{border:0;vertical-align:middle;zoom: 1;}
a img,img{-ms-interpolation-mode:bicubic;}
a{text-decoration:none;cursor: pointer; color:#666;}
a:hover{text-decoration:none;color: #2691f1;}
body,button,input,select,textarea{ font-family: Arial,"微软雅黑";font-size:12px;color:#666;line-height: 1.7;}
.wrap{ width:1200px; margin:0 auto; clear:both;}
.wrap2{ width:1000px; margin:0 auto; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0;}
.clearfix{*zoom:1;}
div:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0;}
div{*zoom:1;}
body{min-width: 1200px;height: 100%;}
html{height: 100%;}
/* img{max-height: 100%;max-width: 100%;} */
/**/
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f34{font-size:34px;}
.f38{font-size:38px;}
.f48{font-size:48px;}
.f55{font-size:55px;}
.f63{font-size:63px;}
.cfff{color: #fff;}
.c2691f1{color: #2691f1;}
.c22dd91{color: #22dd91;}
.cff4680{color: #ff4680;}
.c999{color: #999;}
.c333{color: #333;}
.cff0000{color: #ff0000;}
.cff6700{color: #ff6700;}



/*头部*/
.header{position: fixed;width: 100%;height:90px;transition:all .4s;-webkit-transition:all .4s;z-index: 999;}
.header .logo{width: 83px;height: 83px;background: url(../images/logo.png) no-repeat;margin-top:7px;transition:all .4s;-webkit-transition:all .4s;}
.header .logo2{width: 171px;height: 48px;background: url(../images/logo3.png) no-repeat;margin-top:20px;transition:all .4s;-webkit-transition:all .4s;background-size: contain;}
.header .nav{margin-top:31px;transition:all .4s;-webkit-transition:all .4s;}
.header .nav li{float:left;margin-left:45px;}
.header .nav li a{display: block;color: #fff;transition:all .4s;-webkit-transition:all .4s;}
/*.header .nav li a:hover{color: #e6e6e6;}*/
.header .nav li a:after{width: 0;border-bottom:1px solid #fff;content: '';height:0;display: block;-webkit-transition:all .3s;transition:all .3s;}
.header .nav li a:hover:after,.header .nav li.on a:after{width: 100%;}
.header.white{background-color:rgba(255,255,255,0.8);}
.header.white .logo2{background-image: url(../images/logo4.png);}
.header.white .nav li a{color: #666;}
.header.white .nav li a:hover{color: #2691f1;}
.header.white .nav li a:after{border-bottom:1px solid #2691f1;}
.header.on{background-color:#fff;background-color:rgba(255,255,255,0.95);border-bottom: 1px solid #e9e9e9;height:70px;}
.header.on .logo{background-images: url(../images/logo2.png);}
.header.on .logo2{background-image: url(../images/logo4.png);width: 120px;background-size: contain;}
.header.on .nav{margin-top: 20px;}
.header.on .nav li a{color: #666;transition:all 0s;-webkit-transition:all 0s;}
.header.on .nav li a:hover{color: #2691f1;}
.header.on .nav li a:after{border-bottom:1px solid #2691f1;}
/*头部结束*/



/*首页内容*/
.index_banner{height: 534px;min-height: 500px;overflow: hidden;position: relative;}
.index_banner .bd{height: 100%;}
.index_banner .bd li{background: no-repeat center top;background-size: cover;height: 100%;}
.index_banner .bd li .pl{position: absolute;left:0;width: 50%;height: 100%;background: url(../images/index_banner_pl.jpg) repeat-x;}
.index_banner .bd li .pl2{position: absolute;left:0;width: 100%;height: 100%;background: url(../images/index_banner2_2.jpg) repeat-x;}
.index_banner .bd li .pr{position: absolute;right:0;width: 50%;height: 100%;background: url(../images/index_banner_pr.jpg) repeat-x;}
.index_banner .bd li .pr3{position: absolute;right:0;width: 50%;height: 100%;background: url(../images/index_banner3_pr.jpg) repeat-x;}
.index_banner .bd li .pl3{position: absolute;left:0;width: 50%;height: 100%;background: url(../images/index_banner3_pl.jpg) repeat-x;}
.index_banner .bd li .info{background: no-repeat center bottom;background-size: cover;height: 100%;max-width: 1980px;margin:0 auto;position: relative;z-index: 9;}
.index_banner .bd li .wrap{height: 100%;position: relative;}
.index_banner .bd li .tc{height: 100%;}
.index_banner .bd li .tc table{width: 100%;height: 100%;}
.index_banner .bd li .tc .more{color: #fff;border:1px solid #fff;width: 188px;line-height: 45px;display: block;border-radius: 2px;text-align: center;margin-top:50px;-webkit-transition:all .2s;transition:all .2s;position: relative;}
.index_banner .bd li .tc .more:hover{color: #00b1f4;}
.index_banner .bd li .tc .more span{position: relative;z-index: 9;}
.index_banner .bd li .tc .more:after{content: '';display: block;position: absolute;width: 0;background: #fff;height: 100%;-webkit-transition:all .2s;transition:all .2s;left:0;top:0;}
.index_banner .bd li .tc .more:hover:after{width: 100%;}
.index_banner .bd li .tc2{padding-top: 217px;}
.index_banner .bd li .tc2 .more{display: block;line-height: 54px;width: 180px;text-align: center;color: #fff;margin-top: 56px;background-color: #23b064;border-radius: 4px;-webkit-transition:all .2s;transition:all .2s;}
.index_banner .bd li .tc2 .more:hover{background-color: #3acc7e;}
.index_banner .bd li .img1{position: absolute;top:45px;right: 209px;-webkit-transform: translate(700px,350px);transform: translate(700px,350px);-webkit-animation:index_banner 0.6s  0.1s forwards;animation:index_banner 0.6s 0.1s  forwards;}
.index_banner .bd li .img2{position: absolute;top:60px;right: -35px;-webkit-transform: translate(700px,350px);transform: translate(700px,350px);-webkit-animation:index_banner 0.6s  0.3s forwards;animation:index_banner 0.6s 0.3s  forwards;}
.index_banner .bd li .img3{position: absolute;top:66px;right: 312px;-webkit-transform: translate(700px,350px);transform: translate(700px,350px);-webkit-animation:index_banner 0.6s  forwards;animation:index_banner 0.6s  forwards;}
.index_banner .bd li .img4{position: absolute;top:145px;right: 28px;-webkit-transform: translate(700px,350px);transform: translate(700px,350px);-webkit-animation:index_banner 0.6s  0.5s forwards;animation:index_banner 0.6s 0.5s  forwards;}
.index_banner .bd li .img5{position: absolute;top:207px;right: 395px;-webkit-transform: translate(700px,350px);transform: translate(700px,350px);-webkit-animation:index_banner 0.6s  0.2s forwards;animation:index_banner 0.6s 0.2s  forwards;}
.index_banner .bd li .img6{position: absolute;top:388px;right: 583px;-webkit-transform: translate(700px,350px);transform: translate(700px,350px);-webkit-animation:index_banner 0.6s  0.4s forwards;animation:index_banner 0.6s 0.4s  forwards;}
.index_banner .bd li .img7{position: absolute;top:382px;right: 382px;-webkit-transform: translate(700px,350px);transform: translate(700px,350px);-webkit-animation:index_banner 0.6s  0.6s forwards;animation:index_banner 0.6s 0.6s  forwards;}
.index_banner .hd{width: 100%;bottom:15px;left: 0;text-align: center;position: absolute;z-index: 9;}
.index_banner .hd ul{display: inline-block;zoom: 1;*display: inline;}
.index_banner .hd ul li{float:left;width: 10px;height: 10px;background: url(../images/ico74.png) no-repeat right center;margin: 0 6px;overflow: hidden;text-indent: -99px;cursor: pointer;border-radius: 10px;}
.index_banner .hd ul li.on{background-position: left center;}
@-webkit-keyframes index_banner{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
		-webkit-transform: translate(0,0);
		transform:translate(0,0);
	}
}
@keyframes index_banner{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
		-webkit-transform: translate(0,0);
		transform:translate(0,0);
	}
}
.index .a1{border-bottom:1px solid #f3f3f3;line-height: 60px;}
.index .a1 .ico1{width: 40px;background: url(../images/ico1.png) no-repeat left center;}
.index .a1 .b1{width: 1140px;}
.index .a1 .b1 li{float:left;margin-right:110px;}
.index .a1 .b1 li a{color: #828282;padding-right:28px;background: url(../images/ico2.png) no-repeat right center;display: block;}
.index .a1 .b1 li span{color: #2691f1;}
.index .a1 .b1 li a:hover{color: #2691f1;}
.index .a2{padding:24px 0;border-bottom:1px solid #f3f3f3;}
.index .a2 li{float:left;text-align: center;width: 33%;border-left:1px solid #f3f3f3;height: 130px;line-height: 1.5;padding-top:5px;}
.index .a2 li h3{padding-left:27px;font-weight: 700;}
.index .a2 li.on h3{font-weight: 700;}
.index .a2 li:first-child{border-left:0;}
.index .a3{text-align: center;padding-top:30px;font-family:"方正兰亭黑_GBK",Arial,"微软雅黑";}
.index .a3 .b1{display: inline-block;*display: inline;zoom: 1;margin-top:30px;padding-bottom:20px;}
.index .a3 .b1 li{float:left;width: 150px;margin:0 40px;-webkit-transition:all .3s;transition:all .3s;-webkit-transform: scale(0.92,0.92);transform: scale(0.92,0.92);}
.index .a3.on .b1 li{-webkit-transform: scale(1,1);transform: scale(1,1);}
.index .a3 .b1 li a{display: block;color: #9b9b9b;background: url(../images/ico3.png) no-repeat;padding-top:80px;position: relative;-webkit-transition:all .3s;transition:all .3s;}
.index .a3 .b1 li.on a{color: #3f9ef3;background-image: url(../images/ico4.png);}
.index .a3 .b1 li.on a span{position: absolute;background: url(../images/ico5.png) no-repeat;width: 23px;height: 12px;bottom:-20px;left:50%;margin-left:-12px;}
.index .a3 .b1 li.i1 a{background-position:35px 5px;}
.index .a3 .b1 li.i2 a{background-position:-180px 5px;}
.index .a3 .b1 li.i3 a{background-position:-392px 5px;}
.index .a3 .b1 li.i4 a{background-position:-603px 5px;}
.index .a3 .box{height: 728px;background: url(../images/ico6.png) no-repeat center top;background-color:100% 100%;}
.index .a3 .box .wrap{position: relative;height: 100%;}
.index .a3 .box li{display: none;}
.index .a3 .box li.on{display: block;}
.index .a3 .box li .b2{position: absolute;left:-48px;top:16px;width: 705px;height: 705px;-webkit-transform: scale(0,0);transform: scale(0,0);}
.index .a3 .box li .b4{position: absolute;left: 65px;top: 95px;}
.index .a3 .box li .b4 .ico43{position: absolute;left: 476px;top: 44px;-webkit-transform:translate(-215px,-100px);transform:translate(-215px,-100px);}
.index .a3 .box li .b4 .ico43 .i1{position: absolute;left: -15px;top: 5px;width: 45px;height: 45px;}
.index .a3 .box li .b4 .ico43 .i2{position: absolute;left: 90px;top: 75px;width: 45px;height: 45px;}
.index .a3 .box li .b4 .ico44{position: absolute;left: 255px;top: 420px;-webkit-transform:translate(215px,-100px);transform:translate(215px,-100px);}
.index .a3 .box li .b4 .ico44 .i1{position: absolute;left: -15px;top: 5px;width: 45px;height: 45px;}
.index .a3 .box li .b4 .ico44 .i2{position: absolute;left: 90px;top: 75px;width: 45px;height: 45px;}
.index .a3 .box li .b4 .ico45{position: absolute;left: 37px;top: 44px;-webkit-transform:translate(0,260px);transform:translate(0,260);}
.index .a3 .box li .b4 .ico45 .i1{position: absolute;left: -15px;top: 5px;width: 45px;height: 45px;}
.index .a3 .box li .b4 .ico45 .i2{position: absolute;left: 90px;top: 75px;width: 45px;height: 45px;}
.index .a3 .box li .b5{position: absolute;width: 705px;height: 100%;}
.index .a3 .box li .b5 .img1{position: absolute;left: 175px;top: 383px;}
.index .a3 .box li .b5 .img2{position: absolute;left: 323px;top: 320px;}
.index .a3 .box li .b5 .img3{position: absolute;left: 406px;bottom: 305px;width: 160px;height: 169px;background: url(../images/box3_3.png) no-repeat left bottom;height: 169px;}
.index .a3 .box li .b5 .img4{position: absolute;left: 275px;bottom: 310px;width: 121px;height: 114px;background: url(../images/box3_4.png) no-repeat left bottom;height: 114px;}
.index .a3 .box li .b5 .img5{position: absolute;left: 90px;top: 94px;-webkit-transform: translateX(276px);transform: translateX(276px);opacity: 0;}
.index .a3 .box li .b5 .img5 div{-webkit-transform: translateY(262px);transform: translateY(262px);}
.index .a3 .box li .b5 .img6{position: absolute;left: 640px;top: 130px;-webkit-transform: translateX(-223px);transform: translateX(-223px);opacity: 0;}
.index .a3 .box li .b5 .img6 div{-webkit-transform: translateY(190px);transform: translateY(190px);}
.index .a3 .box li .b5 .img7{position: absolute;left: 206px;top: 68px;-webkit-transform: translateX(166px);transform: translateX(166px);opacity: 0;}
.index .a3 .box li .b5 .img7 div{-webkit-transform: translateY(276px);transform: translateY(276px);}
.index .a3 .box li .b5 .img8{position: absolute;left: 480px;top: 120px;-webkit-transform: translateX(-75px);transform: translateX(-75px);opacity: 0;}
.index .a3 .box li .b5 .img8 div{-webkit-transform: translateY(210px);transform: translateY(210px);}
.index .a3 .box li .b5 .img9{position: absolute;left: 150px;top: 180px;-webkit-transform: translateX(216px);transform: translateX(216px);opacity: 0;}
.index .a3 .box li .b5 .img9 div{-webkit-transform: translateY(158px);transform: translateY(158px);}
.index .a3 .box li .b5 .img10{position: absolute;left: 564px;top: 208px;-webkit-transform: translateX(-148px);transform: translateX(-148px);opacity: 0;}
.index .a3 .box li .b5 .img10 div{-webkit-transform: translateY(116px);transform: translateY(116px);}
.index .a3 .box li .b5 .img11{position: absolute;left: 246px;top: 194px;-webkit-transform: translateX(119px);transform: translateX(119px);opacity: 0;}
.index .a3 .box li .b5 .img11 div{-webkit-transform: translateY(115px);transform: translateY(115px);}
.index .a3 .box li .b5 .img12{position: absolute;left: 428px;top: 228px;-webkit-transform: translateX(-15px);transform: translateX(-15px);opacity: 0;}
.index .a3 .box li .b5 .img12 div{-webkit-transform: translateY(86px);transform: translateY(86px);}
.index .a3 .box li .b5 .img13{position: absolute;left: 274px;top: 305px;-webkit-transform: translateX(93px);transform: translateX(93px);opacity: 0;}
.index .a3 .box li .b5 .img13 div{-webkit-transform: translateY(55px);transform: translateY(55px);}
.index .a3 .box li .b5 .img14{position: absolute;left: 520px;top: 285px;-webkit-transform: translateX(-85px);transform: translateX(-85px);opacity: 0;}
.index .a3 .box li .b5 .img14 div{-webkit-transform: translateY(68px);transform: translateY(68px);}
.index .a3 .box li .b5 .img15{position: absolute;left: 338px;top: 306px;-webkit-transform: translateX(20px);transform: translateX(20px);opacity: 0;}
.index .a3 .box li .b5 .img15 div{-webkit-transform: translateY(30px);transform: translateY(30px);}
.index .a3 .box li .b5 .img16{position: absolute;left: 425px;top: 338px;-webkit-transform: translateX(-10px);transform: translateX(-10px);opacity: 0;}
.index .a3 .box li .b5 .img16 div{-webkit-transform: translateY(10px);transform: translateY(10px);}
.index .a3 .box li .b5 .img17{position: absolute;left: 370px;top: 370px;-webkit-transform: translateX(10px);transform: translateX(10px);opacity: 0;}
.index .a3 .box li .b5 .img17 div{-webkit-transform: translateY(10px);transform: translateY(10px);}
.index .a3 .box li .b5 .img18{position: absolute;left: 394px;top: 385px;opacity: 0;}
.index .a3 .box li .b5 .img18 div{-webkit-transform: translateY(10px);transform: translateY(10px);}
.index .a3 .box li .b5 .img19{position: absolute;left: 150px;top: 410px;}
.index .a3 .box li .b5 .img20{position: absolute;left: 360px;top: 560px;}
.index .a3 .box li .b5 .img21{position: absolute;left: 46px;top: 479px;}
.index .a3 .box li .b5 .img22{position: absolute;left: 179px;top: 575px;}
.index .a3 .box li .b5 .img23{position: absolute;left: 496px;top: 411px;}
.index .a3 .box li .b5 .img24{position: absolute;left: 640px;top: 425px;}
.index .a3 .box li .b5 .img25{position: absolute;left: 242px;top: 580px;background:#f1f4f8;width: 2px;height: 46px;}
.index .a3 .box li .b5 .img26{position: absolute;left: 560px;top: 600px;background:#f1f4f8;width: 2px;height: 48px;}
.index .a3 .box li .b5 .img27{position: absolute;left: 273px;top: 560px;background:#f1f4f8;width: 2px;height: 66px;}
.index .a3 .box li .b5 .img28{position: absolute;left: 500px;top: 540px;background:#f1f4f8;width: 2px;height: 74px;}
.index .a3 .box li .b6{position: absolute;width: 1057px;height: 100%;}
.index .a3 .box li .b6 .img1{left: -145px;top: 130px;position: absolute;}
.index .a3 .box li .b6 .img2{left: 278px;top: 120px;position: absolute;-webkit-transform:translateY(350px);transform:translateY(350px);}
.index .a3 .box li .b6 .img3{left: 326px;top: 365px;position: absolute;-webkit-transform:translateY(350px);transform:translateY(350px);background: url(../images/box4_3.png) no-repeat left top;width: 117px;height: 82px;}
.index .a3 .box li .b6 .img4{left: -10px;top: 60px;position: absolute;-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity: 0;opacity: 1\9;}
.index .a3 .box li .b6 .img5{left: 160px;top:365px;position: absolute;-webkit-transform:translateY(50px);transform:translateY(50px);opacity: 0;opacity: 1\9;}
.index .a3 .box li .b6 .img6{left: 150px;top:140px;position: absolute;-webkit-transform:translateY(-60px);transform:translateY(-60px);opacity: 0;opacity: 1\9;}
.index .a3 .box li .b6 .img7{left: 313px;top:50px;position: absolute;-webkit-transform:translateY(70px);transform:translateY(70px);opacity: 0;opacity: 1\9;}
.index .a3 .box li .b6 .img8{left: 525px;top:160px;position: absolute;-webkit-transform:translateY(60px);transform:translateY(60px);opacity: 0;opacity: 1\9;}
.index .a3 .box li .b6 .img9{left: 253px;top:230px;position: absolute;-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity: 0;opacity: 1\9;}
.index .a3 .box li .b6 .img10{left: 590px;top:300px;position: absolute;-webkit-transform:translateY(80px);transform:translateY(80px);opacity: 0;opacity: 1\9;}
.index .a3 .box li .b6 .img11{left: 530px;top:244px;position: absolute;}
.index .a3 .box li .b6 .img12{left: 555px;top:263px;position: absolute;width: 4px;}
.index .a3 .box li .b6 .img18{left: 220px;top:240px;position: absolute;width: 8px;}
.index .a3 .box li .b6 .img19{left: 240px;top:230px;position: absolute;width: 6px;}
.index .a3 .box li .b6 .img20{left: 200px;top:200px;position: absolute;width: 5px;}
.index .a3 .box li .b6 .img13{left: 197px;top:340px;position: absolute;width: 2px;background: #f1f4f8;height: 40px;}
.index .a3 .box li .b6 .img14{left: 235px;top:280px;position: absolute;width: 2px;background: #f1f4f8;height:36px;}
.index .a3 .box li .b6 .img15{left: 254px;top:307px;position: absolute;width: 2px;background: #f1f4f8;height:34px;}
.index .a3 .box li .b6 .img16{left: 536px;top:294px;position: absolute;width: 2px;background: #f1f4f8;height:40px;}
.index .a3 .box li .b6 .img17{left: 550px;top:324px;position: absolute;width: 2px;background: #f1f4f8;height:46px;}
.index .a3 .box .b2 .img1{position: absolute;left:0;top:0;}
.index .a3 .box .b2 .img2{position: absolute;left:0;top:0;-webkit-transform: scale(0.7,0.7);transform: scale(0.7,0.7);}
.index .a3 .box .b2 .img3{position: absolute;left:0;top:0;-webkit-transform: rotate(-30deg);transform:rotate(-30deg);}
.index .a3 .box .b2 .img4{position: absolute;left:0;top:0;-webkit-transform: rotate(40deg);transform:rotate(40deg);}
.index .a3 .box .b2 .img5{position: absolute;left:0;top:0;-webkit-transform: rotate(-50deg);transform:rotate(-50deg);}
.index .a3 .box .b2 .img6{position: absolute;left:0;top:0;-webkit-transform: rotate(60deg);transform:rotate(60deg);}
.index .a3 .box .b3{width: 380px;text-align: left;height: 728px;vertical-align: middle;font-family:"方正兰亭黑_GBK",Arial,"微软雅黑";position: relative;z-index: 9;}
.index .a3 .box .b3 table{height: 100%;width: 100%;}
/*.index .a3 .box .b3 .middle{display: inline-block;height: 100%;vertical-align: middle;}*/
.index .a3 .box .b3 div{vertical-align: middle;display: inline-block;*display: inline;zoom: 1;}
.index .a3 .box .b3 h3{margin-bottom:15px;line-height: 37px;}
.index .a3 .box .b3 h4{margin-top:10px;}
.index .a3 .box .b3 .more{width: 213px;line-height: 50px;display: block;text-align: center;border:2px solid #399af2;border-radius: 2px;color: #399af2;margin-top:50px;-webkit-transition:all .2s;transition:all .2s;position: relative;}
.index .a3 .box .b3 .more:hover{color: #fff;background-color: #fff;}
.index .a3 .box .b3 .more span{position: relative;z-index: 9;}
.index .a3 .box .b3 .more:after{content: '';display: block;position: absolute;width: 0;background: #399af2;height: 100%;-webkit-transition:all .2s;transition:all .2s;left:0;top:0;}
.index .a3 .box .b3 .more:hover:after{width: 100%;}
.index .a3 .box .b3 .mob{color: #2691f1;font-size:22px;}
.index .a3 .box .b3 .mob2{color: #2691f1;}
.index .a3 .box .b3 p{line-height: 30px;}
/*.index .a3.on .box li.on .img1{-webkit-animation:a3img 1s forwards;animation:a3img 1s forwards;}*/
.index .a3.on .box li.on .b2{-webkit-animation:a3img2 .5s forwards;animation:a3img2 .5s forwards;}
.index .a3.on .box li.on .b2 .img2{-webkit-animation:a3img2 .5s .3s forwards;animation:a3img2 .5s .3s forwards;}
.index .a3.on .box li.on .b2 .img3{-webkit-animation:a3img 1s forwards;animation:a3img 1s forwards;}
.index .a3.on .box li.on .b2 .img4{-webkit-animation:a3img3 20s linear infinite forwards;animation:a3img3 20s linear infinite forwards;}
.index .a3.on .box li.on .b2 .img5{-webkit-animation:a3img4 40s linear infinite forwards;animation:a3img4 40s linear infinite forwards;}
.index .a3.on .box li.on .b2 .img6{-webkit-animation:a3img3 60s linear infinite forwards;animation:a3img3 60s linear infinite forwards;}
.index .a3.on .box li.on .b4{-webkit-animation:b4 .5s forwards;animation:b4 .5s forwards;}
/*.index .a3.on .box li.on .tx{-webkit-animation:tx 1s infinite 1.2s alternate forwards;animation:tx 1s infinite 1.2s alternate forwards;}*/
.index .a3.on .box li.on .ico43{-webkit-animation:ico43 1s .2s forwards;animation:ico43 1s .2s forwards;}
/*.index .a3.on .box li.on .ico43 .i1{-webkit-animation:ico43 1s .2s forwards;animation:ico43 1s .2s forwards;}
.index .a3.on .box li.on .ico43 .i2{-webkit-animation:ico43 1s .2s forwards;animation:ico43 1s .2s forwards;}*/
.index .a3.on .box li.on .ico43 .i1{-webkit-animation:ico43_i1 5s linear infinite forwards;animation:ico43_i1 5s linear infinite forwards;}
.index .a3.on .box li.on .ico43 .i2{-webkit-animation:ico43_i2 5s linear infinite forwards;animation:ico43_i2 5s linear infinite forwards;}
.index .a3.on .box li.on .ico44{-webkit-animation:ico43 1s .2s forwards;animation:ico43 1s .2s forwards;}
/*.index .a3.on .box li.on .ico44 .i1{-webkit-animation:ico43 1s .2s forwards;animation:ico43 1s .2s forwards;}
.index .a3.on .box li.on .ico44 .i2{-webkit-animation:ico43 1s .2s forwards;animation:ico43 1s .2s forwards;}*/
.index .a3.on .box li.on .ico44 .i1{-webkit-animation:ico44_i1 5s linear infinite forwards;animation:ico44_i1 5s linear infinite forwards;}
.index .a3.on .box li.on .ico44 .i2{-webkit-animation:ico44_i2 5s linear infinite forwards;animation:ico44_i2 5s linear infinite forwards;}
.index .a3.on .box li.on .ico45{-webkit-animation:ico43 1s .2s forwards;animation:ico43 1s .2s forwards;}
/*.index .a3.on .box li.on .ico45 .i1{-webkit-animation:ico43 1s .2s forwards;animation:ico43 1s .2s forwards;}
.index .a3.on .box li.on .ico45 .i2{-webkit-animation:ico43 1s .2s forwards;animation:ico43 1s .2s forwards;}*/
.index .a3.on .box li.on .ico45 .i1{-webkit-animation:ico43_i1 5s linear infinite forwards;animation:ico43_i1 5s linear infinite forwards;}
.index .a3.on .box li.on .ico45 .i2{-webkit-animation:ico43_i2 5s linear infinite forwards;animation:ico43_i2 5s linear infinite forwards;}
.index .a3.on .box li.on .b5 .img3{-webkit-animation:b5_3 1s forwards;animation:b5_3 1s forwards;}
.index .a3.on .box li.on .b5 .img4{-webkit-animation:b5_3 1s forwards;animation:b5_3 1s forwards;}
.index .a3.on .box li.on .b5 .img5{-webkit-animation:b5 0.5s ease-in 0.3s forwards;animation:b5 0.5s ease-in 0.3s forwards;}
.index .a3.on .box li.on .b5 .img5 div{-webkit-animation:b5_2 0.5s linear 0.3s forwards;animation:b5_2 0.5s linear 0.3s forwards;}
.index .a3.on .box li.on .b5 .img6{-webkit-animation:b5 0.5s ease-in 0.3s forwards;animation:b5 0.5s ease-in 0.3s forwards;}
.index .a3.on .box li.on .b5 .img6 div{-webkit-animation:b5_2 0.5s linear 0.3s forwards;animation:b5_2 0.5s linear 0.3s forwards;}
.index .a3.on .box li.on .b5 .img7{-webkit-animation:b5 0.45s ease-in 0.4s forwards;animation:b5 0.45s ease-in 0.4s forwards;}
.index .a3.on .box li.on .b5 .img7 div{-webkit-animation:b5_2 0.45s linear 0.4s forwards;animation:b5_2 0.45s linear 0.4s forwards;}
.index .a3.on .box li.on .b5 .img8{-webkit-animation:b5 0.45s ease-in 0.4s forwards;animation:b5 0.45s ease-in 0.4s forwards;}
.index .a3.on .box li.on .b5 .img8 div{-webkit-animation:b5_2 0.45s linear 0.4s forwards;animation:b5_2 0.45s linear 0.4s forwards;}
.index .a3.on .box li.on .b5 .img9{-webkit-animation:b5 0.4s ease-in 0.5s forwards;animation:b5 0.4s ease-in 0.5s forwards;}
.index .a3.on .box li.on .b5 .img9 div{-webkit-animation:b5_2 0.4s linear 0.5s forwards;animation:b5_2 0.4s linear 0.5s forwards;}
.index .a3.on .box li.on .b5 .img10{-webkit-animation:b5 0.4s ease-in 0.5s forwards;animation:b5 0.4s ease-in 0.5s forwards;}
.index .a3.on .box li.on .b5 .img10 div{-webkit-animation:b5_2 0.4s linear 0.5s forwards;animation:b5_2 0.4s linear 0.5s forwards;}
.index .a3.on .box li.on .b5 .img11{-webkit-animation:b5 0.35s 0.6s ease-in forwards;animation:b5 0.35s 0.6s ease-in forwards;}
.index .a3.on .box li.on .b5 .img11 div{-webkit-animation:b5_2 0.35s 0.6s linear forwards;animation:b5_2 0.35s 0.6s linear forwards;}
.index .a3.on .box li.on .b5 .img12{-webkit-animation:b5 0.35s 0.6s ease-in forwards;animation:b5 0.35s 0.6s ease-in forwards;}
.index .a3.on .box li.on .b5 .img12 div{-webkit-animation:b5_2 0.35s 0.6s linear forwards;animation:b5_2 0.35s 0.6s linear forwards;}
.index .a3.on .box li.on .b5 .img13{-webkit-animation:b5 0.3s 0.7s ease-in forwards;animation:b5 0.3s 0.7s ease-in forwards;}
.index .a3.on .box li.on .b5 .img13 div{-webkit-animation:b5_2 0.3s 0.7s linear forwards;animation:b5_2 0.3s 0.7s linear forwards;}
.index .a3.on .box li.on .b5 .img14{-webkit-animation:b5 0.3s 0.7s ease-in forwards;animation:b5 0.3s 0.7s ease-in forwards;}
.index .a3.on .box li.on .b5 .img14 div{-webkit-animation:b5_2 0.3s 0.7s linear forwards;animation:b5_2 0.3s 0.7s linear forwards;}
.index .a3.on .box li.on .b5 .img15{-webkit-animation:b5 0.25s 0.8s ease-in forwards;animation:b5 0.25s 0.8s ease-in forwards;}
.index .a3.on .box li.on .b5 .img15 div{-webkit-animation:b5_2 0.25s 0.8s linear forwards;animation:b5_2 0.25s 0.8s linear forwards;}
.index .a3.on .box li.on .b5 .img16{-webkit-animation:b5 0.25s 0.8s ease-in forwards;animation:b5 0.25s 0.8s ease-in forwards;}
.index .a3.on .box li.on .b5 .img16 div{-webkit-animation:b5_2 0.25s 0.8s linear forwards;animation:b5_2 0.25s 0.8s linear forwards;}
.index .a3.on .box li.on .b5 .img17{-webkit-animation:b5 0.2s 0.9s ease-in forwards;animation:b5 0.2s 0.9s ease-in forwards;}
.index .a3.on .box li.on .b5 .img17 div{-webkit-animation:b5_2 0.2s 0.9s linear forwards;animation:b5_2 0.2s 0.9s linear forwards;}
.index .a3.on .box li.on .b5 .img18{-webkit-animation:b5 0.2s 0.9s ease-in forwards;animation:b5 0.2s 0.9s ease-in forwards;}
.index .a3.on .box li.on .b5 .img18 div{-webkit-animation:b5_2 0.2s 0.9s linear forwards;animation:b5_2 0.2s 0.9s linear forwards;}
.index .a3.on .box li.on .b5 .img5 img{-webkit-animation:b5_4 1s 1s infinite alternate forwards;animation:b5_4 1s 1s infinite alternate forwards;}
.index .a3.on .box li.on .b5 .img6 img{-webkit-animation:b5_4 1s 1.1s infinite alternate forwards;animation:b5_4 1s 1.1s infinite alternate forwards;}
.index .a3.on .box li.on .b5 .img7 img{-webkit-animation:b5_4 1s 1.2s infinite alternate forwards;animation:b5_4 1s 1.2s infinite alternate forwards;}
.index .a3.on .box li.on .b5 .img8 img{-webkit-animation:b5_4 1s 1.3s infinite alternate forwards;animation:b5_4 1s 1.3s infinite alternate forwards;}
.index .a3.on .box li.on .b5 .img9 img{-webkit-animation:b5_4 1s 1.4s infinite alternate forwards;animation:b5_4 1s 1.4s infinite alternate forwards;}
.index .a3.on .box li.on .b5 .img10 img{-webkit-animation:b5_4 1s 1.5s infinite alternate forwards;animation:b5_4 1s 1.5s infinite alternate forwards;}
.index .a3.on .box li.on .b5 .img11 img{-webkit-animation:b5_4 1s 1.6s infinite alternate forwards;animation:b5_4 1s 1.6s infinite alternate forwards;}
.index .a3.on .box li.on .b5 .img12 img{-webkit-animation:b5_4 1s 1.7s infinite alternate forwards;animation:b5_4 1s 1.7s infinite alternate forwards;}
.index .a3.on .box li.on .b5 .img13 img{-webkit-animation:b5_4 1s 1.8s infinite alternate forwards;animation:b5_4 1s 1.8s infinite alternate forwards;}
.index .a3.on .box li.on .b5 .img14 img{-webkit-animation:b5_4 1s 1.9s infinite alternate forwards;animation:b5_4 1s 1.9s infinite alternate forwards;}
.index .a3.on .box li.on .b5 .img15 img{-webkit-animation:b5_4 1s 1s infinite alternate forwards;animation:b5_4 1s 1s infinite alternate forwards;}
.index .a3.on .box li.on .b5 .img16 img{-webkit-animation:b5_4 1s 1.1s infinite alternate forwards;animation:b5_4 1s 1.1s infinite alternate forwards;}
/*.index .a3.on .box li.on .b5 .img19{-webkit-animation:b5_4 1s infinite alternate forwards;animation:b5_4 1s infinite alternate forwards;}*/
/*.index .a3.on .box li.on .b5 .img20{-webkit-animation:b5_4 1s 0.1s infinite alternate forwards;animation:b5_4 1s 0.1s infinite alternate forwards;}*/
.index .a3.on .box li.on .b5 .img21{-webkit-animation:b5_4 1s 0.2s infinite alternate forwards;animation:b5_4 1s 0.2s infinite alternate forwards;}
.index .a3.on .box li.on .b5 .img22{-webkit-animation:b5_4 1s 0.3s infinite alternate forwards;animation:b5_4 1s 0.3s infinite alternate forwards;}
.index .a3.on .box li.on .b5 .img23{-webkit-animation:b5_4 1s 0.4s infinite alternate forwards;animation:b5_4 1s 0.4s infinite alternate forwards;}
.index .a3.on .box li.on .b5 .img24{-webkit-animation:b5_4 1s 0.5s infinite alternate forwards;animation:b5_4 1s 0.5s infinite alternate forwards;}
.index .a3.on .box li.on .b5 .img25{-webkit-animation:b6_3 1.4s infinite forwards;animation:b6_3 1.4s infinite forwards;}
.index .a3.on .box li.on .b5 .img26{-webkit-animation:b6_3 1.6s infinite forwards;animation:b6_3 1.6s infinite forwards;}
.index .a3.on .box li.on .b5 .img27{-webkit-animation:b6_3 1.8s infinite forwards;animation:b6_3 1.8s infinite forwards;}
.index .a3.on .box li.on .b5 .img28{-webkit-animation:b6_3 2s infinite forwards;animation:b6_3 2s infinite forwards;}
.index .a3.on .box li.on .b6 .img2{-webkit-animation:b6 0.7s forwards;animation:b6 0.7s forwards;}
.index .a3.on .box li.on .b6 .img3{-webkit-animation:b6_1 0.7s forwards;animation:b6_1 0.7s forwards;}
.index .a3.on .box li.on .b6 .img4{-webkit-animation:ico43 0.4s .2s forwards;animation:ico43 0.4s .2s forwards;}
.index .a3.on .box li.on .b6 .img5{-webkit-animation:ico43 0.5s .2s forwards;animation:ico43 0.5s .2s forwards;}
.index .a3.on .box li.on .b6 .img6{-webkit-animation:ico43 0.6s .2s forwards;animation:ico43 0.6s .2s forwards;}
.index .a3.on .box li.on .b6 .img7{-webkit-animation:ico43 0.7s .2s forwards;animation:ico43 0.7s .2s forwards;}
.index .a3.on .box li.on .b6 .img8{-webkit-animation:ico43 0.6s .2s forwards;animation:ico43 0.6s .2s forwards;}
.index .a3.on .box li.on .b6 .img9{-webkit-animation:ico43 0.5s .2s forwards;animation:ico43 0.5s .2s forwards;}
.index .a3.on .box li.on .b6 .img10{-webkit-animation:ico43 0.4s .2s forwards;animation:ico43 0.4s .2s forwards;}
.index .a3.on .box li.on .b6 .img11{-webkit-animation:b6_2 0.6s .2s infinite alternate forwards;animation:b6_2 0.6s .2s infinite alternate forwards;}
.index .a3.on .box li.on .b6 .img12{-webkit-animation:b6_2 0.6s infinite alternate forwards;animation:b6_2 0.6s infinite alternate forwards;}
.index .a3.on .box li.on .b6 .img18{-webkit-animation:b6_2 0.6s .3s infinite alternate forwards;animation:b6_2 0.6s .3s infinite alternate forwards;}
.index .a3.on .box li.on .b6 .img19{-webkit-animation:b6_2 0.6s .1s infinite alternate forwards;animation:b6_2 0.6s .1s infinite alternate forwards;}
.index .a3.on .box li.on .b6 .img20{-webkit-animation:b6_2 0.6s .2s infinite alternate forwards;animation:b6_2 0.6s .2s infinite alternate forwards;}
.index .a3.on .box li.on .b6 .img13{-webkit-animation:b6_3 2s infinite forwards;animation:b6_3 2s infinite forwards;}
.index .a3.on .box li.on .b6 .img14{-webkit-animation:b6_3 1.6s infinite forwards;animation:b6_3 1.6s infinite forwards;}
.index .a3.on .box li.on .b6 .img15{-webkit-animation:b6_3 1.4s infinite forwards;animation:b6_3 1.4s infinite forwards;}
.index .a3.on .box li.on .b6 .img16{-webkit-animation:b6_3 2s infinite forwards;animation:b6_3 2s infinite forwards;}
.index .a3.on .box li.on .b6 .img17{-webkit-animation:b6_3 1.8s infinite forwards;animation:b6_3 1.8s infinite forwards;}
.index .a3.on .box li.on .b6 .img4 img{-webkit-animation:b5_4 1s infinite alternate forwards;animation:b5_4 1s infinite alternate forwards;}
.index .a3.on .box li.on .b6 .img5 div{-webkit-animation:b5_4 1s 0.1s infinite alternate forwards;animation:b5_4 1s 0.1s infinite alternate forwards;}
.index .a3.on .box li.on .b6 .img6 div{-webkit-animation:b5_4 1s 0.2s infinite alternate forwards;animation:b5_4 1s 0.2s infinite alternate forwards;}
.index .a3.on .box li.on .b6 .img7 div{-webkit-animation:b5_4 1s 0.3s infinite alternate forwards;animation:b5_4 1s 0.3s infinite alternate forwards;}
.index .a3.on .box li.on .b6 .img8 div{-webkit-animation:b5_4 1s 0.4s infinite alternate forwards;animation:b5_4 1s 0.4s infinite alternate forwards;}
.index .a3.on .box li.on .b6 .img9 div{-webkit-animation:b5_4 1s 0.5s infinite alternate forwards;animation:b5_4 1s 0.5s infinite alternate forwards;}
.index .a3.on .box li.on .b6 .img10 div{-webkit-animation:b5_4 1s 0.6s infinite alternate forwards;animation:b5_4 1s 0.6s infinite alternate forwards;}
@-webkit-keyframes tx{
	0%{
		-webkit-transform: rotateY(0);
		transform:  rotateY(0);
	}
	100%{
		-webkit-transform:  rotateY(180deg);
		transform:  rotateY(180deg);
	}
}
@keyframes tx{
	0%{
		-webkit-transform: rotateY(0);
		transform:  rotateY(0);
	}
	100%{
		-webkit-transform:  rotateY(180deg);
		transform:  rotateY(180deg);
	}
}
@-webkit-keyframes b6_3{
	0%{
		-webkit-transform: translateY(60px);
		transform: translateY(60px);
	}
	100%{
		height: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes b6_3{
	0%{
		-webkit-transform: translateY(60px);
		transform: translateY(60px);
	}
	100%{
		height: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes b6_2{
	0%{
		-webkit-transform: scale(0.3,0.3);
		transform: scale(0.3,0.3);
	}
	100%{
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
@keyframes b6_2{
	0%{
		-webkit-transform: scale(0.3,0.3);
		transform: scale(0.3,0.3);
	}
	100%{
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
@-webkit-keyframes b6_1{
	0%{

		opacity: 0;
	}
	30%{
		opacity: 0;
	}
	100%{

		opacity: 1;
		-webkit-transform: translateY(0);
		transform:translateY(0);
	}
}
@keyframes b6_1{
	0%{

		opacity: 0;
	}
	30%{
		opacity: 0;
	}
	100%{

		opacity: 1;
		-webkit-transform: translateY(0);
		transform:translateY(0);
	}
}
@-webkit-keyframes b6{
	0%{
		opacity: 0;
	}
	100%{
		-webkit-transform: translateY(0);
		transform:translateY(0);
		opacity: 1;
	}
}
@keyframes b6{
	0%{
		opacity: 0;
	}
	100%{
		-webkit-transform: translateY(0);
		transform:translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes b5{
	100%{
		-webkit-transform: translateX(0);
		transform:translateX(0);
		opacity: 1;
	}
}
@keyframes b5{
	100%{
		-webkit-transform: translateX(0) scale(1,1);
		transform:translateX(0) scale(1,1);
		opacity: 1;
	}
}
@-webkit-keyframes b5_2{
	100%{
		-webkit-transform: translateY(0);
		transform:translateY(0);
	}
}
@keyframes b5_2{
	100%{
		-webkit-transform: translateY(0);
		transform:translateY(0);
	}
}
@-webkit-keyframes b5_3{
	0%{
		height: 0;
	}
	100%{
		height: 169px;
	}
}
@keyframes b5_3{
	0%{
		height: 0;
	}
	100%{
		height: 169px;
	}
}
@-webkit-keyframes b5_4{
	0%{
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
	100%{
		-webkit-transform: translate(0,10px);
		transform: translate(0,10px);
	}
}
@keyframes b5_4{
	0%{
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
	100%{
		-webkit-transform: translate(0,10px);
		transform: translate(0,10px);
	}
}
@-webkit-keyframes b5_5{
	0%{
		height: 0;
	}
	100%{
		height: 74px;
	}
}
@keyframes b5_5{
	0%{
		height: 0;
	}
	100%{
		height: 74px;
	}
}
@-webkit-keyframes b4{
	0%{
		-webkit-transform: rotate(60deg) scale(0,0);
		transform:rotate(60deg) scale(0,0);
	}
	100%{
		-webkit-transform: rotate(0deg) scale(1,1);
		transform:rotate(0deg) scale(1,1);
	}
}
@keyframes b4{
	0%{
		-webkit-transform: rotate(60deg) scale(0,0);
		transform:rotate(60deg) scale(0,0);
	}
	100%{
		-webkit-transform: rotate(0deg) scale(1,1);
		transform:rotate(0deg) scale(1,1);
	}
}
@-webkit-keyframes ico43{
	100%{
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1;
	}
}
@keyframes ico43{
	100%{
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1;
	}
}
@-webkit-keyframes a3img{
	100%{
		-webkit-transform: rotate(0deg);transform:rotate(0deg);
	}
}
@keyframes a3img{
	100%{
		-webkit-transform: rotate(0deg);transform:rotate(0deg);
	}
}
@-webkit-keyframes a3img2{
	100%{
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
@keyframes a3img2{
	100%{
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
@-webkit-keyframes a3img3{
	0%{
		-webkit-transform: rotate(0deg);transform:rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(360deg);transform:rotate(360deg);
	}
}
@keyframes a3img3{
	0%{
		-webkit-transform: rotate(0deg);transform:rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(360deg);transform:rotate(360deg);
	}
}
@-webkit-keyframes a3img4{
	0%{
		-webkit-transform: rotate(0deg);transform:rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(-360deg);transform:rotate(-360deg);
	}
}
@keyframes a3img4{
	0%{
		-webkit-transform: rotate(0deg);transform:rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(-360deg);transform:rotate(-360deg);
	}
}
@-webkit-keyframes ico44_i1{
	0%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
	16.6%{
		-webkit-transform:translate(0px,70px);
		transform:translate(0px,70px);
	}
	33.3%{
		-webkit-transform:translate(53px,95px);
		transform:translate(53px,95px);
	}
	50%{
		-webkit-transform:translate(105px,70px);
		transform:translate(105px,70px);
	}
	66.6%{
		-webkit-transform:translate(105px,0px);
		transform:translate(105px,0px);
	}
	83.3%{
		-webkit-transform:translate(53px,-23px);
		transform:translate(53px,-23px);
	}
	100%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
}
@keyframes ico44_i1{
	0%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
	16.6%{
		-webkit-transform:translate(0px,70px);
		transform:translate(0px,70px);
	}
	33.3%{
		-webkit-transform:translate(53px,95px);
		transform:translate(53px,95px);
	}
	50%{
		-webkit-transform:translate(105px,70px);
		transform:translate(105px,70px);
	}
	66.6%{
		-webkit-transform:translate(105px,0px);
		transform:translate(105px,0px);
	}
	83.3%{
		-webkit-transform:translate(53px,-23px);
		transform:translate(53px,-23px);
	}
	100%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
}
@-webkit-keyframes ico44_i2{
	0%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
	16.6%{
		-webkit-transform:translate(0px,-70px);
		transform:translate(0px,-70px);
	}
	33.3%{
		-webkit-transform:translate(-53px,-95px);
		transform:translate(-53px,-95px);
	}
	50%{
		-webkit-transform:translate(-105px,-70px);
		transform:translate(-105px,-70px);
	}
	66.6%{
		-webkit-transform:translate(-105px,0px);
		transform:translate(-105px,0px);
	}
	83.3%{
		-webkit-transform:translate(-53px,23px);
		transform:translate(-53px,23px);
	}
	100%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
}
@keyframes ico44_i2{
	0%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
	16.6%{
		-webkit-transform:translate(0px,-70px);
		transform:translate(0px,-70px);
	}
	33.3%{
		-webkit-transform:translate(-53px,-95px);
		transform:translate(-53px,-95px);
	}
	50%{
		-webkit-transform:translate(-105px,-70px);
		transform:translate(-105px,-70px);
	}
	66.6%{
		-webkit-transform:translate(-105px,0px);
		transform:translate(-105px,0px);
	}
	83.3%{
		-webkit-transform:translate(-53px,23px);
		transform:translate(-53px,23px);
	}
	100%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
}
@-webkit-keyframes ico43_i1{
	0%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
	16.6%{
		-webkit-transform:translate(53px,-23px);
		transform:translate(53px,-23px);
	}
	33.3%{
		-webkit-transform:translate(105px,0px);
		transform:translate(105px,0px);
	}
	50%{
		-webkit-transform:translate(105px,70px);
		transform:translate(105px,70px);
	}
	66.6%{
		-webkit-transform:translate(53px,95px);
		transform:translate(53px,95px);
	}
	83.3%{
		-webkit-transform:translate(0px,70px);
		transform:translate(0px,70px);
	}
	100%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
}
@keyframes ico43_i1{
	0%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
	16.6%{
		-webkit-transform:translate(53px,-23px);
		transform:translate(53px,-23px);
	}
	33.3%{
		-webkit-transform:translate(105px,0px);
		transform:translate(105px,0px);
	}
	50%{
		-webkit-transform:translate(105px,70px);
		transform:translate(105px,70px);
	}
	66.6%{
		-webkit-transform:translate(53px,95px);
		transform:translate(53px,95px);
	}
	83.3%{
		-webkit-transform:translate(0px,70px);
		transform:translate(0px,70px);
	}
	100%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
}
@-webkit-keyframes ico43_i2{
	0%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
	16.6%{
		-webkit-transform:translate(-53px,23px);
		transform:translate(-53px,23px);
	}
	33.3%{
		-webkit-transform:translate(-105px,0px);
		transform:translate(-105px,0px);
	}
	50%{
		-webkit-transform:translate(-105px,-70px);
		transform:translate(-105px,-70px);
	}
	66.6%{
		-webkit-transform:translate(-53px,-95px);
		transform:translate(-53px,-95px);
	}
	83.3%{
		-webkit-transform:translate(0px,-70px);
		transform:translate(0px,-70px);
	}
	100%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
}
@keyframes ico43_i2{
	0%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
	16.6%{
		-webkit-transform:translate(-53px,23px);
		transform:translate(-53px,23px);
	}
	33.3%{
		-webkit-transform:translate(-105px,0px);
		transform:translate(-105px,0px);
	}
	50%{
		-webkit-transform:translate(-105px,-70px);
		transform:translate(-105px,-70px);
	}
	66.6%{
		-webkit-transform:translate(-53px,-95px);
		transform:translate(-53px,-95px);
	}
	83.3%{
		-webkit-transform:translate(0px,-70px);
		transform:translate(0px,-70px);
	}
	100%{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
}
.index .a4{padding-bottom:50px;}
.index .a4 .wrap{overflow: hidden;}
.index .a4 .title{padding:30px 0 40px;text-align: center;font-family:"方正兰亭黑_GBK",Arial,"微软雅黑";}
.index .a5{background: #399af2;color: #fff;
background-image: -webkit-linear-gradient(-225deg, #3DB0EF, #5E5BB7);
background-image: linear-gradient(-225deg, #3DB0EF, #5E5BB7);
}
.index .a5 .title{text-align: center;padding:30px 0;font-family:"方正兰亭黑_GBK",Arial,"微软雅黑";}
.index .a5 .info{background: url(../images/ico14.png) no-repeat center top;}
.index .a5 .info .b1{width: 925px;margin:0 auto;height: 141px;}
.index .a5 .info .b1 li{height: 141px;display: none;}
.index .a5 .info .b1 li.on{display: block;}
.index .a5 .info .b1 li span{display: inline-block;height: 100%;vertical-align: middle;}
.index .a5 .info .b1 li p{vertical-align: middle;display: inline-block;*display: inline;zoom: 1;}
.index .a5 .info .b2{padding:60px 0;}
.index .a5 .info .b2 li{float:left;margin:0 28px;width: 177px;}
.index .a5 .info .b2 li img{opacity: 0.3;filter:alpha(opacity=30);-webkit-transition:all .3s;transition:all .3s;}
.index .a5 .info .b2 li.on img{opacity: 1;filter:alpha(opacity=100);}
.index .a6{padding-bottom:50px;}
.index .a6 .title{text-align: center;padding:30px 0;font-family:"方正兰亭黑_GBK",Arial,"微软雅黑";}
.index .a6 .box1{width: 570px;}
.index .a6 .box1 h3{border-bottom:1px solid #f2f2f2;background: url(../images/ico21.jpg) no-repeat left center;position: relative;padding-left:15px;line-height: 44px;margin-bottom:20px;font-family:"方正兰亭黑_GBK",Arial,"微软雅黑";}
.index .a6 .box1 h3 .more{position: absolute;right:0;}
.index .a6 .box1 dt{padding-left:232px;overflow: hidden;zoom: 1;margin-bottom:10px;}
.index .a6 .box1 dt .img{float:left;margin-left:-232px;width: 219px;height: 130px;}
.index .a6 .box1 dt h4{height: 54px;}
.index .a6 .box1 dd{position: relative;line-height: 40px;}
.index .a6 .box1 dd .dete{position: absolute;right:0;}
/*首页内容结束*/



/*尾部*/
.footer{background:#3b3b3b;}
.footer .footer_nav{border-bottom:1px solid #4f4f4f;padding:40px 0 30px;position: relative;}
.footer .footer_nav .wrap{position: relative;min-height: 180px;}
.footer .footer_nav .a2{margin-left:10px;border-left:1px solid #323537;width: 815px;}
.footer .footer_nav .a2 li{float:left;margin-left:33px;max-width: 270px;line-height: 2;}
.footer .footer_nav .a2 li h3{font-size:16px;}
.footer .footer_nav .a2 li a{color: #999;display: inline-block;}
.footer .footer_nav .a2 li a:hover{color: #fff;}
.footer .footer_nav .a2 li a:after{width: 0;border-bottom:1px solid #fff;content: '';height:0;display: block;-webkit-transition:all .3s;transition:all .3s;}
.footer .footer_nav .a2 li a:hover:after,.header .nav li.on a:after{width: 100%;}
.footer .footer_nav .a2 h3{margin-bottom:5px;}
.footer .footer_nav .a2 td{vertical-align: top;}
.footer .footer_nav .a3{position: absolute;right:0;}
.footer .footer_nav .a3 .tel{border:2px solid #08a2db;border-radius: 37px;line-height: 37px;padding-left: 75px;background: url(../images/ico69.png) no-repeat 30px center;color: #00b2f4;font-family: "微软雅黑";width: 203px;font-size:25px;margin-top: 5px;}
.footer .footer_nav .a3 .email{padding-left: 45px;background: url(../images/ico70.png) no-repeat 8px center;margin-top: 13px;color: #717171;}
.footer .footer_nav .a3 .postin{padding-left: 45px;background: url(../images/ico71.png) no-repeat 8px center;width: 218px;margin-top: 7px;color: #717171;}

.footer .copy{line-height: 46px;}
/*尾部结束*/


/*内页*/
.page_banner{height: 365px;background: #00b2f4 url(../images/22.jpg) no-repeat center top;color: #fff;text-align: center;
background-image: -webkit-linear-gradient(-225deg, #3DB0EF, #5E5BB7);
background-image: linear-gradient(-225deg, #3DB0EF, #5E5BB7);
}
.page_banner2{background: no-repeat center top;height: 365px;}
.page_banner .info{padding-top:190px;}
/*内页结束*/


/*精品案例*/
.case .a1{background: url(../images/ico59.jpg) repeat-x 0 94px;}
.case .a1 .bd{padding-bottom: 30px;height: 96px;overflow: hidden;}
.case .a1 li{float:left;margin:0 28px;position: relative;padding:23px 0;text-align: center;width: 176px;}
.case .a1 li.on span{position: absolute;background: url(../images/ico29.jpg) no-repeat;width: 25px;height: 13px;left:50%;margin-left:-12px;bottom:-11px;}
.case .a2{height: 760px;overflow: hidden;}
.case .a2 .wrap{position: relative;height: 760px;overflow: hidden;}
.case .a2 li{display: none;}
.case .a2 li.on{display: block;}
.case .a2 .title{width: 595px;margin:0 auto;padding-left:135px;padding-top:10px;}
.case .a2 .title .info{-webkit-transform:  translate(150px,0);transform:  translate(150px,0);}
.case .a2 .title h3{padding:5px 0 10px;}
.case .a2 .title .img{float:left;margin-left:-135px;width: 110px;height: 110px;border-radius: 110px;overflow: hidden;-webkit-transform:  translate(-100px,0);transform:  translate(-100px,0);}
.case .a2 .pc{position: absolute;bottom:0;left:288px;box-shadow: 0 5px 50px 3px #ccc;-webkit-transform:  translate(200px,0);transform:  translate(200px,0);}
.case .a2 .app{position: absolute;bottom:0;left:90px;box-shadow: 0 5px 50px 3px #ccc;-webkit-transform:  translate(-400px,0);transform:  translate(-400px,0);}
.case .a2 li.on .title .info{-webkit-animation:case1 .3s forwards;animation:case1 .3s forwards;}
.case .a2 li.on .title .img{-webkit-animation:case1 .5s forwards;animation:case1 .5s forwards;}
.case .a2 li.on .pc{-webkit-animation:case1 .6s forwards;animation:case1 .6s  forwards;}
.case .a2 li.on .app{-webkit-animation:case1 .6s forwards;animation:case1 .6s forwards;}
.case .a3{background: url(../images/ico30.jpg) repeat-x center top;padding:40px 0;}
.case .a3 .title{text-align: center;font-family:"方正兰亭黑_GBK",Arial,"微软雅黑";padding-bottom:20px;}
.case .a3 .b1{padding:24px 0;margin-bottom:50px;}
.case .a3 .b1 li{float:left;text-align: center;width: 33%;border-left:1px solid #f3f3f3;height: 130px;line-height: 1.5;padding-top: 5px;}
.case .a3 .b1 li h3{padding-left:27px;font-weight: 700;}
/*.case .a3 .b1 li:hover h3{color: #00a1dd;}*/
.case .a3 .b1 li:first-child{border-left:0;}
.template{padding-top: 0;}
.template .box1{width: 1290px;}
.template .dz{position: absolute;background: url(../images/ico60.png) no-repeat;height: 58px;width: 58px;text-align: center;line-height: 58px;font-size:16px;color: #fff;right:-23px;top:-10px;z-index: 99;}
.template .box1 li{float:left;position: relative;width: 341px;margin-right:87px;padding-bottom:45px;font-family:"方正兰亭黑_GBK",Arial,"微软雅黑";}
.template .box1 li .img1{background: url(../images/ico9.png) no-repeat;width: 305px;height: 206px;padding:12px 1px 1px;-webkit-transition:all .3s;transition:all .3s;position: relative;}
.template .box1 li .img1 .info{overflow: hidden;height: 100%;position: relative}
.template .box1 li .img1 img{max-height: inherit;*max-height:none;position: absolute;top:0;}
.template .box1 li .img2{background: url(../images/ico10.png) no-repeat;width: 78px;height: 138px;padding:23px 5px 23px 6px;position: absolute;right:0;top:54px;}
.template .box1 li .img2 .info{overflow: hidden;height: 100%;}
.template .box1 li .img2 img{max-height: inherit;}
.template .box1 li:hover .img1{-webkit-transform: translate(0,-30px);transform: translate(0,-30px);box-shadow: 0 5px 100px 1px #eee;}
.template .box1 li .text{background: url(../images/ico11.png) no-repeat;margin-top:20px;line-height: 46px;padding:8px 15px 0;}
.template .box1 li .tex{background: url(../images/ico11_3.png) no-repeat;margin-top:20px;line-height: 46px;padding:15px 15px 4px;line-height: 24px;height: 48px;}
.template .box1 li .tex p a{color: #333;font-size: 14px;}
.template .box1 li .tex p a:hover{color: #00a1dd;}
.template .box1 li .tex .item{font-size:12px;}
.template .box1 li .tex .item i {color: #b0b0b0;font-size: 11px;float: left;}
.template .box1 li .tex .item span.workTime {
    background: url(../images/shijian.png) no-repeat left center;
    margin-left: 15px;
    padding-left: 22px;
    width: auto;
    float: right;
}
.template .box1 li .tex .item a.jihuo {
    background: url(../images/jihuo.png) no-repeat left center;
    margin-left: 15px;
    display: block;
    width: 17px;
    height: 24px;
    float: right;
}
.template .box1 li .more{padding-left:20px;background: url(../images/ico13.png) no-repeat left center;margin-left:15px;}
.template .box1 li .more2{padding-left:20px;background: url(../images/ico12.png) no-repeat left center;}
.template .box2{width: 1290px;}
.template .box2 li{float:left;position: relative;width: 250px;margin-right:67px;padding-bottom:45px;font-family:"方正兰亭黑_GBK",Arial,"微软雅黑";}
.template .box2 li .img1{background: url(../images/ico9_2.jpg) no-repeat;width: 248px;height: 165px;padding:12px 1px 1px;-webkit-transition:all .3s;transition:all .3s;}
.template .box2 li .img1 .info{overflow: hidden;height: 100%;position: relative}
.template .box2 li .img1 img{max-height: inherit;*max-height:none;position: absolute;top:0;}
.template .box2 li:hover .img1{-webkit-transform: translate(0,-30px);transform: translate(0,-30px);box-shadow: 0 5px 100px 1px #eee;}
.template .box2 li .text{background: url(../images/ico11_2.png) no-repeat;margin-top:20px;line-height: 46px;padding:8px 10px 0;font-size:13px;}
.template .box2 li .more{padding-left:20px;background: url(../images/ico13.png) no-repeat left center;margin-left:5px;}
.template .box2 li .more2{padding-left:20px;background: url(../images/ico12.png) no-repeat left center;}
.template .box2 li .tex{background: url(../images/ico11_4.png) no-repeat;margin-top:20px;line-height: 46px;padding:15px 15px 4px;line-height: 24px;height: 48px;}
.template .box2 li .tex p a{color: #333;font-size: 14px;}
.template .box2 li .tex p a:hover{color: #00a1dd;}
.template .box2 li .tex .item{font-size:12px;}
.template .box2 li .tex .item i {color: #b0b0b0;font-size: 11px;float: left;}
.template .box2 li .tex .item span.workTime {
    background: url(../images/shijian.png) no-repeat left center;
    margin-left: 15px;
    padding-left: 22px;
    width: auto;
    float: right;
}
.template .box2 li .tex .item a.jihuo {
    background: url(../images/jihuo.png) no-repeat left center;
    margin-left: 15px;
    display: block;
    width: 17px;
    height: 24px;
    float: right;
}
.template .load{display: block;width: 213px;line-height: 50px;border:2px solid #e7e7e7;text-align: center;margin:0 auto;color: #969696;-webkit-transition:color .2s;transition:color .2s;*margin-top:45px;border-radius: 3px;position: relative;}
.template .load:hover{color: #fff;border:2px solid #399af2;}
.template .load span{position: relative;z-index: 9;}
.template .load:after{content: '';display: block;position: absolute;width: 0;background: #399af2;height: 100%;-webkit-transition:all .2s;transition:all .2s;left:0;top:0;}
.template .load:hover:after{width: 100%;}
@-webkit-keyframes case1{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
		-webkit-transform:  translate(0,0);
		transform: translate(0,0);
	}
}
@keyframes case1{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
		-webkit-transform:  translate(0,0);
		transform: translate(0,0);
	}
}
@-webkit-keyframes case2{

	100%{
		opacity: 1;
		-webkit-transform:  translate(0,0);
		transform: translate(0,0);
	}
}
@keyframes case2{

	100%{
		opacity: 1;
		-webkit-transform:  translate(0,0);
		transform: translate(0,0);
	}
}
/*精品案例结束*/




/*展示*/
.exhibition .a1{text-align: center; min-height: 63px; box-shadow: 0 3px 3px #ebebeb;}
.exhibition .a1 .wrap{position: relative;}
.exhibition .a1 .pt{position: absolute;left:0;line-height: 62px;color: #00b2f4;}
.exhibition .a1 a{display: inline-block;zoom: 1;line-height: 62px;margin:0 25px;}
.exhibition .a1 .level1{border-bottom: 1px solid #f0f0f0; }
.exhibition .a1 .level1 a:after{width: 0;border-bottom:2px solid #00b2f4;content: '';height:0;display: block;-webkit-transition:all .3s;transition:all .3s;}
.exhibition .a1 a:hover,.exhibition .a1 a.on{color: #00b2f4;}
.exhibition .a1 a:hover:after,.exhibition .a1 a.on:after{width: 100%;}
.exhibition .a1 .sub{ 
	/* background: #f5f5f5;  */
	}
.exhibition .a1 .sub a{ color: #444444; font-size: 16px; }
.exhibition .a1 a:hover,.exhibition .a1 a.on{ color: #00b2f4; }
.exhibition .a1 .sub .icon{ display: inline-block; vertical-align: middle; width: 22px; background: no-repeat left center; height: 62px; }
.exhibition .a1 .sub a.on .icon, .exhibition .a1 .sub a:hover .icon{ background-position: right center; }


/*  */
.exhibition .a2{padding-top:40px;padding-bottom:30px;}
.exhibition .a2 .title{padding-left:30px;background: url(../images/ico31.png) no-repeat left center;}
.exhibition .a2 .search{width: 220px;position: relative;}
.exhibition .a2 .search .text{width: 165px;height: 30px;line-height: 30px;padding-left:15px;color: #ccc;font-size:14px;border:1px solid #ededed;border-radius: 3px;padding-right:40px;}
.exhibition .a2 .search .text:hover,.exhibition .a2 .search .text:focus{border:1px solid #00a1dd;}
.exhibition .a2 .search .submit{width: 40px;height: 30px;background: url(../images/ico32.png) no-repeat center;position: absolute;right:0;top:0;height: 100%;}
.exhibition .a2 .col{margin-right:35px;line-height: 34px;}
.exhibition .a2 .col span{float:left;width: 19px;height: 19px;margin-left:9px;margin-top:9px;cursor: pointer;opacity: 0.8;filter: alpha(opacity=80);}
.exhibition .a2 .col span:hover{opacity: 1;filter: alpha(opacity=100);}
.exhibition .a2 .col span.on{background:url(../images/ico33.png) no-repeat center;opacity: 1;filter: alpha(opacity=100);}
.exhibition .a2 .tab{margin-top:10px;padding-bottom:40px;}
.exhibition .a2 .tab li{float:left;}
/*.exhibition .a2 .tab a{display: block;width: 239px;height: 59px;background: no-repeat center top;text-align: center;padding-top:75px;font-size:16px;color: #666;border:1px solid #e8e8e8;margin:-1px 0 0 -1px;-webkit-transition: background-color .3s;transition: background-color .3s;}*/
.exhibition .a2 .tab a{display: block;width: 199px;height: 40px;background: no-repeat center -15px;text-align: center;padding-top: 60px;font-size: 16px;color: #666;border: 1px solid #e8e8e8;margin: -1px 0 0 -1px;-webkit-transition: background-color .3s;transition: background-color .3s;}
.exhibition .a2 .tab li.on a,.exhibition .a2 .tab li a:hover{border:1px solid #0eb6f5;position: relative;z-index:2;background-color: #f4fcff;}
.exhibition .a3 .tab{text-align: center;padding-top:0;font-family:"方正兰亭黑_GBK",Arial,"微软雅黑";}
.exhibition .a3 .tab .b1{display: inline-block;*display: inline;zoom: 1;margin-top:30px;padding-bottom:20px;}
.exhibition .a3 .tab .b1 li{float:left;width: 150px;margin:0 40px;-webkit-transition:all .3s;transition:all .3s;-webkit-transform: scale(0.92,0.92);transform: scale(0.92,0.92);}
.exhibition .a3 .tab.on .b1 li{-webkit-transform: scale(1,1);transform: scale(1,1);}
.exhibition .a3 .tab .b1 li a{display: block;color: #9b9b9b;background: url(../images/ico3.png) no-repeat;padding-top:80px;position: relative;-webkit-transition:all .3s;transition:all .3s;}
.exhibition .a3 .tab .b1 li.on a,.exhibition .a3 .tab .b1 li a:hover{color: #3f9ef3;background-image: url(../images/ico4.png);}
.exhibition .a3 .tab .b1 li.on a span{position: absolute;background: url(../images/ico5.png) no-repeat;width: 23px;height: 12px;bottom:-20px;left:50%;margin-left:-12px;}
.exhibition .a3 .tab .b1 li.i1 a{background-position:35px 5px;}
.exhibition .a3 .tab .b1 li.i2 a{background-position:-180px 5px;}
.exhibition .a3 .tab .b1 li.i3 a{background-position:-392px 5px;}
.exhibition .a3 .tab .b1 li.i4 a{background-position:-603px 5px;}
.exhibition .a3 .tab .b1 li.i5 a{background-position:-886px 5px;}
.exhibition .a3 .info{background: url(../images/ico30.jpg) repeat-x;padding-top:50px;}
.exhibition .a3 .info li{display: none;}
.exhibition .a3 .info li.on{display: block;}
.exhibition .a3 .info .box{width: 400px;}
.exhibition .a3 .info .box table{width: 100%;text-align: center;border:1px solid #e7e7e7;}
.exhibition .a3 .info .box table td{border:1px solid #e7e7e7;height: 46px;font-size:16px;color: #333;position: relative;}
.exhibition .a3 .info .box table td:first-child{color: #959595;background-color: #fdfdfd;}
.exhibition .a3 .info .box table td .tc{position: absolute;width: 990px;background-color: #fff;height: 46px;top:0;z-index: 9;line-height: 46px;}
.exhibition .a3 .info .box table th table{border:0;}
.exhibition .a3 .info .box table th table td{font-size:18px;border:0;height: 30px;}
.exhibition .a3 .info .box table th table td:first-child{color: #333;background: none;}
.exhibition .a3 .info .box .title{background-color: #f8f8f8;height: 145px;padding-top:10px;position: relative;}
.exhibition .a3 .info .box .title .ico72{position: absolute;right:20px;top: 0;}
.exhibition .a3 .info .box .title .ico73{position: absolute;right:5px;top: 5px;}
.exhibition .a3 .info .box .sup{position: relative;top:-32px;}
.exhibition .a3 .info .box .more{display: block;margin:20px auto;width: 217px;line-height: 54px;background-color: #00b2f4;color: #fff;border-radius: 3px;-webkit-transition:all .3s;transition:all .3s;}
.exhibition .a3 .info .box .more:hover{background-color: #00a1dd;}
.exhibition .a3 .info .box2 table{border-left:0;border-right:0;}
.exhibition .a3 .info .box2 table td{border-right:0;}
.exhibition .a3 .info .box2 table td:first-child{border-left:0;}
.exhibition .a3 .info .b2{padding:40px 0;text-align: center;font-family:"方正兰亭黑_GBK",Arial,"微软雅黑";}
.exhibition .a3 .info .b2 .c1{width: 1280px;margin-top:0;}
.exhibition .a3 .info .b2 .c1 dd{float:left;padding-top:80px;height: 120px;margin-top:30px;width: 240px;margin-right:80px;background: url(../images/ico35.png) no-repeat;}
.exhibition .a3 .info .b2 .c1 dd.i2{background-position: -310px 0;}
.exhibition .a3 .info .b2 .c1 dd.i3{background-position: -615px 0;}
.exhibition .a3 .info .b2 .c1 dd.i4{background-position: -935px 0;}
.exhibition .a3 .info .b2 .c1 dd.i5{background-position: 0 -260px;}
.exhibition .a3 .info .b2 .c1 dd.i6{background-position: -310px -260px;}
.exhibition .a3 .info .b2 .c1 dd.i7{background-position: -615px -260px;}
.exhibition .a3 .info .b2 .c1 dd.i8{background-position: -935px -260px;}
.exhibition .a3 .info .b2 .c1 dd h4{font-size:21px;color: #464646;}
.exhibition .a3 .info .b2 .c1 dd p{font-size:16px;font-family: "微软雅黑";font-size:15px;color: #adadad;}
.exhibition .a4 .title{font-family:"方正兰亭黑_GBK",Arial,"微软雅黑";padding:40px 0 25px;}
.exhibition .a4 .title span{margin-left: 30px;cursor: pointer;}
.exhibition .a4 .title span.on{color: #2691f1;}
.exhibition .a4 .exh_info{display: none;}
.exhibition .a4 .b1{padding-bottom:30px;}
.exhibition .a4 .b1 li{float:left;width: 245px;height: 170px;border:2px solid #eaeaea;-webkit-transition:all .3s;transition:all .3s;padding:40px 100px 0 40px;margin-left:16px;cursor:pointer;}
.exhibition .a4 .b1 li h3{color: #444;}
.exhibition .a4 .b1 li p{color: #7b7b7b;}
.exhibition .a4 .b1 li.i1{background:url(../images/ico61.png) no-repeat right center;}
.exhibition .a4 .b1 li.i2{background:url(../images/ico62.png) no-repeat right center;}
.exhibition .a4 .b1 li.i3{background:url(../images/ico63.png) no-repeat right center;}
.exhibition .a4 .b1 li:hover,.exhibition .a4 .b1 li.on{background-color: #f4fcff;border:2px solid #0fb6f4;}
.exhibition .a4 .b1 li:first-child{margin-left:0;}
.exhibition .a4 .b2{padding-top:30px;padding-bottom:120px;position: relative;}
.exhibition .a4 .b2 table{position: relative;z-index: 9;}
.exhibition .a4 .b2 td:first-child{text-align: right;padding-right:15px;color: #9a9a9a;}
.exhibition .a4 .b2 td{vertical-align: top;line-height: 54px;position: relative;}
.exhibition .a4 .b2 .text1{width: 420px;height: 52px;line-height: 52px;padding-left:15px;font-size:18px;margin-bottom:35px;color: #cacaca;border:1px solid #eaeaea;padding-right: 25px;}
.exhibition .a4 .b2 .text2{width: 230px;height: 52px;line-height: 52px;padding-left:15px;font-size:18px;margin-bottom:35px;color: #cacaca;border:1px solid #eaeaea;padding-right: 25px;}
.exhibition .a4 .b2 .text3{width: 279px;height: 52px;line-height: 52px;padding-left:15px;font-size:18px;margin-bottom:35px;color: #cacaca;border:1px solid #eaeaea;float:left;border-left: 0;padding-right: 25px;}
.exhibition .a4 .b2 .text1:focus,.exhibition .a4 .b2 .text1:hover,.exhibition .a4 .b2 .text2:focus,.exhibition .a4 .b2 .text2:hover{border: 1px solid #2691f1;}
.exhibition .a4 .b2 .text1::-webkit-input-placeholder,.exhibition .a4 .b2 .text2::-webkit-input-placeholder{color: #cacaca;}
.exhibition .a4 .b2 .text1::-ms-input-placeholder,.exhibition .a4 .b2 .text2::-ms-input-placeholder{color: #cacaca;}
.exhibition .a4 .b2 .more{width: 180px;text-align: center;color: #fff;background-color: #00b2f4;border-radius: 3px;-webkit-transition:all .3s;transition:all .3s;margin-bottom:23px;}
.exhibition .a4 .b2 .more:hover{background-color: #00a1dd;}
.exhibition .a4 .b2 h4{color: #cacaca;text-align: center;line-height: 1.2;}
.exhibition .a4 .b2 .submit{width: 369px;line-height: 54px;height: 54px;display: block;margin:20px auto;background-color: #00b2f4;border-radius: 3px;-webkit-transition:all .3s;transition:all .3s;}
.exhibition .a4 .b2 .submit:hover{background-color: #00a1dd;}
.exhibition .a4 .b2 .img{position: absolute;z-index: -1;right:-100px;top:0;}
.exhibition .a4 .b2 .tel{width: 120px;padding-left: 20px;border:1px solid #eaeaea;float:left;background: url(../images/ico68.png) no-repeat 120px center;position: relative;line-height: 52px;cursor: pointer;}
.exhibition .a4 .b2 .tel .info{width: 100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.exhibition .a4 .b2 .tel .tc{position: absolute;width: 180px;height: 240px;border:1px solid #eaeaea;border-top: 0;top: 53px;left:-1px;background-color: #fff;display: none;z-index: 999;}
.exhibition .a4 .b2 .tel .tc p{padding-left: 20px;}
.exhibition .a4 .b2 .tel .tc p:hover{background-color: #eee;cursor: pointer;}
.exhibition .a4 .b2 .t1{position: relative;}
.exhibition .a4 .b2 .t1 .yes{position: absolute;background: url(../images/ico67.jpg) no-repeat;width: 16px;height: 17px;right:20px;top:20px;display: none;}
.exhibition .a4 .b2 .p1{position: absolute;padding-left: 20px;background: url(../images/ico65.jpg) no-repeat left center;line-height: 35px;left: 0;color: #dedede;font-size:12px;display: none;top:54px;}
.exhibition .a4 .b2 .p2{position: absolute;padding-left: 20px;background: url(../images/ico66.jpg) no-repeat left center;line-height: 35px;left: 0;color: #e9242b;font-size:12px;display: none;top:54px;}
.exhibition .paging{border-top:1px solid #f0f0f0;padding-top:28px;text-align: center;}
.exhibition .paging .info{font-size:14px;display: inline-block;zoom: 1;*display: inline;line-height: 32px;}
.exhibition .paging .info a{float:left;margin:0 5px;border-radius: 3px;border:1px solid #dcdcdc;width: 32px;-webkit-transition:all .3s;transition:all .3s;}
.exhibition .paging .info a:hover{border:1px solid #00b2f4;background: #00b2f4;color: #fff;}
.exhibition .paging .info a.max{width: 72px;}
.exhibition .paging .info .cpb{border:1px solid #00b2f4;background: #00b2f4;color: #fff;float:left;margin:0 5px;border-radius: 3px;width: 32px;-webkit-transition:all .3s;transition:all .3s;}
.exhibition .paging .info .text{width: 58px;line-height: 32px;height: 32px;border:1px solid #dcdcdc;border-radius: 3px;font-size:14px;}
.exhibition .paging .info .text{width: 58px;line-height: 32px;height: 32px;border:1px solid #dcdcdc;border-radius: 3px;font-size:14px;}
.exhibition .paging .info .text:focus,.exhibition .paging .info .text:hover{border: 1px solid #2691f1;}
.exhibition .paging .info .submit{width: 58px;line-height: 32px;height: 32px;border:1px solid #00b2f4;border-radius: 3px;background: #00b2f4;color: #fff;font-size:14px;border:0;}
.exhibition .paging .info .submit:hover{background-color: #00a1dd;}
/*展示结束*/

/*滚动条*/
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom;}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ position: relative;overflow: hidden;height: 100%;max-width: 100%;outline: none;direction: ltr;}
.mCSB_container{ overflow: hidden;width: auto;height: auto;}
.mCSB_inside > .mCSB_container { margin-right: 20px;}
.mCSB_scrollTools{position: absolute;width: 16px;height: auto;left: auto;top: 0;right: 0;bottom: 0;}
.mCSB_scrollTools .mCSB_draggerContainer{position: absolute;top: 0;left: 0;bottom: 0;right: 0; height: auto;}
.mCSB_scrollTools .mCSB_dragger{cursor: pointer;width: 100%; height: 30px; z-index: 1;}
.mCSB_scrollTools .mCSB_draggerRail{width: 2px;height: 100%;margin: 0 auto;background-color: #ccc;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position: relative;width: 5px;height: 100%;margin: 0 auto;text-align: center;background-color: #adadad;}
.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;transition: opacity .2s ease-in-out, background-color .2s ease-in-out;}
/*滚动条*/

/*手机模版*/
.g_web{position: relative;min-height: 100%;_height: 100%}
.containerPlaceholder {clear: both;width: 100%;margin: 0;padding: 0;font-size: 0;overflow: hidden;height: 0;}
.floatLeftTop {position: fixed;_position: absolute;top: 0;left: 0;width: 0;height: 0;font-size: 0;z-index: 29;margin: 0;padding: 0;}
.floatRightTop {position: fixed;_position: absolute;top: 0;right: 0;width: 0;height: 0;font-size: 0;z-index: 29;margin: 0;padding: 0;}
.floatLeftBottom {position: fixed;_position: absolute;bottom: 0;left: 0;width: 0;height: 0;font-size: 0;z-index: 29;margin: 0;padding: 0;}
.floatRightBottom {position: fixed;_position: absolute;bottom: 0;right: 0;width: 0;height: 0;font-size: 0;z-index: 29;margin: 0;padding: 0;}
.popupBg {position: fixed;margin: 0;padding: 0;top: 0;left: 0;right: 0;bottom: 0;height: 100%;_position: absolute;_height: expression(document.documentElement.clientHeight);background-color: #000;filter: alpha(opacity=70);z-index: 9031;overflow: hidden;opacity: .7}
.mobiPlatformIcon {
	position: fixed;
	_position: absolute;
	width: 47px;
	*width: 40px;
	height: 60px;
	*height: 79px;
	z-index: 9031
}
.mobiPlatformIcon_left {
	top: 50%;
	left: 0;
	background: url(../images/phonetip_left.png) no-repeat 0 0;
	*background: url(../images/phonetip2_left.png) no-repeat 0 0
}
.mobiPlatformIcon_right {
	top: 50%;
	right: 0;
	background: url(../images/phonetip_right.png) no-repeat 0 0;
	*background: url(../images/phonetip2_right.png) no-repeat 0 0
}
.mobiPlatformIcon-handle {
	display: block;
	width: 100%;
	height: 100%;
	outline: 0
}
.mobiPlatform {
	cursor: move;
	position: fixed;
	_position: absolute;
	bottom: 30px;
	right: 40px;
	z-index: 9032
}
.mobiPlatform-hide {
	opacity: 0;
	filter: alpha(opacity=0)
}
.mp-innerCover {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2
}
.mobiPlatform_big {
	width:295px;height:592px;
	background: url(../images/big_phone.png) no-repeat 0 0;
	_background: url(../images/big_phone.gif) no-repeat 0 0
}
.mobiPlatform_small {
	width:291px;height:483px;
	background: url(../images/small_phone.png) no-repeat 0 0;
	_background: url(../images/small_phone.gif) no-repeat 0 0;
	display: none;
}
.mobiPlatform_big .mp-innerIframe {
	width:265px;height:490px;
	position: absolute;
	top: 42px;
	left: 15px
}
.mobiPlatform_small .mp-innerIframe {
	width: 265px;
	height: 400px;
	position: absolute;
	top: 33px;
	left: 13px
}
.mp-innerIframe2 {
	position: relative;
	background: url(../images/updatetip.jpg) no-repeat center center
}
.mp-updateBtnContainer {
	width: 100%;
	height: 33px;
	position: absolute;
	left: 0
}
.mobiPlatform_big .mp-updateBtnContainer {
	bottom: 70px
}
.mobiPlatform_small .mp-updateBtnContainer {
	bottom: 30px
}
.mp-updateBtn {
	display: block;
	width: 120px;
	height: 33px;
	margin: 0 auto;
	background: url(../images/updatebtn.jpg) no-repeat 0 0
}
.mp-loading {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	top: 0;
	left: 0
}
.mp-loading-icon {
	position: absolute;
	width: 40px;
	height: 40px;
	background: url(../images/loading.png) no-repeat 0 0;
	border-radius: 5px;
	background-size: 40px 40px
}
.mobiPlatform_big .mp-loading-icon,
.mobiPlatform_small .mp-loading-icon {
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px
}
.mp-loading-iconAction {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-animation: mp-loading-iconAction 1s infinite;
	-ms-animation: mp-loading-iconAction 1s infinite;
	-moz-animation: mp-loading-iconAction 1s infinite;
	-o-animation: mp-loading-iconAction 1s infinite;
	animation: mp-loading-iconAction 1s infinite
}
.mobiPlatform .mp-hoverTip {
	width: 325px;
	height: 30px;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: -46px;
	left: -16px;
	background: url(../images/hovertips.png) no-repeat 0 0
}
/*手机模版结束*/


.news{padding-bottom: 60px;}
.news ul{margin-top:30px;padding-bottom: 60px;}
.news ul li{width:100%;float:left;height:100px;line-height:26px;border-bottom:#d9d9d9 solid 1px}
.news ul li .newsday{width:127px;color:#cfcece;float:left;font-size:15px;background:url(../images/new3.jpg) center right no-repeat;margin-top:25px;text-align:center}
.news ul li .newsday h3{font-size:28px;font-weight:100}
.news ul li .newstitle{width:750px;color:#999;float:left;margin-top:25px;margin-left:28px;display:inline}
.news ul li .newstitle h3{font-size:16px;color:#2f2f2f;font-weight:100}
.news ul li span{margin-top:40px;margin-right:40px;display:inline;float:right;width:30px;height:30px;background:url(../images/new10.jpg) right center no-repeat}
.news ul li:hover{border-bottom:0;background:#0096db}
.news ul li:hover span{background:url(../images/new2.jpg)}
.news ul li:hover .newsday{background:url(../images/new4.jpg) right center no-repeat}
.news ul li:hover .newstitle{color:#8dc4ea}
.news ul li:hover .newstitle h3{color: #fff;}

.news .wrap3{ color:#666;width:1000px; margin:0 auto; clear:both; line-height:24px; margin-top:10px; text-indent:22px;}
.news .wrap3 img{ width:100%;}
.news .wrap3 h3{text-align:center;font-size:22px; font-weight:100;margin-top:55px;}
.news .wrap3 .newstime{padding:10px 10px; text-align:center;}

.articleContent{padding: 60px 0 130px;}
.articleContent .title{border-bottom: 1px #ececec solid;height: 71px;background: url(../images/line3.jpg) no-repeat left 0;padding-left: 9px;}
.blank5 {
    height: 30px;
    overflow: hidden;
}
.contrct2 ul{width:100%}
.contrct2 li{width:1000px;float:left;padding-top:24px;padding-bottom:45px;background:url(../images/c_line.jpg) no-repeat left bottom}
.contrct2 li .title{color:#727171;font-size:20px;display:block}
.contrct2 li .con{display:block;padding-top:15px}
.contrct2 li .con .pic{width:450px;float:left}
.contrct2 li .con .txt{width:500px;float:right;line-height:40px;color:#868686;font-size:14px}
.contrct2 li .con .txt span{display:block;color:#727171;font-size:18px}
.contrct2 li.clearItem{background:0 0;padding-bottom:0}

.wangzhan dt img{padding-top:6px}
.service_1 .list-paddingleft-2{width: 1100px;}
.service_1 .content dt{line-height:24px;color:#666;font-size:14px;padding:20px 0}
.service_1 .content dd li{width:294px;height:410px;float:left;margin-right:57px;display:inline}
.service_1 .content dd li .pic{height:167px}
.service_1 .content dd li .tit1{color:#0b98de;font-size:18px;padding:12px 0}
.service_1 .content dd li .con{font-size:13px;color:#666;line-height:22px}


.cu_content{float:left;display:inline;margin:30px 0 0 130px}
.cu_main{width:1000px;float:left}
.cu_main h3{font-size:14px;color:#228bd8;font-weight:100;margin-top:37px}
.cu_main h2{font-size:18px;color:#228bd8;font-weight:100;margin-top:31px}
.cu_img{float:left;margin-top:5px}

.articleContent table{border-collapse:separate;border-spacing:1px;}
.blank3 {
    height: 50px;
    overflow: hidden;
}

.job{font-size:14px;line-height: 2;}
.job .job_1{font-size:16px;clear: both;}
.job .job_1 li{float:left;margin-left:60px;}
.job .job_1 li:first-child{margin-left:0;}
.job .job_1 h3{margin-bottom:30px;}
.job .job_1 p{padding-left:20px;}
.job .job_1 .cn p{padding-left:40px;}
.job .job_1 .cn2 p{padding-left:32px;}
.job .job_2 table{width: 670px;}
.job .job_2 tr td:first-child{color: #a3a3a3;}
.job .job_2 td{vertical-align: top;}
.job .job_info{padding-right:340px;position: relative;}
.job .job_info .title{font-size:25px;margin-bottom:10px;}
.job .job_info dt{font-size:16px;color:#313131;}
.job .job_info .bd{background: url(../images/job_10.jpg) repeat-x;height: 1px;}
.job .job_info .more{background-color: #0b98de;line-height: 49px;width: 172px;text-align: center;font-size:16px;color:#fff;display: block;}
.job .job_info .cl{position: absolute;right:5px;top:-10px;border:1px solid #e5e5e5;width: 228px;padding:8px 16px 50px;}
.job .job_info .cl dt{border-bottom:1px solid #f2f2f2;padding-left:10px;margin-bottom:10px;}
.job .job_info .cl dd{background: url(../images/job_11.jpg) no-repeat 13px center;padding-left:27px;}


.kefu{position:fixed;right:10px;top:50%;z-index:1200;width:138px;margin-top:-200px;}
.kefu div{margin: 0 auto;}
.kefu .kfdiv{width:63px;height:63px;margin-bottom:1px;cursor:pointer;color:#FFF;text-align:center;margin-right:0;background:url(../images/kefu.png) no-repeat}
.kefu .c1{background-position:0 0}
.kefu .c2{background-position:0 0;position:relative;display:block}
.kfQQ{width:138px;margin-right:0;position:relative;margin-bottom:1px;display:none}
.kfQQ .icon_qq{width:63px;height:63px;margin-bottom:1px;cursor:pointer;color:#FFF;text-align:center;margin-right:0;background:url(../images/kefu.png) no-repeat -63px -64px;position:absolute;left:-63px}
.kfQQ dt{height:63px;background:url(../images/ket.png) no-repeat}
.kfQQ dd{border:1px #dcdcdc solid;border-bottom:3px #0896de solid;width:138px;background:#FFF}
.kfQQ dd span{padding-left:14px;padding-bottom:13px;font-size:12px;text-align:left;display:block;color:#5c5c5c}
.kfQQ dd span img{margin-right:10px;width:23px;height:23px;vertical-align:middle}
.kfQQ dd span a{color:#777;display:block;padding-top:8px}
.kfQQ dd span a:hover{color:#777;text-decoration:underline;}
.kefu .c3{background-position:0 -64px}
.kefu .c3:hover{background-position:-63px -64px}
.kefu .c1:hover{background-position:-63px 0}
.qqlist:hover .kfQQ{display: block;}
.qqlist:hover .kfdiv{display: none;}


.links{line-height:30px;font-size:13px;background:url(../images/line_h.jpg) repeat-x;position:relative;padding:10px 0;}
.linksIcon{width:16px;height:16px;background:url(../images/linksicon.jpg) no-repeat;cursor:pointer;position:absolute;right:7px;top:16px}
.links dt{float:left;color:#000}
.links dd{float:left;width:910px;height:30px;overflow:hidden}
.links dd a{white-space:nowrap;display:inline-block;color:#959595;background:url(../images/links_line.jpg) no-repeat right center;padding:0 9px}
.linksBottom{height:1px;background:url(../images/line_h.jpg) repeat-x;margin-bottom: 40px;}

.classify{padding: 20px 0 40px;}
.classify dt{width:57px;height:69px;float:left;margin-right: 10px;}
.classify dt a{width:57px;height:69px;background:url(../images/all-off.jpg) no-repeat;display:block}
.classify dt a.hover,.classify dt a:hover{background-color:#0195db;background:url(../images/all.jpg) no-repeat}
.classify dd{float:left;width:1133px}
.classify dd a{border:1px #d8d8d8 solid;color:#464646;font-size:14px;border-radius:2px;height:31px;line-height:31px;display:inline-block;white-space:nowrap;margin:0 5px 3px;padding:0 17px;}
.classify dd a.hover,.classify dd a:hover,.classify dd .on{background-color:#0195DB;color:#FFF}




/* 2018.3.16 */

.asd_a p{text-align: left;font-size: 16px;line-height: 20px;line-height: 1.5;font-family: "微软雅黑"}
.button-m.resetBtn{margin-top:12.5px;}


.routineDemos{height: auto}
a.a_btn{display: block; width: 230px; height: 50px; border-radius: 5px; text-align: center; line-height: 50px; margin: 0 auto; font-size: 16px; color: #fff; background: #1b97df; margin-top: 50px;}
a.a_btn:hover{opacity: .8; filter: alpha(opacity=80);}


/* 219/8/12 */
/* 模板网站-精美网站-网站模板 */
.template_showbg{width: 1360px; margin: auto;}
/*行业选择*/
.listBox{overflow:hidden;zoom:1; margin-top: 0px;}
.template_list {margin-top: 60px; /*height:160px;*/}
.list_title {width: 100%;height: 36px;line-height: 36px;font-size: 24px;text-align: left;}
.list_title .list_title_l {height: 30px;width: 6px;background: #f86106;float: left;}
.list_title span {float: left;font-size: 20px;padding-left: 10px;}
.template_list ul {border-radius: 4px;overflow: hidden;zoom: 1; /*border-bottom:1px dashed #eee;*/  background-color:#f5f7f7; padding-bottom:10px;}
.template_list ul:after {content: "\0020";display: block;height: 0;clear: both;}
.template_list ul li { width:210px;text-align: left; font-size:14px;float:left; line-height:32px; margin-left: 30px; margin-top: 10px;}
/*.template_list ul li:not(.online-shop){/*padding:5px 10px;margin-bottom: 20px;}*/
.template_list ul li a {color:#666666}
.template_list ul li a:hover {color:#5cb85c;}
.template_list ul li.curSelected a{ color:#5cb85c;border-bottom: 1px solid #5cb85c; }
.template_list ul li.curSubSelected a{ color:#5cb85c;border-bottom: 1px solid #5cb85c; }
/* color */
.showTemplate {width: 1360px;}
.toolbar {margin-top: 23px;margin-bottom: 30px;}
.Colors {border-radius: 0 ! important;background: #fff;padding: 17px 15px 10px 0px;float: left;width: 80%}
.Colors label,#curColor label {display: block;float: left;width: 24px;height: 24px;margin: 4px;margin-top: -2px;line-height: 20px;text-align: center;cursor: pointer;}
.Colors label.Col0,#curColor label.Col0 {background: url(../images/colorful.jpg) no-repeat;}
.Colors label {border-radius: 4px;}
.Col1 {background: #ff0000;}
.Col2 {background: #ff6600;}
.Col3 {background: #ffe300;}
.Col4 {background: #00d900;}
.Col5 {background: #02E3E3;}
.Col6 {background: #009DFF;}
.Col7 {background: #BE2CBE;}
.Col8 {background: #C2C2C2;}
.Colors label.Active {border: solid 1px red;position: relative;}
.Colors label.Active i {width: 24px;height: 24px;top: 2px;left: 1px;display: block;background: url(../images/currentsort.gif) 10px 8px no-repeat;position: absolute;}
.templateSelect .BtActive:after {left: 45%;}
.H5templateChild {position: relative;width: 50%;float: left;}
.templatepc {background-repeat: no-repeat;position: relative;background-image: url(../images/pc.png);height: 392px;}
.h5pcimg {border-radius: 5px;width: 526px;height: 326px;position: relative;overflow: hidden;left: 51px;top: 17px;}
.h5showImg {position: relative;width: 100%;border-radius: 5px;}
.h5tMask {padding-left: 45px;margin-bottom: 30px;height: 60px;}
.h5tit {width: 50%;height: 60px;float: left;line-height: 60px}
.h5txt span {display: block;text-align: left;line-height: 2em;}
.h5tMask .ControlButton a {transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;transition-duration: 0.3s;width: 80px;height: 32px;display: inline-block;line-height: 32px;text-align: center;border-radius: 16px;color: #fff ;cursor : pointer}
.h5tMask .ControlButton a:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;transition: all .3s ease-out;border-radius: 20px;}
.h5tMask .ControlButton .yl:before {background: #41ae5a;}
.h5tMask .ControlButton .xy:before {background: #dd5000;}
.h5tMask .ControlButton a:hover:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
.h5tMask .ControlButton .yl {background-color: #5cb85c}
.h5tMask .ControlButton .xy {background-color: #f85d00;border: 1px solid #fff}
.templatemobile {background-image: url(../images/mobile.png);height: 324px;top: 30px;overflow: hidden;left: 75%;width: 174px;background-repeat: no-repeat;position: absolute;z-index: 9;}
.h5mobileimg {border-radius: 5px;top: 33px;width: 133px;overflow: hidden;position: absolute;left: 19px;height: 240px}
.Mhide {display: none;background-color: rgba(0,0,0,0.2);height: 100%;z-index: 10;position: relative;width: 133px;height: 240px;left: 19px;top: 33px;border-radius: 5px}
.pchide {border-radius: 5px;display: none;background-color: rgba(0,0,0,0.2);width: 526px;height: 326px;position: absolute;left: 51px;top: 17px;z-index: 3;}
.template_list ul li {width: 195px;}
#tips {text-align: center;}
.m-button{width: 60px;height: 32px;display: inline-block;line-height: 32px;text-align: center;border-radius: 16px;color: #333;margin: 15px 0;cursor:pointer;color:#000;border:1px solid #eee;}
.m-button:last-child:hover{color:#fff;background-color:#f85d00;border:none;}
.m-button:hover{color:#fff;background-color:#5cb85c;}
.selected1{background: #f85d00;color:#fff;border:none;}
.selected{background: #5cb85c;color:#fff;border:none;}
.liselect {border:2px solid green;}
.template_showbg .paging{
	padding-bottom: 30px;
}
.exhibition .template_showbg .paging .info .cpb{
	border-color: #f85d00;
	background-color: #f85d00;
}
.exhibition .template_showbg .paging .info a:hover{
	border-color: #f85d00;
	background-color: #f85d00;
}
.exhibition .template_showbg .paging .info .submit,
.exhibition .template_showbg .paging .info .submit:hover{
	background: #f85d00;
}
.exhibition .template_showbg .paging .info .text:focus, 
.exhibition .template_showbg .paging .info .text:hover{
	border-color: #f85d00;
}



/* 套餐价格 */
/*套餐详细*/
.comboBox{
	/* background: #f0f0f0; */
	padding-top: 1px;text-align: center;font-size: 14px;}
.comboBox table{border: none; border-color: #f0f0f0;}
.contrastBox{position: relative;margin:50px auto;width:1100px;}
.contrastBox .contrastTitle{  overflow: hidden;height: 80px;color: #333;text-align: left;font-size: 30px;line-height: 80px;}

#contrastTop{width:1100px;height:40px;color:#fff;line-height:40px;}

.contrastHead{  border-left: 1px solid #ddd;  border-bottom: 1px solid #ddd;background: #fff;  color: #333;}
.contrastHead tr th{height:80px;color:#333;font-size:22px;font-Weight: normal;min-width:132px;border-color: #f0f0f0;}

.contrastHead tr th:first-child{min-width:155px;}
.contrastHead tr th,.contrastHead tr td{border-right: 1px solid #ddd;}
.contrastHead .priceTr{height:30px;}
.contrastHead .priceTr label{padding-left:3px;line-height:30px;}
.contrastHead .tc{width:220px;}
.contrastHead .mfb{border-top:6px solid #1bbc9d; color:#1bbc9d;}
.contrastHead .tzb{ width:220px;  border-bottom:3px solid #fad62c; font-size:20px;   color:#333333;}
.contrastHead .wgw{ width:220px;  border-bottom:3px solid #fa8a2c;   font-size:20px;   color:#333333;}
.contrastHead .gjb{width:220px;  border-bottom:3px solid #a3c948; font-size:20px;   color:#333333;}
.contrastHead .swb{width:220px; border-bottom:3px solid #378ac3; font-size:20px;   color:#333333;}
.contrastHead .zxb{border-top:6px solid #C56C24; color:#C56C24;}
.contrastHead .sjb{border-top:6px solid #6cd75e; color:#6cd75e;}
.contrastHead .wxb{border-top:6px solid #9d44f0; color:#9d44f0;}
.contrastHead .qjb{border-top:6px solid #fe7b11; color:#fe7b11;}
.contrastHead .fxscb{border-top:6px solid #f7422f; color:#f7422f;}
.contrastHead .dshdzg{border-top:6px solid #0191F7; color:#0191F7;}

.vPrice {height:40px;}
.vPrice span{  font-weight: bold;font-size:24px;}
.vPrice .mfbColor span{color:#1bbc9d;}
.vPrice .tzbColor span{color:#3598dc;}
.vPrice .swbColor span{color:#f49c14;}
.vPrice .sjbColor span{color:#2fa4e7;}
.vPrice .wxbColor span{color:#27ae61;}
.vPrice .qjbColor span{color:#8f44ad;}
.vPrice .fxscColor span{color:#e64131;}

.tdBuy{height:50px;line-height:50px;}
.tdBuy a,.tdBuy input{display: block;margin: 0 auto;width: 120px;height: 30px;border-radius: 2px;background-color: #ff4b4b;color: white;text-align:center;line-height: 30px;cursor:pointer;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.tdBuy a:hover,.tdBuy input:hover{background:#F22525;}

.contrast{background:#ddd;}
.contrast tr td{height:36px;background:#fff;line-height:28px;min-width: 96px;border-color: #f0f0f0;}
.contrast tr td:first-child{min-width: 112px; width:112px;}
.contrast tr td img{vertical-align: middle; /*width:20px;*/}
.contrast tr td.dbtitle{padding-left:10px;background:#eee;text-align:left;font-weight:bold;}
.contrast tr td.dbtitle1{line-height: 40px;background: #50C754;color: #fff;text-align: center;font-weight: bold;font-size: 16px;}

.chooseBox{overflow:hidden;margin:0 auto;margin-bottom:50px;width:1106px;zoom:1;position:relative;}
.yzTips{position:absolute;z-index: 10;}
.yzTips.sales{ top: 110px;right:241px;}
.yzTips.Fiery{ top: 122px;left:120px;}
.yzTips b{display: block; padding: 2px 8px;font-size:12px;height: 18px;line-height: 18px;font-weight: normal;background: #e61919; color: #fff;border-radius: 3px;}
.yzTips i{    display: block;font-family: Arial; color: #e61919; font-style: normal; line-height: 0px;text-align: left;}
.chooseBox .tabHd,.chooseBox .tabHd ul{overflow:hidden;zoom:1;}
.chooseBox .tabHd{height:63px;position:relative;}
.chooseBox .tabHd ul{ background-color: #ddd;}
.chooseBox .tabNav li{top:10px;float:left;height:60px;border-top:3px solid #999;line-height:60px;    background-color: #ddd;}
.chooseBox .tabNav .yzmfb{border-top-color:#FFC800;}
.chooseBox .tabNav .yztzb{border-top-color:#4a9fe8;}
.chooseBox .tabNav .yzwgw{border-top-color:#6cd75e;}
.chooseBox .tabNav .yzgjb{border-top-color:#99CCFF;}
.chooseBox .tabNav .yzswb{border-top-color:#FF01AE;}
.chooseBox .tabNav .yzscyxb{border-top-color:#666699;}
.chooseBox .tabNav .yzwyxb{border-top-color:#9d44f0;}
.chooseBox .tabNav .yzqjb{border-top-color:#fe7b11;}
.chooseBox .tabNav .yzfxsc{border-top-color:#f7422f;}
.chooseBox .tabNav .yzdlfxsc{border-top-color:#0FC1FD;}
.chooseBox .tabNav .yzzxb{border-top-color:#F00;}
.chooseBox .seven{ position:absolute; top:0;left:200px; color:red;}
.chooseBox .kxg{position:absolute;top:0;left:387px;}
.chooseBox .tgg{position:absolute;top:0;left:525px;}
.chooseBox .htchoose{position:absolute;top:0px;left:133px;}
.chooseBox .wxappchoose{position:absolute;top:0px;left:120px;}
.chooseBox .jzfw1choose{position:absolute;top:690px;left:143px;}
.chooseBox .jzfw2choose{position:absolute;top:690px;left:280px;}
.chooseBox .jzfw3choose{position:absolute;top:690px;left:420px;}
.chooseBox .jzfw4choose{position:absolute;top:690px;left:555px;}
.chooseBox .yichoose{position:absolute;top:70px;left:130px;}
.chooseBox .yifenchoose{position:absolute;top:70px;left:300px;}
.chooseBox .jifenmallchoose{ position:absolute;top:0; left:575px;}
.chooseBox .fxdbchoose{ position:absolute;top:0; left:575px;}
.chooseBox .kxgcoupon{position:absolute;top:0;right:60px;}
.chooseBox .dlxxcoupon{position:absolute;top:0;top:70px;left:400px;}
.chooseBox .sytcoupon{position:absolute;top:0;top:70px;left:550px;}
.chooseBox .kxg2{position:absolute;top:0;right:200px;}
.chooseBox .wxspcoupon{position:absolute;top:70px;left:120px;}
.chooseBox .bottom_foot{position:absolute;bottom:-1px;right:50px;color:#F00;font-size:14px;}
.chooseBox .bottom_foot .former{color:#666; text-decoration:line-through; font-size:12px;}
.chooseBox .tabNav li a{display:block;font-size:16px;color: #666;}
.chooseBox .tabNav li.on{background-color:#fff;top:0px;height: 60px;line-height:60px;}
.chooseBox .tabNav li.on .mfa, .chooseBox .tabNav .mfa:hover {color: #FFC800;}
.chooseBox .tabNav li.on .tza,.chooseBox .tabNav .tza:hover{color:#4a9fe8;}
.chooseBox .tabNav li.on .wga,.chooseBox .tabNav .wga:hover{color:#6cd75e;}
.chooseBox .tabNav li.on .swa,.chooseBox .tabNav .swa:hover{color:#FF01AE;}
.chooseBox .tabNav li.on .wya,.chooseBox .tabNav .wya:hover{color:#9d44f0;}
.chooseBox .tabNav li.on .qja,.chooseBox .tabNav .qja:hover{color:#fe7b11;}
.chooseBox .tabNav li.on .fxa,.chooseBox .tabNav .fxa:hover{color:#f7422f;}
.chooseBox .tabNav li.on .dlfxa,.chooseBox .tabNav .dlfxa:hover{color:#0FC1FD;}
.chooseBox .tabBd{overflow:hidden;zoom:1;width:1104px;}
.tabPalMain {overflow:hidden;background:#fff;zoom:1;}
.tabPalMain .tabPalLeft{float:left;padding:30px;}
.parameterUl,.parameterUl li,.parameterUl li dl{overflow:hidden;zoom:1; width: 700px;}
.parameterUl li{padding:12px 0;float:left;}
.parameterUl li dl dt{float:left;width: 80px;color:#999;text-align:right;font-size:14px;line-height:41px;}
.parameterUl li dl dd {float:left;display: inline-block; margin: 0 10px;padding:10px 10px;border-radius:3px;cursor:not-allowed;    border: 1px solid #ccc;}
.parameterUl li dl dd i{float:left;width:26px;height:20px;background:url(../images/lefticon.png) no-repeat;}
.parameterUl li dl dd i.wx{float:left;width:26px;height:20px;background:url(../images/icon.jpg) no-repeat;}
.parameterUl li dl dd .sytIcon {float: left;width: 26px;height: 20px;background: url(../images/syticon1.png) center no-repeat;background-size: contain;}
.parameterUl li dl dd .dnzIcon{background-position:-5px 0;}
.parameterUl li dl dd .wgwIcon{background-position:-5px -298px;}
.parameterUl li dl dd .appIcon{background-position:-5px -447px;}
.parameterUl li dl dd .whdIcon{background-position:-5px -51px;}
.parameterUl li dl dd .ffhdIcon{background-position:-5px -348px;}
.parameterUl li dl dd .scxtIcon{background-position:-5px -100px;}
.parameterUl li dl dd .fxxtIcon{background-position:-5px -397px;}
.parameterUl li dl dd .dlxtIcon{background-position:-5px -397px;}
.parameterUl li dl dd .jfxtIcon{background-position:-5px -714px;}
.parameterUl li dl dd .gjmkIcon{background-position:-5px -200px;}
.parameterUl li dl dd .seoIcon{background-position:-5px -151px;}
.parameterUl li dl dd .dyyIcon{background-position:-5px -249px;}
.parameterUl li dl dd .checkico{background-position:-5px -348px;}
.parameterUl li dl dd .yhjIco{background-position:-5px -630px;}
.parameterUl li dl dd .htIcon{background-position:-5px -670px;}
.parameterUl li dl dd .wxspIcon{background-position:-5px -100px;}
.parameterUl li dl dd .dshIcon{background-position:-5px -100px;}
.parameterUl li dl dd .dlcxIco{background-position:-5px -758px;}
.parameterUl li dl dd .xsmsIcon{background-position:-5px -831px;}
.parameterUl li dl dd .wkjIcon{background-position:-5px -592px;}
.parameterUl li dl dd .xstgIcon{background-position:-5px -672px;}
.parameterUl li dl dd .dbIcon{background-position:-5px -797px;}
.parameterUl li dl dd span{float:left;min-width:70px;color:#999;   }
.parameterUl li dl dd.select{border:1px solid #fa4d0c;background: url(../images/radioico.png) bottom right no-repeat;}

.parameterUl li dl dd.select i.wx{background-image:url(../images/icon2.jpg);}

.parameterUl li dl dd.select i{background-image:url(../images/lefticonseclet.png);}
.parameterUl li dl dd.select .sytIcon{background-image:url(../images/syticon2.png)}
.parameterUl li dl dd.select span{color:#fa4d0c;}
.parameterUl .wxsp{margin-top:24px;}.
.parameterUl .dsh{margin-top:24px;}
.parameterUl .dlxx{margin-top:24px;}
.parameterUl .fxdb{margin-top:24px;}
.parameterUl .syt {margin-top: 24px;}
.parameterUl .yydb{margin-top:24px; margin-left:90px;}
.contrastHead .free {width: 220px;border-bottom: 3px solid red;font-size: 20px;color: #333333;}
.out{border-top: 1px #D6D3D6 solid; /*上边框宽度等于表格第一行行高*/position: relative; /*让里面的两个子容器绝对定位*/
	/* transform: rotateZ(27.9deg) scale(1.12); */
	transform: rotateZ(44.9deg) scale(1.4);
}
.bb{position: absolute;top: 36px;left: 130px;}
.gn{position: absolute;top: 74px;left: 28px;}
.contrast tr td:first-child{
	min-width: 85px;
	width: 85px;
}
.contrast tr td
{
	width: 220px;
	height: 51px;
}
.tr-top
{
	height: 5px;
}
.contrastBox .buyBtn
{
	border-radius: 16px;
}
.chooseBox
{
	margin-bottom: 0px;
}
.comboBox, .contrastBox
{
	/* margin-top: 60px; */
}
.contrast
{
	margin-top: 5px;
}
.keyworkIcon
{
	float: left;
	width: 26px;
	height: 20px;
	background: url(static/images/keywork.png) round;
	
	
}
.parameterUl li dl dd.select .keyworkIcon
{
	float: left;
	width: 26px;
	height: 20px;
	background: url(static/images/keywork_select.png) round;
	
	
}
.contrastHead .free {
	width: 220px;
	border-bottom: 3px solid red;
	font-size: 20px;
	color: #333333;
}
.contrastHead tr th:first-child 
{
	min-width: 155px !important;
}
.chooseBox .tabNav li.on .free, .chooseBox .tabNav .free:hover {
	color: red;
}


/* xcx */
#board_5{width: 1200px;padding-bottom: 50px;}
.showTable1{float: left; margin-top: 40px;	}
/*手机样板*/
.showTable{overflow:hidden;zoom:1;margin:20px 0;}
.showTable1{  margin-top:40px; }
.showBg{position:relative;float:left;margin:10px 10px 30px; margin:20px 33px;padding-top:45px;width:209px;height:349px;background:url(../images/2016img/phoneshell.png) no-repeat 0 0;text-align:center;}
.showBg1{position:relative;float:left;margin:10px 10px 30px; /*margin:20px 33px;padding-top:45px;*/width:220px;height:349px;/*background:url(../images/2016img/phoneshell.png) no-repeat 0 0;*/text-align:center;}
.showBg img{width:196px;}
.showBg .qrcode{display:none;position:absolute;top:45px;left:5px;z-index:10;width:199px;height:295px;background:url(../images/opacitybg.png);text-align:center;}
.showBg1 .qrcode1{display:none;position:absolute;top:0px;z-index:10;width:220px;height:400px;background:url(../images/opacitybg.png);text-align:center;}
.sjnr1{height:400px;overflow:hidden;}
.sjnr1 img{ width:220px; height:380px;}
.specPages {/*width:580px; width:50%;*/ margin:0 auto;  padding-top: 20px;overflow:hidden; clear: both;display: flex;
    justify-content: center;text-align: center;}
.specPages a, .specPages span{display:block;  margin-right: 5px;width:30px;height: 30px;line-height: 30px;float:left;border:1px solid #ddd;  background: #fff;}
.specPages .pageNum{background:#fff;color:#666;}
.specPages .current,.specPages .pageNum:hover{background:#F4721C;color:#fff;  border: 1px solid #F4721C;}
.specPages .prev, .specPages .next{width:60px;}
.specPages .ellipse{background:none;border:none;}
.showBg .qrcode p{  line-height: 36px;color:#fff;}
.showBg .qrcode .richScan{margin-top:55px;}
.showBg1 .qrcode1 p{  line-height: 36px;color:#fff;}
.showBg1 .qrcode1 .richScan{margin-top:100px;}
.showBg1 .qrcode1 .richScan a { background-color: #fff; font-size: 16px;padding: 5px; border-radius: 5px; }
.showBg1 .qrcode1 .richScan .xy{     width: 80px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
    text-align: center;
    
    }
.showBg1 .qrcode1 .richScan .yl{    width: 80px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
    text-align: center;
    background-color:Green;
    color:#fff
    }
.showBg .qrcode img{width:120px;height:120px;border:5px solid #fff;background:#fff;}

/*.routine-infos>div:nth-child(4n){margin-right:0px;}*/
.routine-infos{
	width: 1200px; margin: auto; text-align: center;
}
.routine-info{margin-right:15px; margin-left:32px; margin-bottom: 15px;width:350px;float: left; border: 1px solid #eee;position:relative;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;height: 434px;}
.routine-info:hover .details{display:block;}
.routine-info:hover .desc{display:none;}
.details {padding: 12px 0px;}
.blue{margin-bottom:0px; border-color:#63b8ee;box-shadow:0 0 35px rgba(0,0,0,.3);}
.pink{margin-bottom:0px; border-color:#ff8084;box-shadow:0 0 35px rgba(0,0,0,.3);}
.green{margin-bottom:0px; border-color:#1bc7cc;box-shadow:0 0 35px rgba(0,0,0,.3);}
.purple{border-color:#9185f9;box-shadow:0 0 35px rgba(0,0,0,.3);}
.green{margin-bottom:0px; border-color:#bbe172;box-shadow:0 0 35px rgba(0,0,0,.3);}
.shallowred{margin-bottom:0px; border-color:#ffa99a;box-shadow:0 0 35px rgba(0,0,0,.3);}
.shallowpurple{margin-bottom:15px; border-color:#f77fe3;box-shadow:0 0 35px rgba(0,0,0,.3);}
.yelloworange{ margin-bottom:0px; box-shadow:0 0 35px rgba(0,0,0,.3);}
.skyblue{box-shadow:0 0 35px rgba(0,0,0,.3);}
.replace{width:auto;height:200px;background-position: 100px 110px;background-repeat:no-repeat;border:0;position:relative;}
.replace:before{content:'';height:155px;width:100%;position:absolute;left:0;top:0;background: linear-gradient(to right, #1bc7cc, #63b8ee);}
.replace2:before{background: linear-gradient(to right, #ffb87d, #ff8084);}
.replace3:before{background: linear-gradient(to right, #7be8b3, #1bc7cc);}
.replace4:before{background: linear-gradient(to right, #83c0fe, #9185f9);}
.replace5:before {
    background: linear-gradient(to right, #bbe172, #80c133);
}
.replace6:before {
    background: linear-gradient(to right, #ffa99a, #f05f88);
}
.replace7:before {
    background: linear-gradient(to right, #f77fe3, #c145d7);
}
.replace8:before {
    background: linear-gradient(to right, #f7b15d, #f78582);
}
.replace9:before {
    background: linear-gradient(to right, #64dcec, #63b7f1);
}
.waiting{    line-height: 136px;font-size: 26px;color: #666;}        
.ico{position: absolute; left: 131px; bottom: 0;}      
.routine-info-title{ font-size: 22px;color: #FC7839; position: absolute;top: 50px; /*left: 110px;*/ width:350px; margin:0 auto; color: #fff;}	                        
.details{ line-height: 2;display:none; }
.details>li{list-style: disc;color:#ccc;float: left;list-style-position: inside;width:30%;line-height:1.7;font-size:12px;}
.details>li span{color:#666;position: relative;left: -22px;-webkit-margin-start:10px;}
.desc{ height:50px; padding: 15px 25px; color: #666; line-height: 1.5;font-size: 12px;letter-spacing: 1.5px;} 
.desc.evel {padding: 10px 25px 0px 25px;}
.details.pd-10{padding: 11px 0px;}
.originaPrice{font-size: 20px;margin: 5px 0 20px 0;}
.tipor{ font-size: 12px;padding: 15px 25px 23px;color: #999;text-align: left;line-height: 1.5; border-top: 1px solid #f1f1f1;}	                                 	           
.button-m.resetBtn{    border-radius: 0; border: 1px solid #fc7839; width: 100px;color:#fc7839; padding: 0;height: 35px; line-height: 34px;margin-left: 10px;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}      
.button-m.resetBtn:hover{background-color:#fc7839;color:#fff}
.year{font-size:14px;color:#666;    letter-spacing: 1px;padding-left: 5px;}      
.originaPrice-bottom{border-top:1px solid #eee;color:#999;padding:15px;}  
.asset{
	margin-left: 5px;
    cursor: pointer;
    color: #666;
    font-size: 12px;
    border: 1px solid #ccc;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    width: 55px;
    height: 20px;
    border-radius: 15px;
    display: inline-block;
    line-height: 20px;
    float: right;
}
.free{
	font-size: 14px;
    color: #666;
    float: left;
    /* font-size: large; */
    margin-right: 5px;
}      
.asset:hover{background:#fc7839;color:#fff;border-color:#fc7839;}  
.routine-info>img{}
/*.routine-info div{height:265px;width:290px;float:left;margin-top:50px}*/
.routine-info div h2{text-align:left;font-size: 24px;font-weight: normal;}
.routine-info div ul li.newShow{box-sizing: border-box;-webkit-box-sizing:border-box;border-bottom: 1px solid #f2f2f2}
.routine-info div h2 img{margin-right:14px;}
/*.routine-info div ul{width:100%;padding-top:26px;text-align: left;}*/
.routine-info div ul li{float:left;padding-right:20px;padding-bottom:16px}
.routine-info div ul li.originaPrice{color:#fe780b;font-size: 30px;font-weight: bold;width: 100%;text-align: left;box-sizing: border-box;-webkit-box-sizing:border-box;line-height: 1;padding:20px 0;     display: -webkit-inline-box;}
.routine-info div ul li.originaPrice span{font-size: 18px;color:#333;font-weight:normal;padding-left: 5px}
.routine-info div ul li.originaPrice span i{color:#fe780b;font-style:normal;}; 
.routine-info div ul li img{padding-right:10px}
.button-m{display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Microsoft YaHei, Helvetica, sans-serif;padding: 0.8em 1.8em .7em;-webkit-border-radius:4px; -moz-border-radius:4px;border-radius:4px;font-size:16px}	
.button-m:hover {text-decoration: none;}
.button-m:active {position: relative;top: 1px;}
.orange {color: #fff;background: #fc7839;}
.orange:hover {background: #ff6600;}
.orange:active{color: #fc7839;}
.emp-bott {color: #fff;border: solid 1px #da7c0c;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');}
/*ÆóÒµÐÅϢչʾ*/
.company-infos{background-color:#eee;padding-top:70px;padding-bottom:135px;width:100%;height:590px;width:100%}
.picture-box{width:1200px;margin:0 auto}
.picture-wall{width:auto ;   margin: 0 auto;display: block; padding: 0 40px;}
    
    
   
.picture-wall li{float:left;margin-right:150px;position:relative}
.picture-wall li span{position:absolute;left: 35%; bottom: -7%}
.picture-wall li:last-child{margin:0}
.wall{padding: 0 50px;}
.wall>li{margin-right: 175px;}
.specPages{
	padding: 50px 0;
}

/* 微信小程序 */


/*С³ÌÐò*/
.m-content{text-align:center;width:100%;min-width:1200px}
.tit_p-new{padding-top:18px; padding-bottom:41px;}
.clear{ clear:both} 
.mar-r60{margin-right:60px;}
.mar-t56{margin-top:56px}
.mar-t12{margin-top: 12px}
.mar-t-5{margin-top: -5px}
.mar-t35{margin-top:35px}
.padd-t24{padding-top:24px !important;}
.padd-b14{padding-bottom:14px !important;}
.padd-t40{padding-top:40px !important;}
.padd-r100{padding-right:100px}
.padd-r94{padding-right:94px}
.padd-t10{ padding-top: 10px !important}
.padd-b0{padding-bottom:0 !important}
.bottom-ret{border: 1px solid #e5e5e5 !important}
.font16{font-size:16px !important;}
.c4-1{color:#fe780b!important;}
.c5-1{color:#fff}
.c5{color:#fff !important;font-weight:bold}
.c6{color:#f48328 !important;font-weight:bold}

/*·âÃæ*/
.fm{width:100%;height:400px;background:url("../images/xbanner.jpg") no-repeat center 100%;}
.wx-advantages{vertical-align: middle;text-align: center;}
.wx-advantages h1{padding:80px 0 40px 0;color:333;font-weight:normal;font-size: 30px;}
.advantages{width:100%;height:400px;background:url("../images/xpic1.jpg") no-repeat center 100%;padding-bottom:20px}
/*Á÷Á¿*/
.wx-flow{background-color:#eee;padding-top:75px;padding-bottom:75px;}
.Marketing_item ul li{z-index: 10; display: block;float: left; width: 175px; height: 165px; cursor: pointer; text-align: center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;  border-right:0; border-bottom:0;padding-left:74px;}
.Marketing_item ul li {padding-left:48px}
.Marketing_item ul.Marketing_ul li i.flow{ background: url("../images/xicon.png")no-repeat center; width: 100px;height: 100px; display: block; margin: 30px auto 10px;  display: block; transition: All 0.3s ease-in-out;  -webkit-transition: All 0.3s ease-in-out;  -moz-transition: All 0.3s ease-in-out;  -o-transition: All 0.3s ease-in-out;}
.Marketing_item ul.Marketing_ul li:first-child i.flow{background-position:0 0 }
.Marketing_item ul.Marketing_ul li:nth-child(2) i.flow{background-position:-225px 0   }
.Marketing_item ul.Marketing_ul li:nth-child(3) i.flow{background-position:-450px 0   }
.Marketing_item ul.Marketing_ul li:nth-child(4) i.flow{background-position:-677px 0   }
.Marketing_item ul.Marketing_ul li:nth-child(5) i.flow{background-position:-905px 0   }
.Marketing_item ul.Marketing_ul li:nth-child(6) i.flow{background-position:0px -165px   }
.Marketing_item ul.Marketing_ul li:nth-child(7) i.flow{background-position:-226px -165px}
.Marketing_item ul.Marketing_ul li:nth-child(8) i.flow{ background-position:-450px -165px}
.Marketing_item ul.Marketing_ul li:nth-child(9) i.flow{ background-position: -677px -165px}
.Marketing_item ul.Marketing_ul li:nth-child(10) i.flow{background-position: -905px -165px }

/*ÔÆָС³ÌÐò*/
.routine{background-color:#fff;padding-top:75px;width:100%}
.routine-infos{width:1200px;margin:0 auto;    padding-bottom: 65px; padding-top: 60px;}
/*.routine-infos>div:nth-child(4n){margin-right:0px;}*/
.routine-info{margin-right:15px; margin-left:32px; margin-bottom: 15px;width:350px;float: left; border: 1px solid #eee;position:relative;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.routine-info:hover .details{display:block;}
.routine-info:hover .desc{display:none;}
.details {padding: 12px 0px;}
.blue{margin-bottom:0px; border-color:#63b8ee;box-shadow:0 0 35px rgba(0,0,0,.3);}
.pink{margin-bottom:0px; border-color:#ff8084;box-shadow:0 0 35px rgba(0,0,0,.3);}
.green{margin-bottom:0px; border-color:#1bc7cc;box-shadow:0 0 35px rgba(0,0,0,.3);}
.purple{border-color:#9185f9;box-shadow:0 0 35px rgba(0,0,0,.3);}
.green{margin-bottom:0px; border-color:#bbe172;box-shadow:0 0 35px rgba(0,0,0,.3);}
.shallowred{margin-bottom:0px; border-color:#ffa99a;box-shadow:0 0 35px rgba(0,0,0,.3);}
.shallowpurple{margin-bottom:15px; border-color:#f77fe3;box-shadow:0 0 35px rgba(0,0,0,.3);}
.yelloworange{ margin-bottom:0px; box-shadow:0 0 35px rgba(0,0,0,.3);}
.skyblue{box-shadow:0 0 35px rgba(0,0,0,.3);}
.replace{width:auto;height:200px;background-position: 100px 110px;background-repeat:no-repeat;border:0;position:relative;}
.replace:before{content:'';height:155px;width:100%;position:absolute;left:0;top:0;background: linear-gradient(to right, #1bc7cc, #63b8ee);}
.replace2:before{background: linear-gradient(to right, #ffb87d, #ff8084);}
.replace3:before{background: linear-gradient(to right, #7be8b3, #1bc7cc);}
.replace4:before{background: linear-gradient(to right, #83c0fe, #9185f9);}
.replace5:before {
    background: linear-gradient(to right, #bbe172, #80c133);
}
.replace6:before {
    background: linear-gradient(to right, #ffa99a, #f05f88);
}
.replace7:before {
    background: linear-gradient(to right, #f77fe3, #c145d7);
}
.replace8:before {
    background: linear-gradient(to right, #f7b15d, #f78582);
}
.replace9:before {
    background: linear-gradient(to right, #64dcec, #63b7f1);
}
.waiting{    line-height: 136px;font-size: 26px;color: #666;}        
.ico{position: absolute; left: 131px; bottom: 0;}      
.routine-info-title{ font-size: 22px;color: #FC7839; position: absolute;top: 50px; /*left: 110px;*/ width:350px; margin:0 auto; color: #fff;}	                        
.details{ line-height: 2;display:none; }
.details>li{list-style: disc;color:#ccc;float: left;list-style-position: inside;width:30%;line-height:1.7;font-size:12px;}
.details>li span{color:#666;position: relative;left: -22px;-webkit-margin-start:10px;}
.desc{ height:50px; padding: 15px 25px; color: #666; line-height: 1.5;font-size: 12px;letter-spacing: 1.5px;} 
.desc.evel {padding: 10px 25px 0px 25px;}
.details.pd-10{padding: 11px 0px;}
.originaPrice{font-size: 20px;margin: 5px 0 20px 0;}
.tipor{ font-size: 12px;padding: 15px 25px 23px;color: #999;text-align: left;line-height: 1.5; border-top: 1px solid #f1f1f1;}	                                 	           
.button-m.resetBtn{    border-radius: 0; border: 1px solid #fc7839; width: 100px;color:#fc7839; padding: 0;height: 35px; line-height: 34px;margin-left: 10px;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}      
.button-m.resetBtn:hover{background-color:#fc7839;color:#fff}
.year{font-size:14px;color:#666;    letter-spacing: 1px;padding-left: 5px;}      
.originaPrice-bottom{border-top:1px solid #eee;color:#999;padding:15px;}  
.asset{
	margin-left: 5px;
    cursor: pointer;
    color: #666;
    font-size: 12px;
    border: 1px solid #ccc;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    width: 55px;
    height: 20px;
    border-radius: 15px;
    display: inline-block;
    line-height: 20px;
    float: right;
}
.free{
	font-size: 14px;
    color: #666;
    float: left;
    /* font-size: large; */
    margin-right: 5px;
}      
.asset:hover{background:#fc7839;color:#fff;border-color:#fc7839;}  
.routine-info>img{}
/*.routine-info div{height:265px;width:290px;float:left;margin-top:50px}*/
.routine-info div h2{text-align:left;font-size: 24px;font-weight: normal;}
.routine-info div ul li.newShow{box-sizing: border-box;-webkit-box-sizing:border-box;border-bottom: 1px solid #f2f2f2}
.routine-info div h2 img{margin-right:14px;}
/*.routine-info div ul{width:100%;padding-top:26px;text-align: left;}*/
.routine-info div ul li{float:left;padding-right:20px;padding-bottom:16px}
.routine-info div ul li.originaPrice{color:#fe780b;font-size: 30px;font-weight: bold;width: 100%;text-align: left;box-sizing: border-box;-webkit-box-sizing:border-box;line-height: 1;padding:20px 0;     display: -webkit-inline-box;}
.routine-info div ul li.originaPrice span{font-size: 18px;color:#333;font-weight:normal;padding-left: 5px}
.routine-info div ul li.originaPrice span i{color:#fe780b;font-style:normal;}; 
.routine-info div ul li img{padding-right:10px}
.button-m{display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Microsoft YaHei, Helvetica, sans-serif;padding: 0.8em 1.8em .7em;-webkit-border-radius:4px; -moz-border-radius:4px;border-radius:4px;font-size:16px}	
.button-m:hover {text-decoration: none;}
.button-m:active {position: relative;top: 1px;}
.orange {color: #fff;background: #fc7839;}
.orange:hover {background: #ff6600;}
.orange:active{color: #fc7839;}
.emp-bott {color: #fff;border: solid 1px #da7c0c;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');}
/*ÆóÒµÐÅϢչʾ*/
.company-infos{background-color:#eee;padding-top:70px;padding-bottom:135px;width:100%;height:590px;width:100%}
.picture-box{width:1200px;margin:0 auto}
.picture-wall{width:auto ;   margin: 0 auto;display: block; padding: 0 40px;}
    
    
   
.picture-wall li{float:left;margin-right:150px;position:relative}
.picture-wall li span{position:absolute;left: 35%; bottom: -7%}
.picture-wall li:last-child{margin:0}
.wall{padding: 0 50px;}
.wall>li{margin-right: 175px;}
/*ÃŵêÓëÖ§¸¶*/
.stores-pay{background-color:#fff;padding-top:70px;padding-bottom:240px;width:100%;height:440px;}
/*»áÔ±ÐÅÏ¢*/
.member{background-color:#eee;padding-top:70px;padding-bottom:220px;width:100%;height:450px;}
/*ʹÊÊÓÃÐÐÒµ*/
.use-industry{background-color:#fff;padding-top:70px;padding-bottom:5px;width:100%;height:625px;width:100%}
.industry .industry-item{ width:1274px; margin: 0 auto; position: relative;}

.Marketing_item ul li.syhy{ z-index: 10; display: block;float: left; width: 175px; height: 175px; cursor: pointer; text-align: center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;  border-right:0; border-bottom:0;padding-left:74px;padding-bottom: 71px}
.Marketing_item ul li.first{padding-left:0px;}
.Marketing_item ul li i{ background: url("../images/xpic11.png")no-repeat center; z-index: 10; display: block; width: 42px;height: 42px; display: block;  display: block; transition: All 0.3s ease-in-out;  -webkit-transition: All 0.3s ease-in-out;  -moz-transition: All 0.3s ease-in-out;  -o-transition: All 0.3s ease-in-out;}
.Marketing_item ul li span{ z-index: 10; display: block; margin-bottom: 18px;margin-top: 14px; display: block;}
.Marketing_item ul li:hover i{z-index: 10; display: block; cursor: pointer; transform: rotate(360deg); transition: All 0.3s ease-in-out;  -webkit-transition: All 0.3s ease-in-out;-moz-transition: All 0.3s ease-in-out;  -o-transition: All 0.3s ease-in-out;  -webkit-transform: rotate(360deg);  -moz-transform: rotate(360deg);  -o-transform: rotate(360deg);  -ms-transform: rotate(360deg); cursor: pointer;}
/*begin*/
.Marketing_item ul li:first-child i{ background: url("../images/xpic11.png")no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100% }
.Marketing_item ul li:nth-child(2) i{ background: url("../images/xpic12.png")no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100% }
.Marketing_item ul li:nth-child(3) i{ background: url("../images/xpic13.png")no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100% }
.Marketing_item ul li:nth-child(4) i{ background: url("../images/xpic14.png")no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100% }
.Marketing_item ul li:nth-child(5) i{ background: url("../images/xpic15.png")no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100% }
.Marketing_item ul li:nth-child(6) i{ background: url("../images/xpic16.png")no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100% }
.Marketing_item ul li:nth-child(7) i{ background: url("../images/xpic17.png")no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100%}
.Marketing_item ul li:nth-child(8) i{ background: url("../images/xpic18.png")no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100% }
.Marketing_item ul li:nth-child(9) i{ background: url("../images/xpic19.png")no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100% }
.Marketing_item ul li:nth-child(10) i{ background: url("../images/xpic20.png")no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100%}
.DIVT{width:1185px !important;padding-top:54px;margin: 0 auto}
.DIVP{width:1175px !important;margin: 0 auto; height:340px;}
/*ÇáËÉ5²½Éú³ÉÄúµÄС³ÌÐò*/
.generate{background-color:#eee;padding-top:70px;padding-bottom:5px;width:100%;height:450px;width:100%}
.generate-infos{width:1100px;height:auto;margin:0 auto;}
.generate-con{width:100% !important;padding-left:20px;}
.generate-con h2{font-size:36px;text-align:left;}
.generate-con h2 font{color:#f56e00;padding:0 5px;font-size:48px}
.generate-con div{margin-top: 0px;padding-top:10px;}
.generate-con div img{float:left;margin-top:32px}
.generate-con div ul{float:right;width:85%;}
.generate-con div ul li{padding-bottom:38px;padding-left:10px; width:300px;}
.generate-con>img{    margin: 50px 28px 50px 115px}
/*С³ÌÐò³£¼ûÎÊÌâ*/
.questions{background:url('../images/xbg.jpg');padding-top:70px;padding-bottom:5px;width:100%;color:#fff;width:100%}
.questions-infos h2{font-size:30px;font-weight:normal}
.questions-infos div{width: 100%!important;}
.questions-infos div{padding-top:50px}
.questions-infos div table tr td{text-align:left;padding-bottom: 40px;}
.tibu{background:#ffaf31 !important; height:136px;}
.tibu .tibu_botton{background:#fff!important;font-weight:900}
.tibu .tibu_botton:hover{font-weight:900;box-shadow:2px 2px 0px #ea9715, 0px 0px 0px #ffaf31;}
.questions-infos  div table tr td a:hover{color:#ffaf31}
.emp-bott:hover{background:#ffaf31;color:#fff !important;border-color:#ffaf31;}
.tibu .tibu_conter {width: 600px;margin: 0 auto;padding-top: 46px;position: relative;}
.tibu .tibu_botton {width: 167px;height: 52px;background: #f9750b;display: inline-block;line-height: 52px;cursor: pointer;transition: all .3s;margin-right: 20px;}
.tibu .tibu_conter .tibu_item {width: 390px;margin-top: -13px;}
.tibu_botton_t {position: absolute;left: 421px;top: 40px;}
tibu .tibu_conter .tibu_item p {text-align: right;font-size: 18px;padding-top: 7px;}
.font26 {font-size: 26px;}
/*.active2{border-bottom:4px solid #ff7200;}*/
.routineDemos{padding:75px 0;width:1165px;margin:0 auto; height:900px}
.routineDemos>ul>li{margin-right:32px;}
.routineDemos>ul>li:nth-child(5n){margin-right:0;}
.routineDemos>ul>li{width:207px;height:auto;float:left;overflow:hidden;}
.routineDemos>ul>li>div{border: 1px solid #eee;height:197px;position:relative;}
.routineDemos>ul>li>div>img{position:absolute;left: calc(50% - 80px);top: -100%;-moz-transition: all 0.5s ease .1s;-o-transition: all 0.5s ease .1s;-webkit-transition: all 0.5s ease .1s;}
.routineDemos>ul>li:hover img{top: calc(100% - 175px);}
.shadow{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:0;-moz-transition: all 0.5s ease .1s;-o-transition: all 0.5s ease .1s;-webkit-transition: all 0.5s ease .1s;}
.routineDemos>ul> .items:hover .shadow{opacity:.7}
.fiveStep>li{padding-left: 10px;line-height: 40px;padding-bottom:16px !important}
.fiveStep{    padding-top: 26px; text-align: left}
.generate-con>img{    margin: 25px 28px 50px 115px;}
.disp{    height: 265px;width: 290px;float: left; padding-top: unset;margin-top: unset;}
.routine-info.generate-con{border: 0;box-shadow: unset;display: inline-block;height: 413px; border-radius: 5px;}
.routine-temps{max-width:1250px;margin:0 auto;position:relative;}
.swiper-prev:before{top: calc(50% - 17px);right: calc(50% - 20px);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}       
.swiper-next:before{top: calc(50% - 17px);right: calc(50% - 27px);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}    
.swiper-prev,.swiper-next{background-repeat:no-repeat;position:absolute;width:56px;height:56px;display:block;content:'';background-color:#7a7a7a;border-radius:50%;cursor:pointer;top: calc(50% + 40px);}
/*改变了颜色和加粗的样式*/
.swiper-prev:before,.swiper-next:before{position:absolute;width:35px;height:35px;background-repeat: no-repeat;content:'';}
.swiper-prev{left:0;}   
.swiper-next{right:0;} 
.swiper-container{width:1080px;}
.swiper-container:before,.swiper-container:after{width:415px;height:405px;content:'';background-color: #f5f5f5;display:block;position:absolute;z-index: 9999;opacity: .5;top:0;}
.swiper-container:before{left:0;}
.swiper-container:after{right:0;}
.framing{width:302px;height:559px;position:absolute;background-image:url("../images/iPhone.png"); top: calc(50% - 185px);left: calc(50% - 149px);z-index:999;opacity:0;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-webkit-transition: all 0.1s ease;}
.swiper-container{    margin-top: 55px;    margin-bottom: 100px;}
.row-n{height: 750px;background: #f5f5f5;/*padding: 60px 0;*/padding-top:80px;}  
.lookTemp{    position: absolute; left: calc(50% - 65px); background-color: #ff7200;color: #fff;padding: 0; width: 133px;line-height: 40px; border-radius: unset;display:none;} 
   
/* reset */
/* 定义浮动居中 */ 
.fl {float: left;display: inline  }
.fr {float: right;display: inline  }
.center {margin: 0 auto;  }
.centera{ text-align: center;}
/*.clear {clear: both;height: 0px;line-height: 0px;font-size: 0px;  }*/
.clearfix:after, .clearfix:before {content:"";display:table  }
.clearfix:after {clear:both}
.clearfix {zoom:1}

/*重复div标签*/
.DIV{position:relative;  width:1200px;  margin:0 auto;}
.DIV4{position:relative;  width:90%;  margin:0 auto;  }
.DIV5{position:relative;  width:80%;  margin:0 auto;  }
.DIVQ{position:relative;  width:70%;  margin:0 auto;  }
.DIV6{position:relative;  width:1110px;  margin:0 auto;  }
.DIVS{position:relative;  width:775px;  margin:0 auto;  }
.DIVT{position:relative;  width:1100px;  margin:0 auto;  }


/* 重置h标签 */ 
h1 { font-size: 30px; font-weight: normal;}
.h1{color:#2a2a2a;font-family:"Arial";text-align:right;}
h2 {font-size: 18px}
h3 {font-size: 19px}
.h3{color:#2a2a2a;font-family:"Arial";}
h4 {font-size: 16px;}
.h4{color:#313131;margin-top: 65px;font-weight: 100;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

/* 字体大小 */ 
.fonta{ font-size:30px;}
.font14 {font-size: 16px;}
.font16 {font-size: 18px;}
.font18 {font-size: 12px;}
.font20 {font-size: 24px;}
.font22 {font-size: 1.375em;}
.font24 {font-size: 1.5em;}
.font26 {font-size: 26px;}
.font28 {font-size: 28px;}
.font30 { font-size: 30px;}
/* 主色 */ 
.role_color{ color:#3fb560 }


/* 所有颜色 */ 
.c1 {color:#d0292a; /*主色*/}
.c2 {color:#333333;/*字体主色*/  }
.c3{color:#666666;}
.c4{color:#ffffff}
.c5{color:#ff7200;}

/* 定义边距  padding margin*/ 
.p3{padding-top:30px;  }
.m1{margin-top:5px;  }
.m2{ margin-top:20px;  }
.me{ margin-top: -1px;}
.m3{ margin-top:30px;  }
.m-r{ margin-bottom: 60px;}
.m-b{ margin-bottom: 70px;}
.m-tt{ margin-bottom: 10px;}
.m-ts{ margin-bottom: 5px;}
.p1{padding-top:10px;}
.p2{padding-top:15px;}
.p-r-z{ margin-right: 20px;}
.p-r-v{ padding: 76px 0 45px;}

/*line-height*/
.line1{line-height:20px;}
.line2{line-height:22px;}

.font-w{font-weight: bold;}
.chicun{ padding:80px 0 80px 0;}
.pro_tit{ padding-bottom:45px;}
.tit_p{padding: 20px 0 40px 0;}
.ptt{ padding-top:80px;}
    
/*  */
.webtype{ font-size: 24px; font-weight: bold; padding-top: 10px; }
.table-price{ padding-bottom: 10px; }
.table-price .price-1 .col1{ color: #ff6700; font-size: 20px; position: relative; top: -15px; }
.table-price .price-1 .col2{ color: #ff6700; font-size: 40px;  }
.table-price .price-1 .col3{ color: #666666; font-size: 18px;  }
.table-price .price-2{ color: #333; font-size: 18px; overflow: hidden; }
.table-price .price-2 .lb{ float: left; width: 50%; text-align: right; }
.table-price .price-2 .pr{ float: left; width: 50%; text-align: left; color: #ff6700; }

.table-price-green .price-1 .col1{ color: #6cd75e; }
.table-price-green .price-1 .col2{ color: #6cd75e; }
.table-price-green .price-2 .pr{ color: #6cd75e; }

.table-price-orange .price-1 .col1{ color: #fe7b11; }
.table-price-orange .price-1 .col2{ color: #fe7b11; }
.table-price-orange .price-2 .pr{ color: #fe7b11; }

.table-price-red .price-1 .col1{ color: #f7422f; }
.table-price-red .price-1 .col2{ color: #f7422f; }
.table-price-red .price-2 .pr{ color: #f7422f; }

.table-price-blue .price-1 .col1{ color: #0191F7; }
.table-price-blue .price-1 .col2{ color: #0191F7; }
.table-price-blue .price-2 .pr{ color: #0191F7; }