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: "SourceHanSansCN",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: #43374f;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: "SourceHanSansCN",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 (min-width: 1500px){
    html, body{font-size: 16px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    html, body{font-size: 16px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    html, body{font-size: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    html, body{font-size: 14px;}
}
@media (max-width: 767px){
    html, body{font-size: 15px;}
}
@font-face{
    font-family: 'SourceHanSansCN'; 
    src:url('../fonts/SourceHanSansCN.eot');
    src:url('../fonts/SourceHanSansCN.woff') format('woff'),
        url('../fonts/SourceHanSansCN.ttf') format('truetype'),
        url('../fonts/SourceHanSansCN.svg') format('svg');
}





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

/*
.navbar{background: #fff;}
.navbar-brand{font-size: 14px; margin:0px;}
.navbar-toggler{background: url(../images/menu.png) center center no-repeat; background-size: 100%;}
.navbar-nav{padding: 0px;}
.navbar-expand-lg .navbar-nav li{position:relative;}
.navbar-expand-lg .navbar-nav .nav-link{position:relative;}
.navbar-expand-lg .navbar-nav .active .nav-link:after,.navbar-expand-lg .navbar-nav li:hover .nav-link:after{display: inline-table;  width:100%; background: url(../images/index_14.png) center center no-repeat; background-size: auto 100%; content:""; position:absolute; left: 0px;}
.navbar-nav .active{}


.dropdown-menu{left: 50%; transform: translate(-50%,0);  text-align: center; line-height: 2; background:#fff; border:0px #fff solid; border-top:2px #142e59 solid; padding: 0px;}
.dropdown-menu a{line-height: 2; border-bottom: 1px #eee solid; display: block; padding: 5px 0px;}
.navbar-nav .nav-item:hover .dropdown-menu{display: block;}

.nav_search{width: 24px; background: url(../images/index_06.png) center center no-repeat;}
.nav_mobile div{background: url(../images/index_47.jpg) center center no-repeat; background-size: 100% 100%; border-radius: 20px; line-height: 40px; display: inline-table;}
.nav_mobile span{padding-left: 35px; background: url(../images/index_08.png) center left no-repeat;color: #fff; display: block;}

.dropdown-submenu {
  position: relative;
}
 
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}




@media (min-width: 1800px){
    .header_height{height: 100px;}
    .navbar{padding:0px; font-size: 18px;}
    .navbar .container{width: 100%; padding: 0px 4%; max-width: 1800px;}
    .navbar-brand{padding: 27px 0px;}
    .navbar-brand img{height: 46px;}
    .navbar-expand-lg .navbar-nav li{line-height: 100px;}
    .navbar-expand-lg .navbar-nav .nav-link{padding:0px 20px;}
    .navbar-expand-lg .navbar-nav .active .nav-link:after,.navbar-expand-lg .navbar-nav li:hover .nav-link:after{ bottom: 18px; height:10px;}
    
    .navbar-expand-lg .navbar-nav li:nth-child(3) .dropdown-menu{width: 300px;} 
    .dropdown-menu a{font-size: 16px;}

    .nav_search{margin: 0px 50px;}
    .nav_mobile div{padding: 0px 30px;}
}
@media (min-width: 1500px) and (max-width: 1799px){
    .header_height{height: 90px;}
    .navbar{padding:0px; font-size: 17px;}
    .navbar-brand{padding: 22px 0px;}
    .navbar-brand img{height: 46px;}
    .navbar-expand-lg .navbar-nav li{line-height: 90px;}
    .navbar-expand-lg .navbar-nav .nav-link{padding:0px 15px;}
    .navbar-expand-lg .navbar-nav .active .nav-link:after,.navbar-expand-lg .navbar-nav li:hover .nav-link:after{ bottom: 12px; height:9px;}

    .navbar-expand-lg .navbar-nav li:nth-child(3) .dropdown-menu{width: 300px;} 
    .dropdown-menu a{font-size: 16px;}

    .nav_search{margin: 0px 30px;}
    .nav_mobile div{padding: 0px 25px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .header_height{height: 80px;}
    .navbar{padding:0px; font-size: 16px;}
    .navbar-brand img{height: 40px;}
    .navbar-expand-lg .navbar-nav li{line-height: 80px;}
    .navbar-expand-lg .navbar-nav .nav-link{padding:0px 10px;}
    .navbar-expand-lg .navbar-nav .active .nav-link:after,.navbar-expand-lg .navbar-nav li:hover .nav-link:after{ bottom: 10px; height:8px;}

    .navbar-expand-lg .navbar-nav li:nth-child(3) .dropdown-menu{width: 300px;} 
    .dropdown-menu a{font-size: 16px;}

    .nav_search{margin: 0px 20px;}
    .nav_mobile div{padding: 0px 20px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .header_height{height: 70px;}
    .navbar{padding:0px; font-size: 15px;}
    .navbar-brand img{height: 38px;}
    .navbar-expand-lg .navbar-nav li{line-height: 70px;}
    .navbar-expand-lg .navbar-nav .nav-link{padding:0px 6px;}
    .navbar-expand-lg .navbar-nav .active .nav-link:after,.navbar-expand-lg .navbar-nav li:hover .nav-link:after{ bottom: 8px; height:7px;}

    .navbar-expand-lg .navbar-nav li:nth-child(3) .dropdown-menu{width: 280px;} 
    .dropdown-menu a{font-size: 15px;}

    .nav_search{margin: 0px 18px;}
    .nav_mobile div{padding: 0px 10px;}
}
@media (min-width: 992px){

}
@media (max-width: 991px){
    .header_height{height: 64px;}
    .navbar-brand img{height: 40px;}
    .navbar-collapse{background: rgba(255,255,255,1); padding: 2em 4%; position: fixed; left: 0px; top: 64px; width: 100%;}
    .navbar-nav .nav-item a{border-bottom: 1px #eee solid; }
    .navbar-toggler{padding: 0.25rem 0.25rem;}
    .nav_mobile div{line-height: 2; margin: 10px 0px; padding: 0px 10px;}
}
@media (max-width: 991px){
    
}
@media (min-width: 992px){
    .navbar-nav a{}
    .dropdown-menu{left: 50%; transform: translate(-50%,0); }

}




*/

.navbar{background: #fff;}
.navbar-toggler{background: url(../images/menu.png) center center no-repeat; background-size: 100%;}


.navbar .navbar-nav li{position:relative;}
.navbar .navbar-nav .nav-link{position:relative;}

.navbar-nav .active{}


.navbar-nav .nav-item:hover .dropdown-menu-er{display: block;}
.dropdown-menu{line-height: 2; background:#fff; border:1px #fff solid; border-top:0px #000 solid; padding: 0px; border-radius: 0px;}


.dropdown-menu-er .dropdown-submenu{line-height: 2; border-bottom: 1px #eee solid; display: block; padding: 5px 0px; text-align:left;}
.dropdown-menu-er>li:hover .dropdown-menu-san{display: block;}





.nav_search{width: 24px; background: url(../images/index_06.png) center center no-repeat;}
.nav_mobile div{background: url(../images/index_47.jpg) center center no-repeat; background-size: 100% 100%; border-radius: 20px; line-height: 40px; display: inline-table;}
.nav_mobile span{padding-left: 35px; background: url(../images/index_08.png) center left no-repeat;color: #fff; display: block;}


@media (min-width: 1800px){
    .header_height{height: 100px;}
    .navbar{padding:0px; font-size: 18px;}
    .navbar .container{width: 100%; padding: 0px 4%; max-width: 1800px;}
    .navbar-brand{padding: 27px 0px;}
    .navbar-brand img{height: 46px;}
    
    .navbar .navbar-nav .nav-item{}
    .navbar .navbar-nav .nav-link{padding:0px 20px; line-height: 100px;}
    .navbar .navbar-nav .active .nav-link span,.navbar .navbar-nav li:hover .nav-link span{ bottom: 18px; height:10px;}
    
    .dropdown-menu{font-size: 16px;}
    .dropdown-menu-er{width: 240px;}
    .dropdown-menu-er>li{padding: 0px 20px;}

    .nav_search{margin: 0px 50px;}
    .nav_mobile{line-height: 100px;}
    .nav_mobile div{padding: 0px 30px;}
}
@media (min-width: 1500px) and (max-width: 1799px){
    .header_height{height: 90px;}
    .navbar{padding:0px; font-size: 17px;}
    .navbar-brand{padding: 22px 0px;}
    .navbar-brand img{height: 46px;}
    
    .navbar .navbar-nav .nav-item{}
    .navbar .navbar-nav .nav-link{padding:0px 15px; line-height: 90px;}
    .navbar .navbar-nav .active .nav-link span,.navbar-expand-lg .navbar-nav li:hover .nav-link span{ bottom: 12px; height:9px;}
    
    .dropdown-menu{font-size: 15px;}
    .dropdown-menu-er{width: 240px;}
    .dropdown-menu-er>li{padding: 0px 20px;}

    .nav_search{margin: 0px 30px;}
    .nav_mobile{line-height: 90px;}
    .nav_mobile div{padding: 0px 25px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .header_height{height: 80px;}
    .navbar{padding:0px; font-size: 16px;}
    .navbar-brand{padding: 20px 0px;}
    .navbar-brand img{height: 40px;}
    
    .navbar .navbar-nav .nav-item{}
    .navbar .navbar-nav .nav-link{padding:0px 10px; line-height: 80px;}
    .navbar .navbar-nav .active .nav-link span,.navbar-expand-lg .navbar-nav li:hover .nav-link span{ bottom: 10px; height:8px;}
    
    .dropdown-menu{font-size: 14px;}
    .dropdown-menu-er{width: 240px; font-size: 14px;}
    .dropdown-menu-er>li{padding: 0px 20px;}

    .nav_search{margin: 0px 20px;}
    .nav_mobile{line-height: 80px;}
    .nav_mobile div{padding: 0px 20px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .header_height{height: 70px;}
    .navbar{padding:0px; font-size: 15px;}
    .navbar-brand img{height: 38px;}
    
    .navbar .navbar-nav .nav-item{}
    .navbar .navbar-nav .nav-link{padding:0px 6px; line-height: 70px;}
    .navbar .navbar-nav .active .nav-link span,.navbar-expand-lg .navbar-nav li:hover .nav-link span{ bottom: 8px; height:7px;}
    
    .dropdown-menu{font-size: 14px;}
    .dropdown-menu-er{width: 240px; font-size: 14px;}
    .dropdown-menu-er>li{padding: 0px 20px;}

    .nav_search{margin: 0px 18px;}
    .nav_mobile{line-height: 70px;}
    .nav_mobile div{padding: 0px 10px;}
}
@media (min-width: 992px){

}
@media (max-width: 991px){
    .header_height{height: 64px;}
    .navbar-brand img{height: 40px;}
    
    .nav_mobile div{line-height: 2; margin: 10px 0px; padding: 0px 10px;}
}
@media (max-width: 991px){
    .header_height{height: 64px;}
    .navbar-brand img{height: 40px;}
    .navbar-collapse{background: rgba(255,255,255,1); padding: 2em 4%; position: fixed; left: 0px; top: 64px; width: 100%;}
    .navbar-nav .nav-item a{border-bottom: 1px #eee solid; }
    
    .navbar-nav .dropdown .nav-link span{position:absolute; right: 0px; top: 50%; width: 15px; height:15px; background: url(../images/jiantou.png)  center center no-repeat; background-size: 100% 100%; transform: translate(0,-50%);}

    .dropdown-menu-er{padding-left: 20px;}
    .dropdown-menu-er .dropdown-submenu{position:relative;}
    .dropdown-menu-er .dropdown-submenu span{position:absolute; right: 0px; top: 50%; width: 15px; height:15px; background: url(../images/jiantou.png)  center center no-repeat; background-size: 100% 100%; transform: translate(0,-50%);}


    .navbar-toggler{padding: 0.25rem 0.25rem;}
    .nav_mobile div{line-height: 2; margin: 10px 0px; padding: 0px 10px;}
}
@media (min-width: 992px){
    .navbar .navbar-nav .active .nav-link span,.navbar .navbar-nav li:hover .nav-link span{display: inline-table;  width:100%; background: url(../images/index_14.png) center center no-repeat; background-size: auto 100%; content:""; position:absolute; left: 0px;}

    .dropdown-menu{ box-shadow: 0px 0px 5px #ccc;}
    .dropdown-menu-er{left: 50%; transform: translate(-50%,0);}
    .dropdown-menu-san{left: 100%; top: 0px;}
}














.search_bg{background: rgba(0,0,0,0.8); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999999; display: none;}
.search_alert{background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.search_alert input{float: left;}
.search_alert input.txt{background: none; border:0px #eee solid; text-indent: 10px; }
.search_alert .sub{text-align: center; background:url(../images/indexfff_06.png) center center no-repeat #10387d; border:1px #10387d solid; color: #fff; text-indent: -999px; border-radius: 0px; width: 80px;}
.search_bg a.close{position: absolute; right: 5%; top: 5%;  display: inline-table; background: url(../images/close.png) center center no-repeat; background-size: 100%; }


@media (min-width: 1500px){
    .search_alert{width: 600px;}
    .search_alert input,.search_alert .sub{height: 75px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .search_alert{width: 500px;}
    .search_alert input,.search_alert .sub{height: 70px;font-size: 18px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .search_alert{width: 400px;}
    .search_alert input,.search_alert .sub{height: 70px;font-size: 16px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .search_alert{width: 300px;}
    .search_alert input,.search_alert .sub{height: 70px;font-size: 15px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (max-width: 768px){
    .search_alert{width: 80%;}
    .search_alert input,.search_alert .sub{height: 50px;font-size: 1.1em;}
    .search_bg a.close{width: 50px; height: 50px;}
}

.text_center{text-align:center;}
.text_right{text-align:right;}

.footer{background: url(../images/indexbg_04.jpg) center center no-repeat; background-size: cover; color: #fff;}
.footer a{color: #fff;}
.footer{}


.foot_contact li p{font-size: 14px;line-height: 2;}
.foot_contact li h3,.foot_contact li h4{line-height: 1.8;}


.footer_top .right ul{display: -webkit-flex; -webkit-justify-content: space-between; display: flex; justify-content: space-between;}
.footer_top .right ul li{float: left;}
.footer_top .right ul li a{display: block;}
.footer_top .right ul li .link  a{line-height: 2;}
.footer_top .right ul li h3{line-height: 2; font-weight: bold;}

.footer_bot{position:relative; font-size: 14px; line-height: 2;}
.footer_bot a{display: inline-table;}
.footer_bot .right{position:absolute; right: 0px; bottom: 0px;}
@media (min-width: 1500px){
    .foot_logo{padding-bottom:20px;}
    .footer_top .right ul li h3{font-size: 20px; margin-bottom: 12px;}
    .foot_contact{padding-right: 30%;}
    .foot_contact li{margin-top: 30px;}
    .foot_contact li h3{font-size: 24px;}
    .foot_contact li h4{font-size: 18px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .foot_logo{padding-bottom:16px;}
    .footer_top .right ul li h3{font-size: 18px; margin-bottom: 10px;}
    .foot_contact{padding-right: 20%;}
    .foot_contact li{margin-top: 25px;}
    .foot_contact li h3{font-size: 20px;}
    .foot_contact li h4{font-size: 16px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .foot_logo{padding-bottom:12px;}
    .footer_top .right ul li h3{font-size: 16px; margin-bottom: 9px;}
    .foot_contact{padding-right: 12%;}
    .foot_contact li{margin-top: 20px;}
    .foot_contact li h3{font-size: 18px;}
    .foot_contact li h4{font-size: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .foot_logo{padding-bottom:10px;}
    .footer_top .right ul li h3{font-size: 15px; margin-bottom: 8px;}
    .foot_contact{padding-right: 12%;}
    .foot_contact li{margin-top: 16px;}
    .foot_contact li h3{font-size: 16px;}
    .foot_contact li h4{font-size: 14px;}
}
@media (max-width: 767px){
    .foot_logo{padding-bottom:0.8em;}
    .footer_top .right,.footer_bot .right{display: none;}
    .foot_contact li{margin-top: 0.5em;}
    .foot_contact li h3{font-size: 1.2em;}
    .foot_contact li h4{font-size: 1em;}

    .footer_bot{text-align:center;}
}
@media (min-width: 768px){
    .footer_top .left{float: left; width: 50%;}
    .footer_top .right{float: right; width: 50%;}

    .footer_bot .left{float: left;}
    .footer_bot .right{float: right;}
}





@media (min-width: 1500px){
    .margin_tb{margin: 60px 0px;}
    .margin_t{margin-top: 60px;}
    .margin_b{margin-bottom: 60px;}

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

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

    .padding_stb{padding: 35px 0px;}
    .padding_st{padding-top: 35px;}
    .padding_sb{padding-bottom: 35px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .margin_tb{margin: 50px 0px;}
    .margin_t{margin-top: 50px;}
    .margin_b{margin-bottom: 50px;}

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

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

    .padding_stb{padding: 30px 0px;}
    .padding_st{padding-top: 30px;}
    .padding_sb{padding-bottom: 30px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .margin_tb{margin: 40px 0px;}
    .margin_t{margin-top: 40px;}
    .margin_b{margin-bottom: 40px;}

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

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

    .padding_stb{padding: 25px 0px;}
    .padding_st{padding-top: 25px;}
    .padding_sb{padding-bottom: 25px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .margin_tb{margin: 30px 0px;}
    .margin_t{margin-top: 30px;}
    .margin_b{margin-bottom: 30px;}

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

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

    .padding_stb{padding: 20px 0px;}
    .padding_st{padding-top: 20px;}
    .padding_sb{padding-bottom: 20px;}
}
@media (max-width: 767px) {
    .margin_tb{margin: 1.6rem 0px;}
    .margin_t{margin-top: 1.6rem;}
    .margin_b{margin-bottom: 1.6rem;}

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

    .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;}
}
@media (min-width: 768px){
    
}


