@charset "utf-8";


.banner-container {	width: 100%;	height:520px; overflow:hidden	}
.banner-container .swiper-slide { position:relative}
.banner-container .swiper-slide a{ width:100%; display:block; overflow:hidden; height:530px; position:relative}
.banner-container .swiper-slide a img{ width:1920px; height:520px;  position:absolute; left:50%; margin-left:-960px}

.banner-container .swiper-button-prev{ background:none; top:350px; left:10%}
.banner-container .swiper-button-next{ background:none; top:350px; right:10%}

.banner-container .swiper-button-prev::before{ content:"<"; font-size:40px; color:#fff; font-family:cursive; font-weight:100; display:none}
.banner-container .swiper-button-next::before{ content:">"; font-size:40px; color:#fff; font-family:cursive; font-weight:100; display:none}

.banner-container:hover .swiper-button-prev::before,.banner-container:hover .swiper-button-next::before{ display:block}

.banner-container .swiper-pagination{ position:relative; top:-30px}

.section-1 .mod-park-info {
  background: #fff;
  height: 64px ;
  padding: 16px 0;
  border-bottom: 1px solid #ececec;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.mod-scrollnews .icon-news {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 32px;
    background: url(images/icon_notice_red.png.html) no-repeat;
}
.section-1 .mod-park-info .app-sum {
  position: absolute;
  top: 4px;
  right: 0;
  font-size: 16px;
  color: #666;
  font-weight: normal;
  line-height: 24px;
  padding-left: 66px;
  border-left: 1px solid #ececec;
}
.section-1 .mod-park-info .app-sum .num {
  position: relative;
  display: inline-block;
  text-align: center;
  height: 24px;
  width:18px;
  line-height: 24px;
  font-size: 22px;
  background: #ff6d01;
  border-radius: 3px;
  color: #fff;
}
.section-1 .mod-park-info .app-sum .num:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px  ;
  margin-top: -1px;
}


.section-1 .mod-scrollnews {
  position: relative;
  width: 400px;
  height: 32px;
  padding: 0 30px 0 90px;
  overflow: hidden;
}
.section-1 .mod-scrollnews .icon-news {
  position: absolute;  left: 0;
  top: 0;  width: 80px;  height: 32px; font-weight:600;
background: -webkit-linear-gradient(#ff0d00, #ff6b01);
background: -o-linear-gradient(#ff0d00, #ff6b01); 
background: -moz-linear-gradient(#ff0d00, #ff6b01);
background: linear-gradient(#ff0d00, #ff6b01); 
border-radius:5px;
color:#fff;
font-size:15px; text-align:center; line-height:32px
}
.section-1 .mod-scrollnews .news-list li {
  line-height: 32px;
  color: #999;
  position: relative;
}
.section-1 .mod-scrollnews .news-list li a {
  display: block;
  font-size: 14px;
  color: #666;
  text-align: left;
  margin-right: 68px;
}
.section-1 .mod-scrollnews .news-list li.new a:before {
  content: "NEW";
  font-size: 12px;
  font-weight: normal;
  background: #f00;
  color: #fff;
  padding: 0 3px;
  margin-right: 3px;
  border-radius: 2px;
}
.section-1 .mod-scrollnews .news-list li.top a:before {
  content: "置顶";
  font-size: 12px;
  font-weight: normal;
  background: #f00;
  color: #fff;
  padding: 0 3px;
  margin-right: 3px;
  border-radius: 2px;
}
.section-1 .mod-scrollnews .news-list li .news-time {
  position: absolute;
  right: 0;
  top: 0;
}
.section-1 .mod-scrollnews .ctrl-menu {
  position: absolute;
  right: 0;
  top:3px;
  height: 32px;
  width: 24px;
}
.section-1 .mod-scrollnews .ctrl-menu a {
  display: block;
  position: absolute;
  left: 0;
  width: 24px;
  height: 16px;
  text-align: center;
}
.section-1 .mod-scrollnews .ctrl-menu a.next {
  bottom: 0;
}
.section-1 .mod-scrollnews .ctrl-menu a:hover .ui-art {
  border-color: transparent transparent #ff6d01;
}
.section-1 .mod-scrollnews .ctrl-menu a:hover .ui-arb {
  border-color: #ff6d01 transparent transparent;
}
.section-1 .mod-scrollnews .ctrl-menu .ui-art {
  border-color: transparent transparent #ff6d01;
}
.section-1 .mod-scrollnews .ctrl-menu .ui-arb {
  border-color: #ff6d01 transparent transparent;
}










.section-2{ width:1200px; margin:auto; padding-top:40px; position:relative}
.section-2 .company{ background:url(common.png) no-repeat bottom right}
.section-2 .company::before {
    content: "WHY CHOOSE US";
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    font-weight:100;
    text-transform: uppercase;
}
.section-2 .company h2{font-size:30px;line-height: 50px;font-weight: bold;    color: #1a1a1a;}
.section-2 .company h2 strong{ color:#ff6d01}
.section-2 .company p{position: relative;    padding: 10px 37% 86px 0;    font-size: 16px;    line-height: 30px;}
.section-2 .company p strong{ color:#ff6d01}
.section-2 .comvideo{ position:absolute; top:30px; right:0}



.section-3{  width: 1300px;    position: relative;margin:40px auto 30px auto; text-align:center; clear:both}
.section-3 .titlebox{ width:1200px; position:relative; height:60px; border-top:1px solid #f2f2f2; clear:both; margin:auto}
.section-3 .titlebox h2{ font-size:18px; position:absolute; top:5px; left:0}
.section-3 .titlebox h2::before {content: "SERVICE"; color:#c9c9c9; font-size:30px; position:absolute; left:0; top:-50px}
.section-3 .titlebox  p{ position:absolute; left:150px; top:10px; display:block; color:#999}



.section-3 .xs-card-list {
    padding-top:20px;
    display: inline-block;
    height: 460px;
}
.section-3 .xs-card-list .xs-card {
  width:264px;
  height: 380px;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 12px 36px 0px rgba(238, 78, 0, 0.3);
  float: left;
  position: relative;
  z-index: 50;
  top: 0px;
  transition: all .3s linear;
  cursor: pointer;
}
.section-3 .xs-card-list .xs-card .top {
  width: 100%;
  height: 240px;
  padding-top: 30px;
  margin-bottom: 30px;
  border-radius: 8px 8px 0 0;
  background-color: #ff6d01;
  background-image: -moz-linear-gradient(180deg, #ff3e33 0%, #ff6f33 53%, #ff8933 100%);
  background-image: -webkit-linear-gradient(180deg, #ff3e33 0%, #ff6f33 53%, #ff8933 100%);
  background-image: -ms-linear-gradient(180deg, #ff3e33 0%, #ff6f33 53%, #ff8933 100%);
  background-image: linear-gradient(180deg, #ff3e33 0%, #ff6f33 53%, #ff8933 100%);
}
.section-3 .xs-card-list .xs-card h3 {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
}
.section-3 .xs-card-list .xs-card p {
  font-size: 16px; padding:0px 10px
}



.section-3 .xs-card-list .xs-card.xs-card-2,
.section-3 .xs-card-list .xs-card.xs-card-3 {
  width: 242px;
  height: 350px;
  top: 15px;
  z-index: 40;
}
.section-3 .xs-card-list .xs-card.xs-card-2 .top,
.section-3 .xs-card-list .xs-card.xs-card-3 .top {
  height: 220px;margin-bottom:20px !important
}
.section-3 .xs-card-list .xs-card.xs-card-2 .top img,
.section-3 .xs-card-list .xs-card.xs-card-3 .top img {
  width: 110px;
  height: 110px;
  display: block;
  margin: 0 auto;
}
.section-3 .xs-card-list .xs-card.xs-card-2 p,
.section-3 .xs-card-list .xs-card.xs-card-3 p {
  font-size: 14px;
}
.section-3 .xs-card-list .xs-card.xs-card-4,
.section-3 .xs-card-list .xs-card.xs-card-5 {
  width: 220px;
  height: 320px;
  top: 30px;
  z-index: 30;
}
.section-3 .xs-card-list .xs-card.xs-card-4 .top,
.section-3 .xs-card-list .xs-card.xs-card-5 .top {
  height: 200px;margin-bottom:20px !important
}
.section-3 .xs-card-list .xs-card.xs-card-4 .top img,
.section-3 .xs-card-list .xs-card.xs-card-5 .top img {
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto;
}
.section-3 .xs-card-list .xs-card.xs-card-4 p,
.section-3 .xs-card-list .xs-card.xs-card-5 p {
  font-size: 14px;
}
.section-3 .xs-card-list .xs-card.xs-card-6,
.section-3 .xs-card-list .xs-card.xs-card-7 {
  width: 198px;
  height: 285px;
  top: 50px;
  z-index: 20;
}
.section-3 .xs-card-list .xs-card.xs-card-6 .top,
.section-3 .xs-card-list .xs-card.xs-card-7 .top {
  height: 175px;margin-bottom:15px !important
}
.section-3 .xs-card-list .xs-card.xs-card-6 .top img,
.section-3 .xs-card-list .xs-card.xs-card-7 .top img {
  width: 90px;
  height: 90px;
  display: block;
  margin: 0 auto;
}
.section-3 .xs-card-list .xs-card.xs-card-6 p,
.section-3 .xs-card-list .xs-card.xs-card-7 p {
  font-size: 12px;
}
.section-3 .xs-card-list .xs-card.xs-card-2 {
  margin-right: -70px;
}
.section-3 .xs-card-list .xs-card.xs-card-3 {
  margin-left: -70px;
}
.section-3 .xs-card-list .xs-card.xs-card-4 {
  margin-right: -58px;
}
.section-3 .xs-card-list .xs-card.xs-card-5 {
  margin-left: -70px;
}
.section-3 .xs-card-list .xs-card.xs-card-6 {
  margin-right: -40px;
}
.section-3 .xs-card-list .xs-card.xs-card-7 {
  margin-left: -50px;
}
.section-3 .xs-card-list .xs-card:hover {
  margin: 0px;
}
.section-3 .xs-card-list .xs-card:hover.xs-card-2,
.section-3 .xs-card-list .xs-card:hover.xs-card-4,
.section-3 .xs-card-list .xs-card:hover.xs-card-6 {
  margin-right: -4px;
}
.section-3 .xs-card-list .xs-card:hover.xs-card-3,
.section-3 .xs-card-list .xs-card:hover.xs-card-5,
.section-3 .xs-card-list .xs-card:hover.xs-card-7 {
  margin-left: -4px;
}



.section-4{padding:50px 0; background: url(section-4.jpg) fixed }
.section-4 .titlebox{ width:1200px; margin:auto}
.section-4 .titlebox::before {
    content: "WORKS EXHIBITION";
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    font-weight:100;
    text-transform: uppercase;
	border-bottom:1px solid #535353
}
.section-4 .titlebox h2{font-size:30px;line-height:50px;font-weight: bold;    color: #fff;}
.section-4 .titlebox h2 strong{ color:#ff6d01}
.section-4 .titlebox p{position: relative;padding:10px 0 30px 0;font-size: 14px;line-height:22px; color:#999}
.section-4 .titlebox p strong{ color:#ff6d01}
.section-4 ul{ width:1200px; margin:auto;}
.section-4 ul li{ display:inline-block; position:relative; margin-right:11px; width:390px; height:242px; overflow:hidden; margin-bottom:12px; border-bottom:1px solid #333}
.section-4 ul li:nth-child(3n){ margin-right:0}
.section-4 ul li .a01{ display:block; width:390px; height:242px; overflow:hidden}

.section-4 ul li .a01 img{transition: all 1s; width:100%; height:100%}
.section-4 ul li .a01:hover img{transform: scale(1.2)}
.section-4 ul li .a02{ color:#fff; font-size:16px; display:inline-block; background:url(blackbg.png) repeat-x; height:40px; width:100%; position:absolute; bottom:0; padding:10px 10px 0 10px}

.section-4 ul li .span01{position: absolute; display:block; top:10px; right:0; background-color: rgba(0,0,0,0.5);; color:#fff; padding:5px 10px 5px 20px;animation:myfirst 5s infinite;animation-direction:alternate;-webkit-animation:myfirst 5s infinite;-webkit-animation-direction:alternate;}
.section-4 ul li .span01 em{ color:#f0ff01; font-weight:700; font-size:18px; float:right}
@keyframes myfirst{ 0% {background-color: rgba(0,0,0,0.8);}
25% {background-color: rgba(255,109,1,0.8);}
50% {background-color: rgba(0,0,0,0.8);}
100% {background-color: rgba(255,109,1,0.8);}}


.section-4 .a03{ display:block; width:100px; margin:50px auto 0px auto; font-size:16px; color:#fff}
.section-4 .a03:hover{ color:#ff6d01}






.section-5{ width:1200px; margin:auto; padding-top:40px}
.section-5 .why{ background:url(kaopu.png) no-repeat top right}
.section-5 .why::before {
    content: "OUR ADVANTAGES";
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    font-weight:100;
    text-transform: uppercase;
}
.section-5 .why h2{font-size:30px;line-height: 50px;font-weight: bold;    color: #1a1a1a;}
.section-5 .why h2 strong{ color:#ff6d01}
.section-5 .why p{position: relative;    padding: 10px 35% 86px 0;    font-size: 16px;    line-height: 30px;}
.section-5 .why p strong{ color:#ff6d01}
.section-5 .forul{ margin-top:-40px}
.section-5 .forul li{ width:21%; position:relative; height:150px; border-top:1px solid #f2f2f2; clear:both; display:inline-block; margin-right:4%}
.section-5 .forul li:nth-child(3){ margin-right:0}
.section-5 .forul li h3{ font-size:16px; position:absolute; top:5px; left:0; font-weight:600; color:#333}
.section-5 .forul li h3::before {content: ""; color:#c9c9c9; font-size:14px; position:absolute; left:0; top:-27px;text-transform : uppercase; font-weight:600}
.section-5 .forul li:nth-child(1) h3::before {content: "cost";}
.section-5 .forul li:nth-child(2) h3::before {content: "brand";}
.section-5 .forul li:nth-child(3) h3::before {content: "data";}
.section-5 .forul li:nth-child(4) h3::before {content: "team";}
.section-5 .forul li:nth-child(4){ width:100% !important; height:40px !important}
.section-5 .forul li p{ position:absolute; left:80px; top:7px; display:block; color:#333;font-size:14px;}
.section-5 .forul li p strong{  font-size:14px; color:#ff6d01; font-weight:normal}


.section-5 .team-container{ width:1200px; margin:auto; overflow:hidden; clear:both; margin-top:10px;}
.section-5 .team-container .swiper-wrapper{ padding-top:10px}
.section-5 .team-container .swiper-wrapper .swiper-slide{ padding-top:10px; background:#f2f2f2; text-align:center; margin-bottom:20px; padding-bottom:10px; border:1px solid #f2f2f2;-webkit-transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-ms-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
.section-5 .team-container .swiper-wrapper .swiper-slide:hover{transform:translate(0px,-10px);-ms-transform:translate(0px,-10px);-webkit-transform:translate(0px,-10px);}
.section-5 .team-container .swiper-wrapper .swiper-slide span{ display:block; color:#333; font-size:14px}
.section-5 .team-container .swiper-wrapper .swiper-slide em{ color:#999;}
.section-5 .team-container .swiper-wrapper .swiper-slide img{ display:inline-block; margin-bottom:5px; max-width:100%}
.section-5 .team-container .swiper-pagination{ clear:both; position:relative; bottom:0;}
.section-5 .team-container .swiper-pagination .swiper-pagination-bullet-active{ background:#000 !important}


.section-6{ width:100%; background:#f2f2f2; padding:40px 0; margin:50px 0 0 0; clear:both;}
.section-6 .titlebox{ width:1200px; margin:auto; position:relative; top:0}
.section-6 .titlebox::before {
    content: "NEWS KNOWLEDGE";
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    font-weight:100;
    text-transform: uppercase;
	
}
.section-6 .titlebox h2{font-size:30px;line-height:50px;font-weight: bold;  }
.section-6 .titlebox h2 strong{ color:#ff6d01}
.section-6 .titlebox p{position: relative;padding:10px 0 30px 0;font-size: 14px;line-height:22px; color:#999}
.section-6 .titlebox p strong{ color:#ff6d01}

.section-6 .newsbanner  { width:1200px; height:500px; overflow: hidden; margin: -70px auto auto auto; position:relative; clear:both;position:relative}
.section-6 .newsbanner .list{ background:#fff; width:730px; height:480px; position:absolute; left:470px; top:0; z-index:1; padding-left:100px;}
.section-6 .newsbanner .list:hover{padding-left:300px;left:270px;width:930px;animation: newslist 2s ease infinite ; -webkit-animation:newslist 2s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}
@keyframes newslist{from {left:470px;width:730px; padding-left:100px}  to {left:270px;width:930px; padding-left:300px}}
@-webkit-keyframes newslist{from {left:470px;width:730px; padding-left:100px}  to {left:270px;width:930px; padding-left:300px}}
.section-6 .newsbanner .list li{ text-align:left; width:100%; margin-top:20px}
.section-6 .newsbanner .list li a{ color:#333; display:block; font-size:16px; padding:2px 0 6px 0;display:block; font-weight:600;-webkit-transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-ms-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
.section-6 .newsbanner .list li a:hover{transform:translate(10px,0px);-ms-transform:translate(10px,0px);-webkit-transform:translate(10px,0px); color:#ff6d01}
.section-6 .newsbanner .list li a::before { content:'—';font-size: 12px;font-weight:100; color:#595959; padding-right:10px}
.section-6 .newsbanner .list li p{ width:100%; line-height:18px; font-size:12px; padding-right:20px; text-indent:2em; color:#999}
.section-6 .newsbanner .list li  em{ font-weight:100; font-size:12px; display:block; margin-top:5px; color:#999}



.section-6 .newsbanner .newsfocus { width: 530px; height: 329px; clear: both; overflow: hidden; position: relative; left:0; z-index:2; top:100px}
.section-6 .newsbanner .newsfocus  ul { width: 530px; height: 329px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
.section-6 .newsbanner .newsfocus  ul li { float: left; width:530px; height: 329px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
.section-6 .newsbanner .newsfocus  ul li img{ width:100%; height:100%}
.section-6 .newsbanner .newsfocus  ul li em{ font-weight:100;display:block; height:40px; line-height:40px; position:absolute; bottom:0; left:0;background-color:rgba(0,0,0,0.7); width:100%; color:#fff; padding-left:10px; font-size:14px}
.section-6 .newsfocus .swiper-pagination{ position:absolute; right:0; text-align:right; bottom:50px !important}
.section-6 .a03{ display:block; width:100px; margin:10px auto 0px auto; font-size:16px; color:#333}
.section-6 .a03:hover{ color:#ff6d01}





.section-7{ width:1200px; margin:auto; padding-top:40px}
.section-7 .titlebox{ background:url(trust.png) no-repeat top right}
.section-7 .titlebox::before {
    content: "SERVICE CUSTOMESRS";
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    font-weight:100;
    text-transform: uppercase;
}
.section-7 .titlebox h2{font-size:30px;line-height: 50px;font-weight: bold;    color: #1a1a1a;}
.section-7 .titlebox h2 strong{ color:#ff6d01}
.section-7 .titlebox p{position: relative;    padding: 10px 37% 40px 0;    font-size: 16px;    line-height: 30px;}
.section-7 .titlebox p strong{ color:#ff6d01}

.section-7 .hezuo{ border:1px solid #f2f2f2; clear:both; float:left; width:100%}
.section-7 .hezuo li{ float:left;width:108px; height:76px; overflow:hidden}
.section-7 .hezuo li img{-webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out; width:100%; height:100%}
.section-7 .hezuo li img:hover{-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}








.section-8{ width:1200px; height:350px; padding:30px 0; margin:50px auto 0 auto; text-align:center;  position:relative; overflow:hidden}
.section-8 h2{ font-size:20px; font-weight:600; color:#fff; position:relative; z-index:9}
.section-8 > span{text-transform:Uppercase; font-size:12px;color:#d5d5d5; font-weight:100; display:block; margin:5px 0 40px 0; position:relative; z-index:9}
.section-8 > span::before { content:'——';font-size: 12px;font-weight:100; color:#d5d5d5; padding-right:20px}
.section-8 > span::after { content:'——';font-size: 12px;font-weight:100; color:#d5d5d5; padding-left:20px}
.section-8 .bigbox{ float:left; width:140px; background:rgba(0,0,0,0.6); font-size:40px; padding:30px 30px; font-weight:100; line-height:40px; color:#fff; position:relative; z-index:9}
.section-8 .conText{float:left; text-align:left; width:1000px; color:#fff; padding-left:100px; position:relative; z-index:9}
.section-8 .conText .span01{font-size: 36px; display:block; font-weight:bold}
.section-8 .conText .span02{font-size: 18px; display:block; margin:5px 0}
.section-8 .conText .tel{padding-top: 30px; width:100%}
.section-8 .conText .tel .box{height:30px;width:30px;position: relative; display:block; float:left; }
.section-8 .conText .tel .box::before{content: '';height:8px; width:30px; background: #666; opacity: .2; border-radius: 50%;position: absolute;top:40px;left: 0;
        animation: yshadow .5s linear infinite;    }
.section-8 .conText .tel .box::after{border-radius:50%;background: #fff;animation: yrotate .5s linear infinite;content: '';position: absolute;left: 0;top: 0;
            width: 30px;height: 30px;}
@keyframes yshadow {    0%, 100% {transform: scaleX(1);}    50% {transform: scaleX(1.2);}}
@keyframes yrotate {    0% {    transform: translateY(0) ;  }    25% {transform: translateY(5px);}    50% {transform: translateY(10px) scale(1.1, 0.9);    }
    75% {ransform: translateY(10px) ;    }    100% {transform: translateY(0) ;    }}
	
.section-8 .conText .tel aside { display:block; float:left; margin-right:100px; padding-left:15px}
.section-8 .conText .tel aside p {    font-size: 14px;    color: #FFFFFF;}
.section-8 .conText .tel aside .nubgs {position: relative;width: 100%;height: 35px;}
.section-8 .conText .tel aside .nubgs span {display: inline-block;    height: 35px;    overflow: hidden;padding-top: 3px;}
.section-8 .conText .tel aside .nubgs .sp2 {width: 100%;color: #fff;position: absolute;left: 0;top: 0;z-index: 2; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px}
.section-8 .conText .tel aside .nubgs .sp2  i{ font-size:14px; font-style:normal;font-family: Arial, Helvetica,'Microsoft Yahei', 'Hiragino Sans GB', sans-serif; font-weight:100}
.section-8 .conText .tel .QQuser { display:block; float:left;vertical-align: middle;padding-left:20px;    font-size: 0;}
.section-8 .conText .tel .QQuser a {display: inline-block;vertical-align: middle;width: 95px;height: 24px;background-color: #000000;color: #C80000;font-size: 13px;text-align: center;line-height: 24px;border-radius: 15px;}
.section-8 .conText .tel .QQuser  a{ background:#fff;color: #1c1731;}
.section-8 .conText .tel .QQuser font {display: inline-block;vertical-align: top;position: relative;line-height: 1;height: auto;width: 43px;margin-top: -5px;}
.section-8 .conText .tel .zhibu{position: relative;}
.section-8 .conText .tel .zhibu_span{position: absolute;left:70px;top:30px;opacity: 0;transition: 0.3s ease-out;transform: scale(0);}
.section-8 .conText .tel .zhibu_span img{width:90px;}
.section-8 .conText .tel .zhibu:hover .zhibu_span{opacity: 1;transform: scale(1);}
.section-8 .conText .tel .zhibu {    position: relative;}
.section-8 .bg{background-color: rgba(0, 0, 0, 0.8); position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1}
.section-8 .video{ position:absolute; top:-100px; left:0; z-index:-2; width:100%; height:auto}





.section-9{  width:1200px; margin:auto; padding:100px 0 0px 0; clear:both}
.section-9 .titlebox{ width:1200px; position:relative; height:60px; border-top:1px solid #f2f2f2; clear:both; margin:auto}
.section-9 .titlebox h2{ font-size:18px; position:absolute; top:5px; left:0}
.section-9 .titlebox h2::before {content: "Cooperation process"; color:#c9c9c9; font-size:30px; position:absolute; left:0; top:-50px; text-transform:uppercase; width:500px}
.section-9 .titlebox h2 strong{ color:#ff6d01}
.section-9 .titlebox  p{ position:absolute; left:150px; top:10px; display:block; color:#999}
.section-9 ol{ position:relative}
.section-9 ol li{display:inline-block;  height:150px; width:150px; line-height:150px; position:relative; top:0; text-align:center;border-radius:50%; font-size:18px; font-weight:500}
.section-9 ol li:before { content:" "; display:inline-block; background:#f2f2f2; height:150px; width:150px; border-radius:50%; position:absolute; top:0; z-index:-1; text-align:center; left:0; line-height:150px; font-family:"Arial Black", Gadget, sans-serif; font-size:80px; color:#dcdbdb;
-webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 3s linear infinite;
    -moz-animation: rotate 3s linear infinite;
    -o-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}

.section-9 ol li::before:hover{
-webkit-animation-play-state:paused;
 animation-play-state:paused;
}
.section-9 ol li:nth-child(1){ left:0; padding-left:10px}
.section-9 ol li:nth-child(2){ left:100px; padding-left:10px}
.section-9 ol li:nth-child(3){ left:200px; padding-left:10px}
.section-9 ol li:nth-child(4){ left:300px; padding-left:10px}
.section-9 ol li:nth-child(5){ left:400px}

.section-9 ol li:nth-child(1):before { content:"1";}
.section-9 ol li:nth-child(2):before { content:"2";}
.section-9 ol li:nth-child(3):before { content:"3";}
.section-9 ol li:nth-child(4):before { content:"4";}
.section-9 ol li:nth-child(5):before { content:"5";}

.section-9 ol li:after{ content:"⇒"; position:relative; left:85px; height:150px; width:150px; top:0}


.section-9 ol li:nth-child(5):after{ content:" ";}





.btn-effects {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0px 0 30px;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    overflow: hidden;
    position: relative;
    top: 0;
    padding: 20px 60px;
    background: #ff6e03 ;
    border-radius: 60px;
    background-image: -moz-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: -webkit-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: -ms-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    box-shadow: 0px 12px 28px 0px rgba(210, 7, 0, 0.35);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.btn-effects:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 60px;
    background: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.btn-effects:hover {
    top: -4px;
    text-decoration: none;
    color: #fff;
    box-shadow: 0px 18px 36px 0px rgba(210, 7, 0, 0.25);
}
.btn-effects:hover:after {
    background: rgba(255, 255, 255, 0.2);
}


@media screen and (max-width: 640px) {



.banner-container{ height:150px}
.banner-container .swiper-slide a{ height:140px}
.banner-container .swiper-slide a img{ width:559px;height:150px; left:50%; margin-left:-280px}

.section-1 .mod-scrollnews{ width:100%}
.section-1 .mod-park-info{ height:120px; padding:0}
.section-1 .mod-park-info .app-sum{ top:45px; width:100%;border-left:none;border-top: 1px solid #ececec; padding:10px 10px 30px 10px; }

.section-2{ width:100%; overflow:hidden; padding:15px}
.section-2 .company{ background:none}
.section-2 .company h2{ font-size:20px; line-height:30px}
.section-2 .company p{ padding:10px 0px; line-height:24px}
.section-2 .comvideo{ position:relative;background: url(common.png) no-repeat bottom right; top:20px; left:auto; right:auto; margin:auto}

.section-3{ width:100%; clear:both; padding:2% 2%; overflow:hidden; }
.section-3 .titlebox{ width:100%; height:auto; margin-top:30px}
.section-3 .titlebox h2{ width:100%; text-align:left;}
.section-3 .titlebox h2::before{ font-size:20px; top:-32px}
.section-3 .titlebox p{ width:100%; position:relative; left:auto; text-align:left; top:0px; padding-top:35px; clear:both}


.section-3 .xs-card-list{ width:100%; height:auto; position:relative; padding-top:0; margin-top:-30px; padding-bottom:30px; float:left}
.section-3 .xs-card-list .xs-card{  top:70px;width:48%}
.section-3 .xs-card-list .xs-card.xs-card-6, .section-3 .xs-card-list .xs-card.xs-card-7{ width:48%}
.section-3 .xs-card-list .xs-card.xs-card-4, .section-3 .xs-card-list .xs-card.xs-card-5{ width:48%}
.section-3 .xs-card-list .xs-card.xs-card-2, .section-3 .xs-card-list .xs-card.xs-card-3{ width:48%;top:70px}
.section-3 .xs-card-list .xs-card.xs-card-4, .section-3 .xs-card-list .xs-card.xs-card-5{ height:220px; top:50px}
.section-3 .xs-card-list .xs-card.xs-card-4{ margin-right:0}
.section-3 .xs-card-list .xs-card.xs-card-6{ margin-right:2%}
.section-3 .xs-card-list .xs-card.xs-card-4 .top, .section-3 .xs-card-list .xs-card.xs-card-5 .top{ height:100px}
.section-3 .xs-card-list .xs-card.xs-card-2 .top, .section-3 .xs-card-list .xs-card.xs-card-3 .top{ height:100px}
.section-3 .xs-card-list .xs-card .top{ height:100px; padding-top:10px}
.section-3 .xs-card-list .xs-card.xs-card-2, .section-3 .xs-card-list .xs-card.xs-card-3{ height:220px;}
.section-3 .xs-card-list .xs-card.xs-card-6, .section-3 .xs-card-list .xs-card.xs-card-7{ height:220px;}
.section-3 .xs-card-list .xs-card{ height:220px;}
.section-3 .xs-card-list .xs-card.xs-card-2{ margin-right:2%}
.section-3 .xs-card-list .xs-card.xs-card-3{ margin-left:0; margin-right:2%; top:90px}
.section-3 .xs-card-list .xs-card.xs-card-5{ margin-left:0; top:90px}
.section-3 .xs-card-list .xs-card.xs-card-7{ margin-left:0; top:110px}
.section-3 .xs-card-list .xs-card.xs-card-4 p, .section-3 .xs-card-list .xs-card.xs-card-5 p{ font-size:12px}
.section-3 .xs-card-list .xs-card.xs-card-4 .top img, .section-3 .xs-card-list .xs-card.xs-card-5 .top img { width:60px; height:60px}
.section-3 .xs-card-list .xs-card.xs-card-2 .top img, .section-3 .xs-card-list .xs-card.xs-card-3 .top img{ width:60px; height:60px}
.section-3 .xs-card-list .xs-card.xs-card-1 .top img{ width:60px; height:60px}
.section-3 .xs-card-list .xs-card.xs-card-6 .top img, .section-3 .xs-card-list .xs-card.xs-card-7 .top img { width:60px; height:60px}
.section-3 .xs-card-list .xs-card.xs-card-6 .top, .section-3 .xs-card-list .xs-card.xs-card-7 .top{ height:100px}
.section-3 .xs-card-list .xs-card.xs-card-2 p, .section-3 .xs-card-list .xs-card.xs-card-3 p{ font-size:12px}
.section-3 .xs-card-list .xs-card p{ font-size:12px}
.section-3 .xs-card-list .xs-card h3{ font-size:16px}



.btn-effects{ clear:both; right:0; margin-left:50%; padding:20px 10px; font-size:16px}

.section-4 { width:100%; overflow:hidden; padding:20px 2%}
.section-4 .titlebox{ width:100%}
.section-4 ul{ width:100%}

.section-5{ width:100%; overflow:hidden}
.section-5 .why { background:none; clear:both; padding:0px 2%}
.section-5 .why h2{ font-size:20px; line-height:30px}
.section-5 .why p{ padding:10px 0; line-height:22px; font-size:14px}
.section-5 .forul{ margin-top:20px; width:100%; padding:10px 2%}
.section-5 .forul li{ width:100%; float:left; height:100px}

.section-5 .team-container{ width:100%; padding-top:50px}
.section-5 .team-container ul{ }
.section-5 .team-container ul li{ margin-right:2px !important; width:16% !important}


.section-6{width:98%;padding:20px 1%}
.section-6 .titlebox{ width:100%; height:auto; margin-top:0px}
.section-6 .titlebox h2{ width:100%; text-align:left;}
.section-6 .titlebox h2::before{ font-size:20px; top:-32px}

.section-6 .newsbanner{ width:100%; height:auto; clear:both; float:left}
.section-6 .newsbanner .newsfocus{ width:100%; height:250px}
.section-6 .newsbanner .newsfocus ul{ width:100%; height:250px}
.section-6 .newsbanner .newsfocus ul li{ width:100%; height:250px}
.section-6 .newsbanner .newsfocus ul li em{}

.section-6 .newsbanner .list{ clear:both; width:100%; position:relative; left:auto; top:100px; padding-left:10px; background:none; height:530px;}



.section-7{ width:100%; clear:both; overflow:hidden; padding:20px 2%}
.section-7 .titlebox{ width:100%; height:auto; margin-top:0px; background:none}
.section-7 .titlebox h2{ width:100%; text-align:left;}
.section-7 .titlebox h2::before{ font-size:20px; top:-32px}
.section-7 .titlebox p{ width:100%; position:relative; left:auto; text-align:left; top:0px;padding:15px 0 15px 0;clear:both;font-size:14px; line-height:24px}

.section-7 .hezuo li{ width:20%; height:auto}

.section-8{ width:100%; clear:both; padding:10px 0; height:auto; overflow:hidden}
.section-8 .bigbox{ display:none}
.section-8 .conText{ width:100%; padding-left:10px}
.section-8 .conText .span01{ font-size:20px}
.section-8 .conText .span02{ font-size:14px}
.section-8 .conText .tel aside{ margin-right:0; width:80%}
.section-8 .conText .tel .QQuser{ display:none}
.section-8 .video{ top:-60%; height:200%; width:150%}

.section-9{ width:100%; overflow:hidden}
.section-9 ol li{ float:left; width:100px; height:100px;line-height:100px; font-size:16px}
.section-9 ol li:after{ content:" "}
.section-9 ol li:before{ width:100px; height:100px; line-height:100px; font-size:60px}
.section-9 ol li:nth-child(1){ left:10px}
.section-9 ol li:nth-child(2){ left:10px}
.section-9 ol li:nth-child(3){ left:10px}
.section-9 ol li:nth-child(4){ left:10px}
.section-9 ol li:nth-child(5){ left:10px}
  .section-9 .titlebox{width:100%;height:100px}
  .section-9 .titlebox h2{padding-left:1%}
  .section-9 .titlebox h2::before{font-size: 23px;top: -41px;}
  .section-9 .titlebox p{top: 40px;left: 0px;padding:0px 1%}
  
  .section-4 ul li {width: 100%;}
  .section-1 .mod-scrollnews .ctrl-menu a{display:none}
  .section-1 .mod-scrollnews .icon-news{margin-left:1%}
  .section-4 .titlebox h2{font-size:25px}


}