/*base*/
@charset "utf-8";
*,::before,::after{margin:0; padding:0;box-sizing:border-box;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p,blockquot,filedset,input,nav,aside,header,article,section,figure,figcaption,video,audio{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,em,i{ font-size:1em; font-style:normal; font-weight:normal;}
ul,ol,li{ list-style:none;}
fieldset,img{max-width: 100%;border:0 none;vertical-align:middle;}
table{ border-collapse:separate;}
table td{line-height: 24px;padding: 10px 0;}
input,select,textarea,button{ font:12px/20px  Arial;  outline:none;border: none;resize:none}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;outline:0px;}
:focus{outline:none;}
a{color:#333333;text-decoration:none; outline:none;cursor: pointer;}
a:link,a:visited{ text-decoration:none;}
a:active{ text-decoration:none;}
.clearfix:after{ clear:both; content:''; display:block; height:0; line-height:0;}
.clearfix{zoom:1;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
body{font: 14px/20px  "Proxima Nova", Arial;color:#333333;line-height: 1;}
.w{max-width: 1500px;margin:0 auto;}
.w2{max-width: 920px;margin:0 auto;}
/*base end*/
/*special*/
.header{width: 100%;position: absolute;left: 0;top: 0;z-index: 10;}
.special01{width: 100%;background: url("../images/bs-bg01.jpg") no-repeat;background-size: cover;overflow: hidden;padding: 200px 0 190px 0;position: relative;}
.special01 .fl{width: 74%;color: #fff;}
.special01 .fl h1{font-size: 48px;font-weight: bold;font-style: italic;}
.special01 .fl .p1{font-size: 18px;line-height: 32px;font-family: "Proxima Nova Light";margin: 50px 0;}
.special01 .fl .p2{font-size: 20px;font-weight: bold;font-style: italic;padding-left: 150px;}
.special01 .fl .p2 a{width: 400px;background: url("../images/btn-bg.png") right  bottom no-repeat;color: #fff;
    line-height: 55px;text-align: center;border-radius: 50px;display: inline-block;margin-left: 75px;position: relative;transition: all ease 0.5s;}
.special01 .fl .p2 a:before{content: "";width: 146px;height: 42px;background: url("../images/arrow.png") center no-repeat;
    background-size: 100%;position: absolute;left: -38%;bottom: -29px;}
.special01 .fr{width: 20%;margin-top: 100px;}
.special01 .fr p{font-size: 18px;color: #fff;line-height: 28px;font-weight: bold;font-style: italic;margin-top: 25px;
    position: relative;}
.special01 .fr p:before{content: "";width: 10px;height: 10px;background: #fff;border-radius: 50%;display: block;position: absolute;left: -30px;top: 7px;}
.special02{width: 100%;background: url("../images/bs-bg02.jpg") center bottom no-repeat #f7f7f7;background-size: 100%;margin-top: -100px;padding-bottom: 9%;}
.special02 .w{padding: 0 2%;}
.special02 .swiper-container{height: 440px;}
.special02 .cp-pic li{width: 20%;position: relative;transition: all ease 1s;}
.special02 .cp-pic .swiper-slide-active{width: 20%;margin-top: 30px;transition: all ease 1s;}
.swiper-slide-prev,.swiper-slide-next{margin-top: 30px;transition: all ease 1s;}
.special02 .cp-pic li{display: block;}
.special02 .cp-pic li:before,.special02 .cp-pic .swiper-slide-active:before{content: "";width: 170px;height: 170px;border: 2px solid #4abebd;border-radius: 50%;
    display: block;position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);transform: translateX(-50%);-ms-transform: translateX(-50%);}
.special02 .cp-pic li:after,.special02 .cp-pic .swiper-slide-active:after{content: "";width: 140px;height: 140px;background: #33908f;border-radius: 50%;
    display: block;position: absolute;left: 50%;top: 15px;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);transform: translateX(-50%);-ms-transform: translateX(-50%);}
.special02 .cp-pic .swiper-slide-active:before{width: 260px;height: 260px;transition: all ease 1s;}
.special02 .cp-pic .swiper-slide-active:after{width: 227px;height: 227px;transition: all ease 1s;}
.special02 .cp-pic li span{position: relative;z-index: 10;display: block;padding: 0 23%;}
.special02 .cp-pic .swiper-slide-active span{padding: 0 8%;}
.special02 .cp-pic li p a{font-size: 28px;color: #42474e;font-weight: bold;text-align: center;line-height: 36px;padding-top: 45px;display: block;}
.special02 .cp-pic .swiper-slide-active p a{font-size: 38px;line-height: 46px;}
.special02 .swiper-button-next,.special02 .swiper-button-prev{width: 25px;height: 50px;background: url("../images/mreturn.png") center no-repeat;background-size: 40px;
    top: 78%;left: 16%;opacity: 0;transition: all ease 0.5s;}
.special02 .swiper-button-next{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);
    transform:scaleX(-1);filter:FlipH;right: 16%;left: auto;}
.special02 .swiper-container:hover .swiper-button-next,.special02 .swiper-container:hover .swiper-button-prev{opacity: 1;}
.special02 .cp-text li{display: none;}
.special02 .cp-text li p{font-size: 18px;color: #42474e;line-height: 32px;font-family: "Proxima Nova Light";margin: 45px 12%;position: relative;}
.special02 .cp-text li p strong{color: #33908f;font-style: italic;font-weight: 800;}
.special02 .cp-text li p:before{content: "";width: 10px;height: 10px;background: #276564;border-radius: 50%;display: block;position: absolute;left: -30px;top: 10px;}
.special02 .cp-text li p:last-child{margin: 45px 0;text-align: center;}
.special02 .cp-text li p:last-child:before{display: none;}
.special02 .pr_conter{position: relative;}
.special02 .pr_conter:before{content: "";width: 100%;height: 21px;background: url("../images/arrow02.png") center no-repeat;
    display: block;position: absolute;left: 0;top: -66px;
    -webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;}
@-webkit-keyframes bounce-down { 25% {-webkit-transform: translateY(-10px);} 50%, 100% {-webkit-transform: translateY(0);} 75% {-webkit-transform: translateY(10px);} }
@keyframes bounce-down { 25% {transform: translateY(-10px);} 50%, 100% {transform: translateY(0);} 75% {transform: translateY(10px);} }
.special03{width: 100%;background: url("../images/bs-bg03.jpg") left center no-repeat;overflow: hidden;}
.special03 .fl{width: 50%;}
.special03 .fl h3{font-size: 48px;color: #33908f;font-style: italic;font-weight: 800;}
.special03 .fl span{font-size:24px;color: #42474e;font-weight: 100;margin: 10px 0 55px 0;display: block;}
.special03 .fl .more{width: 200px;background: url(../images/btn-bg.png) right -25px bottom no-repeat;display: block;
    font-size: 20px;color: #fff;text-align: center;line-height: 55px;font-weight: bold;font-style: italic;border-radius: 50px;}
.special03 .fr{width: 46%;}
.special03 .fr li{position: relative;padding-left: 125px;margin-bottom: 50px;}
.special03 .fr li i{width: 78px;height: 78px;background: url("../images/website-zs01.png") no-repeat;
    background-size: 100%;font-size: 33px;color: #fff;text-align: center;line-height: 80px;font-weight: 800;
    position: absolute;left: 0;top: 0;}
.special03 .fr li span{font-size: 36px;color: #42474e;font-style: italic;font-weight: 800;display: block;
    margin-bottom: 30px;}
.special03 .fr li p{font-size: 18px;color: #266968;line-height: 32px;font-family: "Proxima Nova Light";margin-bottom:20px;}
.special03 .fr li p strong{font-size: 20px;font-style: italic;font-family: Semibold Italic;}
.special03 .fr li p:last-child{margin-bottom: 0px;}
.special04 .csbg-tit{width: 250px;background: url(../images/btn-bg.png) right -25px bottom no-repeat;
    display: block;font-size: 20px;color: #fff;text-align: center;line-height: 55px;font-weight: bold;
    font-style: italic;border-radius: 50px;margin-bottom: 50px;}
.special04 .csbg-tit span{width: 25px;font-size: 42px;text-align: center;vertical-align: middle;display: inline-block;margin-left: 15px;}
.special04 .csbg-nr{margin: 50px 0 100px 0;}
.special05{width: 100%;background: #266968;margin-top: 50px;padding-bottom: 50px;}
.special05 h3{width: 545px;background: #fff;font-size: 48px;color: #42474e;font-style: italic;font-weight: 800;line-height: 95px;text-align: center;border-radius: 10px;margin: 0 auto;position: relative;top: -48px;}
.special05 li{font-size: 18px;color: #fff;line-height: 32px;font-family: "Proxima Nova Light";}
.special05 .left{width: 27%;float: left;margin: 90px 0;}
.special05 .center{width: 46%;float: left;text-align: center;margin: 20px 0;}
.special05 .right{width: 27%;float: right;padding-left: 2%;}
.special05 .right .p2{margin: 65px 0;}
/*special end*/
@media screen and (max-width: 1500px){
    .w{max-width: 1200px;}
    .special05 .center{margin: 117px 0;}
    .special01 .fl .p2{padding: 0;}
    .special02 .cp-pic li,.special02 .cp-pic .swiper-slide-active{width: 33.33%;}
    .special02 .cp-pic li span{padding: 0 28%;}
    .special02 .cp-pic .swiper-slide-active span{padding: 10px 18%;}
    .special03{background-size: 88%;}
}
@media screen and (max-width: 1200px){
    .w{max-width: 1000px;}
    .special05 ul{position: relative;}
    .special05 .left,.special05 .right{width: 40%;}
    .special05 .center{position: absolute;left: 260px;top: -36px;z-index: -1;opacity: 0.5;}
    .special01 .fl .p2 a{margin-left: 340px;}
    .special02 .cp-pic li span{padding: 0 25%;}
    .special02 .cp-pic .swiper-slide-active span {padding: 15px 14%;}
    .special03 {background:none;}
    .special03 .fl,.special03 .fr{width: 100%;margin: 40px 0;}
}