@charset "utf-8";



/*sanren*/

* {
font-family: "微软雅黑";
    margin: 0;

    padding: 0;

    border: 0;

    outline: none;

    font-size-adjust: none;

    -webkit-text-size-adjust: none;

    -moz-text-size-adjust: none;

    -ms-text-size-adjust: none;

    border-radius: 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    -webkit-transform: none;

    -moz-transform: none;

    -o-transition: none;

    transition: none;

    -webkit-transition: none;

    -moz-transition: none;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

}



body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

code,

form,

fieldset,

legend,

input,

textarea,

p,

blockquote,

th,

td,

a {

    margin: 0;

    padding: 0;

}



input,

button,

select,

textarea {

    outline: none;

    font-family: "microsoft yahei";

    -webkit-appearance: none;

}



html,

body {

    font-size: 16px;

}



ul,

li {

    list-style: none;

}



a {

    display: inline-block;

    text-decoration: none;

    font-size: 1rem;

    color: #333333;

}



a:focus {

    color: #212121;

}



/* a:hover {

    text-decoration: underline;

} */



.contain_img>img {
/*
width: 100%; */
    max-width: 100%;
    max-height: 100%;
    /* height: 100%;*/
    -o-object-fit: contain;

    object-fit: contain;

}



.cover_img>img {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

}



.prel {

    position: relative;

}



.pabs {

    position: absolute;

}



.clear {

    height: 0;

    clear: both;

    zoom: 1;

}



.navbar>li:last-of-type {

    margin-right: 0;

}



.clearfix:before,

.clearfix:after {

    content: "";

    display: table;

}



