@charset "utf-8";
@font-face{font-family: fontLink;src: url('RobotoSlabLight.ttf');}
.fontLink{font-family:fontLink;}
a{color: inherit;}
body{font-family:arial,'黑体',SimHei;font-size: 14px;color: #333; line-height: 1.5; min-width: 330px;overflow-x: hidden;} 
ol,ul,li{ list-style: none;}
.autowidth{ width: 1200px; margin: auto;}
.inlineBlock{ display: inline-block; *display: inline;*zoom: 1;vertical-align: top;}
.headerHeight{ height: 64px; background: #e6a915;}
.header{box-shadow: 0 0 10px -2px rgba(0,0,0,.5);position: fixed;z-index: 20;left: 0;right: 0;top: 0;line-height: 64px;height: 64px;background: #1d1d1d;color: #fff;}
.headerDL >dd{ float: left; width: 68px;text-align: center; position: relative;}
.headerDL >dd:before{ position: absolute; left: 0;width: 0;top: 0;content: '';height: 3px;background: #fabe0f;transition: .5s;-webkit-transition: .5s;}
.headerDL >dd a{color: #fff; display: block;}
.fixZixun a{display: inline-block;position: relative; line-height: 34px;background: #fabe0f;color: #121212; padding: 0 20px;border-radius: 17px;margin-left: 5px;}
.headerFR{ white-space: nowrap;}
.logo,.logo img{ display: block;}
.headerFR .inlineBlock{ margin-left: 22px;}
.header .fontLink{ padding: 0 12px 0 12px;}
.headerDL >dd.on{ color: #fabe0f;background: #343434;}
.headerDL >dd.on:before{ width: 100%;}
.fixZixun a:before,.bannerLink:before{ position: absolute; opacity: 0; left: 0;right: 0; top:0; bottom: 0; border: 5px solid #888;content: '';/* border-radius: 40px;*/}
.yhmq{width: 202px;height: auto;position: fixed;top: 50%;margin-top: -85px;right: -1px;z-index: 20;}
.yhmq a{display: block;}
.yhmq .close{position: absolute; right: 0; top: -18px;}

.xf{
	width: 101px;
	height: auto;
	position: fixed;
	top: 50%;
	margin-top: -238px;
	right: -1px;
	z-index: 20;
}
.xf .xf-new{
	width: 100%;
	height: auto;
	position: relative;
	left: 0;
	top: 0;
}
.xf .xf-new .tb{
	width: 97px;
	height: 151px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}
.xf .xf-new .click-close{
	width: 23px;
	height: 24px;
	position: absolute;
	left: -23px;
	top: 87px;
	background: url(../images/xf_click.jpg) no-repeat;
}
.xf-open{
	width: 100%;
	height: auto;
	bottom: 0;
	left: 110%;
	opacity: 0;
	position: absolute;
	cursor: pointer;
}
.table{ height:100%; display:table; margin: 0 auto; width: 100%;}
.table-cell{ display:table-cell; vertical-align:middle;}
.banner{position: relative;}
.banner .item{position: relative;}
.banner .owl-dots{position: absolute; bottom: 0; left: 0; width: 100%;}
.index_1{ position: relative; overflow: hidden;}
.bannerTxt{ position: absolute; left: 50%; margin-left: -600px;width: 1200px; top: 0%; height: 100%;}
.banner2 .bannerTxts{width:44%;}
/*.banner2 .owl-item:first-child .bannerTxts{width:34%;}
.banner2 .owl-item:last-child .bannerTxts{width:34%;}*/
.bannerLink{line-height: 50px;/*border-radius: 28px;*/white-space: nowrap;color: #333; padding: 0 30px;background: #fabe0f; display: inline-block; font-size: 18px;  /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1ac00), to(#ffee00));*/ position: relative;}
.bannerTxt .pb{ margin-top: 10%;}
.bannerTxts{width: 30%; position: absolute; top: 0; left: 0; height: 100%;}
.bannerLink:before{ border-color: #F1AC00;}
.colorYellow{color: #fabe0f;}
.index_1 .owl-nav{display: none;}
.index_1 .owl-dots{position: absolute; bottom: 3%; left: 0; width: 100%;}

.bgSrc{background-size: cover !important;}
.index_2{ padding: 6% 0;}
.index_2 .fl{ width: 40%;}
.index_2 .fr{ width: 60%;}
.index2OL { padding-top: 7%;}
.index2OL li{padding: 10px 0; padding-left: 19px;background: url(..images/ad2.png) no-repeat left 16px; border-bottom: 1px dashed #555;}
.index_3{ padding: 4% 0;}
.index_3 .fl{ width: 42%;}
.index_3 .fr{ width: 58%;}
.borderBt{border-bottom: 1px dashed #cc9c10; padding-bottom: 15px; margin-bottom: 15px;}
.index_3 .fr .top{ padding:9% 6% 6% 0; overflow: hidden;}
.index_3 .fr .top .wt{ float: left; width: 55%;}
.videoOpen{cursor: pointer; position: relative; float: right; width: 36%;overflow: hidden;}
.videoOpen img{ width: 100%;}
.videoOpen:before{ position: absolute;transition: .5s; -webkit-transition: .5s; left: 0;right: 0;top: 0;bottom: 0;content: '';border: 5px solid #cb9c17; border-color: rgba(204,168,66,.8);}
.videoOpen:after{ position: absolute; border: 5px solid #cca842;transition: .5s; -webkit-transition: .5s; border-color: rgba(204,168,66,.5); left: 50%; margin-left: -30px; top: 50%; margin-top: -30px; width: 50px;height: 50px;content: '';background:url(images/ad7.png) no-repeat center;background-size: contain; border-radius: 50%;}

.fixedVideo,.alertOpctioy{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:555; display:none;}
.fixedVideo .videoDDD{background: #222 url(images/loading_1.gif) no-repeat  center; border-radius: 4px; width:658px; height:380px; position:absolute; left:50%; margin-left:-320px; top:50%; margin-top:-190px;}
.fixedVideo .videoDDD iframe,.fixedVideo .videoDDD embed,.fixedVideo .videoDDD video{ width:100%; }
.fixedVideo .videoDDD iframe,.fixedVideo .videoDDD embed{ height: 100%;}
.fixedVideo .videoDDD .openVd{ width:100%; height:100%;}
.allContact{ position:fixed; width:1160px; left:50%; margin-left:-600px; top:10%; height:76%; overflow-y:scroll; background:#fff; padding:40px 20px 20px 40px; z-index:556; }
.closeTxtt{ position:absolute; right:0; top:0px; cursor:pointer; background:#ccc;}
.closeVideo{position: absolute;z-index: 555; left: 100%; top: 0; width: 32px; padding: 5px;background: #fabe0f; border-radius:0 3px 3px 0;}

.index_4{ padding:6% 0 5% 0;}
.maxwidth50 img{ max-width: 50%;}
.twoDD{ position: relative; margin-top: 8%;overflow: hidden;}
.twoDD:before{ position: absolute; left: 50%; top: 0;bottom: 0;content: '';border-left: 1px dashed #4f4f4f;}
.twoDD .dd{ overflow: hidden;width: 45%;}
.twoDD .dd .fontLink{ float: left; margin-right: 20px; font-size: 36px; width: 80px;text-align: center;line-height: 80px;background: #fabe0f; border-radius: 50%;}
.twoDD .dd .txt{overflow: hidden;}
.twoDD .dd h3{ margin:18px 0 10px 0;}
.index_5{ padding:4% 0 3% 0;}
.index_6 { border-top: 1px solid #ddd;}
.index_6 ul{ white-space: nowrap;overflow-x: auto;text-align: center; -webkit-overflow-scrolling: touch;}
.index_6 ul li{display: inline-block;transition: .5s; *display: inline;*zoom: 1; font-size: 20px; padding: 0 35px; line-height: 80px;cursor: pointer;}
.index_6 ul li.on,.index_6 ul li:hover{background: #fabe0f;}
.index_7{ padding: 5% 0 3% 0;}
.questionUL li{ display: none;}
.questionUL li.on{ display: block;}
.questionUL li .fl{ width: 45%;min-height: 300px; animation: dh-3 .6s linear both; -webkit-animation: dh-4 .6s linear both;}
.questionUL li .fl .colorfff{ margin-bottom: 20px;}
.questionUL li .fr{ width: 50%; overflow: hidden; animation: dh-4 .6s linear both; -webkit-animation: dh-3 .6s linear both;}
.questionUL li .fr .imgs{ float: left; width: 49%;}
.questionUL li .fr .imgs:nth-child(2){ margin-left: 2%;}
.questionUL li .fr .imgs h6{ height: 80px;}
.questionUL li .fr .imgs h6 span{color: #fff;text-align: center; padding: 10px 2px; display: block;}
.questionUL li .link{ width: 100%; padding: 2% 0 2% 0; float: left;text-align: center;animation: dh-1 .6s linear both; -webkit-animation: dh-1 .6s linear both;}
.bannerLink img{ position: relative; top: -1px;margin-right: 10px;}
.footerCopy{ padding: 10px 0;color: #5f5f5f; text-align: center;background: #121212;}

.index_8{ padding: 5% 0;}
.zhijianUL{ padding-top: 3%;}
.zhijianUL li{ float: left; width: 33.33%;text-align: center;background: #fff;}
.zhijianUL li:nth-child(even){background: #f2c41f;}

.zhijianUL .pads{ padding: 20px 25px 40px 25px;}
.zhijianUL .pads .top{ line-height: 28px;height: 56px;}
.zhijianUL .pads .bottom{ overflow: hidden;}
.zhijianUL .pads .center{ padding: 15px 0 5px 0; margin-bottom: 25px; min-height: 140px;border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.zhijianUL .pads .bottom a{display: block;border: 1px solid #E5E5E5; width: 47%;position: relative;overflow: hidden;}
.zhijianUL .pads .bottom .txt{transition: .5s; -webkit-transition: .5s; position: absolute; left: 0;right: 0;top: 0;bottom: 0;content: '';background: #000;opacity: 0; -webkit-opacity: 0;}
.zhijianUL .pads .bottom .txt h6{ position: absolute;padding: 0 10px; left: 0;right: 0; top: 50%;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);color: #fff;}
.zhijianUL li:nth-child(even) .center{border-color: #d9b01c;}
.formCeshi{ position: absolute; display: none; width: 800px;background: #fff;overflow: hidden;z-index: 558;border-radius: 15px;left: 50%;margin-left: -400px; top: 50%; }
.formCeshi .tit{ text-align: center;padding: 15px 0;border-bottom: 1px solid #EAEAEA;position: relative;}
.closeForm{ position: absolute;right: 0;top: 0;background: #F1AC00;padding: 8px; font-size: 0;}
.closeForm img{ width: 20px;}
.numberUL{ display: inline-block;text-align: center;overflow: hidden; font-size: 0; margin:0 0 40px 0;}
.numberUL li{margin: 0 80px 0 0; font-size: 13px;color: #999; display: inline-block;width: 26px;line-height: 26px;border-radius: 50%;background: #eaeaea;position: relative;}
.numberUL li.on{background: #F2C41F;color: #333;}
.numberUL li.on:before{background: #F2C41F;}
.layui-layer-hui.layui-layer-msg{ background: rgba(255,194,14,.8); color: #111;}



.numberUL li:nth-last-child(1){ margin: 0;}
.numberUL li:before{ position: absolute;left: 100%; top: 10px;bottom: 10px;content: '';background: #eaeaea; width: 100px;}
.answerUL li h6{ text-align: center; margin-bottom: 15px;}
.containerCenter{ padding: 40px 5% 30px 5% ;}
.answerUL{ font-size: 0; padding-bottom: 30px;}
.answerUL li{display: none;}
.answerUL li.on{display: block;}
.anDL dd{display: inline-block;border-radius: 5px;  width: 48%;margin: 0 2% 2% 0;position: relative; font-size: 14px; vertical-align: top;background: #eaeaea;}
.anDL {width: 102%;}
.anDL dd label{ display: block;line-height: 48px;height: 48px;padding: 0 15px;cursor: pointer;position: relative;}
.anDL dd label input{ opacity: 0; -webkit-opacity: 0;}
.anDL dd label em{ position: absolute; left: 0;right: 0;top: 0;bottom: 0;content: '';border: 2px solid transparent;border-radius: 5px;}
.anDL dd label input:checked~em{border-color: #F2C41F;background:#fff url(images/check.png) no-repeat right top;}
.anDL dd span{position: relative;z-index: 2; display: inline-block;line-height: 1.2;vertical-align: middle;}

.sameBtn input{box-sizing: border-box; float: left; width: 50%; line-height: 70px;text-align: center;font-size: 18px;background: #eee;border: 0;}
.sameBtn .prevPage,.sameBtn .returnBtn{border-top: 1px solid #eee;color: #888;}
.sameBtn .naxtPage,.sameBtn .submitBtn{background: #F2C41F;border-top: 1px solid #F2C41F;}

.colorUnder{color: #FAA40F; text-decoration: underline;}

.fannaos{padding: 5% 0; background: #f8f8f8;}
.fannaos .tit{text-align: center;}
.fannaos .ul{}
.fannaos .ul .li{float: left; width: calc(25% - 45px); margin-left: 60px; margin-top: 36px;}
.fannaos .ul .li:first-child{margin-left: 0;}
.fannaos .ul .li .tits{padding-bottom: 0.9em; line-height: 44px;}
.fannaos .ul .li .tits img{display: inline-block; vertical-align: middle; padding-right: 0.5em;}
.fannaos .ul .li .tits p{line-height: 1.8em;}

.jjfans{padding: 5% 0; background:url(../images/fansg1/bgxian1.jpg) repeat-x top #f8f8f8;}
.jjfans .tit{text-align: center;}
.jjfanstop ul{padding-top: 36px;}
.jjfanstop ul li{float: left;width: calc(22.7% - 40px);margin-right: 10px;}
.jjfanstop ul li:last-child{margin-right: 0;}
.jjfanstop ul li .imgs{width: 0; float: left;}
.jjfanstop ul li a{display: block; background: #d9d9d9; padding:20px; overflow: hidden;}
.jjfanstop ul li a .txt{width: calc(100% - 10px);float: right;min-height: 139px;}
.jjfanstop ul li a .txt img{padding-top: 7px; opacity: 0; transition:.3s; -webkit-transition:.3s;}
.jjfanstop ul li a .txt h3{padding-top: 10%;}
.jjfanstop ul li.cur{width: calc(39.4%);position: relative;}
.jjfanstop ul li.cur:before{
	content: ''; position: absolute; left: 50%; top: 100%; margin-left: -10px;
	width: 0; 
height: 0; 
border-left: 10px solid transparent; 
border-right: 10px solid transparent; 
border-top: 16px solid #fabe0f; 
}
.jjfanstop ul li.cur:before{
	border-top-color:#fabe0f;
}
.jjfanstop ul li.cur:nth-child(4):before{
	border-top-color:#ad1f22;
}
.jjfanstop ul li.cur:nth-child(3):before{
	border-top-color:#336699;
}
.jjfanstop ul li.cur:nth-child(2):before{
	border-top-color:#6b00cf;
}
.jjfanstop ul li.cur:nth-child(1) a{background: #fabe0f;}
.jjfanstop ul li.cur:nth-child(4) a{background: #c62428;}
.jjfanstop ul li.cur:nth-child(3) a{background: #3b77b3;}
.jjfanstop ul li.cur:nth-child(2) a{background: #7800e8;}
.jjfanstop ul li.cur a .txt h3,.jjfanstop ul li.cur a .txt p{color: #fff;}

.jjfanstop ul li.cur a{background: #fabe0f;}
.jjfanstop ul li.cur a .txt{ width: calc(43% - 20px);}
.jjfanstop ul li.cur a .imgs{width: 57%; transition:.3s; -webkit-transition:.3s;}
.jjfanstop ul li.cur a .txt img{opacity: 1;}

.jjfanscon{padding-top: 36px;}
.jjfanscon .fbshuom{background: #FABE0F; padding: 30px; text-align: center; color: #fff;}
.jjfanscon .fbshuom .txt{padding-top: 10px; line-height: 1.8em; max-width: 910px; margin: 0 auto;}
.jjfanscon .fbquy{position: relative;background: #fff; }
.jjfanscon .fbquy ul li .wstit{color: #fff;}
.jjfanscon .fbquy ul li{float: left; width:calc(25%); }
.jjfanscon .fbquy ul li:before{content: ''; top: 0; width: 1px; height: 100%; background: #F8F8F8; position: absolute;}
.jjfanscon .fbquy ul li:first-child:before{display: none;}
.jjfanscon .fbquy ul li .wstit{padding: 32px; background: #e0ac0d; text-align: center; height: 170px;}
.jjfanscon .fbquy .wstit h3{font-weight: bold; padding-bottom: 8px;}

.wsfbqcon{padding: 32px;}
.fbqlb{position: relative; max-width: 536px; margin: 0 auto;}
.fbqlb .owl-dots{position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }
.fbqlb .owl-dots .owl-dot{vertical-align: middle !important; }
.fbqlb .owl-dots .owl-dot span{width: 20px; height: 6px; border-radius: 0;}

.wsfbqcon .txt{padding: 20px 0px;}
.wsfbqcon .txt .tcit{padding-bottom: 12px; font-family: simhei;}
.wsfbqcon .txt p{ padding: 5px 0; padding-left: 20px; position: relative;}
.wsfbqcon .txt p:before{content: '●'; position: absolute; left: 0; top: 5px;}
.wsfbqcon .annius{padding-top: 10px;}
.wsfbqcon .annius a{display: inline-block; line-height: 3em; border: 1px solid #cccccc; padding:0 10px; margin-top: 10px; margin-right: 10px;}
.wsfbqcon .annius a img{display: inline-block; vertical-align: middle; padding-right: 0.5em;}
.wsfbqcon .annius a:hover{border-color: #FABE0F; background: #FABE0F; color: #333;}


.shebvid{padding: 5% 0;}
.shebvid .cons{position: relative;}
.shebvid .left{width: 45.5%; position: relative;}
.shebvid .left .imgs{background: #313131;}
.shebvid .left .imgs img{opacity: 0.36;}
.shebvid .left video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; display: none; background: #000000;}
.shebvid .left .txt{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; text-align: center; color: #fff; cursor: pointer;}
.shebvid .left .txt p{padding-bottom: 0.5em;}
.shebvid .left .txt img{margin: 0 auto;}
.shebvid .right{position: absolute; right: 0; height: 100%; width: 45%; top: 0;}
.shebvid .right ul li{ padding: 10px 0;position: relative; padding-left: 80px;}
.shebvid .right ul li span{position: absolute; left: 0; top: 50%; font-size: 30px; line-height: 58px; width: 58px; text-align: center; color: #000000; margin-top: -30px; border: 1px solid #ccc; border-radius: 100%;}

.shebbgz{padding: 5% 0; background: url(../images/fansg2/bgxian1.jpg) repeat-x top #fff;}
.shebtop ul{}
.shebtop ul li{float: left; width:calc(25.2% - 10px); margin-right: 10px;}
.shebtop ul li:last-child{margin-right: 0;}
.shebtop ul li .imgs{width: 0; float: left;}
.shebtop ul li a{display: block; background: #d9d9d9; padding:20px; overflow: hidden;}
.shebtop ul li a .txt{width: calc(100% - 10px);float: right; min-height: 133px;}
.shebtop ul li a .txt img{padding-top: 7px; opacity: 0; transition:.3s; -webkit-transition:.3s;}
.shebtop ul li a .txt h3{padding-bottom: 0.5em;}
.shebtop ul li.cur{width: calc(49.6%); position: relative;}
.shebtop ul li.cur:before{
	content: ''; position: absolute; left: 50%; top: 100%; margin-left: -10px;
	width: 0; 
height: 0; 
border-left: 10px solid transparent; 
border-right: 10px solid transparent; 
border-top: 16px solid #336699; 
}
.shebtop ul li.cur:first-child:before{ 
border-top-color: #e0ac0d; 
}
.shebtop ul li.cur:nth-child(2):before{ 
border-top-color: #ad1f22; 
}
.jjfanstop ul li.cur:nth-child(3) a{border-top-color: #ad1f22;}
.shebtop ul li.cur a{background: #3b77b3;}
.shebtop ul li.cur:first-child a{background: #fabe0f;}
.shebtop ul li.cur:nth-child(2) a{background: #ad1f22;}
.shebtop ul li.cur a .txt{ width: calc(53.5% - 20px);}
.shebtop ul li.cur a .imgs{width: 46.5%; transition:.3s; -webkit-transition:.3s;}
.shebtop ul li.cur a .txt img{opacity: 1;}
.shebtop ul li.cur a .txt h3,.shebtop ul li.cur a .txt h4,.shebtop ul li.cur a .txt p{color: #fff;}

.jjfanscon02 .fbshuom{/*background: #336699;*/}
.jjfanscon02 .fbquy ul li .wstit{height: auto; /*background: #3b77b3;*/ color: #fff; padding: 20px;}
.jjfanscon02 .fbquy ul li{width: 50%;}
.jjfanscon02 .fbquy ul.fbquyul li{float: none; margin: 0 auto;}
.jjfanscon02 .fbquy{background: #f7f7f7;}
.jjfanscon02 .fbquy ul li:before{background: #fff;}
.jjfanscon02 .wsfbqcon .annius a{line-height: 2.4em;}
.jjfanscon02 .fbquy .wstit h3{padding-bottom: 0;}
.jjfanscon02 .wsfbqcon .annius a img{padding-bottom: 0.3em;}

.jjfanscon .jjfanscons:nth-child(1) .fbshuom{background: #e0ac0d;}
.jjfanscon .jjfanscons:nth-child(1) .fbquy ul li .wstit{background: #fabe0f;}
.jjfanscon .jjfanscons:nth-child(4) .fbshuom{background: #ad1f22;}
.jjfanscon .jjfanscons:nth-child(4) .fbquy ul li .wstit{background: #c62428;}
.jjfanscon .jjfanscons:nth-child(3) .fbshuom{background: #336699;}
.jjfanscon .jjfanscons:nth-child(3) .fbquy ul li .wstit{background: #3b77b3;}
.jjfanscon .jjfanscons:nth-child(2) .fbshuom{background: #6b00cf;}
.jjfanscon .jjfanscons:nth-child(2) .fbquy ul li .wstit{background: #7800e8;}

/*.jjfanscon02 .wsfbqcon .annius a:hover{border-color:#3B77B3; background: #3B77B3;}*/


@media only screen and (max-width:1480px ) {
	.font30{ font-size: 24px;}
	.font36{ font-size: 30px;}
	.font48{ font-size: 42px;}
	.font60{ font-size: 48px;}
	.font70{ font-size: 62px;}
	
}


@media only screen and (max-width:1260px ) {
	.autowidth{ width: 96%;}
	.font24{ font-size: 18px;}
	.font30{ font-size: 22px;}
	.font36{ font-size: 24px;}
	.font48{ font-size: 32px;}
	.font60{ font-size: 40px;}
	.font70{ font-size: 60px;}
	
	.bannerTxt{ left:5%; width:90%;margin-left: 0;}
	
	.jjfanstop ul li{float: left; width:calc(25% - 9px) !important; margin-right: 12px;}
	.jjfanstop ul li:last-child{margin-right: 0;}
	.jjfanstop ul li.cur a .imgs{width:0%;}
	.jjfanstop ul li.cur a .txt,.jjfanstop ul li a .txt{width: 100%;}
	
	
}



@media only screen and (max-width:1060px ) {
	
	
	.headerDL { float: none; background: #121212;}
	.headerDL >dd{ float: none; width: auto;}
	.headerFR .inlineBlock{ margin-left: 0; }
	.font48{ font-size: 28px;}
	.font60{ font-size: 32px;}
	
}



@media only screen and (min-width:960px ) {
	body::-webkit-scrollbar {width: 10px; height: 10px;}/* 滚动槽 */
	body.active::-webkit-scrollbar {width:0px; height: 0px;}/* 滚动槽 */
	body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}/* 滚动条滑块 */
	body::-webkit-scrollbar-thumb {border-radius: 10px;background: #fabe0f; -webkit-box-shadow: inset 0 0 6px #fabe0f;}
	body::-webkit-scrollbar-thumb:window-inactive {background: #fabe0f;}
	.fixZixun a:hover{background: #888;color: #FABE0F;}
	.bannerLink:hover{box-shadow: 0 15px 20px -15px rgba(247,198,0,.8);color: #333;}
	.videoOpen:hover:before{border-width: 100px; opacity: 0;}
	.videoOpen:hover:after{ transform: scale(1.1) rotate(360deg);-webkit-transform: scale(1.1) rotate(360deg); border-color: rgba(255,255,255,.5);}
    .zhijianUL .pads .bottom a:hover .txt{ opacity: .8; -webkit-opacity: .8;}
    .zhijianUL .pads .bottom a:hover{ border-color: transparent;}
    .anDL dd{ transition: .5s; -webkit-transition: .5s;}
    .anDL dd:hover{background: #ddd;}
    .prevPage:hover,.returnBtn:hover{background: #ddd;}
    .naxtPage:hover,.submitBtn:hover{background: #fed43c;}
    .closeForm:hover{background: #FED43C;}
	#ctl00_cpMainWrapper_btnOk{  width:520px; height:50px; background:#fabe0f;}
	#ctl00_cpMainWrapper_btnOk:hover:before{ animation: dh-0 .6s both; -webkit-animation: dh-0 .6s both;}
    .fixZixun a:hover:before,.bannerLink:hover:before{ animation: dh-0 .6s both; -webkit-animation: dh-0 .6s both;}
    .animationDH{will-change:animation,transform,opacity; opacity: 0;}
	.animationDH.currtt{animation: dh-1 1s linear both;-webkit-animation: dh-1 1s linear both; opacity: 1;}
	.index_2 .currtt .fl,.index_3 .currtt .fl{ animation: dh-4 1s linear both; -webkit-animation: dh-4 1s linear both;}
	.index_2 .currtt .fr,.index_3 .currtt .fr{ animation: dh-3 1s linear both; -webkit-animation: dh-3 1s linear both;}
	
	.contactOur:hover{ right: 640px;}
	.contactDL dd:hover{background: #666;}
}



@media only screen and (max-width:960px ) {
	.font30{ font-size: 20px;}
	.font36{ font-size: 24px;}
	.font48{ font-size: 30px;}
	.formCeshi{ width: 94%; margin-left: 0; left: 3%;}
	.bannerLink{ font-size: 15px; line-height: 40px; padding: 0 15px;}
	.twoDD .dd{ width: auto; float: none;}
	.twoDD:before{ display: none;}
	.index_6 ul li{ line-height: 50px; padding: 0 15px; font-size: 16px;}
	.zhijianUL .pads .center{ font-size: 14px; min-height: 180px;}
	.zhijianUL .pads .bottom a{ float: none; width: auto; margin: 0 0 15px 0;}
	.zhijianUL .pads{ padding: 10px 10px 5px 10px;}
	
	.fannaos .ul .li{width: calc(50% - 20px); margin-left: 0;}
	.fannaos .ul .li:nth-child(2n){float: right;}
}
@media only screen and (max-width:768px ) {
	.jjfanscon .fbquy{background: none;}
	.jjfanscon .fbquy ul li{width: 100% !important; margin-left: 0; margin-bottom: 10px; background: #fff;}
	.jjfanscon .fbquy ul li:before{display: none;}
	.jjfanscon .fbquy ul li .wstit{height: auto;}
	.jjfanscon02 .fbquy{background: none;}
	.jjfanscon02 .fbquy ul li{background: #f7f7f7;}
	.jjfanscon02 .fbquy ul li .wstit{padding: 12px;}
	.shebtop02 ul li.cur a .imgs{display: none;}
	.shebtop02 ul li.cur a .txt{width: 100%;}
	.shebtop02 ul li.cur,.shebtop02 ul li{width: 100%; margin-left: 0; margin-bottom: 10px;}
	.shebtop02 ul li.cur a .txt{height: auto;}
	
	.shebvid .left{width: 100%;}
	.shebvid .left .txt img{width: 40px;}
	.shebtop02 ul li a .txt{min-height: auto; width: 100%;}
	.shebvid .right{position: relative; width: 100%; padding-top: 10px;}
	.shebvid .right ul li{padding-left: 58px;}
	.shebvid .right ul li span{font-size: 20px; line-height: 38px; width: 38px; margin-top: -20px;}
}
@media only screen and (max-width:640px ) {
	.banner3 .bannerTxts{width: 20%;}
	
	.fixedVideo .videoDDD{width: 96%; margin-left: 0; left: 2%;}
	.closeVideo{ left: auto; right: 0; top: auto; bottom: 100%; border-radius: 0;}
	.font24{ font-size: 16px;}
	.font30{ font-size: 18px;}
	.font36{ font-size: 20px;}
	.font48{ font-size: 28px;}
	.font60{ font-size: 30px;}
	.font70{ font-size: 32px;}
	.headerNav{ top: 50px;}
	.logo img{ height: 50px;}
	.header{ line-height: 50px; height: 50px;}
	.headerHeight{ height: 50px;}
    .header .autowidth{ width: auto; padding-right: 2.5%;}
    .numberUL li{ margin: 0 30px 0 0;}
    .numberUL{ margin-bottom: 15px;}
    .containerCenter{ padding: 20px 3% 20px 3%;}
    .sameBtn input{ line-height: 50px; }
   
    .index_2 .fl{ float: none; width: auto; text-align: center;padding: 0 0 5% 0;}
    .index_2 .fr{ float: none;width: auto;}
    .index_2 img{ max-width: 60%;}
    
    .index_3 .fl{ float: none; width: auto; padding: 0;text-align: center;}
    .index_3 .fr{ float: none;width: auto;}
    .index_3{background:#fabe0f !important ;}
    .index_3 .fr .top{ padding: 5% 0 5% 0;}
    .videoOpen{ width: 40%;}
    .videoOpen:after{transform: scale(.7);}
    .twoDD .dd .fontLink{ width: 48px;line-height: 48px; font-size: 20px;}
    .twoDD .dd h3{ margin: 12px 0 5px 0;}
    
    .questionUL li .fr{ float: none; width: auto;}
    .questionUL li .fl{ float: none; width: auto; min-height: 165px;}
    .questionUL li .fr .imgs h6 span{ font-size: 12px;}
    .index_6 ul li{ line-height: 40px; font-size: 13px; padding: 0 10px;}
    .footerCopy{padding: 10px;}
    .zhijianUL li{ float: none;width: auto;}
    .zhijianUL .pads .center{ min-height: 0;padding: 15px 0;}
    .zhijianUL .pads .top{ height: auto; padding-bottom: 10px;}
    .zhijianUL .pads .bottom a{ float: left; width: 48%;}
    .zhijianUL .pads .bottom a:nth-child(even){ float: right;}
    .zhijianUL .pads .center{ border-bottom: 0; margin-bottom: 0;}
    .zhijianUL .pads .bottom .txt{ opacity: 1; -webkit-opacity: 1;position: static;}
    .zhijianUL .pads .bottom .txt h6{background: #333; padding: 10px; position: static; transform: translate(0,0);-webkit-transform: translate(0,0);}
    
    .fannaos .ul .li{width: 100%; text-align: center; margin-top: 20px;}
    .fannaos .ul .li .tits{padding-bottom: 0.5em; line-height: 30px;}
    .fannaos .ul .li .tits img{height: 30px;}
    
    .jjfanstop ul li{width: calc(50% - 4px) !important; margin-top: 8px; margin-right: 0;}
    .jjfanstop ul li:nth-child(2n){float: right;}
    .jjfanstop ul li a{padding: 12px;}
    .jjfanstop ul li p{font-size: 14px;}
    .jjfanstop ul li a .txt{min-height: 110px;}
}

@media only screen and (max-width:480px ) {
	.font18{ font-size: 14px;}
	.font30{ font-size: 16px;}
	.font36{ font-size: 17px;}
	.font48{ font-size: 18px;}
	.font60{ font-size: 20px;}
	.font70{ font-size: 22px;}
	.answerUL li h6{ text-align: left; margin-bottom: 10px;}
	.bannerLink{ line-height: 34px; margin-top: 5px;}
	.headerFR .inlineBlock{ display: block;line-height: 1.5;text-align: right; font-size: 12px;}
	.fixZixun a{padding: 0;background: transparent;color: #F2C41F; line-height: 1.5;}
	.headerFR{ margin-top: 7px;}
	
}

@-webkit-keyframes dh-0{
	from{opacity: 1; }
	to{opacity: 0; left: -10px; top: -10px; bottom: -10px; right: -10px;}
}
@keyframes dh-0{
	from{opacity: 1; }
	to{opacity: 0; left: -10px; top: -10px; bottom: -10px; right: -10px;}
}


@keyframes dh-1 {
    from { opacity: 0; transform: translate3d(0,50px,0); -webkit-translate3d(0,50px,0); }
    to { opacity: 1; transform: translate3d(0,0,0); -webkit-translate3d(0,0,0); }
}

@-webkit-keyframes dh-1 {
    from { opacity: 0; transform: translate3d(0,50px,0); -webkit-translate3d(0,50px,0); }
    to { opacity: 1; transform: translate3d(0,0,0); -webkit-translate3d(0,0,0); }
}

@keyframes dh-2 {
    from {transform: scale(0); -webkit-transform: scale(0);}
    to {transform: scale(1); -webkit-transform: scale(1);}
}

@-webkit-keyframes dh-2 {
    from {transform: scale(0); -webkit-transform: scale(0);}
    to {transform: scale(1); -webkit-transform: scale(1);}
}

@keyframes dh-3 {
    from {transform: translate(150px,0); -webkit-transform: translate(150px,0);opacity: 0; }
    to {transform: translate(0px,0); -webkit-transform: translate(0px,0);opacity: 1; }
}

@-webkit-keyframes dh-3 {
    from {transform: translate(150px,0); -webkit-transform: translate(150px,0);opacity: 0; }
    to {transform: translate(0px,0); -webkit-transform: translate(0px,0);opacity: 1; }
}

@keyframes dh-4 {
    from {transform: translate(-150px,0); -webkit-transform: translate(-150px,0);opacity: 0; }
    to {transform: translate(0px,0); -webkit-transform: translate(0px,0);opacity: 1; }
}

@-webkit-keyframes dh-4 {
    from {transform: translate(-150px,0); -webkit-transform: translate(-150px,0);opacity: 0; }
    to {transform: translate(0px,0); -webkit-transform: translate(0px,0);opacity: 1; }
}