@charset "UTF-8";/**********************************************************wangmu************************************************************/
header{width: 100%;height: 80px;position: fixed;left: 0px;top: 0px;z-index: 9000; background: rgba(0,0,0,.3);}
.center960{width: 1200px;margin: 0px auto;position: relative;}
.header h1{position: absolute;left: 0px;top: 12px;}
.header nav{position: absolute;right: 90px;height: 56px;top: 30px;width:873px;}
.center960 ul{width:620px/9;; float:right}
.center960 li{float: left;position: relative;margin-right:10px/9;}
.header nav li.active a,.header nav li:hover>a{color: #fff !important;background: #45b6dc;}
.header li>a{display: block;font-family: "Microsoft YaHei";padding: 0px 15px;/* height: 56px;*/line-height: 25px;color: #fff;font-size: 18px;border-radius: 5px;margin-right: 10px;}
.w1210{position: relative;}
.section-9{background: url(../images/weixin3_01.png) no-repeat center center;background: url(../images/weixin3_01.png) 100%\9;background-size: cover;}
.section-1{background:#fff6cd;}
.section-2{background:#28b2f7;}
.section-3{}
.section-4{background:#22b843;}
.section-5{background:#fff6cd;}
.section-6{background:#28b2f7;}

.section-4 .w1210{}
.w1210 .textDesc{position: absolute;top:7%;}
.w1210 .imgDesc{position: absolute;bottom:100px;width: 100%;}
.section-3 .w1210 .imgDesc{top:7%;}
.section-3 .w1210 .textDesc{}
.section-4 .imgDesc{    position: relative;    margin-top: 363px;    left: 0;    width: 837px;    text-align: center;    margin-left: 161px;}
.section-5 .imgDesc{margin-top:100px;}
.section-6 .w1210{height:100%;}
.section-6 .textDesc{    position: relative;    float: right;    text-align: left !important;    width: 514px !important;    margin-top: 45px;}
.section-6 .w1210  .textDesc h2{ color:#fff;}
.section-6 .w1210  .textDesc p{    font-size: 21px;    line-height: 42px;}
.section-6 .imgDesc{position: absolute; left:0;width:100%;}
.section-8 .w1210{}
.section-8 .imgDesc{bottom: 0;}
.section-8 .imgDesc ul li{position: absolute;bottom: 0;}
.section-8 .imgDesc ul li:nth-child(1){left: -0;}
.section-8 .imgDesc ul li:nth-child(2){left: 255px;}
.section-8 .imgDesc ul li:nth-child(3){left: 547px;z-index: 99;}
.section-8 .imgDesc ul li:nth-child(4){right: -0;}
.w1210 .textDesc{text-align: center;width:100%;color:#fff;}
.section-2 .textDesc{color:#fff; font-size:44px;}
.section-3 .w1210 .textDesc{}
.section-5 .textDesc{color:#f0a900;}
.section-7 .textDesc{color:#8e6f26;}
.section-8 .textDesc{color:#bf862c;z-index: 99;}
.section-9 .w1210 .imgDesc{ top:50px;}
.section-9 .w1210 .imgDesc:nth-child(2){ top:263px;}

.w1210 .textDesc h2{font-size:44px;line-height:50px;font-weight: normal; color:#000000;}
.w1210 .textDesc p{font-size:24px;padding:15px 0;line-height:32px;}
.section-10 .textDesc p{color:#fff;  font-size:48px; padding:0;    padding: 15px 0;}
.section-10 .w1210 .imgDesc{ bottom:300px;}
.w1210 .imgDesc{text-align: center;}
.w1210 .imgDesc img{margin-top:14px;margin: 0 auto;}
.bannerList{ position:relative;}
.bannerList li{ position:absolute; border-radius:100%; border:15px solid #0786cb;}
.bannerList li p{ color:#fff; font-size:30px; width:102px; height:75px;  margin: 0 auto;  margin-top: 20px;}
.bannerList li:nth-child(1){ background:#0da8c9; width:124px; height:124px;}
.bannerList li:nth-child(2){ background:#086b9c; width:124px; height:124px; right:-80px; top: -36px; }
.bannerList li:nth-child(3){ background:#50a8d7; width:110px; height:110px; top:480px;}
.bannerList li:nth-child(3) p{ margin-top: 35px; }
.bannerList li:nth-child(4){ background:#1b92d3; width:93px; height:93px;right: -53px; top: 419px;}
.bannerList li:nth-child(4) p{ margin-top: 11px; font-size: 25px;}
.swiper-slide-active .bannerList li{ -webkit-animation: slideInDown 2s 0s ease both; animation: slideInDown 2s 0s ease both;}
.swiper-slide-active .bannerList li:nth-child(1){  -webkit-animation-delay:1s;animation-delay:1s;}
.swiper-slide-active .bannerList li:nth-child(2){  -webkit-animation-delay:1.5s;animation-delay:1.5s;}
.swiper-slide-active .bannerList li:nth-child(3){  -webkit-animation-delay:2s;animation-delay:2s;}
.swiper-slide-active .bannerList li:nth-child(4){  -webkit-animation-delay:2.5s;animation-delay:2.5s;}
.swiper-slide-active .bannerImg> img{-webkit-animation: zoomIn 2s 0s ease both;    animation: zoomIn 2s 0s ease both;}
.section-9 .bannerImg{ background:url(../images/weixin_03.png);width:800px; height:620px;  margin-left: 67px; text-align: center; margin-top: -31px;}
.section-9 .bannerImg> img{margin-top: 186px; margin-left: 145px; }
.section-9 .bannerImg h1{font-size: 40px; font-weight: normal;line-height: 56px;color: #e28400; border-radius: 56px; padding: 0 20px; border: 1px solid; width: 443px; margin-left: 228px;} 
.section-9 .bannerImg p{ font-size:16px; color:#5c5c5c; width: 443px; margin-left: 201px; margin-left: 245px;margin-top: 16px; }
.section-9 .bannerImg  i{display: inline-block;    vertical-align: top; margin-left: 121px;}
.section-4 .textDesc h2{    margin-bottom: 31px; color:#fff;}
.section-4 .textDesc p{ text-align:left;text-align: left;    width: 509px;margin-left: 323px;padding: 0;font-size: 21px;}

.propagationTrajectory{    margin-top: 204px;}
.propagationTrajectory .propagationList{ position:relative; float:left;width:454px; height:454px; background:url(../images/weixin_20.png) no-repeat;   margin-top: 66px;}
.swiper-slide-active .propagationTrajectory .propagationList{  -webkit-animation: rotateIn 15s 0s infinite linear both  ;  animation: rotateIn 15s 0s infinite linear both;}
.swiper-slide-active .propagationTrajectory .propagationList li{  -webkit-animation: rotateInReverse 15s 0s infinite linear both   ; animation: rotateInReverse 15s 0s infinite linear both;}
.swiper-slide-active .propagationPhone{ -webkit-animation: fadeInRight 1s 0s 1 linear both   ; animation: fadeInRight 1s 0s 1 linear both;}
.propagationTrajectory .propagationList li{ position:absolute; width:150px;}
.propagationTrajectory .propagationList li:nth-child(1){ font-size: 29px;    color: #fff;left: 171px;top: 190px;font-size: 29px; color: #fff;width: 132px; }
.propagationTrajectory .propagationList li:nth-child(2){ left: 27px;top: -2px;}
.propagationTrajectory .propagationList li:nth-child(3){ left: -68px;top: 167px;}
.propagationTrajectory .propagationList li:nth-child(4){left: -16px;top: 326px;}
.propagationTrajectory .propagationList li:nth-child(5){left: 158px;top: 390px;}
.propagationTrajectory .propagationList li:nth-child(6){left: 312px;top: 297px;}
.propagationTrajectory .propagationList li:nth-child(7){left: 352px;top: 126px;}
.propagationTrajectory .propagationList li:nth-child(8){left: 229px;top: -13px;}
.propagationTrajectory .propagationList li i{}
.propagationTrajectory .propagationList li p{ font-size:22px;color:#000000;}

.propagationTrajectory .propagationPhone{ width:394px; height:633px; background:url(../images/mixwin2.png)  ;  margin-right: -81px;;    float: right;}
.propagationTrajectory .propagationPhone ul{margin-top: 189px;    margin-left: 144px;}
.propagationTrajectory .propagationPhone li{ float:left; width:32px; margin-right:15px; height:270px;  }
.propagationTrajectory .propagationPhone li:nth-child(1){ background:#fff; height: 160px; margin-top: 109px;}
.propagationTrajectory .propagationPhone li:nth-child(2){ background:#ffb899;}
.propagationTrajectory .propagationPhone li:nth-child(3){ background:#fff6cd;  height:193px; margin-top: 77px;}
.puttingEffect{    width: 823px;    margin: 0 auto; margin-top: 204px;}
.puttingEffect .puttingEffectList{ float:left; width:400px;    text-align: left;}
.swiper-slide-active .puttingEffect .puttingEffectList li{-webkit-animation: bounceInLeft 2s 0s ease both;    animation: bounceInLeft 2s 0s ease both;}
.swiper-slide-active .puttingEffect .puttingEffectList li:nth-child(1){-webkit-animation-delay:.5s;animation-delay:.5s;}
.swiper-slide-active .puttingEffect .puttingEffectList li:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s;}
.swiper-slide-active .puttingEffect .puttingEffectList li:nth-child(3){-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.swiper-slide-active .puttingEffectHand{-webkit-animation: bounceInRight 2s .5s ease both;    animation: bounceInRight 2s .5s ease both;} 
.puttingEffect .puttingEffectList li p{ font-size:23px; color:#fff; line-height:50px;}
.puttingEffect .puttingEffectHand{ float:right;}
.launchMonitoring{    margin: 0 auto;    margin-top: 204px;}
.launchMonitoring .launchMonitoringImg{ float:left;}
.swiper-slide-active .launchMonitoringImg {-webkit-animation: zoomInDown 2s 0s ease both;    animation: zoomInDown 2s 0s ease both;}
.swiper-slide-active .launchMonitoringList li{-webkit-animation: zoomInUp 2s 0.5s ease both;    animation: zoomInUp 2s 0.5s ease both;}
.swiper-slide-active .launchMonitoringList li:nth-child(1){-webkit-animation-delay:.5s;animation-delay:.5s;}
.swiper-slide-active .launchMonitoringList li:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s;}
.swiper-slide-active .launchMonitoringList li:nth-child(3){-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.launchMonitoring .launchMonitoringList{ float:left; width:511px;     margin-left: 80px;    margin-top: 140px;}
.launchMonitoring .launchMonitoringList li{ margin-bottom:20px;}
.channel{   width: 823px;    margin: 0 auto; margin-top: 204px;    position: relative;}
.channelTxt{ width:588px; color:#000; font-size:21px   ; text-align: left;    line-height: 53px;    position: relative;}
.channelImg { width: 562px;    position: absolute;       top: -56px;    right: -51px;}
.mapCentent,.channelCentent{position: absolute;    width: 100%;    top: 50%;    margin-top: -285px;}
.map{   position: relative;width: 492px;}
.map li{}
.map li:nth-child(2){position: absolute;    top: 0;    left: 126px;}
.swiper-slide-active .channelTxt{-webkit-animation: bounceInDown 2s 0s ease both;    animation: bounceInDown 2s 0s ease both;}
.swiper-slide-active .channelImg{-webkit-animation: bounceInUp 2s 0s ease both;    animation: bounceInUp 2s 0s ease both;}

.swiper-slide-active .map li:nth-child(1){-webkit-animation: zoomIn 2s 0s ease both;    animation: zoomIn 2s 0s ease both;}
.swiper-slide-active .map li:nth-child(2){-webkit-animation: slideInUp 2s 1s ease both;    animation: slideInUp 2s 1s ease both;}
.swiper-slide{    overflow: hidden;}
.icon {    background: url(../images/icon.png);}
.contact{z-index: 999;position:  fixed; right:0; top:50%; margin-top: -165px; background:#fff;text-align: center; width:140px;}
.contact i{ display: inline-block; vertical-align: top;}
.contact .close_contact{  cursor: pointer;width:16px; height:16px; position:absolute; right:5px; top:5px;    background-position: -17px 325px;}
span.tel{ display:none;     right: 0;position: fixed; z-index: 999;text-align: center; width: 26px;    padding: 12px 6px;    top: 200px;   border-radius: 5px 0 0 5px;    line-height: 15px;background:#3d3d3d;  color: #fff; font-size: 14px;}
span.tel a{ color:#fff;}
span.tel i{ width:22px; height:22px;    background-position: -16px 294px; margin-bottom: 4px; display: inline-block;*display: inline;*zoom:1;}
.contact>p{ margin: 0 auto;width:100%; cursor:pointer; color:#fff; background:#ffa800; line-height: 25px; font-size: 16px; text-align: center;    padding-top: 10px;}
.contact>p i{ width:16px; height:16px; background:url(../images/jiantou1.png);   margin-top: -5px;}
.contact>p:last-child{ padding-bottom:10px;    padding-top: 0;}
.contact>p a{ color:#fff}
.contact ul{ padding:0 16px;}
.contact ul li{ border-bottom: 1px solid #eef0f1;    padding: 8px 0;}
.contact ul li.qq{}
.contact ul li.qq i{ width:76px; height:76px;    background-position: -79px 326px;    margin-top: 25px;   margin-bottom: 10px;}
.contact ul li.qq p{ font-size: 16px; color:#3d3d3d;}
.contact ul li.qq button{ cursor: pointer; line-height: 20px; padding:0 10px; color:#fff; border:0; background:#ffa800; font-size: 14px; height:20px;       margin-top: 10px;    border-radius: 20px;}
.contact ul li.tel{}
.contact ul li.tel i{width:22px; height:22px;    background-position: -16px 265px;    margin-top: 2px;    margin-right: 2px;}
.contact ul li.tel p{ font-size: 16px; line-height: 26px; color:#f92b32;}
.contact ul li.tel p span{ line-height: 30px; color:#3d3d3d; font-size: 16px;}


@media (max-width:720px){
@media (min-width:310px){
header{height:52px}
.center960{width:100%}
.center960 ul li{display:none}
.center960 ul li:nth-child(1){display:block}
.center960 ul li:nth-child(2){display:block}
.center960 ul li:nth-child(3){display:block}
.header h1{width:110px;padding-left:10px}
.header li>a{margin-right:8px;font-size:13px}
.header nav{top:13px}
.header nav li.active a, .header nav li:hover>a{background:none;color: #111 !important;font-weight: bold;}
.swiper-container-vertical>.swiper-pagination{display:none;}
.w1210{width:100%; }
.w1210 .textDesc{width:95%;margin-left:2.5%}
.w1210 .textDesc h2{font-size:28px;line-height:20px;font-weight: normal;}
.w1210 .textDesc p{font-size:15px;padding:15px 0;line-height:22px;}
.w1210 .imgDesc{bottom:10px;}
.section-4 .imgDesc img{ width:100%}
.section-5 .imgDesc{margin-top:0;}
.section-6 .textDesc{top:0}
.section-6 .w1210 .imgDesc img{ width:95%;}
.section-7 .w1210 .imgDesc{bottom:15px;}
.section-8 .textDesc{top:0}
.section-8 .w1210 .imgDesc{bottom:0;}
.section-9 .w1210 .imgDesc:nth-child(2) {    top: 151px;}
.w1210 .imgDesc img{width:80%;}
.w1210 .textDesc{top:0;}
.section-3 .w1210 .imgDesc img{width:58%;}
.section-3 .w1210 .textDesc{    bottom: 10px;}
.section-5 .w1210 .imgDesc{bottom: 30px;}
.section-7 .w1210 .imgDesc img{width:58%;}
.section-8 .imgDesc ul li:nth-child(1){left: -11px;z-index: 9;width: 108px;}
.section-8 .imgDesc ul li:nth-child(2){left: 58px;width: 97px;z-index: 10;}
.section-8 .imgDesc ul li:nth-child(3){left: 136px;z-index: 99;width: 122px;}
.section-8 .imgDesc ul li:nth-child(4){right: -55px;width: 300px;}
.pt-page-moveIconUp{-webkit-animation: moveIconUp ease 1.5s both infinite;animation: moveToBottom ease 1.5s both infinite;}
.arrow-up{background: none;height: auto;width: 25px;position: fixed;left: 50%;top: 92%;margin-left: -12px;z-index: 99;}
}
@media (max-width:480px){}
@media (min-height:490px){
.w1210 .textDesc{top:15%}
.section-1 .w1210  .w1210 .imgDesc{bottom:30px}
.section-2 .w1210  .w1210 .imgDesc{bottom:30px} 
.section-3 .w1210 .imgDesc{margin-top: 12px;}
.section-3 .w1210 .textDesc {    bottom: 16%;}
.section-4 .imgDesc img{ width:100%}
.section-7 .w1210 .imgDesc{ bottom:60px}
.w1210 .textDesc{}}
@media (min-height:620px){
.w1210 .textDesc{top:15%}
.section-1 .w1210  .w1210 .imgDesc{bottom:50px}
.section-2 .w1210  .w1210 .imgDesc{bottom:50px} 
.section-3 .w1210 .imgDesc{margin-top: 12px;}
.section-3 .w1210 .textDesc {    bottom: 18%;}
.section-4 .imgDesc img{ width:100%}
.section-7 .w1210 .imgDesc{ bottom:80px}
.w1210 .textDesc{}}
}
 
@-webkit-keyframes moveIconUp{0%{-webkit-transform: translateY(100%);opacity:0;}
50%{-webkit-transform: translateY(0%);opacity:1;}
100%{-webkit-transform: translateY(-100%);opacity:0;}}
@keyframes moveIconUp{0%{-webkit-transform: translateY(100%);transform: translateY(100%);opacity:0;}
50%{-webkit-transform: translateY(0%);transform: translateY(0%);opacity:1;}
100%{-webkit-transform: translateY(-100%);transform: translateY(-100%);opacity:0;}}
@-webkit-keyframes moveToBottom{from{}
to{-webkit-transform: translateY(100%);}}
@keyframes moveToBottom{from{}
to{-webkit-transform: translateY(100%);transform: translateY(100%);}}
.swiper-container-vertical>.swiper-pagination.spot{right:180px}