@charset "utf-8";
/* CSS Document */
html{font-size:100px;}
body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;position:relative;overflow-x:hidden;}
.contain{width:1500px;margin:0 auto;}

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
input.text,textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}

/*--- Header ---*/
.Header-wrapper{z-index:99;}
.Header-wrapper .Header-cl{position:relative;}
.header-container{width:100%;background:#fff;position:fixed;top:0px;left:0px;z-index:110;padding:0 4%;box-shadow:0 0 8px #ccc;}

/*logo*/
.H-logo{height:85px;line-height:85px;font-size:0px;float:left;position:relative;overflow:hidden;z-index:5;}
.H-logo img.rollover{display:none;}

.H-action{float:right;margin:0;}
.H-action .split{display:block;width:1px;height:16px;background:rgba(255,255,255,.5);float:left;margin:27px 0 0;}
.H-lang,.H-user,.H-srch{height:85px;float:left;}

/*Hlang*/
.H-lang{position:relative;}
.H-lang .Hlang-menu{display:block;width:48px;margin:0px;margin-left:20px;line-height:85px;height:100%;background:url(../images/icon/icon_lang.png) no-repeat center left;padding-left:23px;transition:none;-webkit-transition:none;color:#666;}
.Hlang-box{padding:20px 0px;width:200px;box-shadow:1px 1px 10px #666;background:#fff;position:absolute;top:85px;left:-76px;display:none;}
.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;left:50%;margin:0 0 0 -4px;}
.Hlang-box a{display:block;padding:5px 10px 5px 60px;line-height:30px;background-repeat:no-repeat !important;background-position:20px center !important;}
.Hlang-box a:hover{color:#fff;background:#0062b2;}
.Hlang-box a.CN{background-image:url('../images/wtgq1.png');}
.Hlang-box a.JP{background-image:url(../images/icon-jp.png);}
.Hlang-box a.EN{background-image:url('../images/wtgq2.png');}

/*Huser*/
.Huser-menu{display:block;width:25px;margin-left:10px;height:100%;background:url(../images/icon/icon_email.png) no-repeat center;float:left;}
.Huser-name{display:block;padding:0 15px;line-height:70px;color:#fff;}

/*Hsrch*/
.H-srch{position: relative;}
.H-srch .Hsrch-menu{display:block;width:24px;height:100%;background:url(../images/icon/icon_sq.png) no-repeat center;margin-right:10px;transition:all 0s;-moz-transition:all 0s;-webkit-transition:all 0s;}
.Hsrch-box{width:300px;height:35px;background:#fff;position:absolute;top:70px;left:-275px;display:none;position:absolute;z-index:2;border:1px solid #e5e5e5;}
.Hsrch-block{padding:0;width:100%;height:32px;margin:0px auto;}
.Hsrch-block .btn{width:24px;height:32px;background:url(../images/icon/icon_sq.png) no-repeat center;float:right;}
/* .Hsrch-block .close{display:block;width:28px;height:28px;background:url(../images/icon/icon_close.svg) no-repeat center;float:right;} */
.Hsrch-block .text{width:70%;height:32px;font-size:16px;float:left;margin:0 0 0 10px;}
.Hsrch-block .text::-webkit-input-placeholder{color:#6f6f6f;}
.Hsrch-menu.cur{background:url(../images/icon/icon_close.svg) no-repeat center / contain;}

.Header-wrapper.Header-searching .H-logo img{display:none;}
.Header-wrapper.Header-searching .H-logo img.rollover{display:inline-block;}

/*Hnav*/
/*.H-nav{float:right;margin:0 0 0 4.75%;}*/
.H-nav{float:left;}
.H-nav>li{padding:0 30px;float:left;}
.H-nav .Hnav-menu{display:block;height:85px;line-height:85px;font-size:16px;color:#333;position:relative;}
.H-nav .Hnav-menu:hover{color:#00a5a9;}
.Hnav-menu i{display:block;width:50px;height:50px;background:url(../images/icon/icon-dd1.svg) no-repeat center / 50% auto;position:absolute;right:0px;top:0px;z-index:2;display:none;}
.Hnav-menu.cur i{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}

.Hnav-sub{padding:48px 0;width:100%;background:rgba(255,255,255,0.95);position:absolute;top:70px;left:0px;opacity:0;margin-top:-100%;transition: all 0.8s ease;z-index:-2;border-top:1px solid #e5e5e5;box-shadow:0 0 8px #888;}
.Hnav-sub .contain{max-width:1080px;}
.HnavSub-list{width:66%;float:right;}
.HnavSub-list li{width:31%;float:left;margin-left:2%;margin-bottom:-1px;}
.HnavSub-list li a{display:block;height:54px;line-height:54px;text-align:left;padding-left:15px;color:#666;border-bottom: 1px solid #dcdcdc;border-top:1px solid #dcdcdc;}
.H-nav>li.cur .Hnav-menu{color:#00a5a9;}
.HnavSub-list li.cur a,
.HnavSub-list li a:hover{background:#00a5a9;color:#fff;}




.HnavSub-img{display:block;width:28.8%;height:178px;overflow:hidden;float:left;}
.HnavSub-img img{width:100%;height:100%;object-fit:cover;}

.Hnav-sub dl{width:20%;float:left;text-align:left;}
.Hnav-sub dl dt{font-size:18px;color:#333;font-weight:bold;margin-bottom:10px;}
.Hnav-sub dl dd{font-size:15px;color:#666666;line-height:30px;}
.Hnav-sub dl dd i{display:inline-block;margin-left:10px;width:9px;height:5px;background:url(../images/icon/sub_navck.png) no-repeat center;position: relative;top:-2px;}
.Hnav-sub dl dd.on i{transform: rotate(180deg);}
.Hnav-sub dl dd:hover,.Hnav-sub dl dd.cur{color:#c70707;}
.Hnav-sub dl dd.cur:hover{color:#f3993a;}
.Hnav-sub .son_nav{display:none;}
.Hnav-sub .son_nav a{display:block;color:#666666;font-size:15px;line-height:30px;}
.Hnav-sub .son_nav a:hover{color:#c70707;}

.bgwhite{position: absolute;left:0px;top:0px;width:100%;height:100%;background:#fff;z-index:-1;}

.nav_line{height:2px;background-color:#f3993a;position:absolute;bottom:0px;display:none;z-index:1;}



@media screen and (max-width:2560px) {
  .H-nav {
   margin-left:500px;
  }
  
}

@media screen and (max-width: 2200px){
  .H-nav {
   margin-left:400px;
  }
}
@media screen and (max-width:1920px) {
  .H-nav {
   margin-left:300px;
  }

}
@media screen and (max-width:1880px) {
  .H-nav {
   margin-left:280px;
  }
  
}
@media screen and (max-width:1800px) {
  .H-nav {
   margin-left:250px;
  }
  
}
@media screen and (max-width:1780px) {
  .H-nav {
   margin-left:240px;
  }
}
@media screen and (max-width:1680px) {
   .H-nav {
   margin-left:230px;
  }
}

@media screen and (max-width:1600px) {
  .H-nav {
   margin-left:200px;
  }
 
}
@media screen and (max-width:1460px) {
  .H-nav {
   margin-left:200px;
  }
}
@media screen and (max-width:1440px) {
  .H-nav {
   margin-left:200px;
  }
}
@media screen and (max-width:1366px) {
  .H-nav {
   margin-left:200px;
  }
}
@media screen and (max-width:1366px) {
 .H-nav {
   margin-left:200px;
  }
}







@media all and (min-width:980px){
	.H-lang:hover .Hlang-box{display:block;animation:fadeUp .6s ease-in-out;-webkit-animation:fadeUp .6s ease-in-out;}
	.H-nav>li:hover .Hnav-sub{opacity:1;margin-top:0px;}
}
@keyframes fadeUp{0%{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}}
@keyframes fadeDown{0%{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;}100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}}

/*--- Footer ---*/
.Footer-wrapper{color:#fff;}
.F-cr{padding:15px 0;line-height:20px;text-align:center;font-size:15px;color:rgba(255,255,255,.4);background:#1a1a1a;}
.footer-container{padding:70px 0 35px;background:#1a1a1a;}
.F-nav{width:16.6666666%;float:left;padding-left:4%;}
.F-nav:first-child{padding-left:0%;width:12%;}
.F-nav.F-nav2{width:18.0833%;}
.F-nav dt{line-height:25px;font-size:18px;position:relative;}
.F-nav dt i{display:block;width:50px;height:50px;
background:url(../images/icon/icon-dd2.svg) no-repeat center / 50% auto;position:absolute;right:0px;top:0px;display:none;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.F-nav dt.cur i{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.F-nav dd{margin:15px 0 0;}
.F-nav dd a{display:block;padding:5px 0;line-height:24px;opacity:.6;font-size:15px;}
.F-nav dd a:hover{opacity:1;}

.footer-gs{width: 117px;height: 40px;margin: 20px auto;overflow: hidden;}

.F-ct{width:12%;float:right;}
.F-cont{width:22.2222%;float:left;margin-left:2%;}
.F-cont a.tel{font-size:26px;}
.F-cont .date{color:#bbbbbb;}
.F-cont ul{border-top:1px solid #313131;border-bottom:0px solid #313131;margin:20px auto;padding:10px 0 20px;}
.F-cont ul li{padding-left:25px;background:url(../images/icon/icon_add.png) no-repeat left 3px;margin-top:10px;color:#bbbbbb;height:36px;line-height:22px;}
.F-cont ul li.email{background-position:left -30px;margin-top: 18px;}
.F-cont ul li.tel{background-position:left -61px;}
.F-cont .share a{display:inline-block;margin-right:5px;background:url(../images/icon/icon_share.png) no-repeat left center;width:28px;height:28px;}
.F-cont .share a.in{background-position:-38px center;}
.F-cont .share a.ff{background-position:-76px center;}
.F-cont .share a.sina{background-position:-114px center;}

.F-code{text-align:center;margin-top:20px;}
.F-code .type{line-height:22px;font-size:14px;color:#bbb;margin:20px 0 0;}
.F-split{width:1px;height:272px;background:rgba(255,255,255,.12);float:left;}


/*分*/
.pageBox { width:100%; text-align: center; margin-top:50px; padding-bottom:40px  }
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width:120px; height: 55px; font-size:16px;margin: 0 6px; line-height: 55px; text-align: center; font-family: 'Arial'; background-color: #fff; color: #666;border: 1px solid #ccc; }
.pageBox a:hover,.pageBox a.active { background-color: #00a5a9; color: #FFF;  }
.pageBox .on{ background-color: #00a5a9; color: #FFF;  }
.pageBox .shangyi{ display:none;}
@media  (max-width: 861px) {

.pageBox { width: 640px; text-align: center; margin:auto; padding-top:20px; }
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width:80px; height: 55px; margin: 0 6px; line-height: 55px; text-align: center; font-family: 'Arial'; background-color: #fff; color: #666;border: 1px solid #ccc; }
.pageBox a:hover,.pageBox a.active { background-color: #00a5a9; color: #FFF; }
.pageBox .on{ background-color: #00a5a9; color: #FFF; }
.pageBox .shangyi{ display:none;}
}

@media (min-width: 320px) and (max-width: 639px) {

.pageBox { width: 320px; text-align: center; margin:auto; padding-top:20px;}
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width:80px; height: 55px; margin: 0 6px; line-height: 55px; text-align: center; font-family: 'Arial';  background-color: #fff; color: #666;border: 1px solid #ccc; }
.pageBox a:hover,.pageBox a.active { background-color: #00a5a9; color: #FFF; }
.pageBox .on{ background-color: #00a5a9; color: #FFF; }
.pageBox .shangyi{ display:none;}}



/* 内页全局通用banner */
.bann{margin-top:65px;color:#fff;position:relative;width:100%;  background-size: cover;}
.bann img{width:100%;height:100%;}
.bann h2{font-size:42px;margin-bottom:10px;text-align:center;}
.bann h3{font-size:24px;text-transform:uppercase;text-align:center;}
.bann h2,.bann h3,.bann h4{animation:mymove 1s infinite;-webkit-animation:mymove 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
@keyframes mymove{from{transform:translateY(-50px);}to{transform:translateY(0px);}}
@-webkit-keyframes mymove{from{transform:translateY(-50px);}to{transform:translateY(0px);}}

.F-wtteam{width: 100%;padding-bottom: 12px;background: #1a1a1a;}
.F-wtteamlink{position: relative;}
.F-wtteamlink span, .F-wtteamlink a{display: inline-block;vertical-align: middle;margin-top: 4px;}
.F-wtteamlink span{font-size: 16px;color: #fff;margin-right: 4px;}
.F-wtteamlink a{font-size: 14px;color: #fff;transition: all .4s ease;margin-right: 12px;opacity: .6;}
.F-wtteamlink a:last-of-type{margin-right: 0;}
.F-wtteamlink a:hover{opacity: 1;}