﻿@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;}

.header .nav .login-box{color: #fff;transition:all .4s;-webkit-transition:all .4s;}
.header .nav .login-box a{color: #fff;transition:all .4s;-webkit-transition:all .4s;}
.header.white .nav .login-box{color: #666;}
.header.white .nav .login-box a{color: #666;}
/*头部结束*/



/*首页内容*/
.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{border-bottom:1px solid #f0f0f0;text-align: center;height: 63px;}
.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 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 .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: 90px;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(../image/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(/image/mobiPlatform/hoverTips.png?v=201506011730) 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}