/* public */

body,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

p,

blockquote,

dl,

dt,

dd,

ul,

ol,

li,

pre,

form,

fieldset,

legend,

button,

input,

textarea,

th,

td {

    margin: 0;

    padding: 0;

}

body{background-color:#060608; color:#fff;}

* {

    font-family: "Microsoft YaHei";

}



li {

    list-style: none;

}



a {

    text-decoration: none;

    list-style: none;

    outline: none;

}



a:hover {

    text-decoration: none;

}



.clear:after {

    content: '\20';

    display: block;

    height: 0;

    clear: both;

}



.clear {

    *zoom: 1;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.textCenter {

    text-align: center;

}



.textLeft {

    text-align: left;

}



.textRight {

    text-align: right;

}



.disflex-between {

    display: flex;

    justify-content: space-between;

}



.overHidden {

    overflow: hidden;

}



.container {

    width: 1200px;

    margin: 0 auto;

}



/* ---------header-------- */
header{
	background-image: url('../images/t_b.jpg');
}
.h_t {

    font-size: 12px;

    padding: 6px 0;

    color: #999;

    background-color: #f5f5f5;

    min-width: 1200px;

}



.h_top {

    width: 100%;

    padding: 2% 0;

}



.h_logo {

    float: left;

}



.h_tel {

    float: right;

}



.h_tel img {

    float: left;

    margin-top: 10px;

    margin-right: 10px;

}



.h_tel_r {

    float: right;

    width: 200px;



}



.h_tel_r span {

    font-size: 14px;

    color: #000;

}



.h_tel_r p {



    font-size: 25px;

    color: #ff0000;

    font-weight: bold;

}



.nav_pc {

    width: 100%;

    border-top: 1px solid #DDD;

}



.nav_pc ul {

    width: 1200px;

    margin: 0 auto;

}



.nav_pc ul li {

    float: left;

    width: 200px;

    box-sizing: border-box;

}



.nav_pc ul li a {

    width: 100%;

    display: inline-block;

    padding: 10% 0;

    font-size: 16px;

    text-align: center;

    color: #222222;

    font-weight: bold;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

}



.nav_pc ul li.n_active a {

    background-image: url('../images/menu_bg04.png');

    color: #fff;

}



.nav_pc ul li a:hover {

    background-image: url('../images/menu_bg04.png');

    color: #fff;

}



.nav_pc ul li a span {

    width: 100%;

    display: inline-block;

    box-sizing: border-box;

    border-right: 1px solid #ddd;

    /* border-left: 1px solid #ddd; */

}

.nav_pc ul li:first-child a span {

    border-left: 1px solid #ddd;

}



/* mob-nav */

.nav-leftwrap {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 997;

    background: rgba(0, 0, 0, .5);

    display: none;

}



.nav-leftwrap2 {

    width: 200px;

    height: 100%;

    background: #fff;

    padding: 20px 0;

    position: relative;

    z-index: 999;

}



.nav-left li {

    width: 100%;

    text-align: center;

}



.nav-left li a {

    width: 100%;

    display: inline-block;

    text-align: center;

    padding: 18px 0;

    color: #000;

}



.nav-colse {

    width: calc(100% - 190px);

    height: 100%;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 998;

    background: rgba(0, 0, 0, .5);

}



.open-nav {

    display: none;

    float: right;

    margin: 10px 4px 4px;

    cursor: pointer;

}





/* -----------footer ------------*/

footer {

    width: 100%;

    min-width: 1200px;

    background-color: rgb(245, 245, 245);

}



.link {

    padding: 1% 0;

    border-bottom: 1px solid #ddd;

}



.link span {

    font-size: 14px;

    font-weight: bold;

    color: rgb(34, 34, 34);

}



.link a {

    color: #888888;

    font-size: 14px;

    margin: 0 2%;

}



.f_m {

    padding: 2% 0;

}



.f_m_l {

    float: left;

    width: 40%;
    padding: 0 4%;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-sizing: border-box;

}



.f_m_l span {

    font-size: 14px;

    font-weight: bold;

    color: rgb(34, 34, 34);

    display: block;

    padding: 3% 0 2%;

}



.f_m_l p {

    color: #5a5a5a;

    font-size: 14px;

    padding-bottom: 1%;



}



.f_m_r {

    float: right;

    width: 30%;

    text-align: right;

    text-align: center;
}



.f_m_r p {

    color: rgb(136, 136, 136);

    font-size: 12px;

    /* margin-right: 24px; */

}



.f_m_b {

    text-align: center;

    padding-bottom: 1%;

}

.f_m_b {
    color: #5a5a5a;
    font-size: 14px;
    padding-bottom: 1%;
    text-align: center;

}

.f_m_b a {
    color: #5a5a5a;
    font-size: 14px;
    padding-bottom: 1%;
    text-align: center;

}

.f_m_b p {

    display: inline-block;

    border-radius: 50PX;

    padding: 0.5% 1%;

    background-color: #7A7A7A;

    color: #FFF;

}



#top {

    width: 25px;

    height: 40px;

    position: fixed;

    bottom: 100px;

    right: 18px;

    cursor: pointer;

    z-index: 99;

    display: none;

}



.kf {

    position: fixed;

    bottom: 100px;

    right: 18px;

    cursor: pointer;

    z-index: 99;

}



/* mob-bottom */

.mob-fixed {

    display: none;

}



/* -------------- content ------------ */

.banner {

    width: 100%;

    background-image: url('../images/banner_bg.jpg');

    background-repeat: no-repeat;

    /* background-position: center; */

    background-size: 100% 100%;

    padding: 10% 0;

    min-width: 1200px;

}



.b_l {

    width: 50%;

    float: left;

}



.b_r {

    width: 50%;

    float: right;

}



.b_t1 {

    color: rgb(255, 255, 255);

    font-size: 56px;

    font-weight: bold;

    padding: 4% 0 2%;

   

}



.b_t2 {

    color: rgb(255, 255, 255);

    font-size: 30px;

    padding-bottom: 3%;

}



.b_t3 {

    color: rgb(139, 192, 246);

    font-size: 12px;

    padding-bottom: 3%;

}



.btn_yq {

    background-image: url('../images/banner_anniu.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    display: inline-block;

    padding: 10px 0;

    text-align: center;

    width: 150px;

    font-size: 14px;

    color: #fff;

    margin-bottom: 3%;

    transition: 0.5s;

}



.btn_yq:hover {

    background: rgba(255, 87, 0, 1);

    transition: 0.5s;

}



/* s_banner */



.slider_circle_10>div img {

    width: 100%;

}



.cpzs {

    width: 100%;
    padding-bottom: 3%;

}



.title1 {

    font-size: 24px;

    font-weight: bold;

    color: #fff;

    text-align: center;

    padding-top: 8%;

}
.title11 {

    font-size: 24px;

    font-weight: bold;

    color:#003;

    text-align: center;

    padding-top: 8%;

}


.title2 {

    font-size: 14px;

    color: rgb(170, 170, 170);

    text-align: center;

    padding-bottom: 3%;

}



.title3 {

    font-size: 16px;

    color: #5a5a5a;

    text-align: center;

    line-height: 26px;

}



.line {

    border-bottom: 2px solid #ff0000;

    width: 40px;

    margin: 0 auto;

    padding-top: 1%;

    margin-bottom: 1%;

}



.cp_w {}



.cp_w li {

    width: 30%;

    margin: 1.66%;

    float: left;

}



.cp_w li a {

    display: inline-block;

    width: 100%;

    position: relative;

}



.cp_w li a img {

    width: 100%;

}



.cp_w li a p {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    text-align: center;

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    padding: 10px 0;

    background-color: rgba(0, 40, 129, 0.7);

}





.gywm {

    width: 100%;

    text-align: center;

    background-image: url('../images/about_bg.jpg');

    background-repeat: no-repeat;

    background-size: 100% 100%;

    padding: 5% 0 10%;

    min-width: 1200px;

}



.gy_w {

    padding: 4% 0;

}



.gy_w li {

    width: 20%;

    float: left;

    text-align: center;

}



.gy_w li img {

    margin: 0 auto;

}



.gy_w li span {

    color:#666;

    font-size: 14px;

    display: block;

    padding: 4% 0;

}



.gy_w li p {

    color:#666;

    font-size: 14px;

    font-weight: bold;

}



.btn_more {

    background-image: url('../images/banner_anniu.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    display: inline-block;

    padding: 10px 0;

    text-align: center;

    width: 150px;

    font-size: 14px;

    color: #fff;

    margin: 0 auto 3%;

    transition: 0.5s;

}



.btn_more:hover {

    background: rgba(255, 87, 0, 1);

    transition: 0.5s;

}



.gcal {

    width: 100%;

    padding-bottom: 3%;

    background-image: url('../images/anlie_bg.jpg');

    min-width: 1200px;

}



.title4 {

    font-size: 24px;

    font-weight: bold;

    color: #fff;

    text-align: center;

    padding-top: 8%;

}



.title5 {

    font-size: 14px;

    color: rgb(127, 181, 237);

    text-align: center;

    padding-bottom: 3%;

}



.gcal {

    width: 100%;

    padding-bottom: 5%;

    background-image: url('../images/anlie_bg.jpg');

}



.gc_c {

    display: inline-block;

    width: 100%;

}



.gc_c img {

    width: 100%;

}



.gc_c p {

    text-align: center;

    color: #fff;

    font-size: 16px;

    padding: 6px 0;

}



.str_wrap {

    background: none !important;

}



.xwzx {

    width: 100%;

    padding-bottom: 6%;

    text-align: center;

}



.xw_c li {

    width: 24%;

    float: left;

    padding: 3% 2%;

    margin: 2.66%;

    background-color: rgb(248, 248, 248);

    text-align: left;

}





.xw_c li a {

    font-size: 24px;

    color: #ddd;

    display: block;

    white-space: nowrap;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.xw_c li a:hover {

    color: #ff0000;

}



.xw_c li span {

    font-size: 13px;

    padding: 10px 0 5px;

    color: #aaaaaa;

    display: block;

}





.xw_c li p {

    font-size: 14px;

    line-height: 24px;

    padding-top: 10px;

    color: #888888;

}



.content {

    width: 100%;

    padding: 4% 0;

}



.con_l {

    width: 250px;

    float: left;

}



.con_r {

    width: 898px;

    float: right;

}



.c_t1 {

    font-size: 18px;

    color: rgb(255, 255, 255);

    text-align: center;

    font-weight: bold;

    background-color: #002881;

    padding: 20px 0;

    margin-bottom: 4px;

}



.c_t2 li {



    text-align: center;

    margin-bottom: 2px;

}



.c_t2 li a {

    font-size: 16px;

    color: #222;

    padding: 16px 0;

    display: inline-block;

    width: 100%;

    background-color: #eeeeee;

}



.c_t2 li.c_active a {

    color: #fff;

    background-color: #ff0000;

}



.c_t2 li a:hover {

    color: #fff;

    background-color: #ff0000;

}



.c_t3 {

    font-size: 18px;

    color: rgb(255, 255, 255);

    text-align: center;

    font-weight: bold;

    background-color: #002881;

    padding: 20px 0;

    width: 100%;

}



.c_way {

    width: 100%;

    padding: 3%;
    background-color: #eee;
    border: 1px solid #DDD;

    box-sizing: border-box;

}



.c_way p {

    color: #5a5a5a;

    font-size: 14px;

    padding: 6px 0;

}



.ab_w {

    border: 1px solid #ddd;

    width: 100%;

    box-sizing: border-box;

    padding: 2%;

}





.con_t1 {

    font-size: 24px;

    color: #fff;

    font-weight: bold;

    padding: 1% 0 3%;

}



.con_t2 {

    font-size: 16px;

    color: #fff;

    padding-bottom: 2%;

}



.pros li {

    float: left;

    width: 30%;

    margin: 1.66%;

}



.pros li a {

    width: 100%;

    display: inline-block;

    margin-bottom: 2%;

}



.pro_img {

    width: 100%;

    text-align: center;

}



.pro_img img {

    width: 100%;

}



.pros a p {

    font-size: 16px;

    color: #eee;

    font-weight: bold;

    text-align: center;

}



.pros a:hover p {

    color: #ff0000;

}



.pros a:hover .pro_img {

    opacity: 0.7;

}



.pages {

    text-align: center;

    padding: 2% 0;

}



.pages span {

    font-size: 12px;

    color: #5a5a5a;

}



.pages a {

    font-size: 12px;

    color: #5a5a5a;

    border: 1px solid #ddd;

    padding: 2px;

}



.pages .p_active {

    color: #d00;

    border: 1px solid #fff;

}



.det_img {

    padding: 4% 0;

}



/* ---- 图片放大 ---- */

.jqzoom {

    float: left;

    border: none;

    position: relative;

    padding: 0px;

    cursor: pointer;

    margin: 0px;

    display: block;

}





.zoomdiv {

    z-index: 100;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 350px;

    height: 350px;

    background: #ffffff;

    border: 1px solid #CCCCCC;

    display: none;

    text-align: center;

    overflow: hidden;

}



.jqZoomPup {

    z-index: 10;

    visibility: hidden;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 20px;

    height: 20px;

    border: 1px solid #aaa;

    background: #ffffff;

    opacity: 0.5;

    -moz-opacity: 0.5;

    -khtml-opacity: 0.5;

    filter: alpha(Opacity=50);

}



/*图片小图预览列表*/

.spec-preview {

    width: 350px;

    height: 350px;

    border: 1px solid #DFDFDF;

	margin:0px auto;

}



.spec-scroll {

    clear: both;

    margin-top: 5px;

    width: 352px;

	margin:0px auto;

}



.spec-scroll .prev {

    float: left;

    margin-right: 4px;

}



.spec-scroll .next {

    float: right;

}



.spec-scroll .prev,

.spec-scroll .next {

    display: block;

    font-family: "宋体";

    text-align: center;

    width: 10px;

    height: 54px;

    line-height: 54px;

    border: 1px solid #CCC;

    background: #EBEBEB;

    cursor: pointer;

    text-decoration: none;

}



.spec-scroll .items {

    float: left;

    position: relative;

    width: 322px;

    height: 56px;

    overflow: hidden;

}



.spec-scroll .items ul {

    position: absolute;

    width: 999999px;

    height: 56px;

}



.spec-scroll .items ul li {

    float: left;

    width: 64px;

    text-align: center;

}



.spec-scroll .items ul li img {

    border: 1px solid #CCC;

    padding: 2px;

    width: 50px;

    height: 50px;

}



.spec-scroll .items ul li img:hover {

    border: 2px solid #FF6600;

    padding: 1px;

}







.jqzoom img {

    width: 100%;

    /* height: 100%; */

}



/* ---- end --- */

.det_cont {

    padding: 4%;

}



.det_t {

    font-size: 24px;

    text-align: center;

    color: #fff;

    font-weight: bold;

}



.det_time {

    font-size: 12px;

    text-align: center;

    color: #aaa;

    padding-bottom: 1%;

}



.det_time span {

    margin: 0 6px;

}



.det_t1 {

    font-size: 14px;

    color: #434343;

    padding: 0.5% 0;

}



.det_t2 {

    font-size: 14px;

    color: #434343;

    font-weight: bold;

    padding: 4% 0 2%;

}



.det_t3 {

    font-size: 12px;

    color: #868686;

    border: 1px solid #225692;

    padding: 6px;
	background:#112639;

}



.pages2 {

    width: 100%;

    padding: 2% 0;

}



.pages2 p {

    width: 100%;

    font-size: 12px;

    color: #595959;

    padding-bottom: 1%;

}



.pages2 p a {

    color: #ff0000;

}



.pages2 p a:hover {

    text-decoration: underline;

}



.news {}



.news_i {

    width: 100%;

    padding: 2% 0;

    border-bottom: 1px solid #ddd;

}



.news_i a {

    font-size: 24px;

    color: #fff;

    display: block;

}



.news_i span {

    font-size: 13px;

    padding: 10px 0 5px;

    color: #aaaaaa;

    display: block;

}



.news_i p {

    font-size: 14px;

    line-height: 24px;

    padding-top: 10px;

    color: #888888;

}



.news_i a:hover {

    color: #ff0000;

}



.map {

    width: 100%;

}



.map img {

    width: 100%;

}



.co_t1 {

    font-size: 24px;

    color:#fff;

    padding: 4% 0;

    font-weight: bold;

}



.co_t2 {

    font-size: 16px;

    color: #eee;

    padding: 10px 0;

}



.co_t3 {

    font-size: 16px;

    color: #5a5a5a;

    padding: 3% 0;

    font-weight: bold;

    color: rgb(234, 110, 66);

}



.mob_img {

    display: none;

}




.f_m_b a.bah{
    color: #fff;
}

.f_logo{
    width: 30%;
    float: left;
    text-align: center;
}

.f_logo img{
    width: 130px;
    margin: 0 auto;
}

@media screen and (min-width: 200px) and (max-width:800px) {

    .container {

        width: 100%;

    }



    /* mob-nav */

    .open-nav {

        display: block

    }



    /* end */



    /* mob-bottom */

    .mob-fixed {

        width: 100%;

        position: fixed;

        width: 100%;

        background:rgb(15, 31, 47);

        bottom: 0;

        left: 0;

        display: flex;

        z-index: 50;

    }



    .mob-cwx {

        width: 50%;

        text-align: center;

    }



    .mob-ctel {

        width: 50%;

        text-align: center;

    }



    .mob-cwx a {

        width: 100%;

        display: inline-block;

    }



    .mob-ctel a {

        width: 100%;

        display: inline-block;

    }



    .cont-wx {

        margin: 4px auto 0;

    }



    .cont-wx img {

        margin: 0 auto;

    }



    .cont-title1 {

        font-size: 12px;

        color: #fff;

        padding-bottom: 4px;

    }



    body {

        padding-bottom: 60px;

    }



    /* end */

    .h_t {

        min-width: auto;

    }



    .h_tel {

        display: none;

    }



    .h_logo {

        width: 250px;

    }



    .h_logo img {

        width: 100%;

    }



    .nav_pc {

        display: none;

    }



    .b_r {

        display: none;

    }



    .b_l {

        width: 100%;

        text-align: center;

    }



    .b_t1 {

        font-size: 30px;

    }



    .b_t2 {

        font-size: 22px;

    }



    .xw_c li {

        width: 96%;

        float: left;

        padding: 3% 2%;

        margin: 2% 0;

        background-color: rgb(248, 248, 248);

        text-align: left;

    }



    footer {

        min-width: auto;

    }



    .f_m_r {

        display: none;

    }



    .cp_w li {

        width: 48%;

        margin: 1%;

    }



    .gy_w li {

        width: 33.33%;

    }



    .gy_w {

        display: flex;

        justify-content: space-around;

        flex-wrap: wrap;

    }



    .con_l {

        width: 100%;

    }



    .c_t1 {

        background-image: url('../images/todown.png');

        background-position: 90% center;

        background-repeat: no-repeat;

    }



    .con_li .c_t2 {

        display: none;

    }



    .lxwm {

        display: none;

    }



    .con_r {

        width: 100%;

    }



    .news_i {

        width: 96%;

        margin: 0 2%;

        padding: 2% 0;

        border-bottom: 1px solid #ddd;

    }



    .news_i a {

        font-size: 20px;

    }



    .det_img {

        display: none;

    }



    .mob_img {

        display: block;

        width: 100%;

    }



    .mob_img img {

        width: 100%;

    }



    .pros li {

        float: left;

        width: 48%;

        margin: 1%;

    }



    .gcal {

        min-width: auto;

    }



    .banner,.gywm {

        min-width: auto;

    }
    .f_logo{
        display: none;
    }
    .f_m_l {
        width: 100%;
        padding: 0 4%;
        border-left: none;
        border-right: none;
        box-sizing: border-box;
    }

}