@charset "utf-8";
/* CSS Document */
html{ font-size:100px;}
body {font-family:微软雅黑;font-size:0.01rem;}
.hs{ color:#ff2f2f;}
.hs1{color:#ff6900}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;}
ul,ol,li{list-style-type: none; margin:0; padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none; color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0); }
img{border:none; display:inline-block;vertical-align:top; width:100%}


.fl{ float:left;}
.fr{ float:right;}
.fix:after{ clear:both; content:"."; height:0px; display:block; overflow:hidden; visibility:hidden }
.fix{*zoom:1;}

.red{ color:#fe3b69}
.btncon{ width:100%;text-align:center; padding:0.2rem 0; }
.btncon a{ display:inline-block; padding:0 0.4rem;background:#345dc6; background-size:2.4rem 0.5rem; color:#fff; line-height:0.5rem; height:0.5rem;text-align:center; border-radius:0.50rem;  font-size:0.22rem;animation:jump 3s infinite;-webkit-animation:jump 3s infinite;}
.btncon a .jt{ display:inline-block; width:0.21rem; height:0.5rem; vertical-align:top}
.btncon a .jt img{ vertical-align:middle}
.btncon a:nth-of-type(2){ margin-left:0.2rem}
.tc {
    text-align: center;
}

.wrap{margin:0 auto; max-width:6.4rem; overflow:hidden; position:relative; color:#343434}
.wrap .con{ margin:0 auto; width:6rem; box-sizing:border-box}


.ttcon{ margin:0 auto 0.45rem auto; width:6rem; text-align:center; padding:0.3rem 0; font-size:0;color:#333333; position:relative}
.ttcon .t1{ font-size:0.48rem; line-height:0.48rem;}
.ttcon .bt1{ position:absolute; font-size:0; left:0; bottom:1px; width:100%; height:1px; overflow:hidden; content:" "; background:#333;}
.ttcon .bt2{ position:absolute; font-size:0; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom:0; width:30%;  height:3px; overflow:hidden; content:" "; background:#333;}

body{ margin: 0 auto;}
 
/* 向下的箭头 */  
.dot-bottom {  
    font-size: 0;  
    line-height: 0;  
    border-width: 0.2rem;  
    border-color: #432c69;  
    border-bottom-width: 0;  
    border-style: dashed;  
    border-top-style: solid;  
    border-left-color: transparent;  
    border-right-color: transparent;  
}  
.dot-left {  
    font-size: 0;  
    line-height: 0;  
    border-width: 0.2rem;  
    border-color: #904f40; 
    border-left-width: 0;  
    border-style: dashed;  
    border-right-style: solid;  
    border-top-color: transparent;  
    border-bottom-color: transparent;  
	 
} 


.fixed{ position:fixed; z-index:3; left:50%; margin-left:-3.2rem; top:0}


.pagination{ width:100%; text-align:center; padding:0.2rem 0}
.pagination span{display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background:#fff;
    margin: 0 5px;
    cursor: pointer;
}
.pagination .swiper-active-switch{ background:#ff9933}

.banner{ position:relative}
.banner .ban{ position:absolute; left:2.45rem; top:3.8rem; width:3.37rem}
.part1{ background:#f0f0f0; padding:0.3rem 0.1rem}
.part1 form{ padding:0; margin:0; font-size:0}
.part1 h3{font-size: 0.3rem;font-weight: bold;color: #2e7fbf;padding:0 0 0.2rem;}
.part1 h3 span{display: inline-block;width:0.28rem;vertical-align: middle;margin:0 0.1rem;
    webkit-animation:tada 1.5s linear normal both infinite;
    -o-animation: tada 1.5s linear normal both infinite;
    animation: tada 1.5s linear normal both infinite;
}
.part1 dl{font-size: 0.24rem;line-height: 0.48rem;}
.part1 dl input[type='text']{outline: 0 none;height: 0.48rem;line-height: 0.48rem;margin-left: 0.08rem;padding-left: 0.1rem;font-size: 0.24rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.part1 dt input[type='text']{display: inline-block;width: 1.76rem;}
.part1 dt .fr input[type='text']{display: inline-block;width: 2.16rem;}
.part1 dd{margin-top: 0.2rem;}
.part1 dd .fr{width: 5.16rem;margin-left: 0.08rem;background-color: #d4dade;height: 0.48rem;margin-left: 0;}
.part1 dd:last-of-type input[type='text']{float:right;width: 5.1rem;margin-left: 0;}
.part1 dd label{display: inline-block;margin:0 0.1rem;}
.part1 dd input[type='radio' ]{width: 0.22rem;height: 0.22rem;vertical-align: middle;position: relative;margin-top: -0.06rem;display: inline-block;}
.part1 button{width: 2.6rem;outline: 0 none;border: 0 none;background-color: #e9463f;color: #fff;font-size: 0.24rem;padding: 0.1rem 0;margin-top: 0.2rem;
    -webkit-border-radius: 0.05rem;
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem;
}
.part1 button.reset{background-color: #5e6b75;margin-left: 0.2rem;}

.part2{ width:100%; overflow:hidden; padding-bottom:0.3rem;}
.part2 .list{ float:left; display:inline; width:2.88rem; margin-left:0.2rem; margin-bottom:0.2rem;}

.part3{ background:#024a82; overflow:hidden}
.part3 .p1{ padding:0 0.15rem;}
.part3 .p2{ padding:0 0.25rem; font-size:0.24rem; line-height:0.36rem; padding-top:0.2rem; color:#fff}
.part3 .btn1{ padding:0.3rem 0; text-align:center }
.part3 .btn1 a{ display:inline-block; padding:0 0.3rem; height:0.58rem; line-height:0.58rem; border-radius:0.58rem; background:#ff6600; color:#fff; font-size:0.24rem;}

.p4_list{ margin:0 auto; width:6.2rem;background-color: #2b7ab8;font-size: 0.24rem;color: #fff;}
.p4_list .tu{width: 2.94rem;}
.p41 .txt{ width:3.26rem; height:3.35rem; position:relative; display:inline;}
.p42 .txt{ width:3.26rem; height:3.38rem; position:relative; display:inline;}
.p43 .txt{ width:3.26rem; height:4.11rem; position:relative; display:inline;}

.p4box{ position:absolute; width:100%; box-sizing:border-box; padding-left:0.2rem;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.p42t1{ font-size:0.24rem; color:#9bf5fb; line-height:0.24rem; padding-bottom:0.05rem;}
.p42t2{ font-size:0.2rem; color:#fff; line-height:0.24rem; padding-bottom:0.05rem;}

.p4_list p{line-height: 0.38rem;margin-bottom: 0.08rem;font-size: 0.18rem;}
.p4_list1 p{font-size: 0.24rem;}
.p4_list p span{color: #9bf5fb;font-size: 0.24rem;}
.p4_list a{display: block;color: #fff;background-color: #f89201;text-align: center;padding: 0.1rem 0;margin-top: 0.1rem;width:2.9rem;font-size: 0.20rem;
    -webkit-border-radius: 0.05rem;
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem;
}
.color_w {
    color: #fff;
}
.p41{ background:#1a6dae; padding-bottom:0.3rem;}
.p42{ background:#024a82; padding-bottom:0.3rem;}
.p43{ background:#1a6dae; padding-bottom:0.3rem;}
.p4txt{ padding:0 0.2rem 0.2rem 0.2rem; color:#fff; font-size:0.24rem; line-height:0.38rem;}
.p4_list{background-color: #009999;}

.p4tt{ padding:0.2rem 0 0.2rem 0.1rem; font-size:0}
.p4tt .shu{ display:inline-block; vertical-align:top; height:0.45rem; line-height:0.45rem; background:#fff; border-radius:50%;text-align:center; width:0.45rem; border-radius:50%; color:#ff9900; font-size:0.36rem;}
.p4tt .s1{display:inline-block;height:0.45rem; line-height:0.45rem; font-size:0.36rem; color:#ffff99; margin-left:0.1rem;}
.p4tt .s2{display:inline-block;height:0.45rem; line-height:0.45rem; font-size:0.24rem; color:#fff;}

.part5{ background:#e7e4e4; overflow:hidden; padding:0.3rem 0 0.1rem 0}
.part5 ul li{ float:left;width: 1.88rem;padding: 0.06rem;background-color: #003366;font-size: 0.22rem;margin: 0 0 0.2rem 0.1rem;
    -webkit-border-radius: 0.05rem;
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem;
}
.part5 ul li p{height: 1.12rem;padding-top: 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.part5 ul li:nth-of-type(2n) p{padding-top: 0.24rem;}
.part5 ul li a{display: block;width: 1.72rem;margin: 0 auto;background-color: #1393f8;color: #fff;padding: 0.06rem 0;
    -webkit-border-radius: 0.05rem;
    -moz-border-radius: 0.05rem;
    border-radius: 0.05rem;
}
.part5 ul li a.jiage{background-color: #f89201;}
.part5 ul li a.jiage:after{content: '';display: inline-block;border-left: 0.1rem solid #fff;border-top: 0.08rem dashed transparent;border-bottom: 0.08rem dashed transparent;vertical-align: middle;margin-left: 0.08rem;}

.pr {
    position: relative;
}

.part6 .til{font-size: 0.44rem;}
.part6 .txt {position: absolute;width: 3.56rem;right: 0.1rem;top: 0.66rem;color: #333;}
.part6 .txt h4{font-size: 0.36rem;font-weight: bold;}
.part6 .txt p{font-size: 0.22rem;line-height: 1.6;margin-bottom: 0.18rem;}
.part6 .txt p span{display: inline-block;color: #fff;background-color: #2b7ab8;padding: 0 0.1rem;}
.part6 .txt .btn a{background-color: #f89201;color: #fff; font-size:0.24rem;font-weight: normal;}
.part6 .page3{position: absolute;left: 0;bottom: 0.1rem;width: 100%;z-index: 6;}
.part6 .btn2 a{  border-radius: 100px;background-color: #d8912d;font-weight: bold;color: #982904;padding:0.14rem 0.2rem;}
.part6 .btn2 a span{color: #fff;font-weight: normal;}

.part7{ background:#1a6dae; overflow:hidden; padding:0.3rem 0}
.mswiperw{ padding:0 0.1rem}

.part8{ background:#003366; overflow:hidden; padding:0.3rem 0}
.part8 dl{ padding:0.1rem;}
.part8 dt{font-size: 0.3rem;color: #fff;padding: 0.2rem 0;}
.part8 dd{float: left;margin-right: 0.08rem;width: 2.01rem;}
.part8 dd:last-of-type{margin-right: 0;}

@media all and (max-width: 480px) {

}
@media all and (max-width: 414px) {

}
@media all and (max-width: 375px) {
  
}
@media all and (max-width: 320px) {

}