@charset "utf-8";

/*初始化样式*/
*{-webkit-tap-highlight-color:transparent;}

/*html5设置*/
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,p,h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,li{margin:0;padding:0;}
body{background-color:#fff;color:#333;font:16px/1.875em Arial,'Microsoft Yahei';width:100%; word-wrap:break-word;text-align:justify;min-width: 1536px;}
a{text-decoration:none;outline:none;color:#333;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#e8b83c;}
a img{border:none;}
img {max-width: 100%;}
li{list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:Arial,'Microsoft Yahei';}
input:focus{outline:none;}
textarea{resize:none;}
input[type='text']::-moz-placeholder{opacity:0.5;}
input[type='text']:-moz-placeholder{opacity:0.5;}
input[type='text']::-webkit-input-placeholder{opacity:0.5;}
input[type='text']:-ms-input-placeholder{opacity:0.5;}
input[type='password']::-moz-placeholder{opacity:0.5;}
input[type='password']:-moz-placeholder{opacity:0.5;}
input[type='password']::-webkit-input-placeholder{opacity:0.5;}
input[type='password']:-ms-input-placeholder{opacity:0.5;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:16px;width:100%;border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;box-sizing:border-box;}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th{padding:1%;border:1px solid #e4e4e4;box-sizing:border-box;}

/*全局样式*/
.inner{width:1440px;margin:0 auto;}
.clear{clear:both;height:0px;overflow:hidden;}
.pic {overflow: hidden; position: relative;}
.pic a {display: block;}
.pic img {display: block; width: 100%; height: auto;}
.pic .bg {background: no-repeat center center; background-size: cover; display: block; transition: all .3s;}
.rows {display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
/* Slider */
.slick-load {display: none;}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;font-size: 0; line-height: normal;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;}
.slick-arrow.slick-hidden{display:none;}
.slick-arrow {overflow: hidden; text-indent: -99999em; font-size:0; background:no-repeat 0 0; background-size:100% auto; cursor: pointer;}
.slick-dots {font-size: 0; line-height: normal;}
.slick-dots button {display: block; border:none; background-color: transparent; cursor: pointer;}

/*button*/
.button{background-color:#e7b323;background-image:-webkit-linear-gradient(left,#e7b323,#b58612);background-image:linear-gradient(90deg,#e7b323,#b58612);color:#fff;display:block;text-align:center;font-size:16px;}
.button:hover{background-image:-webkit-linear-gradient(right,#e7b323,#b58612);background-image:linear-gradient(270deg,#e7b323,#b58612);color:rgba(255,255,255,0.75);}

/*button_01*/
.button_01{width:146px;height:34px;line-height:34px;-webkit-transform:skew(-20deg);transform:skew(-20deg);border-radius:3px;overflow:hidden;box-shadow:2px 2px 0px #3a3a3a;}
.button_01 i{display:block;transform:skew(20deg);font-style:normal;}

/*button_02*/
.button_02{width:160px;height:50px;line-height:50px;border-radius:25px;box-shadow:2px 2px 0px #3a3a3a;}
.button_02 i{font-style:normal;display:inline-block;}

/*button_03*/
.button_03{width:160px;height:50px;line-height:50px;border-radius:25px;box-shadow:3px 3px 0px rgba(141,141,141,0.5);}
.button_03 i{font-style:normal;display:inline-block;}
/*产品中心*/
#gn-list1 li{
	margin:4.4%;
	font-size: 0.8em;
    text-align: center;
	}
.cp-list ul li {
  float: left;
}
.gn-list ul{
	list-style: none;
	}
.gn-list ul li {
   float: left;
   padding: 17px 0px;
   width:33.3%;
}
.gn-list4 ul{
	list-style: none;
	}
.gn-list4 ul li {
   float: left;
   padding: 17px 0px;
   width:48%;
}
.bj-list ul li {
   float: left;
   padding: 17px 0px;
   width:48%;
}
.bj-list1 ul li {
   float: left;
   padding: 17px 0px;
   width:32%;
}
.list-text ul{ list-style:none;}
.list-text li {
  float: left;
  width:25%;
  text-align:center;
  display:table
}
#list-top2 ul{
	list-style: none;
	}
#list-top2 ul li{
	float: left;
  width:31%;
  text-align:center;height:20px;background: #f6be23;border-radius: 50px 50px 0px 0px;padding:10px;line-height:20px; color:#FFF
	}
	.list-text2 ul{ list-style:none;}
.list-text2 li {
  float: left;
  width:32%;
  text-align:center;
  display:table
}
.list-text1 ul{ list-style:none;}
.list-text1 li {
  float: left;
  width:20%;
  text-align:center;
  display:table
}
 #list-top1 ul{
	list-style: none;
	}
#list-top1 ul li{
	float: left;
  width:18.5%;
  text-align:center;height:20px;background: #f6be23;border-radius: 50px 50px 0px 0px;padding:10px;line-height:20px; color:#FFF
	}
#list-top ul{
	list-style: none;
	}
#list-top ul li{
 float: left;
  width:24.5%;
  text-align:center;height:30px;background: #f6be23;border-radius: 50px 50px 0px 0px;padding:10px;line-height:16px; color:#FFF;margin-left:5px;
	}

/*skewText*/
.skewText{background-color:#fff;transform:skew(-10deg);border-radius:3px;}
.skewText .input{transform:skew(10deg);}
.skewText .text{height:30px;line-height:30px;padding:10px 3% 10px 0;width:97%;background:url(../images/icon_search_02.png) no-repeat 20px center;text-indent:50px;color:#252525;font-size:16px;}
/*skewInput*/
.skewInput {position:relative;}
.skewInput .text {display: block; width: 97%; padding: 0 3% 0 0; height: 30px; line-height: 30px; text-indent: 50px; background: url(../images/icon_search_02.png) no-repeat 20px center;font-size:16px;color:#555;}
.skewInput input[type='text']::-moz-placeholder{opacity:1;}
.skewInput input[type='text']:-moz-placeholder{opacity:1;}
.skewInput input[type='text']::-webkit-input-placeholder{opacity:1;}
.skewInput input[type='text']:-ms-input-placeholder{opacity:1;}
/*skewSelect*/
.skewSelect {position:relative;font-size:16px;color:#555;}
.skewSelect .skew,
.skewInput .skew {margin:0 5px;background-color:#fff;transform:skew(-10deg);box-shadow:2px 2px 0px #e7b323;height:50px;border-radius:3px;}
.skewSelect .selected,
.skewInput .input {position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);z-index:3;cursor:pointer;}
.skewSelect .current{display:block;line-height:30px;background:no-repeat left center;margin:0 20px;position:relative;z-index:2;padding-right:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:31px;}
.skewSelect .current:after{width:15px;height:10px;background:url(../images/arrow_select.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.skewSelect .all,
.skewSelect .city{background-image:url(../images/icon_city.png);}
.skewSelect .course{background-image:url(../images/icon_course.png);}
.skewSelect .industry{background-image:url(../images/icon_industry.png);}
.skewSelect .product {background-image:url(../images/icon_product.png);}
.skewSelect ul{position:absolute;background-color:#fff;z-index:1;left:0;top:0;box-shadow:0px 5px 8px rgba(0,0,0,0.2);width:100%;padding:60px 0 40px;border-radius:0 0 10px 10px;display:none;}
.skewSelect li{cursor:pointer;margin-bottom:1px;}
.skewSelect li .option{display:block;padding:5px 0;margin:0 50px;height:30px;line-height:30px;position:relative;}
.skewSelect li .option:before,.skewSelect li .option:after{width:100%;height:1px;background-color:#eee;content:'';display:block;position:absolute;left:0;}
.skewSelect li .option:before{top:-1px;}
.skewSelect li .option:after{display:none;}
.skewSelect li:last-child .option:after{display:block;bottom:-1px;}
.skewSelect li:hover{background-color:#e7b323;background-image:-webkit-linear-gradient(left,#e7b323,#b58612);background-image:linear-gradient(90deg,#e7b323,#b58612);color:#fff;}

/*skewButton*/
.skewButton{transform:skew(-10deg);box-shadow:2px 2px 0px rgba(114,114,114,0.2);height:50px;background-color:#e7b323;background-image:-webkit-linear-gradient(left,#e7b323,#b58612);background-image:linear-gradient(90deg,#e7b323,#b58612);display:block;border-radius:3px;text-align:center;font-size:18px;line-height:50px;margin:0 5px;color:#fff;}
.skewButton i{transform:skew(10deg);display:block;font-style:normal;}
.skewButton:hover{color:#fff;background-image:-webkit-linear-gradient(right,#e7b323,#b58612);background-image:linear-gradient(270deg,#e7b323,#b58612);color:rgba(255,255,255,0.75);}

/*footer*/
#footer{background:#151515 url(../images/bg_footer.jpg) no-repeat center center;background-size:cover;}
#footer .top{border-bottom:1px solid #222;padding:60px 0 16px;}
#footer .btm{padding:26px 0 38px;}

/*pages*/
#fpages{float:right;}
#fpages ul{overflow:hidden;}
#fpages li{float:left;font-size:14px;line-height:30px;padding-left:20px;position:relative;}
#fpages li:before{width:2px;height:2px;border-radius:50%;background-color:#717171;content:'';display:block;position:absolute;left:9px;top:50%;transform:translateY(-50%);}
#fpages li:first-child:before{display:none;}
#fpages a{color:#717171;}
#fpages a:hover{color:#fff;}

/*copyright*/
#copyright{font-size:14px;color:#717171;line-height:30px;margin-right:380px;overflow:hidden;}
#copyright a{color:#717171;}
#copyright a:hover{color:#fff;}

/*footerInfo*/
#footerInfo{float:right;}

/*hotTel*/
#hotTel{float:right;}
#hotTel h3{font-size:18px;font-weight:normal;color:#999;line-height:1.25em;margin-bottom:5px;}
#hotTel .tel{background:url(../images/icon_hottel.png) no-repeat left center;font:800 24px/1.25em 'Oswald';padding-left:30px;color:#b58612;margin-bottom:14px;}
#hotTel .tel span{background-image:-webkit-linear-gradient(left,#b58612 0%,#dbb353 18%,#b58612 60%,#dbb353 76%,#b58612 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s;color:#b58612;}

/*social*/
#social{margin-top:52px;clear:both;}
#social ul{font-size:0;line-height:normal;text-align:right;padding:2px 0;}
#social li{display:inline-block;margin-left:40px;position:relative;}
#social li:first-child{margin-left:0;}
#social a{display:block;background:no-repeat center center;overflow:hidden;text-indent:-99999em;width:20px;height:18px;opacity:.4;transition:all .3s;}
#social a:hover{opacity:1;}
#social .wx a{background-image:url(../images/icon_weixin.png);}
#social .qq a{background-image:url(../images/icon_qq.png);width:16px;}
#social .wb a{background-image:url(../images/icon_weibo.png);width:22px;}
#social .fb a{background-image:url(../images/icon_facebook.png);width:10px;}
#social .wa a{background-image:url(../images/icon_whatsapp.png);width:16px;}
#social .tw a{background-image:url(../images/Instagram1.png);width:20px;}
#social .yt a{background-image:url(../images/icon_youtube.png);width:16px;}
#social .in a{background-image:url(../images/icon_linkedin.png);width:18px;}
#social .qr{position:absolute;left:50%;bottom:100%;margin-bottom:10px;transform:translateX(-50%);background-color:#fff;width:110px;padding:5px;border:1px solid #e4e4e4;display:none;}
#social .qr:after{width:6px;height:6px;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;transform:rotate(45deg);content:'';display:block;position:absolute;left:50%;margin-left:-5px;bottom:-5px;background-color:#fff;}
#social .qr img{display:block;width:100%;height:auto;}

/*menu*/
#menu{overflow:hidden;margin-right:365px;}
#menu .item{float:left;padding:0 15px;width:135px;}
#menu h3{font-weight:normal;color:#fff;font-size:16px;line-height:1.35em;margin-bottom:16px;position:relative;}
#menu h3:before{width:10px;height:1px;content:'';display:block;position:absolute;left:-20px;top:50%;transform:translateY(-50%);background-color:#e0ab2b;}
#menu h3 a{color:#fff;}
#menu h3 a:hover{opacity:.85;}
#menu li{font-size:14px;line-height:30px;color:#999;}
#menu li a{color:#999;}
#menu li a:hover{color:#fff;}

/*backTop*/
#backTop{width:50px;height:50px;background:url(../images/backtop.png) no-repeat center center;background-size:contain;position:fixed;left:auto;top:64%;transform:translateY(-50%);margin-left:84%;z-index:5;cursor:pointer; display: none;}



/*header style_01*/
#header{background-color:#080808;position:fixed;left: 0; top: 0; width: 100%; z-index:9;min-width: 1536px; transition: background .3s;}
#header a{color:#fff;}
#header a:hover{color:#e7b323;}
#blank {height: 100px; width: 100%; clear: both;}
#index #blank {display: none;}
#index #header {background-color: transparent;}
#index #header.bg {background-color:#080808 ;}
/*logo*/
#logo{float:left;width:336px;padding-top:16px;position:relative;}
#logo:before{width:113.39285714%; padding-bottom: 45.833%; background:url(../images/logo_light.png) no-repeat center top;background-size:100% 100%;content:'';display:none;position:absolute;top:0;left:-30%;}
#logo h1{padding-bottom:14.88095238%;position:relative;z-index:2;}
#logo a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;text-indent:-9999em;overflow:hidden;background:url(../images/logo.png) no-repeat left 0;background-size:100% auto;transition:background .3s;}

/*topBar*/
#topBar{margin-left:340px;margin-bottom:5px;overflow:hidden;}
#topBar ul{float:right;overflow:hidden;width:329px;height:41px;line-height:36px;font-size:16px;background:url(../images/top_bar.png) no-repeat center center;background-size:100% 100%;}
#topBar li{float:left;width:155px;}
#topBar .ser{text-align:center;font-weight:bold;}
#topBar .tel{width:55%;font-weight:800;width:174px;font-family: "Microsoft YaHei";}
#topBar a,#topBar span{color:#fff;background:no-repeat left center;padding-left:25px;display:inline-block;}
#topBar i{font-style:normal;background-image:-webkit-linear-gradient(left,#ebd59d 0%,#fff 18%,#ebd59d 60%,#fff 76%,#ebd59d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s;}
#topBar a{background-image:url(../images/icon_service.png);}
#topBar a:hover i{background-image:-webkit-linear-gradient(left,#fff 0%,#ebd59d 18%,#fff 60%,#ebd59d 76%,#fff 100%);}
#topBar span{background-image:url(../images/icon_tel.png);}

/*search*/
#search{float:right;padding:15px 0 10px 60px;position:relative;}
#search .btn{width:21px;height:22px;background:url(../images/icon_search.png) no-repeat center center;background-size:contain;cursor:pointer;}
#search .form{position:absolute;top:100%;right:0;background-color:#e7b323;background-image:-webkit-linear-gradient(left,#e7b323,#b58612);background-image:linear-gradient(90deg,#e7b323,#b58612);width:300px;padding:8px 10px;border-radius:4px;visibility:hidden;margin-top:12px;opacity:0;transition:all .3s;z-index:5;}
#search .active{visibility:visible;opacity:1;margin-top:0;}
#search .input{margin-right:36px;overflow:hidden;background-color:rgba(255,255,255,0.75);}
#search .submit{display:block;overflow:hidden;height:100%;width:34px;position:absolute;right:5px;top:0;cursor:pointer;background:url(../images/icon_search.png) no-repeat center center;}
#search .text{display:block;width:90%;font-size:14px;height:24px;line-height:24px;padding:5px 5%;color:#333;}
#search input[type='text']::-moz-placeholder{color:#333;}
#search input[type='text']:-moz-placeholder{color:#333;}
#search input[type='text']::-webkit-input-placeholder{color:#333;}
#search input[type='text']:-ms-input-placeholder{color:#333;}

/*language*/
#language{float:right;font-size:16px;line-height:22px;padding:15px 0 17px;position:relative;color:#fff;cursor:pointer;display:inline-block;margin-left:60px;}
#language span{display:block;padding-right:22px;position:relative;}
#language span:after{border-right:1px solid rgba(255,255,255,0.9);border-bottom:1px solid rgba(255,255,255,0.9);width:6px;height:6px;transform:rotate(45deg);content:'';display:block;position:absolute;right:2px;top:50%;margin-top:-5px;}
#language span:hover{color:#e7b323;}
#language span:hover:after{border-color:#e7b323;}
#language ul{position:absolute;left:50%;transform:translateX(-50%);top:100%;background-color:rgba(0,0,0,0.9);border-radius:0 0 10px 10px;border-top:2px solid #cd9200;margin-top:12px;width:100px;padding:10px 5px;visibility:hidden;opacity:0;transition:all .3s;z-index:5;}
#language .active{opacity:1;visibility:visible;margin-top:-2px;}
#language li{font-size:16px;line-height:1.875em;white-space:nowrap;text-align:center;}
#language a{color:#999;}
#language a:hover{color:#fff;}

/*member*/
#member{float:right;line-height:22px;padding:15px 0 17px;font-size:16px;}
#member a{display:block;background:url(../images/icon_member.png) no-repeat left center;padding-left:22px;}

/*nav*/
#nav{float:right;padding-right:22px;}
#nav .parent{float:left;font-size:16px;line-height:22px;padding:0 6.5px;}
#nav .parent > a{display:block;padding:15px 25px 17px;position:relative;}
#nav .parent > a:hover{color:#fff;}
#nav .ul{position:relative;}
#nav .current > a:after{height:2px;width:70%;background-color:#e0ab2b;content:'';display:block;position:absolute;left:15%;bottom:0;}
#nav .on > a{background:url(../images/bg_nav_on.png) no-repeat center center;background-size:100% 100%;}
#nav .drop{display:none;}
#nav .parent ul{position:absolute;left:6.5px;width:267px;background-color:rgba(0,0,0,0.9);top:100%;border-radius:0 0 10px 10px;border-top:2px solid #cd9200;margin-top:-2px;z-index:5;}
#nav .sub{padding:23px 30px;line-height:24px;font-size:16px;}
#nav .sub a{color:#999;}
#nav .sub a:hover{color:#e7b323;}
#nav .more a{color:#e7b323;text-transform:uppercase;background:url(../images/icon_01.png) no-repeat right center;font:normal 12px/1.5em 'Arial';padding-right:13px;transition:all .3s;}
#nav .more a:hover{padding-right:20px;}
#nav dt{font-size:14px;line-height:30px;border-bottom:1px solid #242423;margin-bottom:24px;padding-bottom:11px;}
#nav dt a{color:#999;}
#nav dt a:hover{color:#fff;}
#nav dd{font-size:18px;line-height:30px;padding:10px 0;}
#nav .drop_style_01 .list dd{padding:0 0 35px;}
#nav .drop_style_01 .menu dt {font-size: 18px;}
#nav .drop_style_01 .menu dt a {color: #e7b323;}
#nav .drop_style_02 .list dd{padding:0 0 30px;}
/*drop_style_01*/
.drop_style_01,.drop_style_02{position:absolute;left:0;top:100%;width:100%;background-color:rgba(24,24,24,0.95);}
.drop_style_01 .item,.drop_style_02 .item{width:20.83333333%;float:left;padding-right:8.33333333%;}
.drop_style_01 .inner{overflow:hidden;padding:40px 0 30px;}
.drop_style_01 .item:nth-child(3n){padding-right:0;}
.drop_style_01 dl{margin-bottom:40px;overflow:hidden;}
.drop_style_01 .list{width:41.66666667%;}
.drop_style_01 .list dl{margin-bottom:8px;}
.drop_style_01 .list dd{float:left;width:45%;}
.drop_style_01 .list dd:nth-child(2n-1){float:right;}
.drop_style_01 .list dd a{display:block; color: #bbb;}
.drop_style_01 .list dd a:hover {color: #e7b323;}
.drop_style_01 .icon{height:34px;margin-bottom:3px;}
.drop_style_01 .icon img{display:block;width:auto;height:auto;max-height:100%;position:relative;top:50%;transform:translateY(-50%);}
.drop_style_01 .intro{font-size:14px;line-height:22px;height:44px;-webkit-line-clamp:2;}
.drop_style_01 .menu dd a {padding-right: 18px;}
.drop_style_01 .menu dd a:hover {background: url(../images/arrow_13.png) no-repeat right center;}

/*drop_style_02*/
.drop_style_02 .inner{overflow:hidden;padding:40px 0 35px;}
.drop_style_02 .list{width:70.83333333%;}
.drop_style_02 .list dl{overflow:hidden;}
.drop_style_02 .list dd{float:left;width:45.09803922%;overflow:hidden;}
.drop_style_02 .list dd:nth-child(2n-1){float:right;}
.drop_style_02 .list dd a{padding-left:0;}
.drop_style_02 .list .icon{float:left;width:44px;height:auto;padding:6px 0;position:static;transform:none;}
.drop_style_02 .icon{position:absolute;left:0;top:50%;width:24px;transform:translateY(-50%);}
.drop_style_02 .icon img{display:block;}
.drop_style_02 .icon img:last-child{display:none;}
.drop_style_02 .item:nth-child(2n){padding-right:0;}
.drop_style_02 .text{margin-left:65px;overflow:hidden;}
.drop_style_02 .title{font-size:20px;line-height:1.5em;color:#fff;margin-bottom:8px;}
.drop_style_02 .intro{font-size:16px;color:#bbb;line-height:24px;height:48px;-webkit-line-clamp:2;}
.drop_style_02 dd a{display:block;padding-left:44px;position:relative;}
.drop_style_02 dd a:hover .icon img:first-child{display:none;}
.drop_style_02 dd a:hover .icon img:last-child{display:block;}
/*header style_01 end*/


/*pagenavi*/
#pagenavi{font-size:0;line-height:normal;text-align:center;}
#pagenavi a{display:inline-block;height:44px;min-width:38px;margin:2px 0.41493776%;font-size:16px;line-height:44px;vertical-align:top;padding:0 3px;color:#999;border:1px solid #ddd;background-color:#fff;border-radius:3px;}
#pagenavi a:hover{color:#e7b323;border-color:#e7b323;}
#pagenavi .a_cur{color:#fff;background-color:#e7b323;background-image:-webkit-linear-gradient(left,#e7b323,#b58612);background-image:linear-gradient(90deg,#e7b323,#b58612);border:none;min-width:40px;height:46px;line-height:46px;}
#pagenavi .a_prev,#pagenavi .a_next{width:98px;margin:2px 2.90456432%;}


/*banner*/
#banner{padding-bottom:400px;position:relative;color:#fff;background:no-repeat center center;background-size:cover;}
#banner .info{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;}
#banner .inner{position:relative;}
#banner .en{background:no-repeat left center;padding-bottom:61px;position:absolute;left:0;bottom:100%;width:100%;margin-bottom:-23px;}
#banner h2{font-size:36px;font-weight:normal;line-height:1.125em;margin-bottom:13px;}
#banner .intro{font-size:16px;line-height:24px;}
#banner .video{overflow:hidden;font-size:20px;line-height:1.125em;margin-top:52px;}
#banner .video span{font-size:14px;}
#banner .video p{margin-left:60px;overflow:hidden;}
#banner .video a{display:block;overflow:hidden;float:left;color:#fff;position:relative;}
#banner .video a:before{width:45px;height:45px;background:url(../images/icon_play.png) no-repeat center center;background-size:contain;display:block;content:'';float:left;transition:all .3s;}
#banner .video a:hover:before{transform:scale(0.9);}


/*subMenu*/
#subMenu{border-bottom:1px solid #dddcd9;}
#subMenu .inner{position:relative;}
#subMenu ul{font-size:0;line-height:normal;text-align:center;}
#subMenu li{display:inline-block;vertical-align:top;font-size:16px;color:#666;line-height:30px;padding:0 2.08333333%;}
#subMenu li a{color:#666;padding:10px 21px;display:block;position:relative;}
#subMenu li a:hover{color:#000;}
#subMenu .current a{color:#000;}
#subMenu .current a:after{width:100%;height:1px;background:url(../images/bg_current_line.png) no-repeat left center;background-size:100% 100%;content:'';display:block;position:absolute;left:0;bottom:-1px;}
#subMenu .left{text-align:left;margin-right:145px;}
#subMenu .btn{float:right;padding:8px 0;}
#subMenu .btn a{display:block;width:142px;height:34px;line-height:34px;background-image:-webkit-linear-gradient(left,#f6c02a,#d09824);background-image:linear-gradient(90deg,#f6c02a,#d09824);border-radius:17px;box-shadow:2px 2px 0 #3a3a3a;font-size:16px;color:#fff;text-align:center;}
#subMenu .btn a:hover{background-image:-webkit-linear-gradient(left,#d09824,#f6c02a);background-image:linear-gradient(90deg,#d09824,#f6c02a);}
#subMenu .btn i{display:inline-block;background:url(../images/arrow_05.png) no-repeat right center;font-style:normal;padding-right:27px;}

/*popup*/
#popup{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:11;visibility:hidden;opacity:0;transition:all .3s; overflow-y: auto; -webkit-overflow-scrolling: touch;}
#popup.active{visibility:visible;opacity:1;}
#popup .box{
	display:table;
	table-layout:fixed;
	width: 600px;
	height:100%;
	position: fixed;
	top: 50%;
	left: 43%;
	-ms-transform: translate(-43%, -50%);
	-webkit-transform: translate(-43%, -50%);
	-o-transform: translate(-43%, -50%);
	-moz-transform: translate(-43%, -50%);
	transform: translate(-43%, -50%);
	z-index: 999;
}
#popup .td{display:table-cell;vertical-align:middle;height:100%;}
#popup .info{background-color:#fff;border-radius:5px;margin:0 auto;box-shadow:0px 0px 10px rgba(0,0,0,0.06);position:relative;}
#popup .close{width:34px;height:34px;background:url(../images/icon_close.png) no-repeat center center;background-size:contain;position:absolute;left:100%;bottom:100%;cursor:pointer;}

#popup_share{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:11;visibility:hidden;opacity:0;transition:all .3s; overflow-y: auto; -webkit-overflow-scrolling: touch;}
#popup_share.active{visibility:visible;opacity:1;}
#popup_share .box{display:table;table-layout:fixed;width:100%;height:100%;}
#popup_share .td{display:table-cell;vertical-align:middle;height:100%;}
#popup_share .info{background-color:#fff;border-radius:5px;margin:0 auto;box-shadow:0px 0px 10px rgba(0,0,0,0.06);position:relative;}
#popup_share .close{width:34px;height:34px;background:url(../images/icon_close.png) no-repeat center center;background-size:contain;position:absolute;left:100%;bottom:100%;cursor:pointer;}

/*popup*/
#joinApply {width: 803px; box-shadow: 0px 0px 6px rgba(0,0,0,.1); background: url(../images/about/popup_apply_bg.png) no-repeat center top; background-size: 100% auto;}
#joinApply.info {border-radius: 10px;}
#joinApply .title {height: 160px; background: url(../images/about/popup_apply_title.png) no-repeat center -2px; text-align: center; line-height: 120px; font-size: 36px; font-weight: normal; color: #fff;}
#joinApply .form {width: 66%; margin: 0 auto; padding: 37px 0 107px;}
#joinApply .pb {padding:20px 0 40px;}
#joinApply .item {overflow: hidden; margin-bottom: 13px;}
#joinApply label {font-size: 16px; color: #000; display: block; float: left; line-height: 52px; text-align: right; width: 90px;}
#joinApply label i {font-style: normal; color: #f00; margin-right: 2px; letter-spacing: 0;}

#joinApply .input {margin-left: 120px; overflow: hidden; border: 1px solid #ebebeb; border-radius: 5px; position: relative;}
#joinApply .text {background-color: #fff; font-size: 16px; color: #333; display: block;height: 30px; line-height: 30px; padding: 10px 5%; width: 90%;}
#joinApply .upload {margin-left: 120px; overflow: hidden;}
#joinApply .upload .btn {border:2px dashed #d0d0d0; text-align: center; font-size: 16px; line-height: 1.875em; color: #bbb; position: relative; padding: 50px 20px;border-radius: 5px; margin-bottom: 20px;}
#joinApply .upload p {padding: 2px 0;}
#joinApply .upload a {background-color: #23b8ff; border-radius: 5px; color: #fff; width: 68.3%; margin: 0 auto; height: 50px; line-height: 50px; display: block; font-size: 18px;}
#joinApply .upload input[type="file"] {display: none;}
#joinApply .filename {font-size: 16px; color: #000; line-height: 1.875em;}
#joinApply .filename span {color: #0018ff;}
#joinApply .submit {margin-left: 120px; overflow: hidden; margin-top: 24px; padding-bottom: 3px;}
#joinApply .button {width: 100%; height: 52px; border-radius: 5px; box-shadow: 0px 3px 0px rgba(141,141,141,.5); font-size: 20px; cursor: pointer;}
#joinApply .verify .input {padding-right: 155px;}
#joinApply .verify img {position: absolute; right: 0; top: 0; width: auto; height: 100%;}
#joinApply textarea.text {height: 100px;}

#joinApply2 {width: 500px; box-shadow: 0px 0px 6px rgba(0,0,0,.1); background: url(../images/about/popup_apply_bg.png) no-repeat center top; background-size: 100% auto;}
#joinApply2.info {border-radius: 10px;}
#joinApply2 .title {height: 160px; background: url(../images/about/popup_apply_title.png) no-repeat center -2px; text-align: center; line-height: 120px; font-size: 36px; font-weight: normal; color: #fff;}
#joinApply2 .form {width: 66%; margin: 0 auto; padding: 87px 0 57px;}
#joinApply2 .pb {padding:20px 0 40px;}
#joinApply2 .item {overflow: hidden; margin-bottom: 13px;}
#joinApply2 label {font-size: 16px; color: #000; display: block; float: left; line-height: 52px; text-align: right; width: 90px;}
#joinApply2 label i {font-style: normal; color: #f00; margin-right: 2px; letter-spacing: 0;}

.border {position: relative;}
.border .pic:before,
.border .pic:after {content: ''; display: block; width: 0; height: 0; position: absolute; z-index: 2;border: 1px solid #ffce0f;margin: 10px; visibility: hidden;}
.border:hover .pic:before,
.border:hover .pic:after {visibility: visible;width: calc(100% - 22px); height: calc(100% - 22px);}

.border .pic:before { top: 0px; left: 1px; border-left: none; border-bottom: none;  transition:visibility .1s linear .6s,height .1s linear .5s,width .1s linear .6s; }
.border:hover .pic:before { transition:visibility .1s linear 0s, width .1s linear 0s,height .1s linear .2s;}
.border .pic:after {border-right: none; border-top: none; right: 1px; bottom: 1px;transition:visibility .1s linear .3s,height .1s linear .2s,width .1s linear .3s;}
.border:hover .pic:after {transition:visibility .1s linear .3s, width .1s linear .3s,height .1s linear .4s;}

/* 20220218 */
#quote .w45 .columns .msgcode {
  position: relative;
}

#quote .w45 .columns .msgcode .getcode {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: #23b8ff;
  line-height: 50px;
  border-radius: 5px;
  z-index: 10;
  padding: 0 20px;
  color: #fff;
  cursor: pointer;
}

#quote .w45 .columns .msgcode .getcode:hover {
  opacity: 0.85;
}
#quote .w45 .columns h2 span.s3 {
  letter-spacing: 0.1em !important;
  white-space: nowrap;
}
.drop_style_01 .menu dd a:hover{
  background: none !important;
}
#nav .drop_style_01 .menu dt a {
  padding-right: 18px;
  background: url(../images/arrow_13.png) no-repeat right center;
}

#pages {
	width: 100%;
	font-size: 0;
	padding: 25px 0;
	line-height: normal;
	text-align: center;
	cursor: pointer;
}
#pages a {
	display: inline-block;
	min-width: 38px;
	height: 44px;
	color: #999;
	font-size: 16px;
	line-height: 44px;
	vertical-align: top;
	padding: 0 8px;
	margin: 2px 0.41493776%;
	border: 1px solid #DDD;
	background-color: #FFF;
	border-radius: 3px;
}
#pages a.a1 {
	display: inline-block;
	min-width: 38px;
	height: 44px;
	color: #999;
	font-size: 16px;
	line-height: 44px;
	vertical-align: top;
	padding: 0 8px;
	margin: 2px 0.41493776%;
	border: 1px solid #DDD;
	background-color: #FFF;
	border-radius: 3px;
}
#pages a:hover {
	display: inline-block;
	min-width: 40px;
	height: 46px;
	line-height: 46px;
	color: #FFF;
	border: none;
	background-color: #E7B323;
	background-image: -webkit-linear-gradient(left,#E7B323,#B58612);
	background-image: linear-gradient(90deg,#E7B323,#B58612);
}
#pages span {
	display: inline-block;
	min-width: 38px;
	height: 46px;
	color: #FFF;
	font-size: 16px;
	line-height: 46px;
	vertical-align: top;
	padding: 0 8px;
	margin: 2px 0.41493776%;
	border: none;
	border-radius: 3px;
	background-color: #E7B323;
	background-image: -webkit-linear-gradient(left,#E7B323,#B58612);
	background-image: linear-gradient(90deg,#E7B323,#B58612);
}
#divPopup{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:9;}
#divPopup .qrcode{width:150px;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);background-color:#fff;text-align:center;border:2px solid #888;padding:5px;}
#divPopup #qrcode{padding-bottom:100%;position:relative;}
#divPopup img,#divPopup canvas{position:absolute;left:0;top:0;width:100%;height:100%;}
#divPopup .text{font-size:14px;line-height:1.5em;color:#999;}

/*bshare*/
.bshare{background-color:#fff;box-shadow:0px 0px 5px rgba(0,0,0,.1);padding:8px 10px;position:absolute;font-size:0;line-height:normal;display:none; top:100%;}
.bshare:after{content:'';display:block;background-color:#fff;width:8px;height:8px;transform:rotate(-45deg);position:absolute;left:50%;top:-5px;margin-left:-5px;border-right:1px solid rgba(0,0,0,.05);border-top:1px solid rgba(0,0,0,.05);}
.bshare a{display:inline-block;margin:0 8px;width:25px;height:25px;background:no-repeat center center;background-size:contain;text-indent:-99999em;}
.bshare .wb{background-image:url(../images/share_weibo.png);}
.bshare .wx{background-image:url(../images/share_weixin.png);}
.bshare .qz{background-image:url(../images/share_qzone.png);}