@charset "utf-8";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {margin: 0; padding: 0; } 
fieldset, img {border: none; }
img{vertical-align:top}
ul,ol,li {list-style: none; }
input {padding-top: 0; padding-bottom: 0; font-family: "SimSun", "宋体"; }
select, input {vertical-align: middle; }
select, input, textarea { margin: 0; }
textarea {resize: none; }
body {font: 21px '微软雅黑';color: #000; }
i,em{font-style: normal;}
a {text-decoration: none; }
.clearfuck{ clear: both}
.fl{ float:left;}
.fr{ float:right;}
.pa{ position: absolute}

.bg_b{ background: #041e45}

.vem{ vertical-align: middle}
.tc{ text-align: center}
.pr{ position: relative}
.ov{ overflow: hidden}
.mr0{ margin-right: 0 !important;}
.patb30{ padding: 30px 0}
.patb40{ padding: 40px 0}
.pat30{ padding-top: 30px}
.mb30{ margin-bottom: 30px}

.line35{ line-height: 35px}
.line30{ line-height: 30px}

.fz22{ font-size: 22px}
.fz28{ font-size: 28px !important;}
.fz31{ font-size: 31px !important;}
.fz39{ font-size: 39px}

.col_w{ color: #fff}

.wrap{  max-width: 1680px;  min-width: 1200px;  margin:0 auto;}

.wi{ width:1200px}
.auto{ margin: 0 auto}

.btn a{ display: inline-block; padding: 0 40px;font-size: 30px; color: #fff; line-height: 72px;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    background: #f57452;
    animation: bounce 2s infinite;  -webkit-animation: bounce 2s infinite;  border-radius: 10px
}
.bt{line-height: 80px !important;border-radius: 20px !important;box-shadow: 0px 3px 0px 0px #a86402; font-size: 30px !important}

.banner img{ width: 100%}
.banner a{ display: block; width: 281px; height: 70px;position: absolute;  left: 50%; top:50%; margin-left: -28.4%; margin-top: 7.2% }

.p1{ background: url("../images/p1-bg.jpg") no-repeat top center; position: relative; height: 1480px}
.p1 .p1-1{ height: 823px}
.p1 .text{ width: 794px; height: 106px; background: url("../images/p1-bg.png") no-repeat center; margin: 35px auto; padding: 40px 60px;
    -moz-box-shadow:1px 1px 15px #3fadb8; -webkit-box-shadow:1px 1px 15px #3fadb8; box-shadow:1px 1px 15px #3fadb8;
    border-radius: 100px;  }
.p1 dl{ width: 870px; margin: 0 auto; position: relative; z-index: 1}
.p1 dl dt{ -moz-box-shadow:1px 1px 15px #ccc; -webkit-box-shadow:1px 1px 15px #ccc; box-shadow:1px 1px 15px #ccc; margin-right: 70px}
.p1 dl dt:before{ content: ""; display: block; width: 166px; height: 166px; background: url("../images/p1-ioc.png") no-repeat; position: absolute; left: -45px; top:-26px }
.p1 dl dd{ padding-top:28px}
.p1 .p1-2{ background: #363d44; overflow: hidden; position: absolute; top:823px; width: 100%; padding: 100px 0 80px;text-align: center}
.p1 .p1-2 ul li{ width: 520px; height: 130px; display: inline-block; background: #1f252a; position: relative; border-radius: 100px; padding: 10px; color: #fff; margin: 10px 0}
.p1 .p1-2 ul li i{ width: 126px; height: 126px; border-radius: 50%; text-align: center; float: left }
.p1 .p1-2 ul li:nth-child(1) i{ background: url("../images/p1-fz1.png") no-repeat center #a5e8f1;}
.p1 .p1-2 ul li:nth-child(2) i{ background: url("../images/p1-fz2.png") no-repeat center #a5e8f1;}
.p1 .p1-2 ul li:nth-child(3) i{ background: url("../images/p1-fz3.png") no-repeat center #a5e8f1;}
.p1 .p1-2 ul li:nth-child(4) i{ background: url("../images/p1-fz4.png") no-repeat center #a5e8f1;}
.p1 .p1-2 ul li p{ width: 320px; float: right; padding: 20px 30px; line-height: 35px}
.p1 .p1-2 ul li:before{ content: ""; display: block;width:0;
    height:0; position: absolute; left: 150px; top:70px;
    border-top:10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ccc;}

.p2 .p2_ladyScroll{width:1200px;margin:0 auto;position:relative; height: 688px; overflow: hidden}
.p2 .p2_ladyScroll .prev,.p2 .p2_ladyScroll .next{width:66px;height:106px;position:absolute;top:300px;z-index:100; cursor:pointer; background:url(../images/prev.png) no-repeat center rgba(0,0,0,0.7);}
.p2 .p2_ladyScroll .prev{left:60px;}
.p2 .p2_ladyScroll .next{background:url(../images/next.png) no-repeat center rgba(0,0,0,0.7);right: 50px}
.p2 .p2_ladyScroll li{text-align:center;position:relative;}
.p2 .p2_ladyScroll li .db{background: url("../images/p2-bg.jpg") repeat;width:1000px; margin: 0 auto}
.p2 .p2_ladyScroll li h3{ font-size: 40px; font-weight: normal; padding: 45px 0}
.p2 .p2_ladyScroll li p{ width: 662px; margin: 0 auto; background: #fff; line-height: 42px; font-size: 25px; color: #000}
.p2 .p2_ladyScroll li .text{ padding: 35px 0; line-height: 35px}
.p2 .p2_ladyScroll li .db3 img{ width: 662px}

.p3_ladyScroll{ width: 100%; padding: 0 0 60px; position: relative}
.p3_ladyScroll img{ width: 100%;-moz-box-shadow:1px 1px 15px #ccc; -webkit-box-shadow:1px 1px 15px #ccc; box-shadow:1px 1px 15px #ccc}
.p3_ladyScroll li div{ padding: 20px 30px}

.p4 .con{ background: url("../images/p4-bg.jpg") no-repeat top center; }
.p4 .con .p4_ladyScroll .swiper-slide{ position: relative; padding-top:30px}
.p4 .con .p4_ladyScroll .swiper-slide:before{ content: ""; display: block; width:69px; height:67px; background: url("../images/zan.png") no-repeat; position: absolute; left:250px; top:0; z-index: 2}
.p4 .con .p4_ladyScroll{ padding: 50px 0}
.p4 .pagination,.p3 .pagination,.p7 .pagination {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom:0;
    width: 100%;
    z-index: 9;
}
.p4 .swiper-pagination-switch,.p3 .swiper-pagination-switch,.p7 .swiper-pagination-switch  {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #fff;
    margin: 0 3px;
    cursor: pointer;
}
.p3 .swiper-pagination-switch,.p7 .swiper-pagination-switch{ background: #ccc}
.p4 .swiper-active-switch,.p3 .swiper-active-switch,.p7 .swiper-active-switch {
    background: #3fcdef;
}



.p5 .con{ background: url("../images/p5-jq.jpg") no-repeat top center; height: 800px; text-align: center;position: relative}
.p5 .con ul li{ width: 200px; height: 180px; color: #363d44; padding: 40px 30px; border: 2px dotted #3fcdef; border-radius: 50%; position: absolute; line-height: 30px }
.p5 .con ul li b{ font-size: 35px; margin-bottom: 10px; display: block}
.p5 .con ul li p{ font-size: 20px}
.p5 .con ul li:nth-child(1){ left: 27px; top:105px}
.p5 .con ul li:nth-child(2){ left: 27px; top:400px; padding: 60px 30px; height: 140px}
.p5 .con ul li:nth-child(3){ left: 507px; top:-30px; padding: 60px 30px; height: 140px}
.p5 .con ul li:nth-child(4){ right: 27px; top:105px}
.p5 .con ul li:nth-child(5){ right: 27px; top:400px}
.p5 .con .btn{ position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 40px}

.p6 .con{ margin: 50px auto 20px}
.p6 .con:before{ content: ""; display: block; width: 106px; height: 106px;
    background: url("../images/vs.png") no-repeat; position: absolute; left: 680px; top:-10px}
.p6 .con img{ margin-bottom: 2px}

.p7_txt b{ color: #013f79}

.p7 .p7_ladyScroll li{ padding: 80px 0 0}
.p7 .p7_ladyScroll li .txt{width: 685px;height: 486px;background-color:#013f79; }
.p7 .p7_ladyScroll li .txt dl{padding: 42px 0 36px 102px;}
.p7 .p7_ladyScroll li .txt dt{font-size: 24px;padding-bottom: 10px;}
.p7 .p7_ladyScroll li .txt dt span{font-size: 48px;display: inline-block;font-weight: bold;margin-right: 20px;}
.p7 .p7_ladyScroll li .txt dd{font-size: 22px;line-height: 1.6;}
.p7 .p7_ladyScroll li .txt ol li{display: inline-block;padding: 0 !important;}
.p7 .p7_ladyScroll li .tu ol{position: absolute;right: -33px;top: 90px;z-index: 999;}
.p7 .p7_ladyScroll li .tu ol li{width:54px;height: 12px; background: url("../images/p5_fan.png") no-repeat;margin-bottom: 30px; }

.p5_play {
    right: 30px;
    top: -80px;
}

.p8 {  background: url("../images/p7_bg.jpg") no-repeat center top;  padding-bottom: 50px;  }

.p8 ol a{font-size: 30px;width: 250px;height: 90px;line-height: 90px;background-color: #a6d4ff;display: block;margin: 0;border: 0 none;position: relative;overflow: inherit; color: #000}
.p8 ol a:before{content: '';position: absolute;border-left: 20px solid #ec6941;border-top: 14px dashed transparent;border-bottom: 14px dashed transparent;right: -16px;top: 28px;display: none;}
.p8 ol a.active{background-color: #ec6941;color: #fff;}
.p8 ol a.active:before{display: block;}
.p8 ol a:not(:last-of-type){margin-bottom: 28px;}
.p8 .sp8{ width: 927px}
.p8 .sp8 li {position: relative;}
.p8 .sp8 li p{font-size: 18px;left: 0;width: 478px;top: 262px;line-height: 1.6; position: absolute}

.p9 ul{ width: 1000px; font-size: 30px}
.p9 ul li{ width: 218px; height: 78px; background: #20cbd4; border-radius: 50%; text-align: center; display: inline-block;
    margin-right: 86px; margin-bottom: 40px; padding: 70px 0}
.p9 ul li:nth-child(3n){ margin-right: 0}
.p9 ul li a{ color: #fff}
.p9 ul li:nth-child(2){background: #008bac}
.p9 ul li:nth-child(3){background: #0099a9}
.p9 ul li:nth-child(4){background: #008bac}
.p9 ul li:nth-child(5){background: #20cbd4}
.p9 ul li:nth-child(6){background: #f57452}

.p10 .btn a{ background: none; border: 2px solid #fff}
.p10 .btn a:nth-child(1){ margin-right: 30px}
.p10 .btn a i{ display: inline-block; width: 37px; height: 40px; background: url("../images/tel.png") no-repeat center; vertical-align: middle; margin-right: 10px}
.p10 .btn a:nth-child(2) i{background: url("../images/zx.png") no-repeat center}

.p11 ul li{ display: inline-block; margin-right: 44px; line-height: 35px}
.p11 ul li a{ color: #000}