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: #0d4070;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: 991px) and (max-width: 1500px){
    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: 14px;}
}
@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{padding:0px;}
.deepNav{background: url(../images/navbg.png) center center no-repeat; background-size: 100% 100%;}
.navbar-toggler{background: url(../images/menufff.png) center center no-repeat; background-size: 100%;}
.deepNav .navbar-toggler{background: url(../images/menu.png) center center no-repeat; background-size: 100%;}
.navbar-nav .nav-item{position: relative;}
.navbar-nav .nav-item .nav-link{line-height: 2; position: relative;}
.navbar-nav .nav-item .nav-link:after{content: ""; display: inline-table; position: absolute; bottom: 0px; left: 50%; background:#fff; width: 20px; height: 2px; transform: translate(-50%,0); display: none;}
.navbar-nav .nav-item:hover .nav-link:after,.navbar-nav .nav-item.act .nav-link:after{display: block;}
.navbar-nav .nav-item span{padding: 10px 0px; border:2px rgba(255,255,255,0) solid;}

.navbar-nav .zh_cn a{display: inline-table; border-radius: 50%; border:1px #fff solid; width: 25px; height: 25px; line-height: 23px; text-align:center; margin: 0px 4px;}
.navbar-nav .search a{text-transform:uppercase;display: inline-table; background: #0d4070; line-height: 40px; border-radius: 8px; padding:0px 15px;}
.navbar-nav .search a i{background: url(../images/index_05.png) center left no-repeat; padding-left: 25px;}

.nav_wap .zh_cnw a{display: inline-table; border-radius: 50%; border:1px #fff solid; width: 25px; height: 25px; line-height: 23px; text-align:center; margin: 0px 4px;}

.nav_wap .searchw a{text-transform:uppercase; background: url(../images/index_05.png) center center no-repeat #0d4070; border-radius: 5px; padding:7px 20px}
.navbar-nav .zh_cn a:hover,.navbar-nav .zh_cn a.act,.nav_wap .zh_cnw a:hover,.nav_wap .zh_cnw a.act{background: #0d4070; border-color: #0d4070;}

.dropdown-menu{text-align: center; line-height: 2; padding: 10px 10px; border-width: 0px;}
.dropdown-menu a{border-bottom: 1px rgba(255,255,255,0.4) solid; display: block; padding: 5px 0px;}

@media (min-width: 1500px){
    .navbar{height: 80px;}
    .navbar-brand img{height: 69px;}
    .navbar-nav{margin-left: 40px;}
    .navbar-nav>li{line-height: 80px; margin:0px 10px;}
    .navbar-nav .nav-item{padding: 0px 10px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .navbar{height: 80px;}
    .navbar-brand img{height: 69px;}
    .navbar-nav{margin-left: 40px;}
    .navbar-nav>li{line-height: 80px; margin:0px 8px;}
    .navbar-nav .nav-item{padding: 0px 8px;}
    
}
@media (min-width: 992px) and (max-width: 1199px){
    .navbar{height: 70px;}
    .navbar-brand img{height: 55px;}
    .navbar-nav{margin-left: 40px;}
    .navbar-nav>li{line-height: 70px; margin:0px 4px;}
    .navbar-nav .nav-item{padding: 0px 4px;}
    
}
@media (max-width: 991px){
    .navbar-nav .search,.navbar-nav .zh_cn{display: none;}
    .nav_wap{color: #fff; line-height: 50px;}
    .nav_wap a{color: #fff;}
    .nav_wap .zh_cnw{float: left;}
    .nav_wap .searchw{float: right; margin-left: 1em;}
    .navbar-brand img{height: 40px;}
    .navbar-collapse{background: rgba(255,255,255,1); padding: 2em 4%; position: fixed; left: 0px; width: 100%;top: 50px;}
    .navbar-nav .nav-item span{display: inline-table; width: 24px;height: 20px; background: url(../images/jia.png) center center no-repeat; background-size: 100% 100%;   position: absolute;  right: 2%; top: 18px; transform: translate(0,-50%);}
    .navbar-nav .nav-item a{border-bottom: 1px #eee solid; }
    .navbar-toggler{padding: 0.25rem 0.25rem;}
    
}
@media (max-width: 768px){
    .navbar-expand-lg>.container{padding:0px 2%;}
    
    .navbar-brand img{height: 40px;}
    .navbar-collapse{ top: 50px;}
    
}
@media (min-width: 992px){
    .nav_wap{display: none;}
    .navbar a,.navbar{color: #fff;}
    .navbar-collapse{float: right;}
    .navbar-nav .nav-item .nav-link{ display: inline-table;}
    .dropdown-menu{left: 50%; transform: translate(-50%,0); background:rgba(0,0,0,0.5);}
    .navbar-nav .nav-item:hover .dropdown-menu{display: block;}
}



.footer{background:url(../images/index_24.jpg) center center no-repeat; color: #fff; background-size: cover; line-height: 2;}
.footer a{color: #fff;}
.foot_nav{}
.foot_nav a{display: inline-table;}
.foot_contact p span{padding-left: 25px;}
.foot_contact p.email span{background: url(../images/index_68.png) center left no-repeat;}
.foot_contact p.phone span{background: url(../images/index_69.png) center left no-repeat;}
.foot_contact p.mobile span{background: url(../images/index_76.png) center left no-repeat;}
.foot_contact p.address span{background: url(../images/address.png) center left no-repeat; background-size: auto 90%;}
.foot_erweima li{display: inline-table; width: 38px; margin: 0px 5px; position: relative; cursor: pointer;}
.foot_erweima li em{position: absolute; left: 50%; bottom: 120%; transform: translate(-50%,0); display: block; width: 130px; z-index: 2; display: none;}
.foot_erweima li em img{width: 100%;}
.foot_erweima li:hover em{display: block;}
@media (min-width: 1500px){
    .footer{padding:50px 0px;}
    .footer .left{width: 30%;}
    .foot_nav{margin-top: 18px;}
    .foot_nav a{margin-right: 15px;}

    .footer .center{margin-left: 8%; font-size: 18px; line-height: 2.4;}
    .footer .right{padding-top: 40px;}
    .foot_icp{margin-top: 10px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .footer{padding:45px 0px;}
    .footer .left{width: 30%;}
    .foot_nav{margin-top: 16px;}
    .foot_nav a{margin-right: 15px;}

    .footer .center{margin-left: 8%; font-size: 17px; line-height: 2.5;}
    .footer .right{padding-top: 40px;}
    .foot_icp{margin-top: 10px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .footer{padding:40px 0px;}
    .footer .left{width: 30%;}
    .foot_nav{margin-top: 16px;}
    .foot_nav a{margin-right: 12px;}

    .footer .center{margin-left: 6%; font-size: 16px; line-height: 2.5;}
    .footer .right{padding-top: 40px;}
    .foot_icp{margin-top: 10px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .footer{padding:30px 0px;}
    .footer .left{width: 40%;}
    .foot_nav{margin-top: 16px;}
    .foot_nav a{margin-right: 12px;}

    .footer .center{float: right; font-size: 16px; line-height: 2.5;}
    .footer .right{display: none;}
    .foot_icp{margin-top: 10px;}
}
@media (max-width: 767px) {
    .footer{padding:1.6em 0px;}
    .footer .left{text-align:center;}
    .foot_nav{margin-top: 16px;}
    .foot_nav a{margin-right: 8px;}
    .footer .center{margin: 1em 0px;}
    .footer .right{text-align:center;}
    .foot_icp{margin-top: 10px;}
}
@media (min-width: 991px){
    .footer .left,.footer .center{max-width: 38%;}
    .footer .center{float: left;}
    .footer .right{max-width: 24%;}
}
@media (min-width: 768px){
    .footer .left{float: left;}
    .foot_copyright{margin-top: 2px;}
    
    .footer .right{float: right; text-align:right;}
}






.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 .txt{background: #fff; border:0px #eee solid; text-indent: 10px;}
.search_alert .sub{text-align: center; background:url(../images/shouye_06.png) center center no-repeat #0d4070; border:1px #0d4070 solid; color: #fff; text-indent: -999px;}
.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 input,.search_alert .sub{height: 75px;}
    .search_alert .txt{width: 620px; font-size: 20px;}
    .search_alert .sub{width: 100px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .search_alert input,.search_alert .sub{height: 70px;}
    .search_alert .txt{width: 540px; font-size: 20px;}
    .search_alert .sub{width: 80px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (min-width: 991px) and (max-width: 1199px){
    .search_alert input,.search_alert .sub{height: 70px;}
    .search_alert .txt{width: 450px; font-size: 20px;}
    .search_alert .sub{width: 70px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (min-width: 768px) and (max-width: 990px){
    .search_alert input,.search_alert .sub{height: 70px;}
    .search_alert .txt{width: 450px; font-size: 20px;}
    .search_alert .sub{width: 70px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (max-width: 767px){
    .search_alert{width: 80%;}
    .search_alert input,.search_alert .sub{height: 40px;}
    .search_alert .txt{width: 75%; font-size: 1.1em;}
    .search_alert .sub{width: 25%;font-size: 1.1em;}
    .search_bg a.close{width: 40px; height: 40px;}
}