body {
    margin: 0 auto;
    padding: 0;
    background: #fff;
    color: #666666;
    line-height: normal;
    font-family:"shsc";
    zoom: 1;
    font-size: 0.875rem;
    font-weight: lighter;
}
[lang^="zh"]body{font-family: "shsc"}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-style: normal;
}

@font-face {
    font-family: 'shsc';
    src: url('fonts/shsc.eot');
    src: url('fonts/shsc.eot?#iefix') format('embedded-opentype'),
        url('fonts/shsc.woff') format('woff'),
        url('fonts/shsc.ttf') format('truetype'),
        url('fonts/shsc.svg#shsc') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "iconfont";
    src: url('fonts/iconfont.eot?t=1540775244970');
    /* IE9*/
    src: url('fonts/iconfont.eot?t=1540775244970#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/iconfont.woff') format('woff'),
        url('fonts/iconfont.ttf?t=1540775244970') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
        url('fonts/iconfont.svg?t=1540775244970#iconfont') format('svg');
    /* iOS 4.1- */
}

@font-face {
    font-family: Bebas;
    src: url("./fonts/BEBAS____.TTF");
}

@font-face {
    font-family: 'MicrosoftYaHeiBold';
    src: url("./fonts/MicrosoftYaHeiBold.ttf");
}

[class^="icon_"],
[class*=" icon_"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconfont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon_email:before {
    content: "\e643";
}

.icon_write:before {
    content: "\e62a";
}

.icon_shizhong:before {
    content: "\e629";
}

.icon_cc_arrow_down:before {
    content: "\e606";
}

.icon_cc_arrow_left:before {
    content: "\e609";
}

.icon_cc_arrow_right:before {
    content: "\e60c";
}

.icon_arrowup:before {
    content: "\e60f";
}

.icon_arrowdown:before {
    content: "\e623";
}

.icon_add:before {
    content: "\e613";
}

.icon_ar_left:before {
    content: "\e6f4";
}

.icon_ar_right:before {
    content: "\e6f5";
}

.icon_ar_up:before {
    content: "\e6f6";
}

.icon_ar_down:before {
    content: "\e6f7";
}

.icon_search:before {
    content: "\e6e3";
}

.icon_chat:before {
    content: "\e602";
}

.icon_tel:before {
    content: "\e642";
}

.icon_pin:before {
    content: "\e630";
}

.icon_add_big:before {
    content: "\e626";
}

.icon_jiaohuan:before {
    content: "\e732";
}

.icon_location:before {
    content: "\e65e";
}

.icon_c_arr_upc:before {
    content: "\e693";
}

.icon_c_arr_dc:before {
    content: "\e615";
}

article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section {
    display: block
}

dd,
div,
dl,
dt,
footer,
form,
header,
li,
nav,
ol,
section,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0
}

input,
select,
textarea {
    -webkit-border-radius: 0;
    border-radius: 0
}

button,
input,
input:focus,
select,
textarea {
    outline: 0;
    font-size: unset;
    font-family: unset;
    color: unset;
}

textarea {
    resize: none
}

