@-webkit-keyframes gupIn{from{opacity:0;-webkit-transform:translate3d(0,-30px,0);}}
@-moz-keyframes gupIn{from{opacity:0;-moz-transform:translate3d(0,-30px,0);}}
@keyframes gupIn{from{opacity:0;transform:translate3d(0,-30px,0);}}

/*header*/
.header{z-index:10000;position:fixed;top:0;left:0;width:100%;-webkit-animation:gupIn 1s 0.1s both;-moz-animation:gupIn 1s 0.1s both;animation:gupIn 1s 0.1s both;}

.language{position:relative;width:100%;max-width:1300px;color:#999;text-align:right;margin:0 auto;padding:15px 0;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.language a{font-size:14px;color:#666;padding-left: 25px;margin-right: 15px; }
.language a:first-child { background: url(../images/EN.png) no-repeat;background-size: 20px 20px ; }
.language a:last-child { background: url(../images/CN.png) no-repeat;background-size: 20px 20px ; }
.language a:hover{color:#d79e33}
.language a.on{color:#999}
.language span{margin:0 10px;display: none;}

.wrapper{z-index:10;position:relative;width:100%;height:100px;max-width:1300px;border-top:3px solid #d79e33;background:#fff;margin:0 auto;-moz-box-shadow:0 0 5px #bbb;-webkit-box-shadow:0 0 5px #bbb;box-shadow:0 0 5px #bbb;padding-right:70px}
.logo{float:left;width:25%;text-align:center;line-height:100px;overflow:hidden}
.logo img{width:220px;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.nav{float:right}
.nav > ul > li{float:left;margin-left:40px}
.nav > ul > li > a{display:block;font-size:16px;height:97px;line-height:100px}
.nav > ul > li > a.on{color:#d79e33;border-bottom:2px solid #d79e33}
.w-line{float:right;width:1px;height:30px;background:#ddd;margin:35px 30px}

.search-btn{float:right;line-height:100px}
.search-btn a.a2{display:none;}
.search{max-width:1300px;margin:0 auto;background:#fff;-moz-box-shadow:0 0 5px #bbb;-webkit-box-shadow:0 0 5px #bbb;box-shadow:0 0 5px #bbb;visibility:hidden;opacity:0;-webkit-transform:translate(0px, -15px);-moz-transform:translate(0px, -15px);transform: translate(0px, -15px);-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);}
.search-w{max-width:600px;margin:0 auto;padding:10px 0}
.search input{float:left;display:block;width:80%;height:50px;font-size:16px;color:#666;background:none;border:0;border-bottom:1px solid #ddd;padding:0 10px}
.search button{float:left;display:block;width:20%;height:50px;font-size:16px;color:#fff;background:#d79e33;border:0;cursor:pointer}
.search.open{visibility:visible;opacity:1;-webkit-transform: translate(0px, -1px);-moz-transform: translate(0px, -1px);transform: translate(0px, -1px);}

.scroll-header .language{height:0;opacity:0;padding:0}
.scroll-header .wrapper{height:60px;}
.scroll-header .logo{line-height:60px;}
.scroll-header .logo img{width:150px}
.scroll-header .nav > ul > li > a{height:57px;line-height:60px}
.scroll-header .w-line{margin:15px 30px}
.scroll-header .search-btn{line-height:60px}

.mobile-menu{display:none;float:right;line-height:60px;overflow:hidden}

/*banner*/
.banner{width:100%;/*height:calc(100vh)*/;}
#banner{width:100%;overflow:hidden}
#banner a{display:block;height:calc(100vh);background-position:center;background-size:cover}
#banner .owl-dots{z-index:100;position:absolute;left:0;bottom:20px;width:100%;text-align:center}
#banner .owl-dots .owl-dot{display:inline-block;margin:0 5px;}
#banner .owl-dots .owl-dot span{display:block;width:12px;height:12px;background:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
#banner .owl-dots .owl-dot.active span{background:#00a0e8}

/*footer*/
.foot-main{background:#222222;padding:3% 0}
.foot-main .cols{float:left;overflow:hidden}
.foot-main .c1{width:25%;padding-top:40px}
.foot-main .c2{width:45%;border-left:1px solid #666;border-right:1px solid #666;padding:10px 0}
.foot-main .c3{width:30%;padding:10px 0}
.foot-main .text{max-width:340px;margin:0 auto}
.foot-main .text h1{font-size:16px;color:#fff;margin-bottom:10px}
.foot-main .text p{font-size:14px;color:#999;line-height:25px}
.foot-main .letter{float:right;width:300px;}
.foot-main .letter h1{font-size:16px;color:#fff}
.foot-main .letter .address{overflow:hidden;margin-top:40px}
.foot-main .letter .address input{width:220px;height:40px;font-size:14px;color:#666;border:1px solid #666;background:none;border-radius:0;padding:0 10px}
.foot-main .letter .address button{width:80px;height:40px;font-size:14px;color:#fff;border:0;background:#d79e33;cursor:pointer}
.copyright{background:#000;padding:15px 0}
.copyright span{display:block;text-align:center;color:#aaa}

/*mobile
.mobile-btn{display:none;width:60px;height:60px;text-align:center;line-height:60px;overflow:hidden;margin-right:-15px}
.mask-bg{display:none;z-index:999999;position:fixed;width:100%;height:100%;top:0;left:0;background:#f4f4f4;}
.mobile-nav{width:100%;height:100%;padding:10px 20px;overflow-y:auto}
.mobile-nav::-webkit-scrollbar {width: 5px;height: 1px;}
.mobile-nav::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);background: #d79e33;}
.mobile-nav::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);border-radius: 10px;background: #fff;}
.mobile-nav .mobile-hd{text-align:right;}
.mobile-nav .mobile-hd .m-language a{font-size:14px;line-height:30px}
.mobile-nav .mobile-hd .m-language span{margin:0 5px}
.mobile-nav .mobile-hd .m-language a.on{color:#999}

.mobile-nav .mobile-hd a.close-btn{display:block;line-height:30px}
.mobile-nav .m-search{width:100%;height:40px;margin:0 auto;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;overflow:hidden;margin:15px 0}
.mobile-nav .m-search input{display:block;float:left}
.mobile-nav .m-search input{width:70%;height:40px;line-height:40px;font-size:14px;color:#666;border:0;padding:0 10px;overflow:hidden}
.mobile-nav .m-search button{width:30%;height:40px;font-size:14px;color:#fff;background:#d79e33;border:0;overflow:hidden}
.mobile-nav .mobile-bd{margin-top:20px}
.mobile-nav .mobile-bd .m-text-title a{display:block;font-size:16px;color:#2c2c2c;line-height:25px;padding:10px 0;margin-bottom:5px}
.mobile-nav .mobile-bd .space-line{margin:10px 0;height:1px;background:#2c2c2c;}
.mobile-nav .mobile-bd ul{font-size:0}
.mobile-nav .mobile-bd ul li{display:inline-block;margin:0 20px 10px 0}
.mobile-nav .mobile-bd ul li a{display:inline-block;font-size:14px;color:#2c2c2c}*/


/*mobile-nav*/
.mask-bg{display:none;z-index:99999;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5)}
.mobile-nav{z-index:999999;position:fixed;width:250px;height:100%;top:0;left:-250px;background:#fff;overflow:hidden;-moz-box-shadow:2px 2px 5px #ccc;-webkit-box-shadow:2px 2px 5px #ccc;box-shadow:0 1px 2px #ccc;}
.mobile-nav ul{font-size:14px;border-bottom:2px solid #d79e33;padding:15px 10px}
.mobile-nav ul li{font-size:14px;}
.mobile-nav .m-language a{display:inline-block;font-size:14px;}
.mobile-nav .m-language span{margin:0 5px}
.mobile-nav .m-language a.on{color:#999}
.mobile-nav ul li a{display:block;font-size:16px;padding:8px 0}
.m-nav-list li .m-nav-a{position:relative}
.m-nav-list li .m-nav-a a{display:inline-block;width:150px;font-weight:bold}
.m-nav-list li .fa{position:absolute;top:0;right:0;display:block;width:50px;height:39px;text-align:center;line-height:39px}
.m-nav-list li .m-nav-sub{display:none}
.m-nav-list li .m-nav-sub a{font-size:14px;}
.mobile-nav .m-search{width:100%;height:40px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;overflow:hidden;margin:15px 0}
.mobile-nav .m-search input{display:block;float:left}
.mobile-nav .m-search input{width:70%;height:40px;line-height:40px;font-size:14px;color:#666;border:1px solid #ddd;border-right:0;padding:0 10px;overflow:hidden;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px;}
.mobile-nav .m-search button{width:30%;height:40px;font-size:14px;color:#fff;background:#d79e33;border:0;overflow:hidden}
.mobile-nav ul:last-child{border:0}