/*以下样式用于专题背景很复杂的情况，去除底部的背景，使底部风格和页面统一，注意要将此移到外链文件中*/
/* footer */
body .g-footer .gft-links,
body .g-footer .gft-links a{ color:#999;}
body .g-footer .gft-copyRight,
body .g-footer .gft-copyRight a{ color:#999;} 
#footer {background: #f2f2f2;}

html{overflow-x: hidden;overflow-y: auto;}
body{}

.doc{background: #fff;font-family: "Microsoft YaHei";color: #333;font-size: 14px;}
.main{width: 1120px;margin: 0 auto;position: relative;}
.area{position: relative;}
.banner,.banner .main{height: 772px;background: url(banner.jpg) no-repeat center 0;z-index: 2;}
.area1,.area1 .main{height: 772px;background: url(a1.jpg) no-repeat center 0;}
.area2,.area2 .main{height: 875px;background: url(a2.jpg) no-repeat center 0;}
.area3,.area3 .main{height: 565px;}
.area4,.area4 .main{height: 768px;background: url(a4.jpg) no-repeat center 0;}
.area5,.area5 .main{height: 600px;background: url(a5.jpg) no-repeat center 0;}
.area6,.area6 .main{height: 867px;background: url(a6.jpg) no-repeat center 0;}
.area5{ height:600px;}
.pa{position: absolute;}
.fl{float: left;}

/*banner*/
.b-gif{left: 50%;top: 0;margin-left: -856px;}
.b-num{top: 0;left: 50%;margin-left: -497px;}
.b-man{top: 0;left: 50%;margin-left: -150px;}
.b-tit{top: 360px;left: 50%;margin-left: -150px;}
.b-nav{width: 1172px;height: 87px;background: #fff;right: 340px;bottom: 0;}
.b-nav li{width: 170px;height: 56px;margin: 15px;float: left;transition: all ease .3s;}
.b-nav li a{display: block;width: 100%;height: 100%;}
.b-nav .city1{margin-left:387px;}
.city1{background: url(nav1.jpg) no-repeat center 0;}
.city2{background: url(nav2.jpg) no-repeat center 0;}
.city3{background: url(nav3.jpg) no-repeat center 0;}
.city4{background: url(nav4.jpg) no-repeat center 0;}
.b-nav li.cur,.b-nav li:hover{background-position: center bottom;}
.city3 a,.city4 a{cursor: default;}

/*a1*/
.tab1{position: relative;top: 162px;left: 0;width: 1120px;height: 564px;}
.tab1 .c1,.tab1 .slideContent{width: 1120px;height: 564px;}
.btn{color: #fff;-webkit-transition: all ease .3s;transition: all ease .3s;}
.btn:hover{color: #ffe79e;text-decoration: none;}
.btn1,.btn2{width: 100px;height: 40px;position: absolute;background-image: url(arrow.png);background-repeat: no-repeat;line-height: 40px;cursor: pointer;z-index: 10;}

.btn1{top: 490px;}
.prev1{left: 850px;}
.next1{left: 960px;}

.prev1,.prev2{background-position: 1px 15px;text-indent: 40px;}
.next1,.next2{background-position: 48px -113px;}
.prev1:hover,.prev2:hover{background-position: 0px -39px;}
.next1:hover,.next2:hover{background-position: 47px -185px;}
.tab1 .control {display: none;}
.c1-img{float: left;position: relative;margin-right: 14px;}
.c1-imgB{ width:375px; height:514px; padding-top:50px; padding-left:50px;}
.c1-img p{position: absolute;font-size: 18px;color: #fff;line-height: 30px;bottom: 0;left: 50%;text-align: center; z-index:3;}
.c1-imgB p{padding:20px 0; margin-bottom:40px;width: 294px;margin-left: -147px;background:rgba(0,0,0,.6);}
.c1-imgS p{padding: 0 0 35px 0;width: 648px;margin-left: -324px; background:rgba(0,0,0,.6);}
.c1-img-bg{ position:absolute; left:0; top:0; width:425px; height:564px; background:url(kuang.png) no-repeat; z-index:2;}
.c1-imgB a{ display:block;}
.c1-imgS a{ display:block;}

/*a2*/
.tab2{position: absolute;top: 163px;left: 305px;width: 352px;height: 528px;border: 8px solid #ffe79e;z-index: 2;}
.c2,.tab2 .slideContent{width: 352px;height: 528px;}
.tab3{position: absolute;top: 35px;left: 620px;width: 500px;height: 750px;}
.c3{width: 500px;height: 750px;}
.tab4{position: absolute;top: 236px;left: 10px;width: 290px;height: 50px;line-height: 50px;font-size: 36px;}
.c4,.tab4 .slideContent{width: 300px;height: 50px;}

.btn2{top: 736px;}
.prev2{left: 358px;}
.next2{left: 468px;}
.scroll{position: absolute;width: 680px;height: 432px;top: 332px;right: 845px;z-index: 10;}
.control2{float: right;}
.control2 li{height: 48px;line-height: 48px;position: relative;cursor: pointer;}
.control2 li i{position: absolute;width: 600px;height: 20px;right: 0;top: 14px;}
.control2 li.current i,.control2 li:hover i{background: #333;}
.control2 li.current span,.control2 li:hover span{color: #fff;}
.control2 li em{position: absolute;width: 28px;height: 2px;background: #a0a0a0;right: 66px;bottom: 0;}
.control2 li span{width: 160px;height: 100%;display: block;position: relative;z-index: 2;text-align: center;float: right;font-weight: bold;}
.scroll .mCSB_container{width: 600px;overflow-x: hidden;}
.scroll .mCSB_scrollTools {right: 35px;top: 0;width: 7px;height: 100%;}/* 中间滚动节点宽度可以这里设置 */
.scroll .mCSB_draggerContainer{width: 100%;height: 100%;}
.scroll .mCSB_dragger {width: 100%;z-index: 10;left: 0;top: 0;}
.scroll .mCSB_dragger_bar {width: 100%;height: 50px;background: #333;cursor: pointer;left: 0;top: 0;border-radius: 3px;}/* 中间滚动节点 */
.scroll .mCSB_draggerRail {width: 1px;height: 100%;background: #a0a0a0;position: absolute;top: 0;left: 3px;}/* 中间细线 */
.a2-en{left: 313px;top: 490px;z-index: 9;}


/*a3*/
.tab5{position: relative;top: 18px;left: 0;width: 1120px;height: 770px;}
.tab5 .c5{width: 1120px;height: 770px;position: relative;}
.tab5 .control {position:absolute;width: 300px;height: 15px;bottom: 18px;left: 643px;z-index: 10;}
.tab5 .control li {width: 15px;height: 15px;float: left;margin-right: 28px;font-size: 0;line-height: 0;background: #333;cursor: pointer;border-radius: 50%;}
.tab5 .control li:hover,.tab5 .control li.current{background: #ffe79e;}
.c5-img1{float: left;margin: 135px 0 0 60px;}
.c5-img2{float: left;margin: 20px 0 0 56px;}
.c5-cir{border-radius: 50%;width: 240px;height: 240px;overflow: hidden;}
.c5-cir img{border-radius: 50%;}
.c5-cir1{left: 386px;top: 28px;}
.c5-cir2{right: 0;bottom: 0;}
.c5-txt{width: 234px;padding: 22px;background: #fff;}
.c5-txt1{left: 0;top: 560px;}
.c5-txt2{right: 0;top: 246px;}
.c5-txt img{display: block;margin: 0 auto;}
.c5-txt p{line-height: 26px;margin-top: 16px;}


/*a4*/
.tab6{position: relative;top: 0;left: 0;width: 1120px;height: 710px;}
.tab6 .c6,.tab6 .slideContent{width: 1120px;height: 710px;position: relative;}
.tab6 .btn6{width: 18px;height: 14px;position: absolute;top: 678px;background-image: url(arrow2.png); background-repeat: no-repeat;font-size: 0;line-height: 0;cursor: pointer;z-index: 10;}

.prev6{background-position: 0px 0px;left: 460px;}
.next6{background-position: -22px 0px;left: 510px;}
.prev6:hover{background-position: -60px 0px;}
.next6:hover{background-position: -86px 0px;}
.tab6 .control {display: none;}
.c6-img1{margin: 155px 0 0 70px;float: left;}
.c6-img2{float: right;}
.c6-par1{width: 520px;line-height: 60px;font-weight: bold;font-family: "Simsun";text-align: center;left: 14px;top: 560px;font-size: 30px;}
.c6-par2{width: 405px;line-height: 26px;left: 0;top: 650px;}
.c6-page{color: #fff;left: 490px;top: 675px;}
.a4-rect{left: -106px;top: 87px;z-index: 3;}
.c6-cir{width: 195px;height: 195px;border-radius: 50%;overflow: hidden;left: 574px;top: 192px;z-index: 4;}
.c6-cir img{border-radius: 50%;}
.c6-cir-mask{width: 181px;height: 181px;background: url(cir.png) no-repeat 0 0;left: 7px;top: 7px;}
.c6-cir-add{width: 33px;height: 33px;z-index: 2;cursor: pointer;background: url(add.png) no-repeat 0 0;right: 25px;top: 95px;}
.c6-pop{width: 275px;background: #fff;border: 5px solid #ffe79e;left: 770px;top: 350px;z-index: 4;padding: 26px 0 30px 35px;display: none;}
.pop-tit{padding-bottom: 8px;border-bottom: 1px solid #707070;width: 235px;}
.pop-tit p{line-height: 26px;font-size: 18px;}
.pop-txt{line-height: 26px;margin-top: 20px;position: relative;width: 264px;height: 130px;}
.popScroll .mCSB_container{width: 225px;overflow-x: hidden;}
.popScroll .mCSB_scrollTools {right: 5px;top: 0;width: 5px;height: 100%;}/* 中间滚动节点宽度可以这里设置 */
.popScroll .mCSB_draggerContainer{width: 100%;height: 100%;}
.popScroll .mCSB_dragger {width: 100%;z-index: 10;left: 0;top: 0;}
.popScroll .mCSB_dragger_bar {width: 100%;height: 50px;background: #b0b0b0;cursor: pointer;left: 0;top: 0;}/* 中间滚动节点 */
.popScroll .mCSB_draggerRail {width: 1px;height: 100%;background: #fff;position: absolute;top: 0;left: 3px;}/* 中间细线 */
.close{width: 28px;height: 28px;background: url(close.png) no-repeat 0 0;-webkit-transition: all ease .3s;transition: all ease .3s;top: 10px;left: 270px;cursor: pointer;}
.close:hover{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.pop-rect{width: 46px;height: 10px;background: #ffe79e;left: -25px;top: 40px;}

/*a5*/
.tab7{position: relative;left: -400px;top: 145px;width: 1920px;height: 450px;}
.tab7 .control{display: none;}
.c7{width: 640px;height: 450px;}
.c7-mask{width: 640px;height: 450px;top: 0;background: #000;opacity: .4;filter: alpha(opacity=40);z-index: 9;}
.c7-mask1{left: 0;}
.c7-mask2{right: 0;}
.btn7{width: 128px;height: 18px;position: absolute;top: 220px;background-image: url(arrow3.png); background-repeat: no-repeat;cursor: pointer;z-index: 10;padding-top: 10px;left: 50%;}

.prev7{background-position: 4px 0px;margin-left: -475px;padding-left: 20px;}
.next7{background-position: -309px 1px;margin-left: 348px;padding-right: 20px;text-align: right;}
.prev7:hover{background-position: -162px 0px;}
.next7:hover{background-position: -482px 0px;}

/*a6*/
.preview{width: 625px;padding-top: 150px;float: left;}
.preview li{margin-bottom: 20px;}
.preview li a{display: block;font-size: 18px;color: #333;}
.preview li img{display: block;}
.preview li span{display: block;line-height: 30px;padding: 7px 0;text-align: center;}

.team{padding: 375px 0 0 160px;width: 180px;float: left;}
.team li{margin-bottom: 25px;font-size: 16px;line-height: 30px;text-align: center;}
.team li span{display: inline-block;width: 100%;}
.team li i{display: inline-block;border-top: 1px solid #333;}
/*animate*/
@-webkit-keyframes rotate4 {
    0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transform-origin:50% 60%;transform-origin:50% 60%;}
    60%,70%{-webkit-transform: rotate(360deg);transform: rotate(360deg);-webkit-transform-origin:50% 60%;transform-origin:50% 60%;}
    80%,100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);-webkit-transform-origin:50% 60%;transform-origin:50% 60%;}
}
@keyframes rotate4 {
    0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transform-origin:50% 60%;transform-origin:50% 60%;}
    60%,70%{-webkit-transform: rotate(360deg);transform: rotate(360deg);-webkit-transform-origin:50% 60%;transform-origin:50% 60%;}
    80%,100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);-webkit-transform-origin:50% 60%;transform-origin:50% 60%;}
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
@-webkit-keyframes fade{
  0%{opacity: 0;}
  100%{opacity: 1;}
}
@keyframes fade{
  0%{opacity: 0;}
  100%{opacity: 1;}
}
@-webkit-keyframes page_shake{
  from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  4%{-webkit-transform:rotate(5deg);transform:rotate(5deg);}
  12.5%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
  21%{-webkit-transform:rotate(5deg);transform:rotate(5deg);}
  37.5%{-webkit-transform:rotate(5deg);transform:rotate(5deg);}
  46%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
  to{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes page_shake{
  from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  4%{-webkit-transform:rotate(5deg);transform:rotate(5deg);}
  12.5%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
  21%{-webkit-transform:rotate(5deg);transform:rotate(5deg);}
  37.5%{-webkit-transform:rotate(5deg);transform:rotate(5deg);}
  46%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
  to{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}

@-webkit-keyframes updown{
  0%{-webkit-transform: translateY(0);transform: translateY(0);}
  100%{-webkit-transform: translateY(10%);transform: translateY(10%);}
}

@keyframes updown{
  0%{-webkit-transform: translateY(0);transform: translateY(0);}
  100%{-webkit-transform: translateY(10%);transform: translateY(10%);}
}

@-webkit-keyframes fly{
  0%{
    background-position: center -892px;
    opacity:1;
  }
  100%{
    background-position: center 0;
    opacity:1;
  }
}
@keyframes fly{
  0%{
    background-position: center -892px;
    opacity:1;
  }
  100%{
    background-position: center 0;
    opacity:1;
  }
}
@-webkit-keyframes bigsmall{
  0%{-webkit-transform: scale(1,1);}
  100%{-webkit-transform: scale(1.2,1.2);}
}
.ani{opacity: 0;}
.rotate{animation: rotate4 4s linear infinite;-webkit-animation: rotate4 4s linear infinite;}
.active .delay03{-webkit-animation-delay: .3s!important;animation-delay: .3s!important;}
.active .delay04{-webkit-animation-delay: .4s!important;animation-delay: .4s!important;}
.active .delay05{-webkit-animation-delay: .5s!important;animation-delay: .5s!important;}
.active .delay06{-webkit-animation-delay: .6s!important;animation-delay: .6s!important;}
.active .delay07{-webkit-animation-delay: .7s!important;animation-delay: .7s!important;}
.active .delay08{-webkit-animation-delay: .8s!important;animation-delay: .8s!important;}
.active .delay09{-webkit-animation-delay: .9s!important;animation-delay: .9s!important;}
.active .delay1{-webkit-animation-delay: 1s!important;animation-delay: 1s!important;}
.active .delay12{-webkit-animation-delay: 1.2s!important;animation-delay: 1.2s!important;}
.active .delay15{-webkit-animation-delay: 1.5s!important;animation-delay: 1.5s!important;}
.active .delay17{-webkit-animation-delay: 1.7s!important;animation-delay: 1.7s!important;}
.active .delay2{-webkit-animation-delay: 2s!important;animation-delay: 2s!important;}
.active .delay25{-webkit-animation-delay: 2.5s!important;animation-delay: 2.5s!important;}
.active .delay3{-webkit-animation-delay: 3s!important;animation-delay: 3s!important;}
.active .delay35{-webkit-animation-delay: 3.5s!important;animation-delay: 3.5s!important;}
.active .delay7{-webkit-animation-delay: 7s!important;animation-delay: 7s!important;}

.fly{-webkit-animation:fly 14s linear 0s infinite;animation:fly 14s linear 0s infinite;}
.shake{ -webkit-animation:page_shake 1s linear alternate infinite; animation:page_shake 1s linear alternate infinite;}
.bigsmall{-webkit-animation: bigsmall .8s ease infinite alternate both;animation: bigsmall .8s ease infinite alternate both;}
.updown{-webkit-animation:updown .5s ease alternate infinite;animation:updown .5s ease alternate infinite;}
.active .fade{opacity: 1;-webkit-animation: fade .7s ease 1 alternate both;animation: fade .7s ease 1 alternate both;}
.active .fadeInUp,.active .tipCur.tip,.popCur.pro-pop{opacity: 1;-webkit-animation: fadeInUp .7s ease both;animation: fadeInUp .7s ease both;}
.active .fadeInDown{opacity: 1;-webkit-animation: fadeInDown .7s ease both;animation: fadeInDown .7s ease both;}
.active .zoomIn{opacity: 1;-webkit-animation: zoomIn linear .5s 1 both;animation: zoomIn linear .5s 1 both;}
.active .fadeInLeft{opacity: 1;-webkit-animation: fadeInLeft .7s ease both;animation: fadeInLeft .7s ease both;}
.active .fadeInRight{opacity: 1;-webkit-animation: fadeInRight .7s ease both;animation: fadeInRight .7s ease both;}
.lg-icon {
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    z-index: -1;
}
.lg-icon img {
    border: none;
    vertical-align: top;
}
.copyright-zb {
	text-align:center;
	line-height:24px;
	padding:40px 0px 0px;
	
	margin:0px auto;
	color:#333;
	 font-size:12px;
}
.copyright-zb a{ color:#333; padding:0px 10px;}
.copyright-zb a:hover{ color:#333;}
.footer{  text-align:center; margin:0px auto; line-height:24px; font-size:12px; color:#333; padding-bottom:20px; background:none;}
.new-pics{ width:100%; position:relative; background:#eaeaea;}
.new-pics img{ width:1120px;}
.swiper-wrapper{ width:100%; text-align:center;}
.swiper-container { width:100%; text-align:center;}
.swiper-slide{ width:100%; text-align:center;}
.swiper-button-next, .swiper-button-prev{ width:128px; height:11px; background:url(0000.png) no-repeat; padding-top:10px;}
.swiper-button-prev{ background-position:0 0;}
.swiper-button-next{ background-position:-161px 0;}
@media screen and (max-width: 1000px) {
    body { min-width:1550px;}
}