input,
select,
textarea {
    margin: 0;
    padding: 0;
    border: none;
    background: 0 0
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

figcaption,
figure {
    margin: 0;
    padding: 0
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
    object-fit: cover;
}

img {
    max-width: 100%;
    border: none;
    border: 0;
    vertical-align: middle
}

a {
    color: #666666;
    /* text-decoration: none; */
    -webkit-tap-highlight-color: transparent;
    outline: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    text-decoration: none;
    transition: all 0.5s;
}

a:hover {
    /* color: #000000; */
    outline: 0;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline: none;
}
::-webkit-input-placeholder {
    color:    #fff;
}
:-moz-placeholder {
    color:    #fff;
}
::-moz-placeholder {
    color:    #fff;
}
:-ms-input-placeholder {
    color:    #fff;
}
.a_img,.b_img  {
    transition: all 0.5s;
}
.a_img:hover {
    transform:scale(1.1,1.1);
    animation: 0.5s ease 0s 1 normal none running hexHover
}
.b_img:hover {
    transform: rotateY(180deg);
}
.aibox {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.abimg1{transition: all 0.5s;}
.abimg2{position:absolute;left:0;top:0;transition: all 0.5s;transform: rotateY(90deg);}
.main_box {
    max-width: 1200px;
    margin: auto;
}
.main_box1 {
    max-width: 1252px;
    margin: auto;
}
.mid_box {
    margin: auto;
    max-width: 960px;
}

.clear::before,
.clear::after {
    content: "";
    display: block;
    line-height: 0;
    height: 0;
    visibility: hidden;
    clear: both;
}

.overhidden {
    overflow: hidden;
}

.text_nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
}

.d_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.left {
    float: left
}

.right {
    float: right
}

.blue {
    color: #0262b8;
}

.brown {
    color: #41280b
}

.white {
    color: #fff
}

.orange_red {
    color: #e06c4d
}

.orange_pink {
    color: #fbe0af;
}

.orange {
    color: #fa7821
}

.yellow {
    color: #e06c4d
}

.green {
    color: #3dbfab
}

.red {
    color: #ff1e00
}

.black {
    color: #282828
}

.gray {
    color: #9f9f9f
}

.gray2 {
    color: #b9b9b9
}

.white {
    color: #fff
}

.bg_gray {
    background-color: #f3f3f3;
}

.bg_deep_gray {
    background-color: #efefef;
}

.mr0 {
    margin-right: 0 !important;
}
.mr10 {
    margin-right: 10px;
}
.mr20 {
    margin-right: 20px;
}
.mr30 {
    margin-right: 30px;
}
.mr40 {
    margin-right: 40px;
}
.mr50 {
    margin-right: 50px;
}
.mr60 {
    margin-right: 60px;
}
.mr70 {
    margin-right: 70px;
}
.mt0 {
    margin-top: 0 !important;
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt50 {
    margin-top: 50px;
}
.mt60 {
    margin-top: 60px;
}
.mt70 {
    margin-top: 70px;
}
.ml0 {
    margin-left: 0 !important;
}
.ml10 {
    margin-left: 10px;
}
.ml20 {
    margin-left: 20px;
}
.ml30 {
    margin-left: 30px;
}
.ml40 {
    margin-left: 40px;
}
.ml50 {
    margin-left: 50px;
}
.ml60 {
    margin-left: 60px;
}
.ml70 {
    margin-left: 70px;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb60 {
    margin-bottom: 60px;
}
.mb70 {
    margin-bottom: 70px;
}
.pr0 {
    padding-right: 0 !important;
}
.pr10 {
    padding-right: 10px;
}
.pr20 {
    padding-right: 20px;
}
.pr30 {
    padding-right: 30px;
}
.pr40 {
    padding-right: 40px;
}
.pr50 {
    padding-right: 50px;
}
.pr60 {
    padding-right: 60px;
}
.pr70 {
    padding-right: 70px;
}
.pt0 {
    padding-top: 0 !important;
}
.pt10 {
    padding-top: 10px;
}
.pt20 {
    padding-top: 20px;
}
.pt30 {
    padding-top: 30px;
}
.pt40 {
    padding-top: 40px;
}
.pt50 {
    padding-top: 50px;
}
.pt60 {
    padding-top: 60px;
}
.pt70 {
    padding-top: 70px;
}
.pl0 {
    padding-left: 0 !important;
}
.pl10 {
    padding-left: 10px;
}
.pl20 {
    padding-left: 20px;
}
.pl30 {
    padding-left: 30px;
}
.pl40 {
    padding-left: 40px;
}
.pl50 {
    padding-left: 50px;
}
.pl60 {
    padding-left: 60px;
}
.pl70 {
    padding-left: 70px;
}
.pb0 {
    padding-bottom: 0 !important;
}
.pb10 {
    padding-bottom: 10px;
}
.pb20 {
    padding-bottom: 20px;
}
.pb30 {
    padding-bottom: 30px;
}
.pb40 {
    padding-bottom: 40px;
}
.pb50 {
    padding-bottom: 50px;
}
.pb60 {
    padding-bottom: 60px;
}
.pb70 {
    padding-bottom: 70px;
}
input[type="checkbox"]:checked {
    background: url(../images/check_ok.jpg) center no-repeat;
    border-color: #3dadef;
}

button {
    border: 1px solid;
    box-sizing: border-box;
    color: #fff;
    background: none;
    transition: all 0.5s;
    cursor: pointer;
    padding: 8px 36px;
}



.select_text {
    color: #7c7c7c;
    border: 1px #e1e1e1 solid;
    background: #fff;
    line-height: 23px;
    padding: 10px;
    box-sizing: border-box;
}


.gray_bar {
    background: #f0f0f0;
}

.white_bar {
    background: #fff;
}

.box_tit_c {
    margin-bottom: 65px;
}

.box_tit_c .p1 {
    font-size: 35px;
    font-weight: bold;
    color: #405673;
    display: inline-block;
    vertical-align: bottom;
    text-transform: uppercase;
}

.box_tit_c .p2 {
    font-size: 30px;
    color: #c0c0c0;
    text-transform: uppercase;
    font-family: -webkit-pictograph;
    vertical-align: bottom;
    display: inline-block;
}

.box_tit_l {
    font-size: 35px;
    padding-top: 55px;
}

.box_tit_l p {
    margin-bottom: 32px;
}

.bbar {
    width: 32px;
    height: 5px;
    background: #47617f;
    margin: auto;
}

.bbar_l {
    width: 30px;
    height: 4px;
    background: #47617f;
}

.bbar.white,
.bbar_l.white {
    background: #fff;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #F5F5F5
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #fff
}

::-webkit-scrollbar-thumb {
    background-color: #738091;
}

@media screen and (max-width:1200px) {
    .box_tit_c {
        margin-bottom: 20px;
    }

    .box_tit_c p {
        margin-bottom: 15px;
    }

    .top_search {
        display: none;
    }

    .phoneclear {
        overflow: hidden
    }

    .main_box,
    .mid_box {
        margin: 0;
    }

    /*.left {
        float: none;
    }

    .right {
        float: none
    }*/
}

.clear {
    clear: both;
}


.box_more {
    color: #47617f;
    padding-left: 40px;
    border: 1px #738091 solid;
    transition: all 0.5s;
    border-radius: 20px;
    position: relative;
    line-height: 37px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 14px;
}

.box_more span {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    line-height: 40px;
}

.box_more i {
    border-radius: 50%;
    transform: rotate(270deg);
    display: inline-block;
    background: #738091;
    color: #fff;
    font-size: 30px;
    padding: 5px;
    transition: all 0.5s;
    vertical-align: middle;
    left: -1px;
    position: absolute;
    top: 0;
    transition: all 0.5s;
}

.box_more:hover {
    background: #747f91;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 34px;
}

.box_more:hover i {
    left: 100%;
    margin-left: -40px;
}

.hidden {
    display: none
}

header .logo {
    display: inline-block;
    vertical-align: middle;
    float: left;
    /* margin-top: 5px; */
}

header nav {
    box-sizing: content-box;
    z-index: 2;
    display: inline-block;
    vertical-align: middle;
}
header nav ul.main_box {
    display: flex;
    justify-content: space-between;
    flex-flow: nowrap;
}
header nav li {
    position: relative;
    text-align: center;
    padding: 0 1rem;
}

header nav ol {
    display: inline-block;
}

header nav a {
    text-transform: uppercase;
    display: block;
    font-size: 1.25rem;
    transition: all 0.5s;
    color: #666666;
    padding-bottom: 6px;
    border-bottom: 2px #fff solid;
}

header nav li:hover,
header nav li.hover {
    /* background-color: #1d2088; */
}
header nav li:hover a,
header nav li.hover a{
     border-bottom: 2px #ccc solid;
}
header nav li.lang:hover {
    background-color: #fff;
}
header nav li a:hover {}

header nav li .sub_nav {
    position: absolute;
    z-index: 999999;
    visibility: hidden;
    background: #faf9f7;
    opacity: 0;
    transition: all .3s;
    transform-origin: top center;
    margin: 0;
    top: 100%;
    left: -25%;
    padding: 10px 0;
}

header nav li .sub_nav.open {
    visibility: visible;
    opacity: 0.4;
    transform: rotateX(0)
}
header nav li.has_menu:hover .sub_nav {
    visibility: visible;
    opacity: 1;
    transform: rotateX(0);
}
.sub_nav li {
    display: block;
    line-height: 2;
    width: 100%;
    text-align: center;
}

header nav li .sub_nav a {
    display: block;
    color: #666;
    border: none;
    padding: 0 10px;
    white-space: nowrap;
    font-size: 0.835rem;
}
header .menu_bar p {
    position: absolute;
    left: 0;
    width: 100%;
    padding-top: 10px;
    font-size: 12px;
}

.lang_box {
    /* line-height:96px; */
    /* display: inline-block; */
}

.lang_box img {
    /*margin: 0 5px;*/
}
.select_img {
    cursor: pointer;
}
header {
    background-color: #fff;
    margin-bottom: 1.25rem;
    padding-top: 5rem;
    z-index: 9999;
    position: relative;
    border-bottom: #7d7d7d 1px solid;
    padding-bottom: 1rem;
    font-weight: normal;
}
header .main_box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
header nav li .sub_nav a:hover {
    color: #ffffff;
    background: #666;
}

header nav li .sub_nav a.back_nav {
    display: none;
}

header .menu_bar {
    position: absolute;
    top: 40px;
    right: 2%;
    display: none;
    margin-top: -6px;
    padding: 12px;
    width: 22px;
    height: 20px;
    cursor: pointer;
}

header .menu_bar .box {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

header .menu_bar .line {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #7d7d7d;
    transition: width .3s ease 0s;
}

header .menu_bar .line1 {
    top: 0;
    width: 12px
}

header .menu_bar .line2 {
    top: 6px;
    width: 20px
}

header .menu_bar .line3 {
    top: 13px;
    width: 16px
}

header .menu_bar p {
    position: absolute;
    left: 0;
    color: #fff;
    width: 100%;
    padding-top: 10px;
    font-size: 12px;
}

header .close_menu_bar {
    display: none
}

.nav_tel {
    display: none;
}



@media screen and (max-width:1200px) {
    .top_h1 {
        margin: 0;
        border: 0;
        padding-left: 0;
    }

    header .logo {
        margin-bottom: 0;
    }

    header {
        position: relative;
        border-bottom: 1px #eee solid;
        padding: 15px 0;
    }

    .top_r {
        display: none;
    }

    .top_line {
        display: none;
    }

    .top_rt {
        display: none;
    }

    header nav a {
        border-radius: 0;
        color: #282828;
        padding: 15px;
    }
    header nav li {
        margin: 0;
    }

    header nav li .sub_nav a {
        color: #000;
    }

    header nav li .sub_nav a:hover {
        background: #333333;
        color: #fff;
    }

    header nav li .sub_nav a.back_nav {
        display: block;
        background: url(../images/tna2.png) 10px 50% no-repeat #333333;
        color: #fff;
    }

    header .tel_logo img {
        height: 60px;
        padding: 10px;
    }

    .head_block {
        display: block
    }

    header .menu_bar {
        display: block;
    }

    header .menu_bar.close {
        display: block
    }

    header .menu_bar.close .line1,
    header .menu_bar.close .line2,
    header .menu_bar.close .line3 {
        width: 100%
    }

    header nav {
        position: fixed;
        top: 0;
        left: 100%;
        z-index: 99999;
        margin-left: 40%;
        width: 60%;
        height: 100%;
        background: #fff;
        transition: left .5s;
    }

    header nav.open {
        left: 0
    }


    header nav.open ul {
        overflow-x: hidden;
        overflow-y: scroll;
        top: 0;
        left: 100%;
        display: block;
        width: 100%;
        height: 100%;
        transform: rotateX(0deg);
        margin: 0;
    }

    header .close_menu_bar {
        display: block;
        height: 55px;
        background-color: #333
    }

    header .close_menu {
        float: right;
        display: inline-block;
        margin-top: 22px;
        margin-right: 7.8%;
        width: 17px;
        height: 17px;
        background: url(../images/close.png) no-repeat center;
        cursor: pointer;
    }

    header nav li {
        display: block;
        border-bottom: 1px #eee solid;
        position: unset;
        width: 100%;
        float: none;
        line-height: 25px;
        padding: 0;
    }

    .sub_nav li {
        line-height: 60px;
    }

    .lang {
        padding-top: 0;
    }

    .lang a.cn,
    .lang a.en {
        background-image: none;
    }

    .nav_pc {
        display: none;
    }

    .nav_tel {
        display: block;
    }

    header nav li .sub_nav.open {
        left: 0;
        border-radius: 0;
        opacity: 1;
        background-color: #fff;
    }

    .search_b {
        display: none;
    }
}

#home_banner {
    width: 100%;
}

#home_banner li img {
    display: block;
    width: 100%;
}
#home_banner .wave_box {
    position: absolute;
    z-index: 999;
    bottom: 30px;
    left: 48%;
}
#home_banner .wave_t{
    text-align: center;
}
#home_banner .wave_box .swiper-pagination-bullet {
    background-color: #ededed;
    height: 5px;
    width: 15px;
    margin: 0 5px;
}
#home_banner .wave_box .swiper-pagination-bullet-active {
    background-color: #f9792e;
}
@media screen and (max-width: 1440px) {
    .banner_box .bbar {
        margin: 0;
    }
}

