body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;padding: 0;}
html {overflow-y: scroll;overflow-x: hidden;}
html, body {font-size: 16px; color: #333;font-family: "ALIBABA-PUHUITI-REGULAR",arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
a {color: #333;text-decoration: none;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
a:hover {color: #44374f;text-decoration: none;}
img {border: 0 none; max-width: 100%;}
ol, ul, li {list-style: none;}
div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}
input[type="submit"], input[type="reset"] {cursor: pointer;}
textarea{font-family: "ALIBABA-PUHUITI-REGULAR",arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.ov {overflow: hidden;}
input, textarea, select {outline: none;}
i,em{font-style: normal;}
h1,h2,h3,h4,b{font-weight: normal;}



@media (max-width: 1200px){
    html, body {font-size: 15px;}
}
@media (max-width: 991px){
    html, body {font-size: 14px;}
}


@font-face{
    font-family: 'ALIBABA-PUHUITI-REGULAR'; 
    src:url('../fonts/ALIBABA-PUHUITI-REGULAR.eot');
    src:url('../fonts/ALIBABA-PUHUITI-REGULAR.woff') format('woff'),
        url('../fonts/ALIBABA-PUHUITI-REGULAR.ttf') format('truetype'),
        url('../fonts/ALIBABA-PUHUITI-REGULAR.svg') format('svg');
}

@font-face{
    font-family: 'ALIBABAPUHUITI-3-35-THIN'; 
    src:url('../fonts/ALIBABAPUHUITI-3-35-THIN.eot');
    src:url('../fonts/ALIBABAPUHUITI-3-35-THIN.woff') format('woff'),
        url('../fonts/ALIBABAPUHUITI-3-35-THIN.ttf') format('truetype'),
        url('../fonts/ALIBABAPUHUITI-3-35-THIN.svg') format('svg');
}

@font-face{
    font-family: 'ALIBABA-PUHUITI-BOLD'; 
    src:url('../fonts/ALIBABA-PUHUITI-BOLD.eot');
    src:url('../fonts/ALIBABA-PUHUITI-BOLD.woff') format('woff'),
        url('../fonts/ALIBABA-PUHUITI-BOLD.ttf') format('truetype'),
        url('../fonts/ALIBABA-PUHUITI-BOLD.svg') format('svg');
}

.margin_tb{margin: 5rem 0px;}
.margin_t{margin-top: 5rem;}
.margin_b{margin-bottom: 5em;}

.padding_tb{padding: 5rem 0px;}
.padding_t{padding-top: 5rem;}
.padding_b{padding-bottom: 5rem;}

.margin_stb{margin: 3rem 0px;}
.margin_st{margin-top: 3rem;}
.margin_sb{margin-bottom: 3rem;}

.padding_stb{padding: 3rem 0px;}
.padding_st{padding-top: 3rem;}
.padding_sb{padding-bottom: 3rem;}


@media (max-width: 1600px){
    .margin_tb{margin: 4rem 0px;}
    .margin_t{margin-top: 4rem;}
    .margin_b{margin-bottom: 4rem;}

    .padding_tb{padding: 4rem 0px;}
    .padding_t{padding-top: 4rem;}
    .padding_b{padding-bottom: 4rem;}

    .margin_stb{margin: 2.5rem 0px;}
    .margin_st{margin-top: 2.5rem;}
    .margin_sb{margin-bottom: 2.5rem;}

    .padding_stb{padding: 2.5rem 0px;}
    .padding_st{padding-top: 2.5rem;}
    .padding_sb{padding-bottom: 2.5rem;}
}

@media (max-width: 1200px){
    .margin_tb{margin: 3rem 0px;}
    .margin_t{margin-top: 3rem;}
    .margin_b{margin-bottom: 3rem;}

    .padding_tb{padding: 3rem 0px;}
    .padding_t{padding-top: 3rem;}
    .padding_b{padding-bottom: 3rem;}

    .margin_stb{margin: 2rem 0px;}
    .margin_st{margin-top: 2rem;}
    .margin_sb{margin-bottom: 2rem;}

    .padding_stb{padding: 2rem 0px;}
    .padding_st{padding-top: 2rem;}
    .padding_sb{padding-bottom: 2rem;}
}

@media (max-width: 992px) {
    .margin_tb{margin: 2rem 0px;}
    .margin_t{margin-top: 2rem;}
    .margin_b{margin-bottom: 2rem;}

    .padding_tb{padding: 2rem 0px;}
    .padding_t{padding-top: 2rem;}
    .padding_b{padding-bottom: 2rem;}

    .margin_stb{margin: 1.5rem 0px;}
    .margin_st{margin-top: 1.5rem;}
    .margin_sb{margin-bottom: 1.5rem;}

    .padding_stb{padding: 1.5rem 0px;}
    .padding_st{padding-top: 1.5rem;}
    .padding_sb{padding-bottom: 1.5rem;}
}

@media (max-width: 768px) {
    .margin_tb{margin: 1.5rem 0px;}
    .margin_t{margin-top: 1.5rem;}
    .margin_b{margin-bottom: 1.5rem;}

    .padding_tb{padding: 1.5rem 0px;}
    .padding_t{padding-top: 1.5rem;}
    .padding_b{padding-bottom: 1.5rem;}

    .margin_stb{margin: 1rem 0px;}
    .margin_st{margin-top: 1rem;}
    .margin_sb{margin-bottom: 1rem;}

    .padding_stb{padding: 1rem 0px;}
    .padding_st{padding-top: 1rem;}
    .padding_sb{padding-bottom: 1rem;}
}




.middle{display: table-cell; vertical-align: middle; width: 1000px;}

.navbar{padding:0px; font-size: 1.24rem; background: #fff;color: #858683;}

.navbar a{color: #858683;}
.navbar a:hover{color: #333; text-decoration:underline;}
.navbar-brand img{height: 50px;}
.header_height{height:5.6rem;}
.navbar .container{width: 100%; padding: 0px 4%; max-width: 1920px;}
.navbar-collapse{position:relative;}
.navbar-expand-lg .navbar-nav .nav-link{padding: 0px;}
.navbar-nav .nav-item{padding: 0px;}

.navbar-nav .nav-item,.navbar .nav_search,.navbar .nav_mobile,.navbar .dian{height:5.6rem; line-height: 5.6rem; padding: 0px 1rem;}
.navbar .dian:first-child{display: none;}
.navbar .nav_search{margin-left: 1rem; height:5.6rem; width: 2rem;  background: url(../images/index_06.png) center center no-repeat;  background-size: 1.2rem; cursor: pointer;}
.navbar .nav_mobile{padding-right: 0px; margin-left: 1rem; color: #858683;}
.navbar .nav_mobile div{ padding-left: 2rem; background: url(../images/index_08.png) center left no-repeat; background-size: 1.3rem; font-size: 1.1rem;}

.dropdown-menu{text-align: center; line-height: 2; border-radius:0px; border:0px #fff solid;padding: 0px;  display: block; overflow: hidden; }
.navbar-expand-lg .navbar-nav .nav-item4 .dropdown-menu li{padding: 0px 1rem;}
.dropdown-menu a{display: block; padding: 5px 0px;}

@media (max-width: 1600px){
    .header_height{height:5rem;}
    .navbar-brand img{height: 40px;}
    .navbar-nav .nav-item,.navbar .nav_search,.navbar .nav_mobile,.navbar .dian{height:5rem; line-height: 5rem; padding: 0px 0.8rem;}
    .navbar .nav_search{margin-left: 0.8rem; height:5rem;}
    .navbar .nav_mobile{margin-left: 0.8rem;}

    .navbar-expand-lg .navbar-nav .nav-item4 .dropdown-menu li{padding: 0px 0.8rem;}
}
@media (max-width: 1200px){
    .header_height{height:4.5rem;}
    .navbar-brand img{height: 36px;}
    .navbar-nav .nav-item,.navbar .nav_search,.navbar .nav_mobile,.navbar .dian{height:4.5rem; line-height: 4.5rem; padding: 0px 0.6rem;}
    .navbar .nav_search{margin-left: 0.6rem; height:4.5rem;}
    .navbar .nav_mobile{margin-left: 0.6rem;}

    .navbar-expand-lg .navbar-nav .nav-item4 .dropdown-menu li{padding: 0px 0.6rem;}
}
@media (max-width: 991px){
    .header_height{height: 50px;}
    .navbar-expand-lg>.container{padding:0px 4%;}
    .navbar-brand{padding: 0.6rem 0px;}
    .navbar-brand img{height: 36px;}
    .navbar-toggler{background: url(../images/menu.png) center center no-repeat; background-size: 100%; padding: 0.15rem;}
    
    .dropdown-toggle::after{display: none;}
    .navbar-nav .dropdown span{display: inline-table; content: ""; width: 1.5rem; height: 1.5rem; background: url(../images/jia.png) center center no-repeat; background-size: 100% 100%; position: absolute; right: 2%; top: 1rem;}

    .navbar .dian{display: none;}
    .navbar li{ width: 100%;}
    .navbar li a{border-bottom: 1px #eee solid;}
    .navbar-nav .nav-item,.navbar .nav_mobile,.navbar .dian{line-height: 3.5rem; padding: 0px 0.6rem;}
    .navbar-nav .nav-item{position: relative; height:auto;}
    .navbar .nav_search{display: none;}
    .navbar .nav_mobile{margin-left: 0rem;}
    .main_ban .word{padding-top: 50px;}
    .dropdown-menu{display: none;}
    .dropdown-menu a{border-bottom: 1px #eee solid; }
}
@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .dropdown-menubg{background:#fff; position: fixed; left: 0px; width: 100%; }
    .navbar-expand-lg .navbar-nav .nav-item3.open .dropdown-menu,.navbar-expand-lg .navbar-nav .nav-item3.open .dropdown-menubg{height:22rem;}
    .navbar-expand-lg .navbar-nav .nav-item4.open .dropdown-menu,.navbar-expand-lg .navbar-nav .nav-item4.open .dropdown-menubg{height:4rem;}
    .dropdown-menu,.dropdown-menubg{height:0px;transition-duration: 400ms; transition-delay: 200ms;}
    .navbar-expand-lg .navbar-nav .dropdown-menu{top: 100%; left: 50%; transform: translate(-50%,0);}
    .nav-item4 .dropdown-menu li{ float: left; opacity: 0;transition: 250ms;}
    .navbar-expand-lg .navbar-nav .nav-item4 .dropdown-menu{left: 0px; transform: translate(0,0); width: 20rem;}
    .ulnav_erji{padding-left: 20%;}


    
    .open .dropdown-menu li {opacity: 1; transform: translate3d(0,0,0);}
    .open .dropdown-menu li:nth-child(1) {transition:transform 250ms 370ms,opacity 250ms 370ms;}
    .open .dropdown-menu li:nth-child(2) {transition:transform 250ms 440ms,opacity 250ms 440ms;}
    .open .dropdown-menu li:nth-child(3) {transition: transform 250ms 510ms,opacity 250ms 510ms}
    .open .dropdown-menu li:nth-child(4) {transition: transform 250ms 580ms,opacity 250ms 580ms}



    
}






input[type="text"]::-webkit-input-placeholder {color: #ccc; /* 设置占位文字颜色为红色 */ font-family: 'ALIBABAPUHUITI-3-35-THIN';}
.search_bg{background: #fff; position: absolute; top: 0px; right: 0px; width: 0px; height: 100%; z-index: 999; overflow: hidden;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.search_alert{position: absolute; top: 50%; right: 0px; border-bottom: 1px #ccc solid; transform: translate(0,-50%); width: 0px; height: 2rem; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; z-index: 9999; overflow: hidden;}
.search_alert input,.search_alert .sub{height: 2rem; font-size: 1rem;}
.search_alert input{float: left;}
.search_alert input.txt{border:0px #eee solid; text-indent: 10px; width: 90%; text-align: left; color: #858683;}
.search_alert .sub{float: left; text-align: center; background:url(../images/index_06.png) center right no-repeat; background-size: 1.1rem; border:0px #000 solid; color: #fff; text-indent: -999px; width:10%;}





.footer{}


.footbot{text-align: center; color: #666; font-size: 0.9rem; padding-bottom: 1rem;}
.footcontent{font-size: 1.2rem;}
.footcontent .desc,.footcontent .address{font-family: 'ALIBABAPUHUITI-3-35-THIN'; }
.footcontent .address{margin-top: 1rem;}
.footcontent .right ul{margin-top: 1rem;}
.footcontent .right ul li{float: left; width: 2rem; height:2rem; margin-right: 1rem; position: relative;}
.footcontent .right ul li .img{position: absolute; left: 50%; bottom: 100%; transform: translate(-50%,0); width: 12rem; box-shadow: 0px 0px 5px #eee; padding: 1rem; background: #fff; display: none;}

.footcontent .right ul li:hover .img{display: block;}
.footcontent .right a{display: block;}

@media (min-width: 768px){
    .footcontent{position: relative; }
    .footcontent .center{position: absolute; left: 50%; top: 0px; transform: translate(-50%,0);}
    .footcontent .right{position: absolute; right: 0px; top: 0px;}
}
@media (max-width: 767px){
    .footcontent .center,.footcontent .right,.footcontent .left{margin: 0.8rem 0px;}
}



.foot_to2p{position: fixed; bottom: 100px; z-index: 2; right: 30px;}
.foot_to2p a {border-radius: 22px; border: 1px solid #737578; background: url(../images/tutop.png) center center no-repeat #fff; background-size: 24px; display: block; height: 44px; opacity: 0; width: 44px; transition: 200ms; position: relative;}
.foot_to2p.scrolled a{opacity: 1;}

.foot_to2p a:hover{ background: url(../images/tutop2.png) center center no-repeat #737578; background-size: 24px;}