/* CSS Document */
a, b, body, dd, div, dl, dt, em, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, i, img, input, label, li, nav, object, ol, p, section, select, span, strong, table, tbody, td, th, tr, tt, ul{margin: 0;padding: 0;border: 0; font-weight:normal;}

html{}

body {
    font-family: "微软雅黑", Arial;
    box-sizing: border-box;
    background: #f6f6f6;
}
ul, ol, li, dl { list-style: none;}

a {
    text-decoration: none;
    margin: 0;
    color: #666;
}
input, select, textarea { -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}

.nav {
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    background: #00050a;
    padding: 0 20px;
    position: fixed;
    top: 0;
    z-index: 1000;
}
.nav_main{ max-width:1200px; height:100px; margin:0 auto;}
.nav .logo{ height:100px; float:left;}

.nav .logo a {
    width: 300px;
    height: 100px;
    display: block;
    background: url(../images/logo.png) no-repeat left center;
    background-size: auto 60px;
}

.nav ul {
    height: 100px;
    line-height: 100px;
    float: right;
}
.nav ul li{ float:left; line-height:100px; height:100px; margin-left:36px; font-size:18px; cursor:pointer; position:relative;}
.nav ul li a span{ float:left; color:#fff; margin-right:6px;}
.nav ul li a em{ float:left; width:9px; height:100%; display:block; background:url(../images/nav_xl01.png) no-repeat center;}
.nav ul li.nav_on a span{ color:#09c9f9;}
.nav ul li.nav_on a em{ background:url(../images/nav_xl02.png) no-repeat center;}
.nav ul li:hover a span{ color:#09c9f9;}
.nav ul li:hover a em{ background:url(../images/nav_xl02.png) no-repeat center;}

.nav ul li .nav_zk{ width:100%; height:0px; overflow:hidden;background: -webkit-linear-gradient(rgba(0,0,0,.7), rgba(21,41,50,.7)); background: -o-linear-gradient(rgba(0,0,0,.7), rgba(21,41,50,.7)); background: -moz-linear-gradient(rgba(0,0,0,.7), rgba(21,41,50,.7)); background: linear-gradient(rgba(0,0,0,.7), rgba(21,41,50,.7)); box-sizing:border-box; transition-duration:0.5s; position:fixed; top:100px; left:0; z-index:1000; padding:0 10px;}
.nav_zcd{ line-height:80px; height:80px; position:absolute; left:50%; transform:translateX(-50%);}
.nav_zcd a{ margin:0 24px; line-height:80px; height:80px; display:block; float:left; color:#fff; font-size:16px; transition-duration:0.3s;}
.nav_zcd a:hover{ color:#09c9f9;}

.nav ul li:hover .nav_zk {
    height: 82px;
    border-top: 1px solid #417085;
}

.nav ul li .nav_zk01{ width:200px; height:0px; overflow:hidden;background: -webkit-linear-gradient(rgba(0,0,0,.7), rgba(21,41,50,.7)); background: -o-linear-gradient(rgba(0,0,0,.7), rgba(21,41,50,.7)); background: -moz-linear-gradient(rgba(0,0,0,.7), rgba(21,41,50,.7)); background: linear-gradient(rgba(0,0,0,.7), rgba(21,41,50,.7)); box-sizing:border-box; transition-duration:0.5s; position:absolute; top:100px; left:50%; transform:translateX(-50%); z-index:1000; padding:0 10px;}
.nav_zcd01{ line-height:40px;}
.nav_zcd01 a{ text-align:center; line-height:40px; height:40px; display:block; color:#fff; font-size:16px; transition-duration:0.3s; display:block;}
.nav_zcd01 a:hover{ color:#09c9f9;}
.nav_zcd01_an{ border-top:1px solid #417085;}
.nav_zcd01_an a{ text-align:center; width:100%; background:#417085; border-radius:4px; box-sizing:border-box; margin:10px auto;}
.nav ul li:hover .nav_zk01{ height:301px; border-top: 1px solid #417085;}

.yemian_nr {
    width: 100%;
    margin: 100px auto 0;
    background: #f6f6f6;
}

.ny_nav {
    width: 1200px;
    margin: 0 auto;
    height: 100px;
    box-sizing: border-box;
    padding-top: 30px;
}

.ny_nav li {
    float: left;
    margin-right: 30px;
    font-size: 20px;
    color: #333;
    line-height: 70px;
}

.ny_nav li a {
    color: #333;
}

.ny_nav_shipin li a {
    color: #fff;
}

.ny_nav li.on a {
    color: #00a9f4;
}

.ny_nav li a:hover {
    color: #00a9f4;
}

.toutiao {
    width: 1200px;
    margin: 0 auto;
}

.toutiao dl {
    width: 100%;
    background: #fff;
    max-height: 150px;
    overflow: hidden;
    margin-bottom: 10px;
}

.toutiao dl dt {
    width: 210px;
    height: 150px;
    float: left;
}

.toutiao dl dt img {
    width: 100%;
    height: 100%;
    display: block;
}

.toutiao dl dd {
    padding: 20px;
    max-height: 150px;
    overflow: hidden;
}

.toutiao dl dd h2 {
    font-size: 18px;
    color: #333;
    line-height: 27px;
    margin-bottom: 10px;
}

.toutiao dl dd h2 a {
    color: #333;
}

.toutiao dl dd h2 span {
    padding: 3px 10px;
    background: #7fd4f9;
    font-size: 16px;
    margin-right: 10px;
    color: #fff;
}

.toutiao dl dd p {
    font-size: 14px;
    color: #888;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin-bottom: 10px;
    text-align: justify;
}

.toutiao dl dd h3 {
    font-size: 14px;
    color: #333;
}

.toutiao2 {
    width: 100%;
    margin: 100px auto 0;
    background: #fff;
}

.toutiao2_01 {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
    box-sizing: border-box;
    border-bottom: 4px solid #00a9f4;
}

.toutiao2_01_l {
    float: left;
    width: 610px;
    height: 430px;
    box-sizing: border-box;
    margin-right: 30px;
    position: relative;
}

.toutiao2_qh {
    width: 38px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 200;
}

.toutiao2_qh a {
    width: 38px;
    height: 50px;
    display: block;
}

.toutiao2_qh_l {
    left: 0;
}

.toutiao2_qh_l a {
    background: url(../images/hd_l.png) no-repeat center;
}

.toutiao2_qh_r {
    right: 0;
}

.toutiao2_qh_r a {
    background: url(../images/hd_r.png) no-repeat center;
}

.toutiao2_01_l dl {
    float: left;
    width: 610px;
    height: 430px;
    position: relative;
    z-index: 100;
}

.toutiao2_01_l dl dt {
    width: 610px;
    height: 430px;
}

.toutiao2_01_l dl dt img {
    width: 100%;
    height: 100%;
}

.toutiao2_01_l dl dd {
    width: 610px;
    height: 60px;
    background: url(../images/hd_tbg.png) repeat-x;
    line-height: 60px;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 18px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.toutiao2_01_l dl dd a {
    color: #fff;
}

.toutiao2_01_r {
    float: right;
    width: 560px;
    height: 430px;
    box-sizing: border-box;
}

.toutiao2_01_bt {
    width: 100%;
    height: 43px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
}

.toutiao2_01_bt h2 {
    font-size: 24px;
    color: #00a9f4;
    float: left;
    line-height: 26px;
    padding-bottom: 14px;
    box-sizing: border-box;
    border-bottom: 3px solid #00a9f4;
}

.toutiao2_01_r ul {
    width: 100%;
}

.toutiao2_01_r ul li {
    width: 100%;
    height: 96px;
    box-sizing: border-box;
    padding-top: 22px;
}

.toutiao2_01_r ul li a {
    color: #333;
}

.toutiao2_01_r ul li a h2 {
    color: #333;
    font-size: 18px;
    margin-bottom: 8px;
}

.toutiao2_01_r ul li a p {
    height: 40px;
    overflow: hidden;
    color: #888;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
}

.toutiao2_01_r ul li:hover a h2 {
    color: #00a9f4;
}

.ny_nav2 {
    width: 1200px;
    margin: 0 auto;
    height: 87px;
    box-sizing: border-box;
    padding-top: 17px;
}

.ny_nav2 li {
    float: left;
    margin-right: 30px;
    font-size: 21px;
    color: #333;
    line-height: 70px;
}

.ny_nav2 li a {
    color: #333;
}

.ny_nav2 li.on a {
    color: #00a9f4;
}

.ny_nav2 li a:hover {
    color: #00a9f4;
}

.toutiao2_nr {
    width: 1200px;
    margin: 0 auto;
}

.toutiao2_nr dl {
    width: 285px;
    float: left;
    background: #fff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .08);
    margin: 0 20px 20px 0;
}

.toutiao2_nr dl:nth-child(4n) {
    margin-right: 0;
}

.toutiao2_nr dl dt {
    width: 285px;
    height: 200px;
    overflow: hidden;
}

.toutiao2_nr dl dt img {
    width: 100%;
    height: 100%;
    transition-duration: .5s;
}

.toutiao2_nr dl:hover dt img {
    transform: scale(1.1, 1.1);
}

.toutiao2_nr dl dd {
    width: 100%;
    box-sizing: border-box;
    padding: 14px;
}

.toutiao2_nr dl dd h2 {
    font-size: 18px;
    color: #333;
    line-height: 26px;
    margin-bottom: 10px;
}

.toutiao2_nr dl dd h2 a {
    color: #333;
}

.toutiao2_nr dl dd h2 a:hover {
    color: #00a9f4;
}

.toutiao2_nr dl dd p {
    font-size: 14px;
    color: #333;
    line-height: 26px;
}

.toutiao2_nr dl dd p span {
    float: left;
}

.toutiao2_nr dl dd p a {
    font-size: 16px;
    color: #fff;
    width: 54px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    display: block;
    background: rgba(0, 169, 244, .6);
    float: right;
}

.toutiao_x {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}

.toutiao_x_l {
    width: 880px;
    float: left;
    margin-right: 30px;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
}

.toutiao_x_bt {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.toutiao_x_bt h2 {
    width: 100%;
    line-height: 40px;
    color: #333;
    font-size: 21px;
    margin-bottom: 10px;
}

.toutiao_x_bt p {
    width: 100%;
    font-size: 14px;
    color: #999;
}

.toutiao_x_bt p span {
    margin-right: 20px;
}

.toutiao_x_nr {
    width: 100%;
    padding-top: 20px;
    color: #555;
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
}

.toutiao_x_r {
    width: 290px;
    float: right;
    box-sizing: border-box;
    padding: 20px;
    background: #fff;
}

.toutiao_x_r h3 {
    width: 100%;
    font-size: 21px;
    color: #333;
    line-height: 30px;
}

.toutiao_x_r h3 span {
    float: right;
    line-height: 30px;
    font-size: 16px;
    color: #00a9f4;
    cursor: pointer;
}

.toutiao_x_xq {
    width: 100%;
}

.toutiao_x_xq dl {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.toutiao_x_xq dl:last-child {
    border: 0;
    padding-bottom: 0;
}

.toutiao_x_xq dl dt {
    width: 250px;
    height: 178px;
    margin-bottom: 10px;
    overflow: hidden;
}

.toutiao_x_xq dl dt img {
    width: 100%;
    height: 100%;
    transition-duration: .5s;
}

.toutiao_x_xq dl dd {
    width: 100%;
    line-height: 28px;
    font-size: 16px;
    color: #333;
}

.toutiao_x_xq dl dd a {
    color: #333;
}

.toutiao_x_xq dl dd a:hover {
    color: #00a9f4;
}

.toutiao_x_xq dl:hover dt img {
    transform: scale(1.1, 1.1);
}


.jzgd {
    width: 100%;
    height: 50px;
    clear: both;
    line-height: 50px;
    background: #fff;
    color: #666;
    font-size: 18px;
    text-align: center;
}

/*.shipin{ width:1200px; margin:0 auto;}
.shipin ul{ width:100%;}
.shipin ul li{ width:380px; height:270px; float:left; margin-right:30px; position:relative; box-sizing:border-box; margin-bottom:30px;}
.shipin ul li:nth-child(3n){ margin-right:0;}
.shipin ul li img{ width:100%; height:100%; display:block;}
.shipin ul li p{ width:100%; height:60px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.85)); background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.85)); background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.85)); background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.85)); position:absolute; bottom:0; left:0; font-size:18px; color:#fff; line-height:40px; box-sizing:border-box; padding:15px 10px 0;}
.shipin_fc{ width:100%; height:100%; position:absolute; top:0; left:0; box-sizing:border-box; transition-duration:.3s;}
.shipin ul li .shipin_fc a img{ width:58px; height:58px; position:absolute; top:50%; left:50%; margin-top:-29px; margin-left:-29px; opacity:0; cursor:pointer;}
.shipin ul li:hover p{ display:none;}
.shipin ul li:hover .shipin_fc{ border-top:135px solid rgba(0,0,0,.56); border-left:170px solid rgba(0,0,0,.56); border-right:170px solid rgba(0,0,0,.56); border-bottom:135px solid rgba(0,0,0,.56);}
.shipin ul li:hover .shipin_fc a img{ opacity:1; transition-duration:.3s; transition-delay:.3s;}
.shipin_tc{ width:100%; height:100%; background:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:1000; display:none;}
.yemian_tcgb{ width:30px; height:30px; background:url(../images/gb.png) no-repeat center; position:absolute; top:50px; right:50px; cursor:pointer;}
.shipin_tc video{ max-width:80%; max-height:90%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
*/
.shipin_bg {
    width: 100%;
    margin: 100px auto 0;
    background: #07081c url(../images/shipin_bg.png) center;
    background-size: cover;
    box-sizing: border-box;
    padding-bottom: 140px;
    position: relative;
}

.shiping_bg2 {
    width: 100%;
    height: 383px;
    position: absolute;
    bottom: 0px;
    left: 0;
    background: url(../images/shipin_bg2.png) no-repeat bottom center;
    z-index: 50px;
}

.shipin {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    margin-top: 20px;
}

.shipin ul {
    width: 100%;
}

.shipin ul li {
    width: 380px;
    float: left;
    margin-right: 30px;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.shipin ul li:nth-child(3n) {
    margin-right: 0;
}

.shipin ul li .splb_bg {
    width: 380px;
    height: 250px;
    position: relative;
    margin-bottom: 30px;
}

.shipin ul li .splb_bg img {
    width: 100%;
    height: 100%;
    display: block;
}

.shipin ul li p {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 18px;
    color: #fff;
    box-sizing: border-box;
}

.shipin ul li .splb_bg .shipin_fc {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    transition-duration: .3s;
}

.shipin ul li .splb_bg .shipin_fc a img {
    width: 58px;
    height: 58px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -29px;
    margin-left: -29px;
    opacity: 0;
    cursor: pointer;
}

.shipin ul li:hover p {
    color: #00d6fd;
}

.shipin ul li:hover .splb_bg .shipin_fc {
    border-top: 125px solid rgba(0, 0, 0, .56);
    border-left: 170px solid rgba(0, 0, 0, .56);
    border-right: 170px solid rgba(0, 0, 0, .56);
    border-bottom: 125px solid rgba(0, 0, 0, .56);
}

.shipin ul li:hover .splb_bg .shipin_fc a img {
    opacity: 1;
    transition-duration: .3s;
    transition-delay: .3s;
}

.shipin_tc {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}

.yemian_tcgb {
    width: 30px;
    height: 30px;
    background: url(../images/gb.png) no-repeat center;
    position: absolute;
    top: 50px;
    right: 50px;
    cursor: pointer;
}


.sp_jzgd {
    width: 1200px;
    margin: 0 auto;
    clear: both;
    padding-top: 40px;
    color: #02aed1;
    font-size: 18px;
    text-align: center;
    border-top: 2px solid rgba(255, 255, 255, .1);
}

.sp_jzgd a {
    color: #02aed1;
    cursor: pointer;
}


/*科普集结号*/
.kp_main {
    width: 100%;
    margin: 100px auto 0;
    background: #fff;
}

.kp_gg {
    width: 100%;
    height: 80px;
    background: rgba(0, 169, 244, 0.1);
}

.kp_gg_nr {
    width: 1200px;
    margin: 0 auto;
}

.kp_gg_l {
    float: left;
    line-height: 80px;
}

.kp_gg_l p {
    background: url(../images/kp_gg.png) no-repeat left center;
    font-size: 22px;
    color: #333;
    padding-left: 40px;
}

.kp_gg_l p span {
    margin-left: 16px;
    color: #555;
    font-size: 20px;
}

.kp_sous {
    width: 460px;
    float: right;
    margin-top: 16px;
    position: relative;
}

.kp_txk {
    width: 460px;
    height: 48px;
    line-height: 42px;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff;
    padding: 0 110px 0 10px;
    color: #666;
    font-size: 16px;
}

.kp_ann {
    width: 100px;
    height: 48px;
    cursor: pointer;
    line-height: 42px;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    border-radius: 0 4px 4px 0;
    background: #00a9f4 url(../images/kp_sous.png) no-repeat center;
    padding: 0 10px;
    color: #999;
    font-size: 16px;
}

.kp_hdtz {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
    box-sizing: border-box;
}

.kp_hdtz_l {
    float: left;
    width: 560px;
    height: 380px;
    box-sizing: border-box;
    margin-right: 30px;
    position: relative;
}

.hd_qh {
    width: 38px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 200;
}

.hd_qh a {
    width: 38px;
    height: 50px;
    display: block;
}

.hd_l {
    left: 0;
}

.hd_l a {
    background: url(../images/hd_l.png) no-repeat center;
}

.hd_r {
    right: 0;
}

.hd_r a {
    background: url(../images/hd_r.png) no-repeat center;
}

.kp_hdtz_l dl {
    float: left;
    width: 560px;
    height: 380px;
    position: relative;
    z-index: 100;
}

.kp_hdtz_l dl dt {
    width: 560px;
    height: 380px;
}

.kp_hdtz_l dl dt img {
    width: 100%;
    height: 100%;
}

.kp_hdtz_l dl dd {
    width: 560px;
    height: 60px;
    background: url(../images/hd_tbg.png) repeat-x;
    line-height: 60px;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 18px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.kp_hdtz_l dl dd a {
    color: #fff;
}

.kp_hdtz_r {
    float: right;
    width: 610px;
    height: 380px;
    box-sizing: border-box;
}

.kp_bt {
    width: 100%;
}

.kp_bt h2 {
    font-size: 24px;
    color: #333;
    float: left;
    line-height: 27px;
    margin-bottom: 20px;
}

.kp_bt a {
    float: right;
    color: #00a9f4;
    line-height: 27px;
    font-size: 18px;
}

.kp_bt a.kp_bt_gd01 {
    line-height: 39px;
}

.kp_bt ul {
    float: right;
    margin-right: 80px;
}

.kp_bt ul li {
    float: left;
    margin-left: 10px;
    line-height: 26px;
}

.kp_bt ul li a {
    color: #333;
    padding: 6px 14px;
    border-radius: 6px;
    cursor: pointer;
}

.kp_bt ul li a.kp_bt_on {
    background: #00a9f4;
    color: #fff;
}

.kp_bt ul li a:hover {
    background: #00a9f4;
    color: #fff;
}

.kp_bt .kp_bt_dx {
    width: 85px;
    height: 3px;
    clear: both;
    background: #00a9f4;
}

.kp_hdtz_r ul {
    width: 100%;
}

.kp_hdtz_r ul li {
    width: 100%;
    height: 55px;
    box-sizing: border-box;
    line-height: 54px;
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #ccc;
}

.kp_hdtz_r ul li a {
    color: #333;
}

.kp_hdtz_r ul li a:hover {
    color: #00a9f4;
}

.kp_hdtz_r ul li span {
    float: right;
    color: #666;
    font-size: 14px;
}

.kp_rchd {
    width: 100%;
    background: #f8f8f8;
}

.kp_rchd_nr {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}

.kp_rchd_lb {
    width: 100%;
    padding-top: 30px;
}

.kp_rchd_lb li {
    width: 50%;
    float: left;
    padding-right: 50px;
    height: 50px;
    box-sizing: border-box;
    line-height: 49px;
    font-size: 18px;
    color: #333;
    border-right: 1px solid #ccc;
}

.kp_rchd_lb li:nth-child(2n) {
    padding-left: 50px;
    padding-right: 0;
    border: 0;
}

.kp_rchd_lb li div {
    border-bottom: 1px dashed #ccc;
}

.kp_rchd_lb li a {
    color: #333;
}

.kp_rchd_lb li a:hover {
    color: #00a9f4;
}

.kp_rchd_lb li span {
    float: right;
    color: #666;
    font-size: 14px;
}

.kp_xmzj {
    width: 100%;
    background: url(../images/kp_xmbg2.png) no-repeat center bottom;
}

.kp_xmzj_nr {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}

.kp_xmzj_bt {
    margin-bottom: 30px;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.kp_xmzj_bt h2 {
    font-size: 24px;
    color: #333;
    float: left;
    margin: 0 30px;
    text-align: center;
    line-height: 32px;
}

.kp_xmzj_bt span {
    height: 32px;
    width: 240px;
    float: left;
}

.kp_xmzj_bt span img {
    display: block;
}

.kp_xmzj_lb {
    width: 100%;
}

.kp_xmzj_lb li {
    width: 33.33%;
    padding: 50px 0 30px;
    box-sizing: border-box;
    float: left;
    text-align: center;
    transition-duration: .5s;
}

.kp_xmzj_lb li img {
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto 30px;
}

.kp_xmzj_lb li a {
    color: #333;
    font-size: 18px;
}

.kp_xmzj_lb li:hover a {
    text-shadow: 3px 3px 3px rgba(0, 169, 244, .4)
}

.kp_xmzj_lb li:hover {
    margin-top: -10px;
}

.kp_jdhd {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}

.kp_jdhd_bt {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
}

.kp_jdhd_bt h2 {
    font-size: 22px;
    color: #333;
    float: left;
    line-height: 27px;
    padding-bottom: 22px;
    position: relative;
    cursor: pointer;
    margin-right: 60px;
}

.kp_jdhd_bt h2 i {
    width: 85px;
    height: 3px;
    display: block;
    background: #00a9f4;
    position: absolute;
    bottom: -1px;
    left: 0;
    opacity: 0;
}

.kp_jdhd_bt h2.kp_jdhd_on01 i {
    opacity: 1;
}

.kp_jdhd_bt h2:hover i {
    opacity: 1;
}

.kp_jdhd_qh {
    float: right;
}

.kp_jdhd_qh div {
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 20px;
    overflow: hidden;
}

.kp_jdhd_qh div em {
    width: 30px;
    height: 30px;
    display: block;
    cursor: pointer;
}

.kp_jdhd_qh div em.kp_jdhd_qh01 {
    background: url(../images/kp_qh1_01.png) no-repeat center;
}

.kp_jdhd_qh div em.kp_jdhd_qh02 {
    background: url(../images/kp_qh2_01.png) no-repeat center;
}

.kp_jdhd_qh div.kp_jdhd_on02 em.kp_jdhd_qh01 {
    background: url(../images/kp_qh1_02.png) no-repeat center;
}

.kp_jdhd_qh div.kp_jdhd_on02 em.kp_jdhd_qh02 {
    background: url(../images/kp_qh2_02.png) no-repeat center;
}

.kp_jdhd_qh div:hover em.kp_jdhd_qh01 {
    background: url(../images/kp_qh1_02.png) no-repeat center;
}

.kp_jdhd_qh div:hover em.kp_jdhd_qh02 {
    background: url(../images/kp_qh2_02.png) no-repeat center;
}

.kp_jdhd_lb {
    width: 1200px;
    padding: 30px 0 0;
}

.kp_jdhd_lb dl {
    width: 370px;
    float: left;
    margin-right: 45px;
}

.kp_jdhd_lb dl:nth-child(3n) {
    margin-right: 0;
}

.kp_jdhd_lb dl dt {
    width: 370px;
    height: 240px;
    overflow: hidden;
}

.kp_jdhd_lb dl dt img {
    width: 100%;
    height: 100%;
    display: block;
    transition-duration: 0.5s;
}

.kp_jdhd_lb dl:hover dt img {
    transform: scale(1.1, 1.1);
}

.kp_jdhd_lb dl dd {
    width: 370px;
    height: 166px;
    box-sizing: border-box;
    border-bottom: 2px solid #ddd;
    position: relative;
}

.kp_jdhd_lb dl dd h3 {
    margin-top: 20px;
    line-height: 26px;
    font-size: 18px;
}

.kp_jdhd_lb dl dd h3 a {
    color: #333;
}

.kp_jdhd_lb dl dd h4 {
    font-size: 14px;
    color: #888;
    line-height: 24px;
    margin-top: 16px;
}

.kp_jdhd_lb dl dd p {
    font-size: 16px;
    color: #00a9f4;
    margin-top: 10px;
}

.kp_jdhd_lb dl dd p span {
    float: right;
    color: #666;
}

.kp_jdhd_lb dl dd .kp_jdhd_xs {
    width: 0;
    height: 2px;
    background: #00a9f4;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    transition-duration: .5s;
}

.kp_jdhd_lb dl:hover dd .kp_jdhd_xs {
    width: 100%;
}

.kp_jdhd_lb .kp_jdhd_jz {
    margin-top: 30px;
    width: 100%;
    text-align: center;
    font-size: 20px;
}

.kp_jdhd_lb .kp_jdhd_jz a {
    color: #00a9f4;
    text-align: center;
    cursor: pointer;
}

.qiye_x {
    width: 100%;
    background: -webkit-linear-gradient(#fff, #a2afd6);
    background: -o-linear-gradient(#fff, #a2afd6);
    background: -moz-linear-gradient(#fff, #a2afd6);
    background: linear-gradient(#fff, #a2afd6);
    padding-bottom: 80px;
}

.qiye_x_banner {
    width: 100%;
    height: 400px;
    background: url(../images/qiye_x_banner.png) no-repeat center;
    background-size: cover;
    padding-top: 110px;
    box-sizing: border-box;
}

.qiye_x_banner > div {
    width: 1200px;
    margin: 0 auto;
    height: 90px;
}

.qiye_x_banner > div h2 {
    height: 70px;
    line-height: 70px;
    font-size: 40px;
    color: #fff;
}

.qiye_x_banner > div p {
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    color: #fff;
}

.qiye_x_nr {
    width: 1200px;
    background: #fff;
    margin: -140px auto 0;
}

.qiye_x_nr img {
    width: 100%;
    display: block;
}


/*底部----------------------*/
.section6 {
    width: 100%;
    height: 252px !important;
    background: #333333;
    box-sizing: border-box;
    border-top: 4px solid #417085;
    clear: both;
}
.ping6_s{ width:1200px; height:208px; margin:0 auto; box-sizing:border-box;}
.dibu{ width:1200px; height:208px; box-sizing:border-box; padding-top:50px;}
.dibu li{ width:25%; float:left;}
.dibu li h2{ font-size:22px; color:#eee; margin-bottom:30px;}
.dibu li p{ font-size:16px; color:#ccc; margin-bottom:20px;}
.dibu li div{}
.dibu li div span{ color:#eee; font-size:22px; height:30px; width:26px; line-height:30px; text-align:center; background:url(../images/db_tj.png) center; display:block; float:left; margin-right:10px;}
.ping6_x{ width:100%; height:40px; line-height:40px; font-size:14px; color:#ccc; text-align:center; background:#282828;}


/*个人中心  个人信息修改----------------------*/
.grzx {
    width: 100%;
    margin: 100px auto 0;
    background: #f6f6f6;
    padding: 25px 0;
}

.grzx_nr {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

/*个人中心  左侧*/
.gr_nav {
    width: 18%;
    height: 100%;
    background: #e9e9e9;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
}

.gr_tm {
    padding: 20px 0 20px;
}

.gr_tx {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 50%;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 169, 244, 1));
    background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 169, 244, 1));
    background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 169, 244, 1));
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 169, 244, 1));
    box-sizing: border-box;
    overflow: hidden;
    padding: 3px;
}

.gr_tx01 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 50%;
}

.gr_tm p {
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 18px;
    margin-top: 24px;
}

/*菜单*/
.cd_m {
    width: 100%;
    padding-bottom: 35px;
}

.cd_m ul {
    width: 100%;
}

.cd_m ul hr {
    width: 100%;
    height: 1px;
    background: #fff;
    clear: both;
}

.cd_m ul li {
    width: 100%;
    height: 74px;
    overflow: hidden;
}

.cd_m ul li h2 {
    width: 100%;
    height: 74px;
    line-height: 74px;
    border-left: 4px solid #e9e9e9;
    font-size: 18px;
    color: #4c595d;
    cursor: pointer;
    box-sizing: border-box;
    padding-left: 26px;
}

.cd_m ul li h2 i {
    width: 26px;
    height: 74px;
    float: left;
    margin-right: 23px;
    display: block;
}

.gr_nav1_01 {
    background: url(../images/gr_nav1_01.png) no-repeat center;
}

.gr_nav2_01 {
    background: url(../images/gr_nav2_01.png) no-repeat center;
}

.gr_nav3_01 {
    background: url(../images/gr_nav3_01.png) no-repeat center;
}

.gr_nav4_01 {
    background: url(../images/gr_nav4_01.png) no-repeat center;
}

.gr_nav5_01 {
    background: url(../images/gr_nav5_01.png) no-repeat center;
}

.gr_nav6_01 {
    background: url(../images/gr_nav6_01.png) no-repeat center;
}

.gr_nav7_01 {
    background: url(../images/gr_nav7_01.png) no-repeat center;
}

.cd_m ul li h2 span {
    width: 13px;
    height: 74px;
    float: right;
    margin-right: 40px;
    display: block;
    background: url(../images/gr_zk02.png) no-repeat center;
}

.cd_m ul li ul {
    width: 100%;
    background: #e3e3e3;
    padding: 10px 0 20px;
}

.cd_m ul li ul li {
    width: 100%;
    height: 20px;
    box-sizing: border-box;
    padding-left: 80px;
    margin-bottom: 20px;
    line-height: 20px;
}

.cd_m ul li ul li:last-child {
    margin-bottom: 0;
}

.cd_m ul li ul li a {
    color: #8b979b;
    font-size: 16px;
}

/*当前*/
.cd_m ul li.on2 {
    height: auto;
}

.cd_m ul li.on2 h2 {
    border-left: 4px solid #00a9f4;
    background: #fff;
}

.gr_nav1_02 {
    background: url(../images/gr_nav1_02.png) no-repeat center;
}

.gr_nav2_02 {
    background: url(../images/gr_nav2_02.png) no-repeat center;
}

.gr_nav3_02 {
    background: url(../images/gr_nav3_02.png) no-repeat center;
}

.gr_nav4_02 {
    background: url(../images/gr_nav4_02.png) no-repeat center;
}

.gr_nav5_02 {
    background: url(../images/gr_nav5_02.png) no-repeat center;
}

.gr_nav6_02 {
    background: url(../images/gr_nav6_02.png) no-repeat center;
}

.cd_m ul li.gr_navzk {
    height: auto;
}

.cd_m ul li.gr_navzk h2 {
    background: #e3e3e3;
}

.cd_m ul li.gr_navzk h2 span {
    background: url(../images/gr_zk01.png) no-repeat center;
}

/*é¼ æ ‡ç»è¿‡*/
.cd_m ul li h2:hover {
    border-left: 4px solid #e3e3e3;
    background: #e3e3e3;
}

.cd_m ul li.on2 h2:hover {
    border-left: 4px solid #00a9f4;
    background: #fff;
}

.cd_m ul li ul li a:hover {
    color: #4c595d;
}

/*右侧*/
.gr_rmain {
    width: 960px;
    float: right;
    background: #fff;
    box-sizing: border-box;
    padding: 30px;
}

.gr_rmain h2 {
    width: 100%;
    color: #333;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.gr_xinx_nr {
    width: 100%;
}

.gr_xinx_nr ul {
    width: 100%;
}

.gr_xinx_nr ul li {
    width: 100%;
    height: 44px;
    margin-bottom: 30px;
    clear: both;
}

.gr_xinx_nr ul li h4 {
    font-size: 17px;
    color: #777;
    width: 105px;
    text-align: right;
    margin-right: 30px;
    line-height: 44px;
    float: left;
}

.gr_xinx_nr ul li.gr_ghtx {
    width: 100%;
    height: 140px;
    margin: 30px 0;
}

.gr_xinx_nr ul li.gr_ghtx h4 {
    line-height: 140px;
}

.gr_ghtx01 {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin-right: 40px;
    overflow: hidden;
    float: left;
    position: relative;
}

.gr_ghtx01 img {
    width: 100%;
    height: 100%;
}

.gr_ghtxwz {
    width: 100%;
    height: 100%;
    line-height: 140px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    font-size: 15px;
    text-align: center;
}

.gr_ghtxwz a {
    color: #fff;
}

.gr_xinx_nr ul li.gr_ghtx p {
    float: left;
    font-size: 14px;
    color: #aaa;
    line-height: 140px;
}

.txk {
    height: 44px;
    line-height: 42px;
    box-sizing: border-box;
    border-radius: 4px; /* background:#f6f6f6; */
    border: 1px solid #e0e0e0;
    padding: 0 10px;
    color: #999;
    font-size: 16px;
}

.sele {
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    padding: 0 33px 0 10px;
    font-size: 15px;
    color: #999;
    height: 44px;
    border-radius: 4px;
    line-height: 42px;
    background: #f6f6f6 url(../images/gr_xl.png) no-repeat right 10px center;
}

.txk01 {
    width: 300px;
}

.txk02 {
    width: 730px;
}

.sele03 {
    width: 236px;
    margin-right: 11px;
    float: left;
}

.xuanx {
    float: left;
    width: 300px;
}

.radio {
    float: left;
    width: 50px;
    margin-right: 30px;
}

.radio label {
    width: 100%;
    display: block;
    height: 44px;
    line-height: 44px;
    position: relative;
    font-weight: normal;
}

.radio .option {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 13px;
    left: 0px;
    background: url(../images/gr_dx01.png) no-repeat center;
    background-size: 18px;
}

.radio span {
    font-size: 18px;
    color: #333;
    padding-left: 20px;
}

.radio input[type="radio"] {
    display: inline-block;
    margin-right: 3px;
    opacity: 0;
}

.radio input[type="radio"]:checked + div {
    background: url(../images/gr_dx02.png) no-repeat center;
    background-size: 18px;
}


.gr_xinx_xq {
    width: 100%;
    padding-top: 20px;
    clear: both;
    border-bottom: 1px solid #ccc;
}

.gr_xinx_xq h2 {
    width: 100%;
    color: #333;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    line-height: 20px;
}

.gr_xinx_xq h2 span {
    margin-left: 20px;
    color: #999;
    font-size: 14px;
}

.gr_xinx_xqxz {
    width: 100%;
    clear: both;
}

.gr_xinx_xqxz h4 {
    font-size: 17px;
    color: #777;
    width: 80px;
    text-align: right;
    margin-right: 30px;
    line-height: 40px;
    height: 40px;
    float: left;
    margin-top: 30px;
}

.gr_xinx_xqxz ul {
    float: right;
    width: calc(100% - 110px);
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
    padding: 30px 0;
}

.gr_xinx_xqxz ul li {
    width: 100px;
    height: 40px;
    float: left;
    color: #00a9f4;
    font-size: 14px;
    background: rgba(0, 169, 244, .1);
    border: 1px solid #00a9f4;
    border-radius: 4px;
    line-height: 38px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    margin-right: 20px;
}

.gr_xinx_xqxz ul li span {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../images/gr_gb.png) no-repeat center;
    position: absolute;
    top: -6px;
    right: -6px;
    cursor: pointer;
}

.gr_xinx_xqxz02 {
    width: 100%;
    clear: both;
}

.gr_xinx_xqxz02 h4 {
    font-size: 17px;
    color: #777;
    width: 80px;
    text-align: right;
    margin-right: 30px;
    line-height: 40px;
    height: 40px;
    float: left;
    margin-top: 30px;
}

.gr_xinx_xqxz02 .gr_xinx_xqxz02_r {
    float: right;
    width: calc(100% - 110px);
    box-sizing: border-box;
    padding: 30px 0;
}

.gr_xinx_xqxz02 ul {
    float: left;
    width: 650px;
    box-sizing: border-box;
    margin-right: 30px;
}

.gr_xinx_xqxz02 ul li {
    width: 100px;
    height: 40px;
    float: left;
    color: #777;
    font-size: 14px;
    background: rgba(153, 153, 153, .1);
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    line-height: 38px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.gr_xinx_xqxz02 ul li:nth-child(6n) {
    margin-right: 0;
}

.gr_xinx_xqhyh {
    font-size: 16px;
    color: #00a9f4;
    width: 76px;
    text-align: right;
    line-height: 40px;
    height: 40px;
    float: left;
    background: url(../images/hyh.png) no-repeat left;
    background-size: 20px;
    cursor: pointer;
}

.gr_xinx_ann {
    width: 100%;
    box-sizing: border-box;
    padding-left: 110px;
    margin-top: 40px;
}

.gr_xinx_ann a {
    display: block;
    width: 150px;
    height: 46px;
    float: left;
    border-radius: 23px;
    line-height: 46px;
    text-align: center;
    margin-right: 20px;
    font-size: 20px;
}

.gr_xinx_ann a.baocun {
    color: #fff;
    background: #00a9f4;
}

.gr_xinx_ann a.quxiao {
    color: #666;
    background: #e9e9e9;
}

[v-cloak] {
    display: none;
}