@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-size:16px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑"; overflow-x:hidden; background: #fff;}
div,ul,li,p,form,h1,h2,h3,h4,h5,h6,dt,dd,dl{padding:0;margin:0; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑";}
a{ text-decoration:none; color:#000;}
img{border:none; vertical-align: middle; max-width: 100%; height: auto;display: block;margin: 0 auto;}
ul,li{list-style:none;}
*{padding:0;margin:0;}
table{border-collapse:collapse;}

@keyframes heart{
    0%{transform:translate(0,0)}
    25%{transform:translate(0,4px)}
    50%{transform:translate(0,0)}
    75%{transform:translate(0,-4px)}
    100%{transform:translate(0,0)}
}
@keyframes bubble{
    0%{transform:translate(0,0);}
    50%{transform:translate(0,6px);}
    100%{transform:translate(0,0);}
}


.clearfix:before,.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden;}
.clearfix{zoom:1}




/*banner*/
.ban {width: 100%; height: 960px; background: url(../images/ban_001.jpg) center no-repeat,#162027; background-size: auto 100%; position: relative; z-index: 0; overflow: hidden;}
.nav {width: 1600px;margin: 0 auto;}
.nav_logo {width: 155px;float: left;margin: 35px 0 0;}
.nav_m {width: 1120px;float: left;margin: 20px 0 0 30px;text-align: center;}
.nav_m a {display: block;width: 140px;float: left;margin: 0 10px;font-size: 18px;color: #fff;line-height: 48px;}
.nav_m a::after {content: "";display: block;width: 0;height: 4px;background: #1db5c7;margin: 0 auto;transition: .3s;}
.nav_m a:hover::after {width: 48px;transition: .3s;}
.nav_p {width: 210px;float: right;margin: 20px 0 0;font-size: 22px;color: #fff;line-height: 48px;font-weight: bold;}
.nav_p img {display: inline-block;width: 24px;vertical-align: top;margin: 12px 8px 0 0;}
.bofang{width:94px;margin:520px auto auto auto;}

.video-playing {
    display: none;
    position: absolute;
    width: 720px;
    height: 408px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
}

.video-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 101;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    transition: all 1s;
    line-height: 1;
    cursor: pointer;
}
 .tips {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.tips p {
    margin-top: 12px;
    font-size: 16px;
    color: #fff;
    animation: heart 2s infinite linear;
    -webkit-animation: heart 2s infinite linear;
}

.public {width: 100%;margin: 0 auto;padding: 40px 0;}
.pub_cen {width: 100%;margin: 0 auto;max-width: 1600px;}
.pub_tit {width: 100%;margin: 0 auto;text-align: center;}
.pub_titp {width: 100%;margin: 0 auto;font-size: 36px;color: #191919;line-height: 60px;}
.pub_titp2 {width: 100%;margin: 0 auto;font-size: 16px;color: #555;line-height: 40px;}
.main {width: 100%;margin: 40px auto 0;}

.one {background: url(../images/one_bg.jpg) center no-repeat;}
.one_m {width: 100%;margin: 0 auto;background: url(../images/one_005.png) center top no-repeat;}
.one_li {width: 280px;float: left;margin: 70px 0 0 270px;position: relative;}
.one_limg {width: 60px;height: 60px;background: #1db5c7;border-radius: 50%;position: absolute;top: 0;left: -92px;overflow: hidden;-moz-box-shadow: 0 0 10px rgba(18, 69, 75, .6);-webkit-box-shadow: 0 0 10px rgba(18, 69, 75, .6);box-shadow: 0 0 10px rgba(18, 69, 75, .6);}
.one_limg img {width: 100%;margin: 0 auto;}
.one_lip {width: 100%;margin: 0 auto;font-size: 24px;color: #191919;line-height: 40px;}
.one_lit {width: 100%;margin: 10px auto 0;}
.one_lip2 {width: 100%;margin: 0 auto;font-size: 16px;color: #333;line-height: 34px;}
.one_lip2::before {content: "";width: 6px;height: 6px;background: #1db5c7;vertical-align: top;margin: 14px 10px 0 0;display: inline-block;}
.one_lip3 {width: 100%;margin: 0 auto;font-size: 16px;color: #333;line-height: 34px;}
.one_li2 {margin: 70px 0 0 580px;}
.one_li2 .one_limg {left: auto;right: 24px;}
.one_li3 {margin: 56px 0 0 270px;}
.one_li4 {margin: -51px 0 0 580px;}
.one_li4 .one_limg {left: auto;right: -60px;}

.two {background: url(../images/two_bg.jpg) center no-repeat,#f0f6fa;}
.two_m {width: 100%;margin: 0 auto;position: relative;}
.two_m .hd {width: 1080px;margin: 0 auto;}
.two_m .hd ul li {width: 180px;float: left;margin: 0;text-align: center;font-size: 20px;color: #191919;line-height: 56px;cursor: pointer;}
.two_m .hd ul li::after {content: "";display: block;width: 0;height: 3px;background: #1db5c7;margin: 0 auto;}
.two_m .hd ul li.on {color: #1db5c7;}
.two_m .hd ul li.on::after {width: 120px;}
.two_m .bd {width: 100%;margin: 0 auto;z-index: 1;}
.two_in {width: 1100px;margin: 0 auto;position: relative;zoom: 1;padding: 20px 0 0;}
.two_m .bd .two_in ul li {width: 1100px;margin: 0 auto;}
.two_t {width: 100%;margin: 0 auto;position: relative;border-radius: 10px;overflow: hidden;}
.two_timg {width: 100%;margin: 0 auto;}
.two_timg img {width: 100%;height: auto;margin: 0 auto;}
.two_txt {width: 100%;height: 100%;background: rgba(3, 65, 72, .6);position: absolute;left: 0;top: 0;}
.two_tp {width: 980px;margin: 0 auto;padding: 74px 0 0;font-size: 36px;color: #fff;line-height: 60px;}
.two_tp2 {width: 650px;margin: 10px 0 0 60px;font-size: 16px;color: #fff;line-height: 32px;}
.two_m .two_in .sPrev,.two_m .two_in .sNext {display: block;width: 80px;height: 80px;background: #fff;text-align: center;border-radius: 50%;font-size: 36px;color: #666;line-height: 80px;position: absolute;left: -210px;top: 240px;cursor: pointer;z-index: 2;font-family: "宋体";-moz-box-shadow: 0 0 10px rgba(29, 181, 199, .3);-webkit-box-shadow: 0 0 10px rgba(29, 181, 199, .3);box-shadow: 0 0 10px rgba(29, 181, 199, .3);}
.two_m .two_in .sNext {left: auto;right: -210px;}
.two_m .two_in .sPrev:hover,.two_m .two_in .sNext:hover {background: #1db5c7;color: #fff;}

.three {background: #fff;padding-bottom: 0;}
.three_p {width: 80%;margin: 0 auto;text-indent: 2em;font-size: 18px;color: #333;line-height: 42px;position: relative;z-index: 1;}
.three_img {width: 1171px;margin: -106px auto 0;z-index: 0;}

.four {background: #26393b;}
.four .pub_cen .pub_tit .pub_titp,.four .pub_cen .pub_tit .pub_titp2 {color: #fff;}
.four_m {width: 1600px;margin: 0 auto;position: relative;}
.four_m ul li {width: 220px;height: 400px;float: left;margin: 0;position: relative;overflow: hidden;}
.four_m ul li .four_mimg img {max-width: initial;width: 500px;height: 400px;}
.four_m ul li.four_mli {width: 500px;}
.four_mt {width: 100%;padding: 150px 0 0;position: absolute;top: 0;left: 0;text-align: center;transition: .3s;}
.four_mtimg {width: 48px;margin: 0 auto;}
.four_mtp {width: 100%;margin: 20px auto 0;font-size: 20px;color: #fff;line-height: 36px;}
.four_mtp span {width: 0px;height: 3px;background: #1db5c7;margin: 10px auto 0;display: block;transition: .3s;}
.four_mtp2 {width: 100%;margin: 20px auto 0;font-size: 16px;color: #fff;line-height: 30px;opacity: 0;transition: .3s;}
.four_m ul li.now .four_mt .four_mtp span {width: 50px;}
.four_m ul li.now .four_mt .four_mtp2 {opacity: 1;}

.five {background: url(../images/five_bg.jpg) center no-repeat,#f0f6fa;}
.five_li {width: 420px;height: 330px;background: #fff;float: left;margin: 0;}
.five_lit {width: 380px;padding: 26px 20px;background: url(../images/five_001.jpg) center no-repeat;background-size: 100% 100%;}
.five_lip {width: 100%;margin: 0 auto;font-size: 24px;color: #fff;line-height: 40px;}
.five_lip img {display: inline-block;width: 30px;height: 30px;vertical-align: top;margin: 5px 10px 0 0;}
.five_lip2 {width: 100%;margin: 0 auto;font-size: 16px;color: #fff;line-height: 34px;}
.five_lib {width: 380px;margin: 20px auto 0;}
.five_lip3 {width: 100%;margin: 0 auto;font-size: 16px;color: #333;line-height: 34px;}
.five_lip3::before {content: "";display: inline-block;width: 6px;height: 6px;background: #1db5c7;vertical-align: top;margin: 14px 15px 0 0;border-radius: 50%;}
.five_li2 .five_lit {background: url(../images/five_002.jpg) center no-repeat;background-size: 100% 100%;}
.five_li3 .five_lit {background: url(../images/five_003.jpg) center no-repeat;background-size: 100% 100%;}
.five_li4 {width: 52px;float: left;margin: 152.5px 59px 0;}

.six {padding: 60px 0;}
.six_l {width: 800px;float: left;margin: 0;}
.six_l .pub_tit .pub_titp {text-align: left;background: url(../images/six_001.png) left top no-repeat;padding-top: 3px;}
.six_l .pub_tit .pub_titp2 {text-align: left;font-size: 36px;color: #01929c;}
.six_lt {width: 100%;margin: 30px auto 0;font-size: 16px;color: #333;line-height: 32px;}
.six_r {width: 600px;float: right;margin: 0;}

.seven {background: url(../images/seven_bg.jpg) center no-repeat,#f0f6fa} /*,;*/
.seven_l {width: 500px;float: left;margin: 0;z-index: 0;}
.seven_lp {width: 100%;margin: 0 auto;font-size: 36px;color: #333;line-height: 60px;}
.seven_lp2 {width: 100%;margin: 20px auto 0;font-size: 16px;color: #333;line-height: 32px;}
.seven_r {width: 1000px;float: right;margin: 0;position: relative;}
.seven_r .bd ul {zoom: 1;}
.seven_r .bd ul li {width: 220px;float: left;margin: 0 15px;-moz-box-shadow: 0 0 10px rgba(50, 150, 161, .15);-webkit-box-shadow: 0 0 10px rgba(50, 150, 161, .15);box-shadow: 0 0 10px rgba(50, 150, 161, .15);}
.seven_r .next,.seven_r .prev {display: block;width: 60px;height: 60px;background: #eef4f8;border: 1px solid #ddd;text-align: center;font-size: 30px;color: #666;line-height: 60px;font-family: "宋体";cursor: pointer;z-index: 2;position: absolute;left: -510px;top: 200px;}
.seven_r .prev {left: -590px;}
.seven_r .next:hover,.seven_r .prev:hover {background: #47c2d1;color: #fff;border: 1px solid #198692;}

.eight_l {width: 450px;float: left;margin: 0;}
.eight_lt {width: 100%;margin: 0 auto;}
.eight_ltp {width: 100%;margin: 0 auto;background: url(../images/eight_001.png) left top no-repeat;font-size: 20px;color: #191919;line-height: 36px;font-weight: bold;}
.eight_ltp2 {width: 100%;margin: 0 auto;font-size: 14px;color: #999;line-height: 30px;}
.eight_ltm {width: 418px;padding: 12px 16px;margin: 10px auto 0;background: #fafafa;}
.eight_limg {width: 96px;float: left;margin: 0;}
.eight_ltmr {width: 290px;float: right;margin: 18px 0 0;}
.eight_ltmrp {width: 100%;margin: 0 auto;font-size: 16px;color: #333;line-height: 30px;font-weight: bold;}
.eight_ltmrp2 {width: 100%;margin: 0 auto;font-size: 14px;color: #777;line-height: 30px;}
.eight_c {width: 420px;padding: 24px 50px;height: 278px;background: #f8f8f8;float: left;margin: 0 0 0 55px;}
.eight_c .eight_lt .eight_ltp {background: url(../images/eight_004.png) left top no-repeat;}
.eight_ct {width: 100%;margin: 10px auto 0;}
.eight_ctp {width: 100%;margin: 0 auto;font-size: 16px;color: #333;line-height: 30px;padding: 8px 0;}
.eight_r .eight_lt .eight_ltp {background: url(../images/eight_005.png) left top no-repeat;}
.eight_rm {width: 420px;margin: 10px auto 0;}
.eight_rm li {width: 420px;margin: 0 auto;padding: 4px 0;}
.eight_rm li input {width: 390px;height: 42px;padding: 0 14px;background: #fff;border: 1px solid #e0e0e0;outline: none;font-size: 14px;color: #999;line-height: 42px;margin: 0 auto;border-radius: 2px;display: block;}
.eight_rm li textarea {width: 390px;height: 52px;padding: 5px 14px;background: #fff;border: 1px solid #e0e0e0;outline: none;font-size: 14px;color: #999;line-height: 24px;margin: 0 auto;border-radius: 2px;}
.eight_rm li.eight_rli input {width: 420px;border: none;background: #1db5c7;color: #fff;cursor: pointer;}

.nine {width: 100%;margin: 0 auto;border-top: 1px solid #e7e7e7;font-size: 14px;color: #888c90;line-height: 50px;text-align: center;}