@charset "utf-8";

@font-face{
font-family:gl;
/*为引入的字体命名*/
src:url(../font/GORDITA-LIGHT.OTF);
/*定义要引入字体文件的路径*/
}

.header .loginBtn {background: url('../images/nav_icon2_wht.png') left center no-repeat;}

.bgline {position:absolute;left:0;top:0;right:0;height:365px;background-image: -moz-linear-gradient( -90deg, rgb(245,246,248) 0%, rgba(245,246,248,0) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(245,246,248) 0%, rgba(245,246,248,0) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(245,246,248) 0%, rgba(245,246,248,0) 100%);}

/* banna */
.bannawrap {position: relative;height:900px;}
.banner {position: absolute !important;left:0;right:0;top:0;height: 900px; overflow: hidden;}
.banner .item {position: relative;height:900px;width:100% !important;}
.banner .item .g-bg, .banner .item .g-bg-color, .banner .item .g-bg-img {position: absolute;left:0;top:0;right:0;bottom:0;}
.banner .item .g-bg-img img {display: block;width:100%;height:100%;margin:0 auto;}
.banner .item .g-txt {position: absolute;color: #fff;}
.banner .item .g-txt a {color: #fff;}
.banner .item-m {position: relative;z-index: 2;width:100%;height:100%;background:none;}
.banner .item-m .wrap {position: relative;}

.banner .item1 .g-bg-color {background: url(../images/banner/slide_1_bg_color.png) repeat;opacity: .6;filter:alpha(opacity=60);}

.banner .item1 .g-txt {left:10px;top:226px;}
.banner .item1 h2 {font-size: 54px;margin-bottom: 25px;font-weight: 600;}
.banner .item1 p {font-size: 20px;line-height: 38px;}
.banner .item1 .btns {margin-top: 50px;}
.banner .item1 .btns a {position: relative;display: inline-block;font-size: 16px;height: 46px;line-height: 46px;padding:0 51px;background: none;border:1px solid #fff;border-radius:22px;overflow: hidden;}
.banner .item1 .btns a {transition: all .5s;}
.banner .item1 .btns a:hover {/*box-shadow: 0 10px 48px 0px #f83824ab;*/box-shadow: 0px 14px 25px 0px rgba(255, 94, 77, 0.57);}
.banner .item1 .btns a.btn1:hover {background: #f83824;}
.banner .item1 .btns a.btn1 {background: #f83824;border:1px solid #f83824;margin:0 50px 0 0;}
.banner .item1 .btns a .anim {-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s;animation-iteration-count:infinite;animation-duration:1.3s;z-index: 1;}
.banner .item1 .btns a .anim:after {-moz-animation:anim-out-pseudo-two 3s;-webkit-animation:anim-out-pseudo-two 3s;animation:anim-out-pseudo-two 3s}
.banner .item1 .btns a .anim, .banner .item1 .btns a .anim:after {animation-iteration-count:infinite;animation-duration:3s;}

.banner .item1 .g-img .img, .banner .item1 .g-img img {position: absolute;}
.banner .item1 .g-img .img, .banner .item1 .g-img .img1 {-webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}
.banner .item1 .g-img .img img {width:100%;left:0;top:0;}
.banner .item1 .g-img-1 {left:50%;top:162px;margin-left: -250px;width:500px;height: 500px;}
.banner .item1 .g-img-2 {left: 50%;margin-left: -255px;top:394px;width:360px;}
.banner .item1 .g-img-3 {left: 50%;margin-left: -22px;top: 254px;width: 834px;}
.banner .item1 .g-img-4 {left: 50%;top: 393px;width: 205px;margin-left: 591px;}


.banner .item1 .g-txt {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;}
.banner .item1 .g-img .g-img-2 {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.banner .item1 .g-img .g-img-3 {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;-webkit-animation-duration: 1.3s;animation-duration: 1.3s;}
.banner .item1 .g-img .g-img-4 {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;}


.banner-tab {z-index: 989; position: absolute; bottom: 120px; left: 0;right:0;text-align: center;}
.banner-tab li {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; text-align: center; float: none;display: inline-block; color: #fff; width: 44px; height: 2px; padding: 10px 10px; padding: 1px 3px\9; cursor: pointer; -webkit-background-clip: content-box; -moz-background-clip: content-box; background-clip: content-box; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; background: #7586a5; background-color: rgb(222, 222, 222, .5); -webkit-background-clip: content-box; -moz-background-clip: content-box; background-clip: content-box;}
.banner-tab li.on, .banner-tab li:hover {background: #dbdcdd;background-color: rgb(222, 222, 222); -webkit-background-clip: content-box; -moz-background-clip: content-box; background-clip: content-box;}



/*统计数据*/
.statistical {position: relative;margin-top: -84px;z-index: 10;padding-bottom: 115px;}
.statistical .item li {float: left;width:390px;margin-right:15px;text-align: center;box-shadow: 0 2px 30px 0px #00366b70;border-radius:8px;background-color: rgb(255, 255, 255);
  box-shadow: -3.216px 10.519px 100px 0px rgba(0, 56, 109, 0.11);  }
.w1400 .statistical .item li {width:456px;margin-right: 15px;}
.statistical .item li.last {margin-right: 0;}
.statistical .item li .inner {overflow: hidden;border-radius:8px;}
.statistical .item li .number {height: 160px;color: #1a97e7;}
.statistical .item li .number .number-box {position: relative;display: inline-block;height: 160px;line-height: 160px;}
.statistical .item li .number span {font-size: 90px;font-family: 'gl';}
.statistical .item li .number em {font-size: 18px;position: absolute;left:100%;top:45px;line-height: 1;font-weight: bold;font-family: 'microsoft yahei';}
.statistical .item li .number em.add {font-size: 30px;}
.statistical .item li .txt {height: 90px;line-height: 90px;background: #fff;font-size: 20px;color: #333;font-weight: bold;background-color: rgb(255, 255, 255);
  box-shadow: -3.216px 10.519px 100px 0px rgba(0, 56, 109, 0.17);}


.w1400 .statistical .item li .number {height: 185px;}
.w1400 .statistical .item li .number .number-box {height: 185px;line-height: 185px;}
.w1400 .statistical .item li .txt {height: 105px;line-height: 105px;}

.statistical .maininfo {margin-top: 120px;}
.statistical .maininfo h2 {text-align: center;font-size: 48px;color: #212121;margin-bottom: 28px;}
.statistical .maininfo ul {padding:0 80px 0 155px;}
.statistical .maininfo ul li {font-size: 20px;color: #333;line-height: 48px;}
.w1400 .statistical .maininfo ul {padding:0 80px 0 276px;}

/*左右版块*/
.fxlist {position: relative;}
.part {position: relative;z-index: 1;background: url('../images/line.png') center bottom no-repeat;padding:100px 0 120px;overflow: hidden;}
.part .inner {position: relative;}
.part img {width:100%;}
.part h3, .part p, .part img {opacity: 0;}

.animation_not .part.curr h3, .animation_not .part.curr p, .animation_not .part.curr img {opacity: 1;}

.part .lf, .part .rt {position: relative;width:50%;display: inline-block;vertical-align: middle;}
.part h3, .part p, .part img {-webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}

.part h3 {font-size: 40px;line-height: 60px;color: #212121;font-weight: bold;margin-bottom: 35px;}
.part p {font-size: 20px;line-height: 40px;color: #333;}
.part .lf p {padding-right: 15px;}
.part .rt h3, .part .rt p {padding-left: 15px;}

.part.even.curr h3, .part.even.curr p, .part.odd.curr img {-ms-animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;}
.part.curr p {animation-delay:.3s;-webkit-animation-delay:.3s;}
.part.curr img {animation-delay:.5s;-webkit-animation-delay:.5s;}

.part.odd.curr h3, .part.odd.curr p, .part.even.curr img {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;-webkit-animation-duration: 1s;animation-duration: 1s;}

.part1 img {width:120%;}
.part3 img {width: 106%;}

/*产品演示*/
.demo {margin-top: 90px;}
.demo .maininfo {margin-bottom: 90px;}
.demo .maininfo h2 {font-size: 48px;color: #212121;text-align: center;padding:35px 0;}
.demo .maininfo p {font-size: 20px;color: #333;line-height: 40px;text-align: center;}
/*.demo .demo-list {overflow: hidden;}*/
.demo .demo-list li {position: relative;float: left;width:232px;height:300px;margin-right: 10px;text-align: center;background: #fff url('../images/home_bakgd.png') center no-repeat;cursor: pointer;}
.w1400 .demo .demo-list li {margin-right: 54px;-moz-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);}
/*.w1400 .demo .demo-list li {width:272px;}*/
.demo .demo-list li.last {margin-right: 0;}
.demo .demo-list li .img {position: absolute;left:0;top:0;right:0;bottom:0;overflow: hidden;}
.demo .demo-list li .img .ewm {display: none;position: relative;width:120px;height:120px;margin:30px auto;background:#fff;-webkit-animation: topFadeIn .25s ease-out; -moz-animation: topFadeIn .25s ease-out; animation: topFadeIn .25s ease-out;z-index: 2;}
.demo .demo-list li:hover .ewm {display: block;}
.demo .demo-list li .img .ewm img {width:100%;height:100%;}
.demo-list li .img .icon {position: absolute;left:0;top:0;}
.demo .demo-list li.app .img .icon {position: absolute;left:93px;top:45px;}
.demo .demo-list li.pc .img .icon {left:-160px;top:-177px;}
.demo .demo-list li.wap .img .icon {position: absolute;left:95px;top:46px;}
.demo .demo-list li.h5 .img .icon {left:-170px;top:-180px;}
.demo .demo-list li.applet .img .icon {left:-175px;top:-178px;}
.demo .demo-list li .info {position: absolute;top:170px;left:0;width:100%;}
.demo .demo-list li .info h3 {font-size: 24px;color: #212121;line-height: 40px;padding:5px 0 25px;}
.demo .demo-list li .info p {font-size: 14px;color: #333;line-height: 22px;}

.demo .demo-list li:hover {z-index: 2;}
.demo .demo-list li:hover h3, .demo .demo-list li:hover p, .demo .demo-list li:hover a {color: #fff;}
.demo .demo-list li .bg {position: absolute;left:-21px;top:-10px;right:-21px;bottom:-32px;opacity: 0;filter:alpha(opacity=0);background-size: 0;}
.demo .demo-list li:hover .bg {opacity: 1;filter:alpha(opacity=100;);background-size: auto;}
.demo .demo-list li.demo1 .bg {background: #fff url('../images/home_bakgd1.png');}
.demo .demo-list li.demo2 .bg {background: #fff url('../images/home_bakgd2.png');}
.demo .demo-list li.demo3 .bg {background: #fff url('../images/home_bakgd3.png');}
.demo .demo-list li.demo4 .bg {background: #fff url('../images/home_bakgd4.png');}
.demo .demo-list li.demo5 .bg {background: #fff url('../images/home_bakgd5.png');}

/*模块列表*/
.module {position:relative;margin-top: 135px;}
.module .wrap {position: relative;z-index: 2;}
.module .maininfo {margin-bottom: 90px;}
.module .maininfo h2 {font-size: 48px;color: #212121;text-align: center;padding:105px 0 35px;}
.module .maininfo p {font-size: 20px;color: #333;line-height: 40px;text-align: center;}

.module .m-list li {display:inline-block;margin:0 45px 110px 46px;width:146px;*display:inline;_zoom:1;position:relative;height:207px}
.ie8 .module .m-list li {width:145px;}

.w1400 .module .m-list li {margin:0 66px 110px 65px;}
.module .m-list li .txt {width:146px;height:146px;transform-origin:center center;position:relative;_overflow:visible}
.module .m-list li .inner .bg2 {width:146px;height:146px;position:absolute;z-index:0;left:0;top:0;border-radius:73px;transition:all .3s;transform-origin:center center;overflow:visible}
.module .m-list li.m1 .bg2 {background-color:#27c9f8;}
/*.module .m-list li.m1 .bg2 {background-color:#27c9f8; background-image: -moz-linear-gradient( 45deg, rgb(44,169,248) 0%, rgb(85,221,255) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(44,169,248) 0%, rgb(85,221,255) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(44,169,248) 0%, rgb(85,221,255) 100%);}*/
.module .m-list li.m2 .bg2 {background-color:#fd7c5d; background-image: -moz-linear-gradient( 45deg, rgb(252,96,88) 0%, rgb(255,182,104) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(252,96,88) 0%, rgb(255,182,104) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(252,96,88) 0%, rgb(255,182,104) 100%);}
.module .m-list li.m3 .bg2 {background-color:#fabb2f; background-image: -moz-linear-gradient( 45deg, rgb(249,156,46) 0%, rgb(252,230,48) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(249,156,46) 0%, rgb(252,230,48) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(249,156,46) 0%, rgb(252,230,48) 100%);}
.module .m-list li.m4 .bg2 {background-color:#b66aff; background-image: -moz-linear-gradient( 45deg, rgb(178,68,255) 0%, rgb(188,158,255) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(178,68,255) 0%, rgb(188,158,255) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(178,68,255) 0%, rgb(188,158,255) 100%);}
.module .m-list li.m5 .bg2 {background-color:#68afff; background-image: -moz-linear-gradient( 45deg, rgb(99,158,255) 1%, rgb(115,214,255) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(99,158,255) 1%, rgb(115,214,255) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(99,158,255) 1%, rgb(115,214,255) 100%);}
.module .m-list li.m6 .bg2 {background-color:#f9b227; background-image: -moz-linear-gradient( 45deg, rgb(246,161,60) 0%, rgb(255,210,0) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(246,161,60) 0%, rgb(255,210,0) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(246,161,60) 0%, rgb(255,210,0) 100%);}
.module .m-list li.m7 .bg2 {background-color:#fb698f; background-image: -moz-linear-gradient( 45deg, rgb(250,86,136) 0%, rgb(255,140,164) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(250,86,136) 0%, rgb(255,140,164) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(250,86,136) 0%, rgb(255,140,164) 100%);}
.module .m-list li.m8 .bg2 {background-color:#9179fb; background-image: -moz-linear-gradient( 45deg, rgb(163,100,249) 0%, rgb(132,184,255) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(163,100,249) 0%, rgb(132,184,255) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(163,100,249) 0%, rgb(132,184,255) 100%);}
.module .m-list li.m9 .bg2 {background-color:#73f2b7; background-image: -moz-linear-gradient( 45deg, rgb(78,237,130) 0%, rgb(143,246,225) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(78,237,130) 0%, rgb(143,246,225) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(78,237,130) 0%, rgb(143,246,225) 100%);}
.module .m-list li.m10 .bg2 {background-color:#44e2e1; background-image: -moz-linear-gradient( 45deg, rgb(58,216,240) 0%, rgb(104,250,208) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(58,216,240) 0%, rgb(104,250,208) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(58,216,240) 0%, rgb(104,250,208) 100%);}
.module .m-list li.m11 .bg2 {background-color:#44e2e1; background-image: -moz-linear-gradient( 45deg, rgb(58,216,240) 0%, rgb(104,250,208) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(58,216,240) 0%, rgb(104,250,208) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(58,216,240) 0%, rgb(104,250,208) 100%);}
.module .m-list li.m12 .bg2 {background-color:#fea658; background-image: -moz-linear-gradient( 45deg, rgb(253,136,71) 0%, rgb(255,217,116) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(253,136,71) 0%, rgb(255,217,116) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(253,136,71) 0%, rgb(255,217,116) 100%);}
.module .m-list li.m13 .bg2 {background-color:#4de6e3; background-image: -moz-linear-gradient( 45deg, rgb(50,211,245) 0%, rgb(111,255,202) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(50,211,245) 0%, rgb(111,255,202) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(50,211,245) 0%, rgb(111,255,202) 100%);}
.module .m-list li.m14 .bg2 {background-color:#fb897d; background-image: -moz-linear-gradient( 45deg, rgb(249,93,141) 0%, rgb(255,207,105) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(249,93,141) 0%, rgb(255,207,105) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(249,93,141) 0%, rgb(255,207,105) 100%);}
.module .m-list li.m15 .bg2 {background-color:#68afff; background-image: -moz-linear-gradient( 45deg, rgb(86,150,255) 1%, rgb(131,210,255) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(86,150,255) 1%, rgb(131,210,255) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(86,150,255) 1%, rgb(131,210,255) 100%);}
.module .m-list li.m16 .bg2 {background-color:#a979ff; background-image: -moz-linear-gradient( 45deg, rgb(141,115,255) 0%, rgb(211,128,255) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(141,115,255) 0%, rgb(211,128,255) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(141,115,255) 0%, rgb(211,128,255) 100%);}
.module .m-list li.m17 .bg2 {background-color:#f89d54; background-image: -moz-linear-gradient( 45deg, rgb(244,132,57) 0%, rgb(255,197,129) 99%);
  background-image: -webkit-linear-gradient( 45deg, rgb(244,132,57) 0%, rgb(255,197,129) 99%);
  background-image: -ms-linear-gradient( 45deg, rgb(244,132,57) 0%, rgb(255,197,129) 99%);}
.module .m-list li.m18 .bg2 {background-color:#28eb7a;background-image: -moz-linear-gradient( 45deg, rgb(10,226,101) 0%, rgb(110,255,168) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(10,226,101) 0%, rgb(110,255,168) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(10,226,101) 0%, rgb(110,255,168) 100%);}
.module .m-list li.m19 .bg2 {background-color:#3ce5d9;background-image: -moz-linear-gradient( 45deg, rgb(35,220,231) 0%, rgb(99,246,196) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(35,220,231) 0%, rgb(99,246,196) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(35,220,231) 0%, rgb(99,246,196) 100%);}
.module .m-list li.m20 .bg2 {background-color:#47ef8a;background-image: -moz-linear-gradient( 45deg, rgb(45,237,144) 0%, rgb(229,249,98) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(45,237,144) 0%, rgb(229,249,98) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(45,237,144) 0%, rgb(229,249,98) 100%);}
.module .m-list li.m21 .bg2 {background-color:#ffc640;background-image: -moz-linear-gradient( 45deg, rgb(255,181,65) 0%, rgb(255,230,61) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(255,181,65) 0%, rgb(255,230,61) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(255,181,65) 0%, rgb(255,230,61) 100%);}
.module .m-list li.m22 .bg2 {background-color:#fe9f37;background-image: -moz-linear-gradient( 45deg, rgb(255,139,35) 0%, rgb(255,219,111) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(255,139,35) 0%, rgb(255,219,111) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(255,139,35) 0%, rgb(255,219,111) 100%);}
.module .m-list li.m23 .bg2 {background-color:#36ead9;background-image: -moz-linear-gradient( 45deg, rgb(33,227,231) 0%, rgb(83,243,199) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(33,227,231) 0%, rgb(83,243,199) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(33,227,231) 0%, rgb(83,243,199) 100%);}
.module .m-list li.m24 .bg2 {background-color:#ff6b8c;background-image: -moz-linear-gradient( 45deg, rgb(255,85,125) 0%, rgb(255,145,166) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(255,85,125) 0%, rgb(255,145,166) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(255,85,125) 0%, rgb(255,145,166) 100%);}
.module .m-list li.m25 .bg2 {background-color:#69abff;background-image: -moz-linear-gradient( 45deg, rgb(92,157,255) 0%, rgb(126,202,255) 99%);
  background-image: -webkit-linear-gradient( 45deg, rgb(92,157,255) 0%, rgb(126,202,255) 99%);
  background-image: -ms-linear-gradient( 45deg, rgb(92,157,255) 0%, rgb(126,202,255) 99%);}
.module .m-list li.m26 .bg2 {background-color:#ff8870;background-image: -moz-linear-gradient( 45deg, rgb(255,103,117) 0%, rgb(255,200,105) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(255,103,117) 0%, rgb(255,200,105) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(255,103,117) 0%, rgb(255,200,105) 100%);}
.module .m-list li.m27 .bg2 {background-color:#5ed4e8;background-image: -moz-linear-gradient( 45deg, rgb(84,193,234) 0%, rgb(111,242,228) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(84,193,234) 0%, rgb(111,242,228) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(84,193,234) 0%, rgb(111,242,228) 100%);}
.module .m-list li.m28 .bg2 {background-color:#ff766d;background-image: -moz-linear-gradient( 45deg, rgb(255,92,88) 0%, rgb(255,165,148) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(255,92,88) 0%, rgb(255,165,148) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(255,92,88) 0%, rgb(255,165,148) 100%);}
.module .m-list li.m29 .bg2 {background-color:#689eff;background-image: -moz-linear-gradient( 45deg, rgb(102,131,255) 0%, rgb(105,200,255) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(102,131,255) 0%, rgb(105,200,255) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(102,131,255) 0%, rgb(105,200,255) 100%);}
.module .m-list li.m30 .bg2 {background-color:#9088fc;background-image: -moz-linear-gradient( 45deg, rgb(135,103,251) 0%, rgb(163,202,255) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(135,103,251) 0%, rgb(163,202,255) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(135,103,251) 0%, rgb(163,202,255) 100%);}


.module .m-list li .inner .icon {width:100%;height:100%;position:absolute;left:0;top:0;text-align: center;line-height: 146px;transition:opacity .3s;z-index: 3;}
.module .m-list li .inner .icon img {position: relative;vertical-align: middle;}
.module .m-list li.m1 .inner .icon img {top:-4px;}
.module .m-list li.m3 .inner .icon img {left:7px;top:6px;}
.module .m-list li.m8 .inner .icon img {top:7px;}
.module .m-list li.m10 .inner .icon img {top:4px;}
.module .m-list li.m22 .inner .icon img {top:4px;}
.module .m-list li.m26 .inner .icon img {left:4px;top:-4px;}
.module .m-list li.m27 .inner .icon img {top:-4px;}
.module .m-list li.m29 .inner .icon img {left:4px;top:-4px;}
.module .m-list li.m30 .inner .icon img {top:7px;}

.module .m-list li .inner:hover .iconbox .bg2 {height:159px;width:236px;left:-45px;top:-13px;border-radius:20px 20px 0 0/20px 20px 0 0;}
.module .m-list li .inner {position:relative;width:146px;height:146px}
.module .m-list li .inner .bg {position:absolute;width:100%;height:100%;border-radius:0;transition:all .3s;overflow:visible}
.module .m-list li .inner:hover .bg {width:234px;height:318px;box-shadow:0 0 10px 0 rgba(0,0,0,0.15);left:-45px;top:-13px;border-radius:20px}
.ie8 .module .m-list li .inner:hover .bg {border:1px solid #eee;}
.module .m-list li .inner .txtbox {position:absolute;top:0;z-index:4;text-align:center;width:238px;left:-45px;transition:all .3s;opacity:0;}
.ie8 .module .m-list li .inner .txtbox {display: none;}
.module .iconbox .txtbox {top:-13px;text-align:center}
.module .m-list li .txt .btn {background:#fff;display:inline-block;width:100px;height:30px;line-height:30px;border-radius:15px;z-index:3;color:#000}
.module .m-list li .txt .txt-title {font-size:16px;padding:45px 10px 0 10px;padding-bottom:18px;line-height:1}
.module .m-list li .txt .txt-desc {font-size:13px;padding:0 10px;line-height:1.8;margin-top:-7px;padding-bottom:16px;line-height:1}
.module .m-list li .txt.iconbox .txt-title {padding-top: 28px;}

.module .iconbox .btn {background:transparent;color:#fff;display:block;margin:0 auto;width:100px;height:30px;line-height:30px;border-radius:15px;z-index:3;font-size:12px}
.module .iconbox .btn:hover {background-color:#fff;color:#666}
.module .iconbox .btn:hover .anim {display:none}
.module .txt-normal .txt-title {color:#333}
.module .txt-normal .txt-desc {color:#666}
.module .iconbox .txt-title, .module .iconbox .txt-desc {color:#fff}
.module .m-list li .inner:hover .icon {opacity:0;filter:alpha(opacity=0)}
.module .m-list li .inner:hover .txtbox {opacity:1;}
.ie8 .module .m-list li .inner:hover .txtbox {display: block;}
.module .m-list li .tit {padding-top:45px;transition:opacity .1s;opacity:1;text-align:center;font-size:16px;color:#333;line-height:1;position:absolute;top:146px;width:100%;left:0}
.module .m-list li:hover .tit {opacity:0;filter:alpha(opacity=0)}
.module .btn {position:relative;font-weight:400;text-align:center;width:auto;line-height:70px;font-size:21px;overflow:hidden;position:relative;z-index:0;cursor:pointer;color:#fff;border-radius:35px;border:solid #fff 1px;width:220px;text-align:center;-moz-transition:all .1s;-o-transition:all .1s;-webkit-transition:all .1s;transition:all .1s}
.anim {-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1}
.anim:before {position:relative;content:'';display:block;margin-top:100%}
.anim:after {content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}
.module .btn .anim {-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s}
.module .btn .anim:after {-moz-animation:anim-out-pseudo .75s;-webkit-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s}
.module .btn .anim,.module .btn .anim:after {animation-iteration-count:infinite;animation-duration:1.3s}


/*全景*/
.qj {position: relative;height: 900px;overflow: hidden;}
.qj .bgimg {width:100%;transition: all 10s ease-in-out;}
.qj:hover .bgimg {transform:scale(2);}
.qj .txt {position: absolute;left:50%;top:50%;margin-left: -290px;margin-top:-165px;width:580px;height: 330px;}
.qj .txt .txt-m {position: relative;z-index: 2;}
.qj .txt .bg {position: absolute;left:0;top:0;right:0;bottom:0;background: #f3f0ee;opacity: .6;filter:alpha(opacity=60);}
.qj .txt .txt-title {height: 110px;text-align: center;}
.qj .txt .txt-title h3 {padding-top:22px;font-size: 20px;color: #333;line-height: 40px;}
.qj .txt .txt-title p {font-size: 20px;color: #828282;}
.qj .txt .txt-body {position: relative;height: 220px;}
.qj .txt .txt-body .txt-m {padding:15px 25px;}
.qj .txt .txt-body .bg {background: #fcfbfb;opacity: .8;filter:alpha(opacity=80);}
.qj .txt .txt-body .tit1 {font-size: 20px;color: #333;}
.qj .txt .txt-body .des {font-size: 20px;color: #828282;margin-bottom: 12px;}
.qj .txt .txt-body .tit2 {font-size: 22px;color: #4f4f4f;line-height: 40px;font-weight: bold;margin-bottom: 15px;}
.qj .txt .txt-body .contact {margin-bottom: 10px;}
.qj .txt .txt-body .contact, .qj .txt .txt-body .address {font-size: 16px;color: #4f4f4f;}
.qj .txt .txt-body .contact span {display: inline-block;padding: 0 25px;}
.qj .txt .txt-body .contact span.tel {background: url('../images/tel.png') left center no-repeat;}
.qj .txt .txt-body .contact span.wx {background: url('../images/wx.png') left center no-repeat;}
.qj .txt .txt-body .contact span.qq {background: url('../images/qq.png') left center no-repeat;}