html, body { overflow-x: hidden;}
.inline-block,[inline-block]{display:inline-block;*display:inline;zoom:1;vertical-align: top;}
.flex { display: flex;}
.align-items{align-items:center}
.jc-around{justify-content: space-around;}
.jc-between{justify-content: space-between;}
.flex-wrap{flex-wrap: wrap;}
.border-top{border-top: 1px solid rgba(0, 0, 0, 0.08);}
.animate05{-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
.bgf1{background:#f1f1f1;}
.bgff{background:#ffffff;}
.bgf9{background:#f9f9f9;}

*, *::before, *::after{box-sizing: border-box;}
.clearfix { *zoom: 1; }
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0px; visibility: hidden; content: "."; }

.clear,.cl {clear:both;}
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}
.fl,.l{float:left;}
.fr,.r{float:right;}

.pr{position: relative;}
.pa{position: absolute;}
.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.pt5  {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.ptb80{padding:80px 0;}
.pb5  {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb50 {padding-bottom:50px;}
.over{overflow: hidden;}

.container {max-width:1470px; width:100%; height: 100%;}
#Wrapper {max-width: 100%!important; width: 100%!important; margin: 0!important;}

.ellip1{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ellip2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellip3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.guang{position: relative;overflow: hidden;}
.guang:after{content: '';position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);}
.guang:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}

/*header*/
.header {width:100%;background:#fff;height:90px; padding:0px 0px 0;position:fixed;left:0;top:0;z-index:20;
    -webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.header.sticker {padding-top:0;background:#fff;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1);box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}
.header_logo {float:left;display: flex;height:100%;align-items: center;}
.header_logo img{height:60px;}
.header_logo img.logo_small {display:none}

.header_lang {float:right;display:flex;height:100%;align-items: center;margin-left:20px;}
.header_lang span {display:inline-block;vertical-align:top;font-size:20px;color:#333;font-family:'KiroRegular';-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.header_lang li {list-style-type:none;display:inline-block;vertical-align:top;font-size:20px;color:#333;font-family:'KiroRegular';-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.header_lang li.current-lang {display:none}
.header_lang i {font-size:20px; vertical-align:top;margin-top:6px;width:10px;height:10px;
    -webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.header_lang:hover span {color:#10559a}
.header_lang:hover li {color:#10559a}
.header_lang:hover i {color:#10559a}
/*.header_lang {float: right;font-size:18px;margin-left:20px;position: relative;outline: 0;display:flex;height:100%;align-items: center;}
.header_lang i {font-size:18px;vertical-align:top;}
.header_lang .lan_qr {width:auto;padding:0 25px; background:#fff;box-shadow: 0 0 5px #ccc;line-height:45px;
    position: absolute;font-size: 15px;text-align: center; right:-40%; top:60px;z-index:9;transform-origin:0 0;
    transform:rotateX(-90deg);transition:600ms ease;}
.header_lang .lan_qr i{font-size: 12px;padding-right:5px;}
.header_lang:hover .lan_qr {transform:rotateX(0deg);}
.header_lang:hover,.header_lang:hover li {color:#10559a}
*/

.header_search {float:right;width:40px;display:flex;height: 100%;align-items: center;justify-content: center; background:none;border:none;outline:0}
.header_search i {font-size: 20px;}
.header_search:hover i {color:#10559a}
.search_content{ position: fixed; left:0; top:0; right:0; bottom:0; z-index:100; height:100%; width:100%;background: rgba(0,0,0,0.7); display:none}
.search_input{ position:fixed; top:50%; left:30%; width:40%; margin-top:-33px; z-index:20001; font-size:16px;display:none }
.search_input .input_area{ float:left; width:90%; background-color:#FFFFFF;border-top-left-radius: 35px;border-bottom-left-radius: 35px; height:66px; line-height:66px; text-indent:35px; border:0; color:#666666; font-size:14px;}
.search_input .input_submits{ float:left; width:10%;border-top-right-radius:35px;border-bottom-right-radius: 35px; background:#fff url(../images/search.png) no-repeat 0 center; height:66px; line-height:66px; border:0;
 color:#FFFFFF; font-weight:bold;font-size:14px;}

.header_navigation {float:right;margin-right:40px}
.header_navigation>ul {margin:0;padding:0}
.header_navigation>ul>li {display:block;float:left;padding:0 25px;position:relative}
.header_navigation>ul>li>a {display:block;font-size:16px;line-height:90px;color:#333;position:relative;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.header_navigation>ul>li>a:before {content:'';display:block;width:0px;height:4px;line-height:4px;background-color:#10559a;position:absolute;left:50%;top:80%;z-index:2;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.header_navigation>ul>li.select a{color:#10559a;font-weight: 700;}
.header_navigation>ul>li.select a:before{width:40px;left:50%;margin-left:-20px}

.header_navigation>ul>li .subnav {opacity: 0; min-width:160px;padding-top:1px;visibility:hidden;
    position:absolute;left:50%;top:120px;-webkit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);transform:translate(-50%,0);transition:all .5s; }
.header_navigation>ul>li .subnav .sub-menu {margin:0;padding:10px 20px 20px;background:#10559a;-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px}
.header_navigation>ul>li .subnav .sub-menu li {display:block;text-align:center}
.header_navigation>ul>li .subnav .sub-menu li a {display:block;color:#fff;font-size:14px;line-height:50px;position:relative;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.header_navigation>ul>li .subnav .sub-menu li a:after {content:'';display:block;width:100%;height:1px;line-height:1px;background-color:#fff;position:absolute;left:0;bottom:0;z-index:2;opacity:.1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.header_navigation>ul>li .subnav .sub-menu li a:hover {color:#fff}
.header_navigation>ul>li .subnav .sub-menu li a:hover:after {opacity:.5}
.header_navigation>ul>li.on>a,.header_navigation>ul>li:hover>a {color:#10559a;font-weight:bold}
.header_navigation>ul>li.on>a:before,.header_navigation>ul>li:hover>a:before {width:40px;left:50%;margin-left:-20px}
.header_navigation>ul>li.on .subnav,.header_navigation>ul>li:hover .subnav {visibility:visible;  opacity: 1;top:90px;}
.header_navigation>ul>li.current-post-parent>a,.header_navigation>ul>li.current_page_item>a,.header_navigation>ul>li.current-menu-item>a,.header_navigation>ul>li.current-menu-ancestor>a {color:#10559a;font-weight:bold}
.header_navigation>ul>li.current-post-parent>a:before,.header_navigation>ul>li.current_page_item>a:before,.header_navigation>ul>li.current-menu-item>a:before,.header_navigation>ul>li.current-menu-ancestor>a:before {width:40px;left:50%;margin-left:-20px}
@media (max-width:1400px) {
    .header_navigation {margin-right:30px}
    .header_navigation>ul>li {padding:0 20px}
}
@media (max-width:1280px) {
    .header_navigation {margin-right:10px}
    .header_navigation>ul>li {padding:0 15px}
}
@media (max-width:1199px) {
    .header_navigation>ul>li {padding:0 10px}
    .header_navigation>ul>li>a{font-size: 15px;}
}
@media (max-width:991px) {
    .header_navigation {display:none}
}

.nav_wap{display:none}
.a_js {float:right; display: none;right: 0;width:25px;transition:all .5s}
.a_js i{font-size: 20px;}

/*二维码*/
.hide_box{z-index:999;filter:alpha(opacity=50);background:#000;opacity: 0.6;-moz-opacity: 0.6;left:0;top:0;height:99%;
    width:100%;position:fixed;display:none;}
.shang_box{width:280px;height:330px;padding:10px;background-color:#fff;border-radius:10px;
    position:fixed;z-index:1000;left:50%;top:50%;transform: translate(-50%,-50%); border:1px dotted #dedede;display:none;}
.shang_close {float:right;display:inline-block;font-size:25px;line-height: 20px;}
.shang_tit{width: 100%;height:45px;text-align: center;line-height:40px;color: #a3a3a3;font-size: 16px;
    margin-top:35px;margin-right:2px;}
.shang_tit p{color:#a3a3a3;text-align:center;font-size:16px;}
.shang_payimg{width:200px;padding:0px;border:1px solid #888;margin:0 auto;border-radius:3px;height:200px;}
.shang_payimg img{display:block;text-align:center;width:100%;height:100%; }


/*广告样式*/
.topCon100 {width:100%;margin:0 auto;padding-top:90px;position: relative;z-index: 1;}
.a-swiper{width: 100%;}
.a-swiper .swiper-slide { width: 100%; display: flex; justify-content: center; }
.a-swiper .swiper-slide img {width: 100%; min-height: 200px;object-fit: cover;}
.page-ban { width: 100%; display: flex; justify-content: center; }
.page-ban img { max-width: 100%; }
/*.a-swiper .a-page{display: none;}*/
.a-page .swiper-pagination-bullet{width:16px;height:16px;opacity: 0.6;background:transparent;bottom:5%;
  cursor:pointer; position: relative;border:1px solid transparent;border-radius: 50%;margin:0 5px;}
.a-page .swiper-pagination-bullet:after{position: absolute;content:'';display: block;width:8px;height: 8px;left:50%;top:50%;
transform:translate(-50%,-50%); background: #ffffff; border-radius: 50%; }
.a-page .swiper-pagination-bullet-active{border-color:#ffffff;opacity: 1;}
.a-swiper .a-prev,.a-swiper .a-next{position: absolute;top:50%;transform: translateY(-50%);width: 42px;height: 42px;z-index: 3;
  cursor: pointer;opacity: 0;transition: 0.36s ease-in-out;}
.a-swiper .a-prev{left:4.5%;background: url(../images/icon_bprev.png)no-repeat;background-position: center 15px;}
.a-swiper .a-next{right: 4.5%;background: url(../images/icon_bnext.png)no-repeat;background-position: right 8px top 15px;}
.a-swiper .a-prev:after,.a-swiper .a-next:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 4px solid #fff;transform: rotateZ(45deg);z-index: 2;}
.a-swiper:hover .a-prev{opacity:0.5;left:7.5%;}
.a-swiper:hover .a-next{opacity:0.5;right:7.5%;}

.n_banner {position:relative;}
.n_banner h4.title {display:block;width:100%;margin:0;padding:0px 0 0;text-transform:uppercase;
    text-align:center;font-size:46px;color:#fff;font-weight:bold;text-shadow:0px 0px 6px #000;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);
    transform:translateY(-50%);z-index:2}
.n_banner img {width:100%;min-height:150px;}



/**/
#Subheader {background: url(../images/about_us_banner.jpg) no-repeat center 0;
    height: 250px;color:rgba(252,252,252,0.6);}
#Subheader .title {float: left; font-size: 30px;line-height: 32px;font-weight: 600;color: #fcfcfc;
        width: 50%;height: 100%;display: flex;align-items: center;}
#Subheader .breadcrumbs{width: 50%;display: block; margin: 1px 0 0; height: 100%;display: flex;align-items: center;justify-content: flex-end;
    font-size:14px;float: right;text-align: right;}
#Subheader .breadcrumbs a{color:rgba(252,252,252,0.6);}
#Subheader .breadcrumbs span{padding:0 5px;}
 
/*底部*/
.footDiv{ padding:75px 0;background: #29292c;}
.footDiv .leftDiv{float:right; width:300px;text-align: center;}
.footDiv .logo{ display: block; padding-bottom: 30px; }
.footDiv .tel{ color: #fff; font-size: 22px; }
.footDiv .address{ line-height: 24px; color: #999;padding-top:5px; }
.footNav{float:left; width:70%; }
.footNav li{ float: left; width:18%; color: #999; }
.footNav li h2{ height: 40px; color: #fff; }
.footNav li dd{ height: 24px; line-height: 30px; }
.footNav li dd a{ display: block; color: #999;font-size: 14px;}
.footNav li dd a:hover{ color: #37c3e3; }
.footNav li[content]{width:25%;}
.footNav li .twxe{line-height: 30px;font-size: 14px;}
.footDiv2{line-height: 40px; background: #0d0d0e;text-align: center;color: #999;font-size: 14px;}
.footDiv2 a:link,.footDiv2 a:visited{color: #999;}


@media only screen and (max-width: 1400px){
    .n_banner h4.title {font-size:40px}

    
}

@media only screen and (max-width: 1280px){
    .header_logo img{height: 50px;}
    .search_input{width:70%;left:15%;}
    
}

@media only screen and (max-width: 1199px){
    .ptb80{padding:70px 0;}
    .pt80{padding-top:70px;}

    .header_logo img{height: 48px;}
    
    .ny_banner .skw h5{font-size: 36px;}
    .footNav li{width:23%;}
    .footNav li[content]{display: none;}
    .footDiv .leftDiv{width: 30%;}
    .n_banner h4.title {font-size: 36px;}

}

@media only screen and (max-width: 991px){
    .ptb80{padding:60px 0;}
    .pt80{padding-top:60px;}
    .search_input{width:80%;left:10%;}

    .a_js {display:flex;height: 100%;align-items: center;margin-left:20px;}
    .nav_wap{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
    .nav_wap .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
    .nav_wap .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
    .nav_wap .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
    .nav_wap .div3 ul{padding-left:5%;padding-right:5%}
    .nav_wap .div3 ul li{border-bottom:1px solid #232530}
    .nav_wap .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
    .nav_wap .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .nav_wap .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .nav_wap .div3 ul li .a_txt2{display:none}
    .nav_wap .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}

    #Subheader {height: 200px;}
    #Subheader .title{width: 100%;font-size:24px;justify-content: center;}
    #Subheader .breadcrumbs{display: none;}

    .footNav{display: none;}
    .footDiv{ padding: 45px 0 20px; height:auto;}
    .footDiv .leftDiv{ width: auto; padding-left: 10px; padding-right:10px; float: none;}
    .footDiv .logo{ padding-bottom: 20px; text-align:center; }
    .footDiv .tel{ font-size: 22px;  text-align:center;}
    .footDiv .address{ line-height: 22px; padding-bottom:10px; text-align:center;}

}
@media only screen and (max-width: 767px){
    .ptb80{padding:40px 0;}
    .pt80{padding-top:70px;}

    .header{height: 60px;}
    .header_logo img.logo_small {display:block;}
    .header_logo img.logo_big {display:none}
    .header_search{width: 20px;}
    .search_input .input_area{width: 80%;}
    .search_input .input_submits{width: 20%;background-position:center center;}
    .topCon100{padding-top:60px;}
    .n_banner h4.title {font-size:30px}
    #Subheader {height: 150px;background-position: center center;}

}