/*header*/
.indexTop .main-nav{top:0;}
.index-body .main-nav{top:0;z-index:1;}
.index-body .top{top:0;}
.indexTop.option .top,.indexBot.option .top{top: 0;}
.top{position:fixed;top:-200px;left: 0;z-index:1000;width: 100%;transition: all .7s linear;-webkit-transition: all .7s linear;}
.main-nav{border-radius:0;margin-bottom:0;border:0;position:relative;}
.indexBot .main-nav{box-shadow: 0 0 10px rgb(0 0 0 / 15%);}
.header{background-color: rgba(0,0,0,.5);}
.navbar-main{background-color: rgba(0,0,0,.45);border-top:1px solid #888b92;position:relative;}
.indexBot.showdiv .header,.index-body .header,.indexBot.showdiv .navbar-main,.index-body .navbar-main{background-color:#ffffff}
.header-main{width:100%;position:relative;}
.topnav{line-height:33px;margin-right:20px;}
.topnav a{color:#ddd;}
.topnav-list li{color:#ddd;float:left;line-height:33px;position:relative;}
.topnav-list li a{display:block;color:#ddd;font-size:16px;padding:0 10px;position:relative;}
.topnav-list li a:after{content: '';height:12px;width: 1px;background: rgba(255,255,255,.6);right: 0;top:50%;margin-top:-6px;position: absolute;}
.topnav-list li:last-child a:after{display: none}
.topnav-list .sub-menu{position:absolute;top:28px;right:0;z-index:15;width:100%;background-color:#fff;text-align:center;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);border-top:3px solid #eb9c18;display:none;}
.topnav-list .sub-menu a{float:left;width:100%;line-height:30px;display:block;font-size:14px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.topnav-list .sub-menu a:hover{color:#0751a1}
.topnav-list li:hover .sub-menu{display:block;}
.topnav-list a:hover{color:#1a96d5;}
.top-search a{display:block;float:left;width:33px;height:33px;line-height:33px;color:#fff;margin:0 10px;text-align:center;border:1px solid #ffffff;border-radius:50%;}
.top-search .navbtn{position:relative;text-indent: -99999px;}
.dropdown-search .navbtn:after{background: url(images/search3.png) center no-repeat;}
.navbtn:after{content: "";display: block;position: absolute;left:0;top: 0;right: 0;bottom: 0;background: url(images/search.png) center center no-repeat;}
.search-form{min-width:200px;}
.form-control{height:50px;padding:4px 12px;background-color: transparent;border-right:0;border-radius:0;}
.search-form .btn{width:50px;height:50px;border-radius:0;border-left:0;background: url(images/search2.png) center center no-repeat;}
.indexTop .topbox.showdiv .top{background: #fff;box-shadow: 0px 1px 2px #dcdcdc;}
.indexBot{position: fixed; top: 100%;left: 0; width: 100%; z-index:2000;overflow: hidden;transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;outline: none;bottom: 0;padding-top:260px;background-color:#fff;overflow:auto;outline:none;}
.indexBot  ::-webkit-scrollbar {width:8px !important;}
.indexBot.showdiv{top: 0;}
.navbar>.container .navbar-brand{margin-left:0;}
.navbar-brand{padding:31px 15px;height:auto;transition:.5s;}
.navbar-brand>img{max-width:100%;max-height:70px;}
.nav>li>a:focus,.nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{color:#ffffff;background-color:transparent;font-weight:bold;}
.navbar-link>li>a{color:#ffffff;font-size:18px;position:relative;}
.navbar-link li{position:static;}
.navbar-link li a{display: block;text-align: center;font-size:18px;padding:15px 0;position: relative;overflow: hidden;}
/*.navbar-link li a:before{display: block;content: "";position: absolute;left: 50%;-webkit-transform: translateX(-50%)scale(0);bottom:0;width:100%;height:4px;background: #f0831e;-webkit-transition: all .3s linear;}
.navbar-link li.open a:before{-webkit-transform: translateX(-50%)scale(1)}*/
/* .dropdown-menu2{position: absolute;top:100%;right:0;width:100%;display:none;}
.dropdown-item{width:100%;position:relative;padding:40px 20px 100px 20px;background:#0f69ab;}
.dropdown-item:after{width:50%;height:100%;content:'';background:#0f69ab;position:absolute;top:0;right: -50%;z-index: -1;}
.dropdown-item .container{padding-left:10px;padding-right:10px;}
.dropdown-item .dropdown-frame img{width:100%;height:auto;}
.dropdown-item .dropdown-summary{padding-left:70px;}
.dropdown-item .dropdown-summary a{color:#ffffff;font-size:16px;padding:0;text-align:left;}
.dropdown-item .dropdown-summary h4{color:#ddd;margin-bottom:35px;}
.dropdown-item .dropdown-summary p{font-size:16px;color:#ddd;}
.dropdown-item .dropdown-summary p.last{margin-bottom:45px;}
.dropdown-item .dropdown-subcolumn{width:100%;border-right:1px solid #d7d8d9;}
.dropdown-item .dropdown-subcolumn li{margin-bottom:10px;margin-right:0;}
.dropdown-item .dropdown-subcolumn li a{font-size:16px;color:#ffffff;height:30px;line-height:30px;padding:0;text-align:left;}
.dropdown-item .dropdown-subcolumn li a:after,.dropdown-menu2 .dropdown-subcolumn li a:before{display:none;}
.dropdown-item .dropdown-subcolumn li a:hover{color:#f0831e;} */
.dropdown-menu2 li{ float: none; margin:0;    padding-left: 35px; }
.dropdown-menu2{position: absolute;display: none;padding-top: 15px;width: 125%;margin-left: -30px;/* left: 50%; */background:#0f69ab;}
.dropdown-menu2 li a{ display: block; font-weight: normal; font-size: 16px;color: #fff; line-height: 30px; text-align: left; }
.dropdown-menu2 li a:hover{ text-decoration:none !important; }
.dropdown-menu2 li a:hover{color:#f0831e;text-transform: none;}
.dropdown-menu2 li:hover .nav-down{ display: block; }



.nav .open .dropdown-menu2{display:block;}
.navbar-link2 .dropdown-menu{position:absolute;top:100%;left:50%;z-index:99;padding:5px 0;box-shadow: 0 0 10px rgb(0 0 0 / 30%);background: #fff;border-radius: 0 0 10px 10px;transform: translateX(-50%);transition: .3s;}
.navbar-link2 .dropdown-menu:after{content: '';height: 3px;width: 100%;position: absolute;left: 0;top: 0;background:#0056a1;}
.navbar-link2 .dropdown-menu li a{color:#333;display: block;font-size:16px;padding: 0 13px;margin-bottom: 1px;background: #fff;white-space: nowrap;line-height:45px;text-align:center;}
.navbar-link2 .dropdown-menu li a:hover{color:#f0831e;background-color:#8ec5f6;}
.dropdown-menu, .dropdown-menu > li > a {-webkit-border-radius: 0px;-moz-border-radius: 0px;-o-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;font-weight: normal;}
.dropdown-menu {border:none;-webkit-box-shadow: 0 3px 12px rgba(0,0,0,.05);box-shadow: 0 3px 12px rgba(0,0,0,.05);-webkit-transition: .25s;-o-transition: .25s;transition: .25s;}
.navbar-toggle .icon-bar{background-color:#ffffff;}
.big-nav{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;background-color: rgba(0,0,0,.9);color: #fff;padding-top:100px;opacity: 0;visibility: hidden;transition: .3s}
.ht-logo { width: 50%; padding: 0 50px; position: absolute; top:37px; }
.ht-logo img {max-width:100%;height:30px;}
.big-nav .close {width: 31px;height: 31px;background-image: url(images/close.png) ;background-repeat: no-repeat;background-position: center center;position: absolute;right: 50px;top: 50px;z-index: 1;opacity: 1;}
.mode-search {width:100%;height: 50px;}
.mode-search .h_green{ display:none;}
.mobile-btn{display:none;}
.toplink{padding: 8px 0;}
.toplink ul li {display:inline-block;font-size: 16px;line-height: 1;margin-bottom: 8px;}
.toplink ul li a{display:inline-block;color:#808080;padding: 0 15px;border-right:1px  rgba(255,255,255,.5) solid ;}
.toplink ul li:last-child a{border: none; padding-right: 0; }
.toplink .topnav-list li a:after{display:none;}
.big-nav .scroll{margin-top:50px;/* overflow-y:auto; */}
.big-nav .scroll ul{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
.big-nav .scroll li{width: calc(100% / 10);height: auto;line-height:1.5;}
.big-nav .scroll li h3{font-size:24px;margin:0;font-weight: bold;border-bottom: 1px #808080 solid;padding-bottom:25px;margin-bottom:30px;}
.big-nav .scroll li a{color:#808080;font-weight:normal;}
.big-nav .scroll li a:hover{color:#DB2B17}
.big-nav .scroll li .list{padding-right: 10px;}
.big-nav .scroll li .list h4{margin-bottom:20px;line-height: 1.5;}
.big-nav .scroll li .list h4 a {display: inline-block;border-bottom: 1px transparent solid;padding-bottom: 5px;font-size: 16px;transition: all .35s;}
.big-nav .scroll li .list h4:hover a {color: #0f69ab !important;border-color: #0f69ab;transition: all .35s;} 
.big-nav .scroll ul li:hover a { color: #fff; }
.big-nav .topnav-list li,.big-nav .topnav-list li a{color:#666}
.big-nav .topnav-list li a:after{background:rgba(102,102,102,.6)}
body.navShow {overflow: hidden;position: fixed;width: 100%;height: 100%}
body.navShow .big-nav {opacity: 1;visibility: visible;}
body.navShow .indexTop .navbar-link{opacity: 0;visibility: hidden;position: absolute}
body.navShow .indexTop .navbar-header{top: -30px;}
body.navShow .indexTop .top-inner{transform: translateY(30px);}
.index-banner{width:100%;height: 100vh;overflow: hidden;}
/*footer*/
.footer{background-color:#0f69ab;position:relative;}
.footer>.container>.row{margin:0;}
.footer-left{min-height:300px;padding:35px 25px 0;border-left:1px solid #5695c4}
.footer-logo img{width:inherit;max-width:100%;max-height:85px;}
.footer-icons{margin-bottom:20px;position:relative;z-index:100;}
.footer-icons .pic{text-align:center;}
.footer-icons .pic img{max-width:50px;height:auto;margin:0 auto;}
.footer-icons h5{color:#fff;font-size:12px;margin-top:5px;text-align:center;}
.footer-icons .code,.follow-icons .code{position:absolute;bottom:100%;left:50%;margin-left:-50px;margin-bottom:10px;margin-top:15px;padding:10px;width:100px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15);box-sizing:border-box;visibility: hidden;opacity: 0;transform:translateY(-10px);transition:all 0.2s ease-out 0s;z-index: 99;}
.footer-icons .code:after,.follow-icons .code:after{content:'';position:absolute;left:50%;top:100%;margin-left:-8px;width:0;height:0;border:8px solid transparent;font-size:0;border-top-color:#fff;}
.footer-icons .code img,.follow-icons .code img{width:100%;height:auto;}
.footer-icons:hover,.follow-icons:hover{opacity:0.8;}
.footer-icons:hover .code,.follow-icons:hover .code{visibility:visible;opacity:1;transform:none;}
.footer-follow{padding-left:20px;}
.follow-icons{float:left;margin:15px 5px;position:relative;z-index:100;}
.follow-icons .tit img{max-width:48px;height:auto;display:block;}
.copyright p:first-child{color:#87b4d5;line-height:20px;margin:30px 0 35px;}
.copyright{color:#fff;line-height:20px;}
.copyright a{color:#fff;}
.footer-contact{min-height:300px;padding:35px 30px 0;border-left:1px solid #5695c4;border-right:1px solid #5695c4;}
.footer-contact h4{font-size:14px;color:#fff;margin-bottom:5px;}
.footer-contact p{color:#87b4d5;margin-bottom:15px;}
.footer-right{min-height:300px;padding:100px 0 0;border-right:1px solid #5695c4;}
.footer-border{padding:0 30px 15px;border-bottom:1px solid #5695c4;}
@media (min-width: 992px){
    .top-right{margin-top:50px;margin-right:17px;}
    .top-right2{position:absolute;top:20px;right:0;}
    .top-right2 .topnav-list li,.top-right2 .topnav-list li a{color:#666;}
    .indexTop .navbar-nav{width:100%;position:relative;display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;}
    .indexTop .navbar-nav>li{padding-left:9%;}
    .indexTop .navbar-nav>li:first-child{padding-left:0;}
    .indexTop .navbar-nav>li>a{text-align:center;}
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0px;}
    /*.navbar-right .dropdown-menu {left:50%;right:auto;bottom:auto;width:180px;margin-left:-90px;}*/
    .indexBot .navbar-brand,.index-body .navbar-brand{padding:15px 15px;}
    .indexBot .navbar-brand>img,.index-body .navbar-brand>img{height:80px;}
    .navbar-right{margin-top:40px;height:70px;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;}
    .navbar-right>li>a{color:#333 !important;line-height:40px;padding:15px 25px;}
}
@media (min-width: 1500px){
    .indexBot .dropdown-menu2 .col-md-3,.index-body .dropdown-menu2 .col-md-3{width:15%;}
    .indexBot .dropdown-ul1 .col-md-3,.index-body .dropdown-ul1 .col-md-3{width:20%;}
    .indexBot .dropdown-menu2 .col-md-4,.index-body .dropdown-menu2 .col-md-4{width:40%;}
}
@media (min-width: 1440px){
 	.container {
     	width: 1420px;
 	}
}
@media (max-width: 1500px){
    .container {
        width: auto;
        padding-left:40px;
        padding-right:40px;
    }
}
@media (max-width: 1400px){
  
}
@media (max-width: 1500px) and (min-width:1200px){
    .indexTop .navbar-nav>li{padding-left:10%;}
    .navbar-right>li>a{padding:15px 15px;}
    .indexBot .dropdown-menu2 .col-md-3{width:40%;}
    .indexBot .dropdown-menu2 .col-md-4{width:60%;}
}
@media (max-width: 1200px) and (min-width:992px){
    .navbar-header{top:0;}
    .indexTop .navbar-brand>img{height:60px;}
    .indexBot .navbar-brand>img{height:60px;}
    .indexTop .navbar-nav>li{padding-left:8%;}
    .navbar-right>li>a{padding:15px 15px;}
    .indexBot .dropdown-menu2 .col-md-3{width:40%;}
    .indexBot .dropdown-menu2 .col-md-4{width:60%;}
}
@media (max-width: 1200px){
    .container {
        padding-left:20px;
        padding-right:20px;
    }
}
@media (max-width: 999px){
    .container {
        padding-left:10px;
        padding-right:10px;
    }
}
@media (max-width: 991px){
    .header{background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0));}
    .indexBot .top{display: none;}
    .indexTop .top,.index-body .top{top:0;}
    .main-nav.mobile .header{background: #0f69ab;}
    .index-body .header{background:#ffffff;}
    .index-body .navbar-toggle .icon-bar{background-color:#0f69ab;}
    .navbar-link li{margin-right:0;}
    .dropdown-menu2{position:static;}
    .dropdown-item{padding:15px;}
    .dropdown-item .dropdown-subcolumn{border-right:none;}
    .top .container-fluid{padding:0 10px;}
    .index-banner{height:auto;}
    .indexBot{width:auto;top:0;height:auto;position:static;opacity: 1;padding-top:0;}
    .navbtn{transition: all .35s;}
    .navbtn:after{display:none;}
    .an{transform: translateX(100%);transition: all .35s;}
    .big-nav .scroll li h3{font-size:18px}
    .big-nav .scroll li .list h4{font-size:16px;margin-bottom:10px;}
	.topright{position:static;}
    .navbar-toggle{margin-right:0;}
    .navbar-brand{height:50px;padding:10px 10px;}
	.topbanner img{max-width:100%;height:auto;min-height:50px;}
    .navbar-menu{background-color:#878a9a;}
    .navbar-logo>img{max-width:100%;height:30px;}
    .navlist li{width:auto;text-align:left;}
	.navbar-nav>li>a{padding:10px 10px;height:inherit;line-height:inherit;text-align:left;}
    .navbar-link>li:nth-child(6){margin-left:0;}
    .topbox.showdiv .dropdown-menu li a{color:#fff;}
    .navlist .dropdown-menu li a{text-align:left;}
    .navlist>li> a:after{bottom:0;}
    .footer-nav>li{margin-bottom:20px;}
    .footer-icons .tit{font-size:0;background-position: center center;}
    .footer{padding-top:20px;}
    .footer-flex .footer-logo{padding-right:20px;}
    .copyright p:first-child{margin:15px 0;}
    .footer-contact{border:0;padding:20px 0 0;}
    .footer-ab{position:absolute;bottom:15%;right:0;}
    .footer-mobile-copyright{border-top:1px solid #fff;padding:10px 0;color:#fff;}
    .footer-mobile-copyright a{color:#fff;}
}
@media (max-width:800px){
    .pc{display:none;}
    .ht-logo{display:none !important;}
    .big-nav{padding-top:18px;}
    .topnav-list li a{font-size:14px;color:#808080;}
    .big-nav .scroll ul{position:relative;}
    .big-nav .scroll li{width:100%;}
    .big-nav .scroll li h3{font-size:15px;border-bottom:0;padding-bottom:5px;margin-bottom:5px;overflow:hidden;}
    .big-nav .scroll li h3 a{color:#fff;display:inline-block;float: left;width: 75px;line-height:30px;}
    .big-nav .scroll li .list{padding-left:0;display: none;position: absolute;left: 100px;top: 0px;width: calc(100% - 100px);z-index: 2;height: auto;overflow-y: auto;}
    .big-nav .scroll li .list h4{width:100%; float:left; border-bottom:1px #666 solid;margin-bottom:10px;}
    .big-nav .scroll li .list h4 a{padding-top:7px;width:100%; float:left; line-height:18px;color:#FFF; font-size:14px !important;}
    .big-nav .scroll li:hover h3 a{color:#0f69ab;}
    .big-nav .scroll li:hover i.mdui-icon{color:#0f69ab !important;}
    .big-nav .scroll li:hover .list{ display: block;}
    .mobile-search {margin-left: -20px;height: 40px;width: calc(100% + 30px);border-top: 1px #666 solid;border-bottom: 1px #666 solid;margin-top:15px;}
    .search-form {width: calc(100% - 135px); height: 100%;float: left ;border: none;}
    .form-control{height:40px;border:0;}
    .search-form .btn{height:40px;border:0;}
    .mobile-search .mobile-btn {display: block;width: 42px !important;height: 38px !important;line-height: 38px !important;position: relative;float: right;right: 0 !important;top: 0 !important;text-align: center;font-size: inherit;border-left: 1px solid #666;}
    .mobile-search .mobile-btn a{display:block;height: 38px !important;line-height: 38px !important;margin: auto !important;}
    .mobile-en a {color: #666 !important;}
    .big-nav .mobile-search .mobile-close{background-image: url(images/close2.png);}
    .big-nav .mobile-search .mobile-home{background: url(images/home2.png) center center no-repeat;}
    .big-nav .mobile-search .search-form .btn{background: url(images/search4.png) center center no-repeat;}
}
@media (max-width:480px){
    .footer-follow{padding-left:0;}
    .follow-icons .tit img{max-width:36px;}
}