#sticky-header {
   padding: 20px 0; 
   
}

.header__transparent {
 
    position: fixed; 
	background:#ffffff;
    top: 0;
	width:100%;
    max-width: 1920px;
    margin: 0 auto;
    border-bottom: 0;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    z-index: 10;
}

.head-sm-height { height: 136PX}
.logo-sm-height{ height:42px; }
   
.r_menu { margin-right:0;    display: inline-block;     text-align: right;}
.r_menu  li {display: inline-block; width: auto; padding:10px; }	

.hamburger-menu { }

.dropdown-toggle::after { display:none}
.dropdown-menu { margin-top:10PX; padding: 0; }
.dropdown-menu li{ display:block; }
.dropdown-menu .dropdown-item{ display:block !important; }

.menu-btn{ width:18px; cursor:pointer; }
.menu-btn i{ display:block; background:#797979; border-radius:2px; height:2px; margin-top:5px; width:100%}

.searchbox { width:200px;  border:0; margin: 0; padding:0; background:none; margin-top:-30PX;     MARGIN-LEFT: -190PX; }

.menu-togglem .menu__bar {
    position: absolute;
    display: block;
    height: 2px;
    left: 6px;
    width: calc(100% - 12px);
    background: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
	
.menu-togglem .menu__bar:nth-child(1) {
    top: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.menu-togglem  .menu__bar:nth-child(2) {
    top: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
	
	
@media only screen and (max-width: 992px) {

	.head-sm-height { height: 90PX}
}
@media (max-width: 767px) {
	#sticky-header {
	   padding: 5px 0; 
	}
	.head-sm-height { height: 55PX}
	.logo-sm-height{ height:26px; }
	
	.r_menu  li {display: inline-block; width: auto; padding:8px; }	
	
	.searchbox { width:300PX;  border:0; margin: 0; padding:0; background:none; margin-top:10PX; margin-left:-100PX; }
	
 }	 
 
 .menubox { background-color:#277ba7}  
 
.pub_head{height:54px;width:100%; position: relative;min-width:100%;}
.pub_head.fixed{position: fixed;}
.pub_head .top_main {width:100%;margin: 0 auto;  position: relative;  }
.list_nav{height:54px;}
.pub_head .top_main .tnav{margin-left:0;float:left;display:inline;}
.pub_head.fixed .top_main .tnav{display: none;}
.pub_head .top_main .tnav .pnav{position:static;margin-right:3px; background:url(../images/menux.jpg)  right center no-repeat; }
.pub_head .top_main .tnav .pnav>a{color: #ffffff; padding-left:36px; padding-right:36px;}
.pub_head .top_main .tnav .pnav.more>a{color: #ffffff; }
.pub_head .top_main .tnav .pnav:hover>a{color: #ffffff;}
.pub_head .top_main .tnav .pnav .subnav{margin-left: 0;width: 100%;left: 0;top: 54px;box-shadow: none;min-height: 60px;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);background: #ffffff;top:54px\0}


.pub_head .top_main .tnav  .nobg { background: none !important; }
.pub_head .top_main .tnav .pnav.more{position: relative;}
.pub_head .top_main .tnav .pnav.more .subnav{margin-left: -68px;width: 136px;left: 50%;top: 54px;top:54px\0; padding:20px 20px;}
.pub_head .top_main .tnav .pnav.more .subnav .item{width: 100%; }
.pub_head .top_main .tnav .pnav.more .subnav ul{width: 100%;}
.pub_head .top_main .tnav .pnav.more .subnav ul li{width: 100%;  text-align:center}


.pub_head.fixed .login_out, .pub_head.fixed .login_in{margin-top: 0;}

 
.pnav{display:inline-block;margin-left:0px; float:left;position:relative}
.pnav>a{display:block;line-height:54px;font-size:16px;color:#fff;position:relative; }
.pnav>a:after{z-index:3;width:0; content:"";position:absolute;height:3px;bottom:0px;left:50%;transform:translateX(-50%);transition:all 0.4s;}
.pnav:hover>a{color:rgba(255,255,255,0.85)}

.pnav.more>a{position: relative;color: #fff;}
.pnav:hover>a:after{width:100%;background-color:#ffffff;z-index:4;}

/*导航下拉*/
.pnav .subnav{visibility:hidden;opacity:0;padding-bottom:12px;position:absolute; margin: 0 auto; width: 100%; left: 0; top: 54px; box-shadow: none; min-height: 100px; border-bottom-left-radius:4px;  border-bottom-right-radius:4px; padding:20px 20px;box-sizing:border-box;background-color:rgba(255,255,255,0.95);z-index:3;background: #fff\0;box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.05);}
.pnav:hover .subnav{display:block;visibility:visible;opacity:1}
.pnav .subnav .item div{color:#17A1FF;display:block;min-width:45px;line-height:22px;margin-top:12px;padding-left:6px;position:relative;text-align:left;margin-bottom:4px;font-weight:400;font-size:14px;}
.pnav .subnav .item div:before{content:'';position:absolute;width:2px;height:12px;border-radius:2px;bottom:5px;left:0;background-color:#17A1FF}
.pnav .subnav .item ul li{float:left;text-align:left;margin-bottom:8px;color:rgba(0,0,0,0.65);line-height:22px;display:inline-block;font-size:14px}
.pnav .subnav .item ul li a{color:#333;}
.pnav .subnav .item ul li a:hover{color:#277ba7}
.pnav.more .subnav{width: auto;margin-left: -70px;}
.pnav.more .subnav ul li{display: block;}
.pnav .subnav .tnav-tag ul li{min-width:140px;}
.pnav .subnav .tnav-tag ul li a,.pnav .subnav .h5-tag ul li a{color:#808080;}

.pnav .subnav .link_hbox  {   color:#212529;}
.pnav .subnav .link_hbox:hover { background-color:#006699; color:#FFFFFF;}

 .body-overlay {
  background-color:#277ba7;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1010;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear 0s;
  transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease; }
 .body-overlay.active {
    opacity: .98;
    visibility: visible; }


.close-mobile-menu {
  position: absolute;
  top: 25px;
  right: 25px;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.2);
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; 
  }
  .close-mobile-menu a {
    color: #ffffff;
    position: relative;
    z-index: 2;
    font-size: 18px;
    left: 0;
    display: block; }

.slide-bar {
  position: fixed;
  overflow-y: auto;
  top: 0;
    left: -100%;
    width: 100%;
  padding: 25px 20px;
  height: 100%;
  display: block;
  z-index: 1020;
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  padding-top: 60px;
  transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.slide-bar.show {
  left: 0; }
  
   .m_nav .m_navList{width:100%; height:100%;z-index:100;padding-top: 30px;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #68a5c5}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#ffffff;line-height:45px;padding-left:0px;}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px; color: #ffffff; box-sizing: border-box; padding:0 5px; display: block;  position: relative;}
   .icon span{  position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-width:  0px 0px 2px 2px;
    border-style: solid;
    border-color: initial;
    right: 16px;
    top: 50%;
    transform: rotate(-45deg) translateY(-50%);
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform-origin: top;
    -webkit-transform-origin: top;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
	
  .icon_on span{
    -webkit-transform: rotate(-225deg) translateY(-50%);
    transform: rotate(-225deg) translateY(-50%); }

   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:36px;line-height:36px; padding-left:5%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}


.fx_bg {
    height: 3px;
    background: url(../images/fm-bg.png) left center no-repeat;
}

.workbg {
  background: #FFFFFF url(../images/mbg3.png) top  center   repeat-y ;
  background-size: 100% auto; 
}

 .ysbg {
  background: #FFFFFF url(../images/mbg2.png) top  center   repeat-y ;
  background-size: 100% auto; 
}

.about-container {margin:0 auto}


.about-block:hover .about-photo .pho{transform:scale(1)}
.about-block{width:100%;display:-ms-flexbox;display:flex; height:auto; background-color:#f7f8fa;  /*box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);*/}
.about-block .about-info{width:50%; position:relative;   PADDING: 0px 60PX; box-sizing:border-box}
.about-block .about-info img { max-width:100%;}
.about-block .desc{ padding: 30px 50px;  letter-spacing:0;}
.about-block .desc img{ width:100%;}

.about-block .about-photo{-ms-flex:1;flex:1; position:relative;overflow:hidden; width:50%}
.about-block .about-photo .pho{display:block;width:100%;height:100%; background-size:cover!important}


.about-main{padding-bottom:5.2vw;min-height:30vw}
.about-more-btn{width:8.021vw;height:2.3vw;border:1px solid #666;margin:5.2vw auto 0;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:2px;transition:all .3s ease-in-out}
.about-more-btn span{font-size:.875rem;color:#282828;letter-spacing:0;text-align:center}
.about-more-btn i{font-size:.875rem;margin-left:15px;color:#282828;transform:scale(.7)}
.about-more-btn:hover{opacity:.7}

.link-box { display:table}
.link-list  {  width:20%; display: block ; float:left}
.link-list img{  width:100%;  }

@media only screen and (min-width: 769px) {
.about-block:nth-child(2n-1){-ms-flex-direction:row-reverse; flex-direction:row-reverse}
}



 @media (max-width: 767px) { 
   .workbg {
  background: #FFFFFF url(../images/mbg3-1.png) top  right  repeat-y ;
  background-size: auto 100%; 
   }
  .ysbg {
  background: #FFFFFF url(../images/mbg2-1.png) top  right  repeat-y ;
  background-size: auto 100%; 
   }
   
.about-block{width:100%; display:block;  height:auto; overflow:hidden;background:#fff;box-shadow:0 5px 15px 0 rgba(0,0,0,.1)}
.about-block .about-info{width:100%;padding:20px; display:block;  position:relative;box-sizing:border-box}
  
.about-block .about-photo{-ms-flex:0;flex:0;position:relative;overflow:hidden;  width:100%;  margin: 0; display: block;}
.about-block .about-photo .pho{display:block;width:100%;height:auto;background-size:cover!important}
.about-block .desc{font-weight:200; overflow:hidden; text-overflow:ellipsis;word-wrap:normal!important;word-wrap:normal\0!important}
.about-block .more{display:none}

.link-list{  width:33%;     FLOAT: left;}
 
  }
   

.auto-box{width:100%;height:auto;padding:30px 0 40px; }

.index-tserver{width:100%;background:url('../images/xiana.png')  left 125px no-repeat;box-sizing:border-box;text-align:center;padding:0}
.index-tserver li{width:24%;min-width:162px;height:162px;text-align:center;box-sizing:border-box;padding-top:106px;font-size:18px;color:#222222; font-weight:600;  display:inline-block;position:relative;cursor:pointer;margin-bottom:10px;margin-left:-0.1%}
.index-tserver li.tserver-list1{background:url('../images/server-icon1.png') no-repeat center top}
.index-tserver li.tserver-list2{background:url('../images/server-icon2.png') no-repeat center top}
.index-tserver li.tserver-list3{background:url('../images/server-icon3.png') no-repeat center top}
.index-tserver li.tserver-list4{background:url('../images/server-icon4.png') no-repeat center top}

.index-tserver li p{width:162px;height:162px;display:inline-block;position:absolute;top:0;left:50%;margin-left:-81px;border-radius:81px;padding:40px 30px;box-sizing:border-box;  text-align:center; font-size:14px;line-height:22px;background:linear-gradient(111deg,#41bde1,#1599bf);display:none; font-weight:400; }
.index-tserver li p a{color:#fff}
.index-tserver li p.animated{animation-duration:.5s;animation-fill-mode:both}
.index-tserver li:hover p{display:block}
.index-tserver-ad{width:100%;margin-top:60px;background:#f3f3f3;text-align:center;padding:40px 0}
.index-tserver-ad li{display:inline-block;color:#abb0b4;font-size:16px;padding:0 3%}
.index-tserver-ad li img{vertical-align:middle;display:inline-block;margin-right:5px}
.index-tserver-ad li+li{border-left:1px solid #e2e3e4}
.zoomin{animation-name:zoomin}


.h-adsFeatured-box .h-a-list-li{-webkit-clip-path: inset(-1px 0 0 -1px);/* clip-path: inset(-1px 0 0 -1px); */}

.h-adsFeatured-box {}
.h-adsFeatured-box .h-a-list-li{position: absolute;width:20rem;height:20rem; transition: clip-path 800ms cubic-bezier(.19,1,.22,1) 0.2s,-webkit-clip-path 800ms cubic-bezier(.19,1,.22,1) 0.2s;}
.h-adsFeatured-box .h-a-list-li1{right: 14rem;top:4rem;}
.h-adsFeatured-box .h-a-list-li2{right: 0rem;top:  8rem;}
.h-adsFeatured-box .h-a-list-li3{right: 8rem;top: 14rem;}
.h-adsFeatured-box .h-a-list-li4{right: 12rem;top: 18rem;}

.h-adsFeatured-box .h-a-list-li>a{width: 100%;height: 100%;display: block;overflow: hidden;}
 .h-adsFeatured-box .h-a-list-li>a>img{width: 100%;transition: all 0.5s;}
 .h-adsFeatured-box .h-a-list-li:hover a>img{transform: scale(1.0);}
 .h-adsFeatured-box .h-a-list-li:hover .h-up-layer{ width: 100%;height: 100%;background-size: cover;position: absolute;left: 0;top: 0;}

 .h-adsFeatured-box .h-a-list-li .h-down-content{ width: 100%;height: 100px;position: absolute;bottom: 0;left: 0; text-align:center;   box-sizing: border-box;overflow: hidden;}
 .h-adsFeatured-box .h-a-list-li .h-down-content>span{width: 60px;height: 2px;background: rgba(65, 180, 225, 0.8);display: inline-block; margin-top: 0.1rem; }
 .h-adsFeatured-box .h-a-list-li .h-down-content>div{font-size: 24px; color: #FFFFFF; font-weight:900; text-align:center;   margin-top: 0.14rem;overflow: hidden;width: 100%;text-overflow: ellipsis;white-space: nowrap;}
 .h-adsFeatured-box .h-a-list-li .h-down-content>p{font-size: 16px; color: #fff;margin-top: 0.08rem;overflow: hidden;width: 100%;text-overflow: ellipsis;white-space: nowrap;}
 
 .h-adsFeatured-box .h-a-list-li .h-en-layer{position: absolute;right: 0;bottom: 0;width: 50%;height: 40px;}
 .h-adsFeatured-box .h-a-list-li1 .h-en-layer{background: url(../images/en1.png) no-repeat;background-size: cover;}
 .h-adsFeatured-box .h-a-list-li2 .h-en-layer{background: url(../images/en2.png) no-repeat;background-size: cover;}
 .h-adsFeatured-box .h-a-list-li3 .h-en-layer{background: url(../images/en3.png) no-repeat;background-size: cover;}
 .h-adsFeatured-box .h-a-list-li4 .h-en-layer{background: url(../images/en4.png) no-repeat;background-size: cover;}



.psonsort>a.btn {
	border:1px solid #41bde1;
    border-radius: 4px;
    background-color: transparent;
    color: #19492d;
	padding: 6px 10px;
	margin-bottom:10px; margin-right:10px;
}

.psonsort>a.btn:hover{background-color: #41bde1; color:#FFFFFF }



.footer-boxm{width: 820px;}
.f-contact-box{margin-top: 0;}

.col-footer-layer{background: rgba(0, 0, 0, .6);filter: alpha(opacity=60);z-index: 90;height: 70px;position: fixed;bottom: 0;left: 0;width: 100%;}
.col-footer-layer .footerm{width: 780px;margin: 0 auto;position: relative;height: 100%;}
.col-footer-layer .f-contact-box{float: left;margin-top: 10px;}
.col-footer-layer .f-contact-icon{float: left;background: url(../images/dianhua.png) no-repeat;width: 58px;height: 48px;}
.col-footer-layer .f-contact-txt{float: left;margin-left: 6px;}
.col-footer-layer .f-contact-txt>p{font-size: 22px;color: #fff;font-weight: bold;     LINE-HEIGHT: 26PX;}
.col-footer-layer .f-contact-txt>div{font-size: 14px;color: #fff;line-height: 19px;}
.col-footer-layer .f-contact-txt>div>i{width: 39px;height: 17px;display: inline-block;background: url(../images/common/p_icon.png?20200401) no-repeat -82px -62px;vertical-align: -3px;}
.col-footer-layer .f-input-box{float: left;margin-left: 24px;position: relative;height: 100%;}
.col-footer-layer .f-input-box>div{float: left;position: relative;height: 100%;}
.col-footer-layer .f-input-box>div>span{position: absolute;font-size: 12px;color: #F34242;left: 14px;bottom: 1px;display: none;white-space: nowrap;}
.col-footer-layer .f-input-box>div>input{height: 36px;font-size:12px;padding-left: 16px;border: none;margin-top: 17px;border-radius: 18px;}
.col-footer-layer .f-input-box>div.f-phone-input input{width: 320px;}
.col-footer-layer .f-input-box>div.f-type-input{margin-left: 33px;}
.col-footer-layer .f-input-box>div.f-type-input input{width: 113px;cursor: pointer;}
.col-footer-layer .f-input-box>div.f-type-input>i{width: 9px;height: 5px;display: inline-block;background: url(../images/common/p_icon.png) no-repeat -153px -62px;position: absolute;right: 10px;top: 36px;}
.col-footer-layer .f-input-box>div.f-type-input>i.on{background-position: -153px -103px;}
.col-footer-layer .type-downlist{position: absolute;left: 0;width: 100%;padding: 10px 0;background-color: #fff;border-radius: 5px;bottom: 36px;display: none;}
.col-footer-layer .type-downlist>a{display: block;height: 30px;padding-left: 10px;cursor: pointer;height: 36px;line-height: 36px;}
.col-footer-layer .type-downlist>a:hover{background-color: #F8F8F8;}
.col-footer-layer .f-input-box>div.f-sms-input{margin-left: 31px;}
.col-footer-layer .f-input-box>div.f-sms-input input{width: 186px;}
.col-footer-layer .f-input-box>div.f-sms-input i{background-color: #D8D8D8;width: 1px;height: 13px;position: absolute;top: 33px;right: 70px;}
.col-footer-layer .f-input-box>div .get-sms{position: absolute;right: 0;height: 36px;font-size: 12px;top: 21px;line-height: 36px;text-align: center;width: 70px;color: #333;cursor: pointer;}

.col-footer-layer .footerm .foot-btn{width: 96px;height: 30px;text-align: center; border-radius: 18px;display: inline-block;background: #19492d;color: #fff;font-size: 14px;cursor: pointer;position: absolute;font-weight: bold;top: 20px;right: 4px; border:0;  }
.col-footer-layer .footerm .foot-btn:hover{background: #599f46;}