@media screen and (max-width: 1200px) {
    #home_banner li {
        background-position: 50% 50%;
        background-size: cover;
    }

    #home_banner .page_spot a {
        width: 10px;
        height: 10px;
    }
}

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

@media screen and (max-width: 768px) {
    #home_banner li {
        height: 240px;
    }

    #home_banner li img {
        display: none;
    }
}

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

.head_block {
    background: #fff;
    display: none;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    text-align: center;
}

.lang-box {
    padding-top: 26px;
}

footer {
    background: #b4b4b4;
    padding-top: 55px;
}


.page_num {
    display: block;
    display: flex;
    overflow: hidden;
    /* padding: 15px; */
    text-align: center;
    justify-content: center;
    width: 100%;
}

.page_num li {
    display: inline-block;
    margin: 0 5px;
    border: 1px #eee solid;
    background: #fff
}

.page_num li.active,
.page_num li:hover {
    background: #c5b6a3;
}

.page_num li.active span,
.page_num li:hover a {
    color: #fff
}

.page_num a,
.page_num span {
    display: block;
    padding: 10px;
    color: #b5b5b5;
    font-size: 14px
}

.page_num a:hover,
.page_num span {
    color: #b5b5b5
}

.page_tit .p2 span {
    margin-right: 15px;
}

