﻿.wp{max-width:640px;min-width:320px;margin:0 auto;color:#010101;overflow: hidden;}
.wp_c{background:#171568;}
img{width:100%;height:auto;}
.wp h2{font-size:2rem;text-align:center;font-family:"Microsoft Yahei";padding: 6% 0 5%;color:#555;line-height:1.1; font-weight:bold;}
.wp h2 img{display: block;margin-top: 0.3rem}
a.btn{display:block;width: 50%;height:3rem;line-height: 3rem;margin:0.3rem auto 0;border-radius:1.5rem;color:#fff;font-size:1.3rem;overflow:hidden;text-align:center;background: #FEA711; }
a.btn img{display: inline-block;width: 0.36rem;padding: 0 0 3px 2%; vertical-align: middle;animation:showh 1s .2s linear both infinite;-webkit-animation:showh 1s .2s linear both infinite;-moz-animation:showh 1s .2s linear both infinite;-o-animation:showh 1s .2s linear both infinite;-ms-animation:showh 1s .2s linear both infinite}
@-webkit-keyframes showh{
0% {opacity:1;}
49% {opacity:1;}
50% {opacity:0;}
100% {opacity: 0;}
}
@-moz-keyframes showh{
0% {opacity:1;}
49% {opacity:1;}
50% {opacity:0;}
100% {opacity: 0;}
}
@-ms-keyframes showh{
0% {opacity:1;}
49% {opacity:1;}
50% {opacity:0;}
100% {opacity: 0;}
}
@-o-keyframes showh{
0% {opacity:1;}
49% {opacity:1;}
50% {opacity:0;}
100% {opacity: 0;}
}
.fl{float: left}
.fr{float: right}
.pb{padding-bottom: 1.8rem;}
.content{width: 94%;margin: 0 auto}
#call_form{display: none}
.hd{text-align: center}
.hd li{display: inline-block;width: 10px;height: 10px;border-radius: 50%;border: 1px solid #fff;}
/*common*/
#banner_slider img,#banner_slider a{display: block;}
#banner_slider .bd li{position: relative}
#banner_slider a{width: 45%;height:2rem;line-height: 2rem;text-align: center;border-radius: 0.5rem;background: #FFA800;font-size: 1.5rem;color: #fff;font-weight: bold;position: absolute;right: 3%;bottom: 15%;-moz-box-shadow: 0px 0px 1px 5px rgba(255,255,255,0.2); -webkit-box-shadow: 0px 0px 01x 5px rgba(255,255,255,0.2); box-shadow: 0px 0px 1px 5px rgba(255,255,255,0.2);animation:showb 1s .2s linear both infinite;-webkit-animation:showb 1s .2s linear both infinite;-moz-animation:showb 1s .2s linear both infinite;-o-animation:showb 1s .2s linear both infinite;-ms-animation:showh 1s .2s linear both infinite;}
@-webkit-keyframes showb{
    0%,100%,20%,50%,80% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    60% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
}
.section1 p{overflow: hidden;margin-bottom:0.4rem}
.section1 p a{display: block;height:3rem;line-height:3rem;float: left;background: #7CC3EA;font-size: 1.2rem;color: #fff;text-align: center;margin-right: 0.15rem;}
.section1 p a.none{margin-right: 0}
.section1 p:nth-child(1) a{width: 32.7%}
.section1 p:nth-child(2) a{padding: 0 1.4rem}
.section1 p:nth-child(3) a{padding: 0 1.7rem}
.section1 .text{overflow: hidden;position: relative;margin-top: 1rem}
.section1 .text input{display: block;width: 73%;height:3rem;line-height:3rem;float: left;border: 1px solid #C8C8C8;font-size: 1.2rem;color: #7d7d7d;padding: 0 20% 0 2%;border-radius: 0.5rem}
.section1 .text a{display: block;float: left;font-size: 1.2rem;color: #fff;text-align: center;border-radius: 0.5rem}
.section1 .text a.zx{width: 18%;height: 3rem;line-height: 3rem;background: #FEA711;position: absolute;left: 55%;top: 0.065rem;}
.section1 .text a.text_tel{width: 22%;height: 3rem;line-height: 3rem;background: #FF4B77;margin-left: 3%}
.section2 {background: #099CDD}
.section2 .text{background: #fff;margin-bottom: 0.2rem;font-size: 0.22rem;color: #666;border-radius: 0.1rem;padding-bottom: 0.4rem}
.section2 .text p{width: 94%;margin: 0.2rem auto; font-size:1.2rem; line-height:1.8rem;}
.section2 .text dl{width: 94%;margin: 0 auto}
.section2 .text dl dd{overflow: hidden;margin-top: 0.4rem}
.section2 .text dl dd span{display: block;width: 32%;line-height: 1.5rem;float: left;font-size: 1.2rem;text-align: center;background: #25A7EE;border-radius: 1.7rem;color: #fff;margin-top: 0.2rem;padding: 0.4rem 0;    height: 5rem;}
.section2 .text dl dd span strong{display: block; font-weight:bold;}
.section2 .text dl dd .mar{margin: 0.1rem 2% 0}
.section2 .text:nth-child(3) dd .fl{margin-left: 15%}
.section2 .text:nth-child(3) dd .fr{float: right;margin-right: 15%}
.section3{background: #80C8F0}
.section3 .text{width: 94%; margin:0 3%;padding: 0 3% 0.4rem;background: #fff;font-size: 0.22rem;color: #6c6c6c;}
.section3 .text dl{overflow: hidden}
.section3 .text dl dt{width: 21%;float: left}
.section3 .text dl dd{width: 77%;float: right}
.section3 .text dl dd h3{font-size: 1.5rem;font-weight: normal;color: #2a2a2a;text-align: left; font-weight:bold;}
.section3 .text dl dd h3 span{font-size: 1.3rem}
.section3 .text dl dd .p1{display: inline-block;border-radius: 0.3rem;font-size:1.3rem;color: #fff;background: #1761A9;padding: 0 0.2rem}
.section3 .text dl dd .p2{font-size:1rem;}
.section3 .text dl dd .p2 span{color: #FF4009}
.section3 .text .p3{margin: 0.4rem 0; font-size:1.1rem; line-height:1.6rem;}
.section3 .text .over a{width: 48%}
.section3 .text .over a.fl{background: #FF4B77}
.section3 .hd li.on{background: #fff}
.section4 {background: url("../images/bg1.jpg") ;background-size: 16px;}
.section4 .hd li{border: 1px solid #818181}
.section4 .hd li.on{background: #818181}
.section4 .over{width: 85%;margin: 0 auto}
.section4 .over a.btn{width: 45%;font-size: 1.4rem}
.section4 .over a.fl,.section5 .over a.fl,.section6 .over a.fl{background: #FF4B77}
.section5 {background: url("../images/bg2.jpg");background-size: 18px;}
.section5 .content dl{width: 48%;background: #fff;border-radius: 0.1rem}
.section5 .content dl dd{width: 90%; font-size: 1.1rem;color: #6c6c6c;margin: 0 auto}
.section5 .content dl dd h3{font-size: 1.4rem;color: #1461ab;line-height: 1.3;margin: 4% 0 2%}
.section5 .content dl dd h3 span{display: block;font-weight: normal}
.section5 .over a{width: 45%}
.section5 .over a.fl{margin-left: 3%}
.section5 .over a.fr{margin-right: 3%}
.section6 #scroll3{width: 80%;margin: 0 auto;position: relative}
.section6 .qh{display: block;width: 0.3rem;position: absolute;top: 30%;z-index: 1}
.section6 .prev{left: -8%}
.section6 .next{right: -8%}
.section6 .over {width: 94%;margin: 0 auto}
.section6 .over a{width: 48%;margin-top: 0}
.section6 dl{position: relative;margin: 0.3rem auto}
.section6 dl dd{width: 100%;position: absolute;left: 0;bottom: 0;overflow: hidden}
.section6 dl dd p{width: 46%;font-size: 1.1rem;}
.section6 dl dd p.fl{margin-left: 2%;color: #fff}
.section6 dl dd p.fr{margin-right: 2%;color: #666}
.section7 {background: url("../images/bg3.jpg") ;background-size: 16px;}
.section7 .over li{width: 32%;float: left;}
.section7 .over li:nth-child(2){margin: 0 2%}
.section7 .over li dl{background: #fff;border-radius: 0.1rem;margin-bottom: 0.2rem}
.section7 .over li dl dd{font-size: 1.1rem;color: #666;padding: 0.1rem 0 0.2rem;text-align: center}
.section7 #scroll4{width: 94%;margin: 0 auto}
.section7 #scroll4 .text{position: relative;border-radius: 0.1rem;overflow: hidden}
.section7 #scroll4 .text p{width: 100%;height: 0.6rem;line-height: 0.6rem;position: absolute;left: 0;bottom: 0;text-align: center;font-size: 0.22rem;color: #fff;background: rgba(0,0,0,0.5)}
.section7 .hd{padding: 0.2rem 0}
.section7 .hd li.on{background: #fff}
.section7 img{display: block}
.section8 h2 span{display: block;font-weight: normal}
.section8 h2 p{width: 75%;margin: 0 auto;padding: 2px 0 3px;font-size: 0.3rem;color: #fff;text-align: center;border-radius: 0.3rem;background: #1461AB;}
.section8 h2 p strong{font-weight: normal;display: inline-block;margin-right: 3%}
.section8 form{width: 86%;padding: 7%;background: #F1F0F4;border-radius: 0.1rem;border: 1px solid #E6E6E6;font-size: 0.28rem;color: #9b9b9b}
.section8 form .text1{display: block;width: 96%;padding: 2%;border: 1px solid #E6E6E6;background: #fff;font-size: 0.28rem;color: #9b9b9b;margin-bottom: 0.15rem}
.section8 form .text{overflow: hidden;margin-bottom: 0.15rem}
.section8 form .text span{display: block;width: 34%;float: left;text-align: center}
.section8 form .text div{width: 21%;float: left}
.section8 form .text .text_radio{position: absolute;display: none; }
.section8 form .text .text_radio + label{position: relative;padding-left: 0.34rem;cursor: pointer;vertical-align: middle; }
.section8 form .text .text_radio + label:before {position: absolute;top: 20%;left: 0;display: inline-block;width: 0.24rem;height: 0.24rem;content: '';background: url("../images/r1.png") no-repeat center; background-size:100%; }
.section8 form .text .text_radio + label:after {position: absolute;display: none;content: ''; }
.section8 form .text .text_radio:checked + label:after {display: block; }
.section8 form .text .text_radio + label:after {top: 20%;left: 0;width: 0.24rem;height: 0.24rem;background: url("../images/r2.png") no-repeat center; background-size:100%;}
.section8 form textarea{display: block;width: 94%;margin: 0 auto;border: 1px solid #E6E6E6;padding: 2%;color: #9b9b9b;font-size: 0.28rem}
.section8 form p{font-size: 0.22rem;text-align: center;margin-top: 3%}
.section8 form a.btn{width: 48%;height: 0.6rem;line-height: 0.6rem}
.section8 form a.fl{background: #FF4B78}
.section8 form a.fl input{display: inline-block;height: 0.6rem;line-height: 0.6rem;border: 0;background: 0;color: #fff}
.swiper-container1{ padding-bottom:1.2rem;}