@charset "utf-8";
@font-face{font-family: fontLink;src: url('RobotoSlabLight.ttf');}
@font-face{font-family: robr;src: url('RobotoSlab-Regular.ttf');}
.fontLink{font-family:fontLink;}
.robr{font-family:robr;}
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: 81px; 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: 81px;height: 81px;background: #1d1d1d;color: #fff;}
.logo{margin-top: 15px;}
.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: 17px;}

.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(2):before{
	border-top-color:#ad1f22;
}
.jjfanstop ul li.cur:nth-child(3):before{
	border-top-color:#336699;
}
.jjfanstop ul li.cur:nth-child(4):before{
	border-top-color:#6b00cf;
}
.jjfanstop ul li.cur:nth-child(1) a{background: #fabe0f;}
.jjfanstop ul li.cur:nth-child(2) a{background: #c62428;}
.jjfanstop ul li.cur:nth-child(3) a{background: #3b77b3;}
.jjfanstop ul li.cur:nth-child(4) 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{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(2) .fbshuom{background: #ad1f22;}
.jjfanscon .jjfanscons:nth-child(2) .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(4) .fbshuom{background: #6b00cf;}
.jjfanscon .jjfanscons:nth-child(4) .fbquy ul li .wstit{background: #7800e8;}

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

.wsnav{background: #f8f8f8; line-height: 68px; text-align: center;}
.wsnav a{display: inline-block; padding: 0 20px; color: #333 !important; font-size: 18px;}
.wsnavcur{position: fixed; width: 100%; top: 64px; left: 0; z-index: 20;}
/*.wsnav a:hover,*/.wsnav a.cur{background: #fac023; font-weight: bold;}

.prostit{text-align: center; line-height: 116px; color: #c62428; font-weight: bold;}
.wspro01{padding: 5% 0; background: url(../images/cuxiao/bg1.jpg) no-repeat center; background-size: cover;}
.prolist{padding-top: 5%; width: calc(100% + 10px); position: relative;}
.prolist li{float: left; margin-right:10px; width: calc(25% - 10px); position: relative;}
.prolist li:nth-child(1){z-index: 7;}
.prolist li:nth-child(2){z-index: 6;}
.prolist li:nth-child(3){z-index: 5;}
.prolist li:nth-child(4){z-index: 4;}
.prolist li:nth-child(5){z-index: 3;}
.prolist li .imgs{position: relative; border: 1px solid #000000; border-bottom: 0;}
.prolist li .imgs span{position: absolute; right: 0; top: 0;  padding: 0 8px 0 12px; line-height: 30px; background: #C62428; color: #fff; border-radius: 0 0 0 15px;}
.prolist li .text{border: 1px solid #000; padding: 10px; border-top: 0;}
.prolist li .text .txt{text-align: center; color: #333; padding: 0 10px 15px;}
.prolist li .text .txt h3{font-weight: bold; padding-bottom: 0.4em;}
.prolist li .text .txt p{height: 3.6em; line-height: 1.8em;}
.cuxjan{border: 1px solid #000000; line-height: 46px;}
.cuxjan span{float: left; width: calc(100% - 96px); border-right: 1px dashed #000000; text-align: center; color: #333; background: #fabe0f; height: 46px;}
.cuxjan span font{font-weight: bold;line-height: 46px;}
.cuxjan a{float: left; width: 95px; background: #C62428; text-align: center; color: #fff !important;}
.cuxjan a img{vertical-align: middle;}

.wspro02{padding: 5% 0; background: #fcbb29;}
.wspro02 .prostit{color: #000000;}
.wspro02 .prolist02{padding-top: 5%;}
.prolist02{position: relative;}
.wspro02 .imgs{float: left; width: 51.5%;}
.wspro02 .txt{float: right; width: calc(43%);}
.wspro02 .txt h3{font-weight: bold; line-height: 1.2em;}
.wspro02 .txt h4{padding: 0.8em 0;}
.wspro02 .txt p{color: #C62428;}
.wspro02 .txt .cuxjan{max-width: 275px; margin-top: 30px;}

.wspro03{padding: 5% 0; background: url(../images/cuxiao/bg2.jpg) no-repeat center; background-size: cover;}
.wspro03 .prolist li{float: left; /*margin-right:10px; */width: calc(50% - 10px);}
.wspro03 .prolist li .imgs span{line-height: 2.1em;}
.wspro03 .cuxjan span{width: calc(50% - 1px);}
.wspro03 .cuxjan a{width: 50%;}

.wspro04{background: url(../images/cuxiao/bg3.jpg) no-repeat center left #fcbb29; }

.wspro05{padding: 5% 0; background: url(../images/cuxiao/bg4.jpg) no-repeat center; background-size: cover;}
.wspro05 .prolist li{float: left !important; /*margin-right:10px; */width: calc(33.33% - 10px); margin-right: 10px;}
.wspro05 .prolist li .text .txt h3{height: 2.4em;}
/*.wspro05 .prolist li .text .txt p{height: auto;}*/
.wspro05 .prolist li .imgs span{line-height: 2.1em;}
.wspro05 .cuxjan span{width: calc(50% - 1px);}
.wspro05 .cuxjan a{width: 50%;}
.wspro05 .prostit{color: #00a0e9;}
.wspro03 .prostit{color: #eb6100;}

.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;}
.prolist li:hover .imgs,.prolist li:hover .text{border-color: #C62428;}
.prolist li:hover .text h3{color: #C62428;}

.wspro01{position: relative; z-index: 10;}
.wspro02{position: relative; z-index: 9;}
.wspro03{position: relative; z-index: 8;}
.wspro04{position: relative; z-index: 7;}
.wspro05{position: relative; z-index: 6;}

.cptuij{position: absolute; top: 100%; padding-top: 10px; display: none;}

.cptuijs{border: 1px solid #000000; background: #fcbb29; padding: 10px;}
.cptuijs .tit{padding-bottom: 10px; line-height: 30px;}
.cptuijs .tit img{display: inline-block; vertical-align: middle; padding-right: 8px; padding-bottom: 0.3em;}
.cptuijs dl dd{float: left; width: calc(25% - 45px); margin-left: 60px; position: relative;}
.cptuijs dl dd:first-child{margin-left: 0;}
.cptuijs dl dd .jia{position: absolute; left: 100%; width: 60px; height: 100%; top: 0; text-align: center;}
.cptuijs dl dd:last-child .jia{display: none;}
.cptuijs dl dd a{display: block; background: #ffd44e; position: relative; padding: 30px 20px; border: 1px solid #fff;}
.cptuijs dl dd a .img{width: 70%; margin: 0 auto; max-width: 140px;}
.cptuijs dl dd a .txts{padding: 20px 0 0; height: 230px;}
.cptuijs dl dd a .txts h3{font-weight: bold;}
.cptuijs dl dd a .texts{line-height: 1.6em; padding-top: 10px;}
.cptuijs dl dd a .num{position: absolute; z-index: 5; left: 20px; top: 15px; width: 1.4em; line-height: 1.4em; border-radius: 100%; background: #FAA40F; color: #fff; text-align: center;}
.ckxs{margin-top: 10px; margin: 10px auto 0; text-align: right; display: none;}
.ckxs span{display: inline-block; padding: 0 10px; background: #FAA40F; color: #fff; line-height: 28px; border-radius: 5px;}


.wspro03 .cptuijs dl dd a .txts{height: 290px;}
.wspro04 .cptuijs dl dd a .txts{height: 250px;}

.shqcgtcbg{position: fixed; z-index: 98;top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none;}
.shqcgtc{position: fixed; z-index: 99; top: 50%; left: 50%; background: #fff; width: 660px; margin-left: -330px; margin-top: -208px; display: none;}
.shqcgtc .close{position: absolute; right: 15px; top: 10px; cursor: pointer;}
.shqcgtc .con{padding: 80px 20px; max-width: 400px; margin: 0 auto;}
.shqcgtc .con .ico{margin: 0 auto; width: 77px;}
.shqcgtc .con h3{text-align: center; padding: 0.5em 0;}
.shqcgtc .con .youhm{text-align: center; padding-bottom: 15px; line-height: 38px; }
.shqcgtc .con .youhm span{display: inline-block; background: #fabe0f; padding: 0 20px;border: 1px solid #fabe0f;}
.shqcgtc .con .youhm font{display: inline-block; background: #fff; padding: 0 20px;border: 1px solid #fabe0f;}



.nanysz{padding: 5% 0;}
.nanysz .txt{float: left; width: 60%; color: #121212;}
.quanxs{color: #121212;font-family:fontLink;}
.nanysz .txt h4{padding:0.1em 0 0.4em;}
.nanysz .txt p{line-height: 1.8em;}
.nanysz .imgs{float: right; width: 35%; max-width: 466px;}
.xsupk{padding: 5% 0;}
.xsupk .tit{padding-bottom: 4%; color: #121212; text-align: center;}
.xsupk ul li{float: left; width: calc(50% - 60px); position: relative;}
.xsupk ul li:last-child{float: right;}
.xsupk ul li:last-child:before{position: absolute;  right: 100%; height: 100%; width: 120px; background: url(../images/640/pkico1.png)  no-repeat center; content: '';}
.xsupk ul li span{position: absolute; top: 10px; left: 10px; background: #fabe0f; padding: 0 1em; line-height: 2em; border-radius: 1em; color: #121212;}

.quanxx{padding: 5% 0; background: url(../images/640/qhlbbg1.jpg) no-repeat center; background-size: cover;}
.quanxx .autowidth{width: 1227px;}
.quanxx .tit{text-align: center; padding-bottom: 4%;}
.quanxx .touqh{text-align: center; padding-bottom: 4%;}
.quanxx .touqh a{display: inline-block; margin: 0 5px; padding: 0 1.8em; color: #666666; border-radius: 1.1em; line-height: 2.2em;}
.quanxx .touqh a:hover,.quanxx .touqh a.cur{color: #121212; background: #fabe0f;}
.quanxx .lunBox .con{display: none;}
/*.quanxx .lunBox .con:first-child{display: block;}*/
.quanxx .lunBox .con a{display: block;margin: 4% auto 0; width: 8em; line-height: 2.2em; border-radius: 1.1em; color: #fabe0f; border: 1px solid #fabe0f; text-align: center;}
.quanxx .lunBox .con a:hover{background: #fabe0f; color: #fff;}

.chjanl{padding: 5% 0; background: #1b1b1b; color: #fff;}
.chjanl a{color: #fff;}
.chjanl .pgtit{padding-bottom: 4%;}
.chjanl .pgtit .txt{float: left;}
.chjanl .pgtit .qhann{float: right; padding-top: 0.5em;}
.chjanl .pgtit .qhann a{margin-left: 1em; padding: 0 1.6em; color: #FAA40F; border: 1px solid #FAA40F; line-height: 2em; border-radius: 1em; display: inline-block;}
.chjanl .pgtit .qhann a:hover,.chjanl .pgtit .qhann a.cur{background: #FAA40F; color: #121212;}
.chjanl ul li{float: left; width: 50%; padding-bottom: 3%;}
.chjanl ul li a{display: block; padding: 20px 30px 30px; border-top: 2px solid #1B1B1B;}
.chjanl ul li h3{padding-bottom: 0.2em;}
.chjanl ul li p{height: 4.5em; padding-bottom: 0.5em;}
.chjanl ul li a:hover{background: #222222; border-color: #FAA40F}
.chjanl .cons{}
.chjanl .con{display: none;}

.whqbai{padding: 5% 0 8%; background: url(../images/640/biaodbg1.jpg) no-repeat center; background-size: cover;}
.whqbai .biaocon{max-width: 1160px;}
.whqbai .biaocon .tit{padding-bottom: 1.4em; color: #808080;}
.whqbai .biaocon .tit h3{color: #FAA40F;}
.whqbai .biaocon .left{float: left; width: 47.5%;}
.whqbai .biaocon .li{padding-bottom: 10px;}
.whqbai .biaocon .li input{width: calc(100% - 36px); padding: 0 17px; border: 1px solid #cccccc; height: 43px; line-height: 43px; border-radius: 6px; background: none;}
.whqbai .biaocon .li textarea{width: calc(100% - 36px); padding: 8px 17px; border: 1px solid #cccccc; height: 6em; line-height: 1.8em; border-radius: 6px; background: none;}
.whqbai .biaocon .but{display: block; width: 10em; height: 2.2em; margin-top: 0.6em; background: url(../images/640/annbg1.jpg) repeat-y; background-size: 100%; border-radius: 1.1em;}
.whqbai .biaocon .but:hover{opacity: 0.9;}
.whqbai .right{float: right; max-width: 539px; width: 48%; position: relative;}
.whqbai .right img{border-radius: 20px;}
.whqbai .right span{border: 5px solid #8e8e8e; background: #333333; color: #FAA40F; display: block; position: absolute; right: 0; bottom: 100%; width: 9em; margin-bottom: -4.5em; line-height: 1.5em; padding: 3em 0; text-align: center; border-radius: 50%;}

.hesgj{padding: 4.5% 0;}
.hesgj .txt{padding-bottom: 3%; color: #000000;}
.hesgj .txt .left{float: left;}
.hesgj .txt .right{float: right; width: calc(100% - 340px); max-width: 495px;}
.hesgj ul li{float: left; width: calc(20% - 16px); margin-left: 20px;}
.hesgj ul li:first-child{margin-left: 0;}
.hesgj ul li img{width: 100%;}

.fangfsa{padding: 4.5% 0 5%; background: url(../images/rexbg1.jpg) no-repeat center; background-size: cover;}
.fangfsa .tit{padding-bottom: 0.5em; margin-bottom: 3%; position: relative; color: #333333;}
.fangfsa .tit:before{content: ''; position: absolute; bottom: 0; height: 3px; background: #efc03d; width: 2.3em;}
.fangfsa .tit h3{padding-bottom: 0.3em;}
.fangfsa .con{padding-bottom: 5%;}
.fangfsa .cons{}
.fangfsa .cons .imgs{float: left; width: 48%;}
.fangfsa .cons .right{float: right; width: 48%;}
.fangfsa .cons ul li{float: left; width: 48%; padding-bottom: 2%;}
.fangfsa .cons ul li:nth-child(2n){float: right;}
.fangfsa .cons ul li h3{color: #efc03d;}
.fangfsa .cons ul li p{height: 3em;}
.fangfsa .cons ul li:last-child{width: 100%;}
.fangfsa .cons ul li sup{font-size: 0.6em;}
.fangfsa .cons .right a{display: block; width: 200px; line-height: 50px; background: #EFC03D; color: #333; text-align: center; border-radius: 25px;}
.fangfsa .cons .right a:hover{background: #888; color: #EFC03D;}

.cpsodf{padding: 4% 0; background: url(../images/rexbg2.jpg) no-repeat center; background-size: cover; color: #fff;}
.cpsodf ul li{float: left; width: calc(50% - 25px); padding: 25px 0;}
.cpsodf ul li:nth-child(2n){float: right;}
.cpsodf ul li h3{padding-left: 10px; line-height: 1.1em; margin-bottom: 20px; border-left: 5px solid #EFC03D;}

.whqbaic{background: url(../images/rexbg3.jpg) no-repeat center; background-size: cover; padding: 8% 0 6%;}
.whqbaic .biaocon .tit{text-align: center;} 
.whqbaic .biaocon .tit h3{font-weight: bold;}
.whqbaic .biaocon .left{float: none; margin: 0 auto; width: 100%;max-width: 535px;}
.whqbaic .biaocon .li{ margin: 0 auto;}
.whqbaic .biaocon .smc{text-align: left; width: 120%;}
.whqbaic .biaocon .ann{padding-top: 5%;}
.whqbaic .biaocon .but{background: url(../images/rexbg4.png) no-repeat center; background-size: 100% 100% !important; margin: 0 auto;}

.banner10 a{display: block;}
.banner10 a img{float: right;}
.riggao{position: fixed; right: 0; top: 50%; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 30; width: 300px;}
.riggao.g{
	width: 268px;
}
.riggao a{
	width: 100%;
	transition: margin .5s;
	display: block;
}
.riggao .ff{
	width: 130px;
	position: absolute;
	top: 0;
	right: -140px;
	transition: right .5s;
	cursor: pointer;
}
.riggao.on a{
	margin-left: 320px;
}
.riggao.on .ff{
	right: 0;
}


@media only screen and (min-width:1260px ) {
	.prolist li:hover .cptuij{display: block;}
	.prolist02:hover .cptuij{display: block;}
}
@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;}
	
	.riggao{width: 10%;}
	
}


@media only screen and (max-width:1260px ) {
	.autowidth{ width: 96%;}
	.quanxx .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%;}
	
	.prostit{line-height: 80px;}
	.prolist{width: 100%; padding-top: 20px;}
	.prolist li{width: calc(50% - 5px); margin-top: 10px; margin-right: 0;}
	.prolist li:nth-child(2n){float: right;}
	
	.wsnav,.wsnavH{display: none;}
	
	/*.cptuijs{position: relative; top: 0;}*/
	.cptuijs .tit{padding-bottom: 0;}
	.cptuijs dl dd{width: calc(50% - 5px); margin-top: 10px; margin-left: 0;}
	.cptuijs dl dd .jia{display: none;}
	.cptuijs dl dd:nth-child(2n){float: right;}
	
	.ckxs{display: block;}
	
	.chjanl .con{font-size: 14px;}
	.chjanl ul li a{padding: 0; border: 0 !important; background: none !important;}
	.chjanl ul li{width: calc(50% - 8px);}
	.chjanl ul li:nth-child(2n){float: right;}
	
	.fangfsa .cons ul li{width: 100%;}
	.fangfsa .cons ul li p{height: auto;}
	
	.cpsodf ul li{width: calc(50% - 15px); padding: 15px 0;}
	.whqbaic .biaocon .smc{width: 100%;}
	.riggao{display: none;}
	
}



@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;}
	
	.wspro05 .cuxjan span{width: calc(100% - 96px);}
	.wspro05 .cuxjan a{width: 95px;}
	
}



@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;}
    .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 ) {
	.font18{font-size: 15px;}
	.font16{font-size: 14px;}
	.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;}
	
	.wspro05 .prolist li{width: 100%; float: none !important; margin: 0 auto; max-width: 393px; margin-top: 10px;}
	
	.xsupk ul li{width: calc(50% - 20px);}
	.xsupk ul li:last-child:before{width: 40px; background-size: 30px;}
	
	.fangfsa .cons .right a{width: 120px; line-height: 40px; margin-top: 12px;}
	.hesgj .txt .right{width: calc(100% - 250px);}
}
@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;}
	
	.cuxjan,.cuxjan span font{line-height: 38px;}
	.cuxjan span{height: 38px;}
	.wspro02 .imgs{width: 100%;}
	.wspro02 .txt{width: 100%; padding-top: 20px;}
	.wspro02 .txt .cuxjan{margin-top: 15px;}
	
	.wspro03 .cuxjan span{width: calc(100% - 96px);}
	.wspro03 .cuxjan a{width: 95px;}
	
	.yhmq{width: 120px; margin-top: -40px;}
	
	.shqcgtc .con{padding: 40px 20px;}
	.shqcgtc{width: 90%; margin-left: 0; left: 5%; margin-top: -147px;}
	.shqcgtc .con .ico{width: 60px;}
	.shqcgtc .con .youhm{line-height: 34px;}
	
	.chjanl ul li{width: 100%; padding-bottom: 20px;}
	.chjanl ul li:last-child{padding-bottom: 0;}
	.chjanl ul li p{height: auto;}
	.chjanl .pgtit .qhann a{font-size: 14px; padding: 0 1em;}
	.chjanl .pgtit .qhann a:first-child{margin-left: 0;}
	.chjanl .pgtit .qhann{float: left;}
	
	.whqbai .biaocon .left{width: 100%;}
	.whqbai .right{width: 100%; margin-top: 4em; font-size: 12px;}
	.whqbai .biaocon .li input{height: 36px; line-height: 36px;}
	
	
}
@media only screen and (max-width:640px ) {
	.banner3 .bannerTxts{width: 20%;}
	.cptuij{width: 100% !important;}
	.cptuijs dl dd{width: 100%;}
	.cptuijs dl dd a .txts{height: auto;}
	.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;}
	.logo {
	    margin-top: 8px;
	}
	.logo img {
	    height: 34px;
	}
	.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;}
    
    .prolist li{float: none !important; width: 100%; max-width: 293px; margin: 10px auto 0;}
    .wspro03 .prolist li{max-width: 588px; width: 100%;}
    
    .nanysz .txt{width: 100%;}
    .nanysz .imgs{width: 100%; float: left; padding-top: 20px;}
    
    .hesgj .txt .left{width: 100%;}
    .hesgj .txt .right{width: 100%; padding-top: 12px; max-width: 10000px;}
    .hesgj ul li{width: calc(33.33% - 8px); margin-left: 12px; margin-top: 10px;}
    .hesgj ul li:nth-child(3n+1){margin-left: 0;}
    .fangfsa .cons .imgs{width: 100%;}
    .fangfsa .cons .right{width: 100%; padding-top: 3%;}
    
    .cpsodf ul li{width: 100%; padding: 8px 0;}
    .cpsodf ul li h3{margin-bottom: 10px; border-left-width: 3px;}
	.banner10 a img{width: 110% !important; max-width: 1180%;}
    
    
}

@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;}
	.whqbai .biaocon .tit h3{font-size: 20px;}
	.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; }
}




.lxb{
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1000;
}
.lxb .pc{
	width: 130px;
	position: relative;
}
.lxb .pc .pcClick{
	width: 30px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
}
.lxb .pc .pcClick.on{
	opacity: 1;
}
.lxb .pc .pc-new{
	width: 100%;
	height: auto;
	padding-bottom: 10px;
	background-color: #fcc800;
	position: relative;
	z-index: 10;
}
.lxb .pc .pc-new.on{
	margin-left: -130px;
}
.lxb .pc .icon{
	width: 47px;
	height: auto;
	margin: 0 auto;
	padding-top: 7px;
}
.lxb .pc .text{
	width: 115px;
	height: 24px;
	background: none;
	background-color: #fff;
	font-size: 12px;
	line-height: 18px;
	padding-left: 5px;
	border: none;
	margin: 5px auto 0;
	display: block;
}
.lxb .pc .button{
	width: 100px;
	height: 22px;
	border: none;
	background-color: #000;
	text-align: center;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 2px;
	color: #fcc800;
	margin: 5px auto 0;
	display: block;
}
.lxb .pc .closeClick{
	width: 12px;
	height: 12px;
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	background-image: url('../images/close.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.pcTk{
	width: 400px;
	position: absolute;
	top: 0;
	left: -400px;
	background-color: #000;
	-webkit-transition: left 0.5s;
	-o-transition: left 0.5s;
	transition: left 0.5s;
}
.pcTk.on{
	left: 130px;
}
.pcTk .txt{
	width: 88px;
	padding: 8px 5px;
	font-size: 12px;
	line-height: 14px;
	color: rgba(255,255,255,0.7);
	float: left;
	letter-spacing: -1px;
}
.pcTk .pic{
	width: 282px;
	float: left;
}
.pcTk .click{
	width: 20px;
	height: 100px;
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../images/lxb_icon.png');
	float: left;
	cursor: pointer;
}


.lxb .mobile{
	width: 30px;
	display: none;
	position: relative;
}
.lxb .mobile .click{
	width: 100%;
	height: auto;
	cursor: pointer;
	display: block;
	transition: opacity .5s;
}
.lxb .mobile .click.on{
	opacity: 0;
}
.lxb .mobile .mTk{
	position: absolute;
	top: 0;
	left: -360px;
	width: 360px;
	background-color: #000;
	transition: left .5s;
}
.lxb .mobile .mTk.on{
	left: 0;
}
.lxb .mobile .mTk .txt{
	width: 88px;
	padding: 20px 5px;
	font-size: 12px;
	line-height: 14px;
	color: rgba(255,255,255,0.7);
	float: left;
	letter-spacing: -1px;
}
.lxb .mobile .mTk .box{
	width: 242px;
	float: left;
	background-color: #333;
	padding-bottom: 10px;
}
.lxb .mobile .mTk .box .tac{
	width: 230px;
	margin: 10px auto 0;
}
.lxb .mobile .mTk .box .tac .text{
	height: 20px;
	width: 140px;
	background: none;
	background-color: #fff;
	border: none;
	float: left;
	font-size: 12px;
	line-height: 20px;
	color: #333;
}
.lxb .mobile .mTk .box .tac .button{
	width: 80px;
	height: 20px;
	text-align: center;
	font-size: 	12px;
	line-height: 20px;
	color: #fcc800;
	letter-spacing: 5px;
	float: right;
	display: block;
	background-color: #000;
}
.lxb .mobile .mTk .clickClose{
	width: 20px;
	height: 125px;
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../images/lxb_icon.png');
	float: left;
	cursor: pointer;
}
@media (max-width: 1024px){
	.lxb .pc{
		display: none;
	}
	.lxb .mobile{
		display: block;
	}
}




.yjwd{position: fixed;
    right: 0;
    top: 37%;
    margin-top: 5px;
    z-index: 11;}
.yjwd .tit{background: #fabe0f;
    overflow: hidden;
    transition: 0s;
    -webkit-transition: 0s;
    text-align: center;
    padding: 10px 0;
    width: 100px;
    display: block;}
		@media only screen and (max-width:1640px ) {
			.yjwd{top: 33%}
		}
		@media only screen and (max-width:1480px ) {
			.yjwd{top: 33%}
				
			}
			@media only screen and (max-width:960px ) {
				.yjwd .tit img{ width: 30px; }
				.yjwd .tit{width: 60px;position: relative; height: 48px; padding: 6px 0;overflow: hidden;transition: 0s; -webkit-transition: 0s; }
				.yjwd .tit h6{font-size: 12px;}
				.yjwd{top: 36%;}
}