.clearfix:after {

    clear: both;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.d-block,

.head_pc {

    display: block;

}



.navbar {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.head>.wrap {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -moz-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.d-none,

.head_wap {

    display: none;

}



.iB_position {

    height: 60px;

    border-bottom: 1px solid #eeeeee;

}



.iB_position,

.iB_position>div {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.iB_position>div,

.iB_position>div a {

    font-size: 1rem;

    color: #777777;

}



.xiaocms-page {

    text-align: center;

}



.flex-cc {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.d-inbl {

    display: inline-block;

}



.d-flex {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

}



.jc-c {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.jc-sa {

    -webkit-justify-content: space-around;

    -ms-flex-pack: distribute;

    justify-content: space-around;

}



.jc-sb {

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -moz-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.jc-se {

    -webkit-box-pack: space-evenly;

    -webkit-justify-content: space-evenly;

    -moz-box-pack: space-evenly;

    -ms-flex-pack: space-evenly;

    justify-content: space-evenly;

}



.jc-fe {

    -webkit-box-pack: end;

    -webkit-justify-content: flex-end;

    -moz-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}



.ai-c {

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.ai-e {

    -webkit-box-align: end;

    -webkit-align-items: flex-end;

    -moz-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

}



.wrap {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

    height: 100%;

}



.wrap1 {

    width: 100%;

    max-width: 1300px;

    margin: 0 auto;

    height: 100%;

}



.wrap2 {

    width: 100%;

    max-width: 1400px;

    margin: 0 auto;

    height: 100%;

}



.wrap3 {

    width: 100%;

    max-width: 1500px;

    margin: 0 auto;

    height: 100%;

}



.wrap4 {

    width: 100%;

    max-width: 1600px;

    margin: 0 auto;

    height: 100%;

}





.mcenter {

    margin-left: auto;

    margin-right: auto;

}



.cp {

    cursor: pointer;

}



.abtn {

    position: relative;

    border-radius: 150px;

}



.abtn>a {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

}



.aBtn {

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}



.goTop {

    width: 50px;

    height: 50px;

    background: #fff;

    position: fixed;

    bottom: 25px;

    right: 25px;

    z-index: 999999;

    cursor: pointer;

    display: none;

}



.model {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

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

    z-index: 999999;

}



.model>div:nth-child(1) {

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



@-webkit-keyframes fadeInRight {

    0% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }



    100% {

        opacity: 0.3;

        -webkit-transform: translateX(100%);

        transform: translateX(100%);

    }

}



@-moz-keyframes fadeInRight {

    0% {

        opacity: 1;

        -moz-transform: translateX(0);

        transform: translateX(0);

    }



    100% {

        opacity: 0.3;

        -moz-transform: translateX(100%);

        transform: translateX(100%);

    }

}



@-o-keyframes fadeInRight {

    0% {

        opacity: 1;

        -o-transform: translateX(0);

        transform: translateX(0);

    }



    100% {

        opacity: 0.3;

        -o-transform: translateX(100%);

        transform: translateX(100%);

    }

}



@keyframes fadeInRight {

    0% {

        opacity: 1;

        -webkit-transform: translateX(0);

        -moz-transform: translateX(0);

        -o-transform: translateX(0);

        transform: translateX(0);

    }



    100% {

        opacity: 0.3;

        -webkit-transform: translateX(100%);

        -moz-transform: translateX(100%);

        -o-transform: translateX(100%);

        transform: translateX(100%);

    }

}



.select {

    position: relative;

}



.select ul {

    position: absolute;

    border: 1px solid #333333;

    display: none;

}



.select p,

.select li {

    padding: 1px 2px;

}



.select li:hover {

    background: #333333;

}



.select li:hover a {

    color: #fff;

}



.select p,

.select a {

    color: #333333;

    text-transform: uppercase;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}













/* 13-15笔记本 */

@media screen and (min-width:1024px) and (max-width:1680px) {



    .wrap,

    .wrap1,

    .wrap2,

    .wrap3 {

        width: 100%;

        padding: 0 3%;
        zoom: .9;

    }

}



/* 平板 */

@media screen and (min-width:951px) and (max-width:1023px) {



    .wrap,

    .wrap1,

    .wrap2,

    .wrap3 {

        width: 100%;

        padding: 0 3%;
        zoom: .9;

    }

}



@media only screen and (max-width:950px) {



    html,

    body {

        font-size: 12px;

    }



    .wlogo {

        width: 150px;

        height: 100%;

        padding-left: 15px;

    }



    .wlogo img {

        width: 100%;

        height: 100%;

        -o-object-fit: contain;

        object-fit: contain;

    }



    .whead {

        height: 70px;

        background: #fff;

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        z-index: 9999;

        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);

        box-shadow: 0 0 15px rgba(0, 0, 0, .15);

    }



    .wap_menu_btn {

        width: 70px;

        height: 70px;

        float: right;

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -moz-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -moz-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }



    .wap_menu_list {

        width: 100%;

        height: auto;

        background: rgba(255, 255, 255, 0.7);

        padding: 15px 20px;

        margin-top: 70px;

        display: none;

        position: absolute;

        z-index: 999;

    }



    .wap_menu_btn li {

        width: 35px;

        height: 4px;

        background: #333333;

        border-radius: 5px;

        -webkit-transition: .35s;

        -o-transition: .35s;

        -moz-transition: .35s;

        transition: .35s;

    }



    .wap_menu_btn li:not(:last-child) {

        margin-bottom: 4.35px;

    }



    .wap_menu_active li:nth-of-type(1) {

        -webkit-transform: rotate(45deg) translate(5px, 5px);

        -moz-transform: rotate(45deg) translate(5px, 5px);

        -ms-transform: rotate(45deg) translate(5px, 5px);

        -o-transform: rotate(45deg) translate(5px, 5px);

        transform: rotate(45deg) translate(5px, 5px);

    }



    .wap_menu_active li:nth-of-type(3) {

        -webkit-transform: rotate(-45deg) translate(6px, -6px);

        -moz-transform: rotate(-45deg) translate(6px, -6px);

        -ms-transform: rotate(-45deg) translate(6px, -6px);

        -o-transform: rotate(-45deg) translate(6px, -6px);

        transform: rotate(-45deg) translate(6px, -6px);

    }



    .wap_menu_active li:nth-of-type(2) {

        visibility: hidden;

        -webkit-animation: fadeInRight .6s 1 ease-in;

        -moz-animation: fadeInRight .6s 1 ease-in;

        -o-animation: fadeInRight .6s 1 ease-in;

        animation: fadeInRight .6s 1 ease-in;

    }



    .wap_nav {

        overflow: auto;

    }



    .wap_nav a {

        width: 100%;

        height: 44px;

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -moz-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -moz-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        padding: 0 15px;

        color: #444;

    }



    .wap_nav li:not(:last-child) a {

        border-bottom: 1px dashed #eee;

    }



    .tss_pr,

    .wapprda,

    .wapprda1 {

        position: relative;

    }



    .tss_db,

    .head_wap {

        display: block;

    }



    .tss_dn,

    .head_pc {

        display: none;

    }



    .ws {

        width: 100%;

    }



    .tss_fn {

        float: none;

    }



    .wrap,

    .wrap1,

    .wrap2,

    .wrap3 {

        width: 100%;

        padding: 0 2%;

    }

}



@media only screen and (max-width:768px) {



    body,

    html {

        font-size: 12px;

    }



    .wrap,

    .wrap1,

    .wrap2,

    .wrap3 {

        width: 100%;

        padding: 0 3%;

    }

}



@media only screen and (max-width:550px) {



    html,

    body {

        font-size: 12px;

    }

}



@media only screen and (max-width:350px) {}