.page_break {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.page_break a {
    width: 48%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.page_break a:hover {
    color: #014099;
}

.page_break span {
    display: inline-block;
    vertical-align: middle
}

.page_break .icon_ar_l,
.page_break .icon_ar_r {
    font-size: 16px
}

.show_wap {
    display: none;
}
.f_nav {
    float: left;
    color: #fff;
    display: inline-block;
    font-weight: normal;
}
.f_nav ul {
    margin: 0;
}
.f_nav li {
    width: 178px;
    float: left;
}
.f_nav li p {
    font-size: 17px;
    margin-bottom: 20px;
}
.f_nav li a {
    display: block;
    transition: all 0.5s;
    color: #fff;
    line-height: 32px;
    font-size: 14px;
    margin-bottom: 3px;
    /* font-family: "SourceHanSansCN Medium"; */
}
.f_nav li a:hover {
    color: #282828;
}
.foot_down {
    margin-top: 70px;
    /*line-height: 65px;*/
    /* background-color: #f1f1f1; */
    color: #fff;
}
.foot_down .main_box {
    display: flex;
    align-items: center;
    height: 65px;
    border-top: 1px solid #fff;
}
.foot_down a {
    color: #fff;
}
.foot_down .right {
    display: inline-block;
}
.foot_down .right a {
    display: inline-block;
    margin-left: 30px;
}
#map img {
        max-width: none;
    }
.pic_list {
    padding: 50px 0;
}
.pic_list .pic_box{
    width: 33%;
    /* float: left; */
    text-align: center;
}
.page_wraper {
    padding: 40px;
}
.pre-text {
    white-space: pre;
}