@charset "utf-8";
/* CSS Document */
*{ font-family:"????????????"; margin:0; padding:0;outline:none; -webkit-font-smoothing:antialiased !important;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;} 
input,img,textarea{ border:none;}
a{ text-decoration:none;}
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ }
li{ list-style:none;}
input,textarea,select {outline:none;}
textarea{ resize:none;}
body > .qing{ min-width:1250px;}
.qing{ display:block; clear:both;}
.juzhong{ display:block; width:1250px; margin-left:auto; margin-right:auto;}
.lf{ display:block; float:left;}
.rf{ display:block; float: right;}

.shu12{color:#4f4f4f; font-size:12px; line-height:30px;}
/******************index**************************/
.navbg{ background: url(img/navbg.png) left top repeat-x; height:128px; position:relative; z-index:99;}
.nav{ display:block; float:right; padding-left:1px;}
.nav li{ display:block; border-left:1px solid #d6d6d6; height:42px; border-right:1px solid #d6d6d6; margin-left:-1px; float:left; padding:0 35px 0px; line-height:32px; font-size:16px; color:#000;}
.nav li a{ display:block; height:42px;}
.nav li a, .nav li a:visited{ color:#000; display:block;}
.nav li a b{ font-weight:normal; display:block; position:relative;} 
.nav li a b i{ position: absolute; left:0; top:-5px; height:2px; width:0%; background:#066eb7; }
.nav li a b i{	
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
.nav li:hover a b i, .nav li.nann a b i{ width:100%;}
#sddm div{ position: absolute; visibility: hidden; margin-left:-36px; margin-top:-9px; padding:0px 23px; background: url(img/nav1.png) left top no-repeat; }
#sddm div a{ position: relative; display: block; width:auto !important; min-width:90px; _width:90px; white-space:nowrap;line-height:20px; height: auto; width: auto; white-space: nowrap; text-align: left; text-decoration: none; font-size:14px; color:#dcdcdc; border-bottom: 1px solid #505050; padding:15px 0;}
#sddm div a:hover{  color: #dcdcdc;}
/**????????????**/
.navbg{
animation:navbg 0.8s linear both;
-webkit-animation:navbg 0.8s linear both; 
-moz-animation:navbg 0.8s linear both; 
-o-animation:navbg 0.8s linear both;
}
@keyframes navbg 
{0% { top:-120px;} 100%{ top:0px;}}
@-webkit-keyframes navbg 
{0% { top:-120px;} 100%{ top:0px;}}
@-moz-keyframes navbg
{0% { top:-120px;} 100%{ top:0px;}}
@-o-keyframes navbg
{0% { top:-120px;} 100%{ top:0px;}}
/**???????????? end**/

/**???????????????**/
.nynrq{
animation:nynrq 1.0s linear both;
-webkit-animation:nynrq 1.0s linear both; 
-moz-animation:nynrq 1.0s linear both; 
-o-animation:nynrq 1.0s linear both;
}
@keyframes nynrq 
{0% { margin-top:240px;} 100%{  margin-top:0px;}}
@-webkit-keyframes nynrq 
{0% { margin-top:240px;} 100%{  margin-top:0px;}}
@-moz-keyframes nynrq
{0% { margin-top:240px;} 100%{  margin-top:0px;}}
@-o-keyframes nynrq
{0% { margin-top:240px;} 100%{  margin-top:0px;}}
/**??????????????? end**/


.to-kk{ height:57px; padding-top:20px;}
.to-yy{ background:url(img/labg.png) top center no-repeat; height:32px; width:134px; text-align: center; font-size:12px; line-height:32px; margin-left:5px;} .to-yy a, .to-yy a:visited{ color:#000;}
.to-tel{ display:block; margin-left:5px;}
.to-sou{ background:url(img/soubg.png) center center no-repeat; height:32px; width:190px; padding:0 11px 0 24px;}
.sous{ display:block; float:left; background-color:transparent; width:165px; height:32px; line-height:32px; font-size:12px; color:#828282;}
.souc{ display:block; float:left; background-color:transparent; width:25px; height:32px;}

/**banner**/
.banner{ height:500px; position:relative; z-index:0; }
/**????????????**/
.cpbgs{ display:block; background:#f0f0f0; height:400px; margin-top:-8px;}
.cptj{ display:block; float:left; width:294px; background:#fff; margin-left:24px;}
.cptjk1{ height:132px; padding:43px 30px 30px;}
.cptjk2{ height:274px; position:relative; display:block; overflow:hidden;}

.cptj:hover .cptjk2 img{
animation:cptjk2 5s linear 0s infinite alternate both;
-webkit-animation:cptjk2 5s linear 0s infinite alternate both; 
-moz-animation:cptjk2 5s linear 0s infinite alternate both; 
-o-animation:cptjk2 5s linear 0s infinite alternate both;
}
@keyframes cptjk2 
{0% {
	transform: scale(1);
-ms-transform: scale(1);	/* IE 9 */
-webkit-transform: scale(1);	/* Safari ??? Chrome */
-o-transform: scale(1);	/* Opera */
-moz-transform: scale(1);	/* Firefox */
	} 
100%{transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari ??? Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);	/* Firefox */}}
@-webkit-keyframes cptjk2 
{0% {
	transform: scale(1);
-ms-transform: scale(1);	/* IE 9 */
-webkit-transform: scale(1);	/* Safari ??? Chrome */
-o-transform: scale(1);	/* Opera */
-moz-transform: scale(1);	/* Firefox */
	} 
100%{transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari ??? Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);	/* Firefox */}}
@-moz-keyframes cptjk2
{0% {
	transform: scale(1);
-ms-transform: scale(1);	/* IE 9 */
-webkit-transform: scale(1);	/* Safari ??? Chrome */
-o-transform: scale(1);	/* Opera */
-moz-transform: scale(1);	/* Firefox */
	} 
100%{transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari ??? Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);	/* Firefox */}}
@-o-keyframes cptjk2
{0% {
	transform: scale(1);
-ms-transform: scale(1);	/* IE 9 */
-webkit-transform: scale(1);	/* Safari ??? Chrome */
-o-transform: scale(1);	/* Opera */
-moz-transform: scale(1);	/* Firefox */
	} 
100%{transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari ??? Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);	/* Firefox */}}
.cp-bk{ display:block; position:absolute; top:0; left:0;}
.cpt-line{ width:84px; height:3px; background:#71a52f; margin:0 auto;}
.cpt-ti{ display:block; text-align:center; line-height:30px; font-size:20px; color:#000; padding:15px 0 18px;}
.cpt-ti a, .cpt-ti a:visited{ color:#000;}
.cpt-js{ display:block; line-height:24px; color:#626262; font-size:12px; text-align:center; }
.cpt-js a, .cpt-js a:visited{ display:block; color:#626262;}
/**????????????**/
.in-tjt{ display:block; padding-top:30px;}
.ab-ti{ display: block; line-height:46px; color:#000; font-size:22px;}
.ab-line{ display:block; width:54px; height:2px; background:#71a52f;}
.ab-line2{ margin-top:-2px;}
.ab-line{	
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
.in-tjt:hover .ab-line, .nrq:hover .ab-line{ width:88px;}
.ab-lf{ width:785px; height:auto; float:left;}
.ab-rf{ width:390px; height:auto; float: right; position:relative;}
.skny{ height:110px; display:block; position:relative;}
.skny img{ display:block; position:relative; opacity:0}
.skny .skny1{ left:-100px;}
.skny .skny2{ left:150px;}
.ab-tuk{ display:block; width:285px; height:237px; position:relative; float:right; z-index:0; top:0; border:3px solid #71a52f;  right:-100px; opacity:0}
.ab-tut{ display:block; width:372px; height:243px; position:absolute; top:17px; z-index:3; overflow:hidden; left:-100px; opacity:0}
.ab-tut img{
animation:ab-tut 15s linear 0s infinite alternate both;
-webkit-animation:ab-tut 15s linear 0s infinite alternate both; 
-moz-animation:ab-tut 15s linear 0s infinite alternate both; 
-o-animation:ab-tut 15s linear 0s infinite alternate both;
}
@keyframes ab-tut 
{0% {
	transform: scale(1);
-ms-transform: scale(1);	/* IE 9 */
-webkit-transform: scale(1);	/* Safari ??? Chrome */
-o-transform: scale(1);	/* Opera */
-moz-transform: scale(1);	/* Firefox */
	} 
100%{transform: scale(1.2);
-ms-transform: scale(1.2);	/* IE 9 */
-webkit-transform: scale(1.2);	/* Safari ??? Chrome */
-o-transform: scale(1.2);	/* Opera */
-moz-transform: scale(1.2);	/* Firefox */}}
@-webkit-keyframes ab-tut 
{0% {
	transform: scale(1);
-ms-transform: scale(1);	/* IE 9 */
-webkit-transform: scale(1);	/* Safari ??? Chrome */
-o-transform: scale(1);	/* Opera */
-moz-transform: scale(1);	/* Firefox */
	} 
100%{transform: scale(1.2);
-ms-transform: scale(1.2);	/* IE 9 */
-webkit-transform: scale(1.2);	/* Safari ??? Chrome */
-o-transform: scale(1.2);	/* Opera */
-moz-transform: scale(1.2);	/* Firefox */}}
@-moz-keyframes ab-tut
{0% {
	transform: scale(1);
-ms-transform: scale(1);	/* IE 9 */
-webkit-transform: scale(1);	/* Safari ??? Chrome */
-o-transform: scale(1);	/* Opera */
-moz-transform: scale(1);	/* Firefox */
	} 
100%{transform: scale(1.2);
-ms-transform: scale(1.2);	/* IE 9 */
-webkit-transform: scale(1.2);	/* Safari ??? Chrome */
-o-transform: scale(1.2);	/* Opera */
-moz-transform: scale(1.2);	/* Firefox */}}
@-o-keyframes ab-tut
{0% {
	transform: scale(1);
-ms-transform: scale(1);	/* IE 9 */
-webkit-transform: scale(1);	/* Safari ??? Chrome */
-o-transform: scale(1);	/* Opera */
-moz-transform: scale(1);	/* Firefox */
	} 
100%{transform: scale(1.2);
-ms-transform: scale(1.2);	/* IE 9 */
-webkit-transform: scale(1.2);	/* Safari ??? Chrome */
-o-transform: scale(1.2);	/* Opera */
-moz-transform: scale(1.2);	/* Firefox */}}
.line1{ display:block; width:215px; height:3px; background:#71a52f; margin-top:-3px;}
.line2{ height:2px; border-bottom:1px solid #e4e4e4;}
.line3{ width:65px; height:1px; background:#71a52f;}
.line1, .line3{-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
.nrq .line3{-webkit-transition: all 0.6s cubic-bezier(1, .57, .48, 1.1);
	-moz-transition: all 0.6s cubic-bezier(1, .57, .48, 1.1);
	-o-transition: all 0.6s cubic-bezier(1, .57, .48, 1.1);
	transition: all 0.6s cubic-bezier(1, .57, .48, 1.1);}
.ab-lf:hover .line1, .nab-lf:hover .line1{ width:411px;}
.ab-lf:hover .line3, .nrq:hover .line3{ width:100%;}
.ab-js{ padding-top:24px; padding-bottom:32px; line-height:30px; font-size:12px; color:#626262;}
.ab-js a, .ab-js a:visited{ display:block; color:#626262;}
/**????????????**/
.ne-tjbg{ background:#f0f0f0; overflow:hidden !important; position:relative; left:-400px;}
.duo1{ display: block; float:right; line-height:40px; font-size:12px; color:#71a52f;}
.duo1 span{ font-family: "??????";} .duo1:visited{ color:#71a52f;}
.ne-tjk{border-top:1px solid #dedede; padding-top:40px; margin-left:-90px; overflow:hidden !important; padding-bottom:55px;}
.ne-tj{ display:block; float:left; width:580px; margin-left:90px;}
.ne-da{ background:url(img/dabg1.png) left top no-repeat; width:120px; height:138px; text-align:center; padding-right:3px; padding-bottom:4px;}
.da1{ display:block; padding-top:27px; line-height:56px; font-size:36px; color:#666;}
.da2{ display:block; line-height:22px; font-size:12px; color:#666;}

.ne-jsk{ display: block; margin-left:145px;}
.ne-js-ti{ display:block; padding-bottom:5px; line-height:24px; font-size:14px; color:#000;}
.ne-js-ti a, .ne-js-ti a:visited{ display:block; color:#000;}
.ne-js-js{ display:block; height:84px; line-height:30px; font-size:12px; color:#626262;} .ne-js-js a{ display:block;}
.ne-js-js a, .ne-js-js a:visited{ color:#626262;}
.duo2{ display:block; width:96px; height:28px; text-align:center; line-height:28px; font-size:12px; color:#fff; background:#8c8c8c; position: relative; overflow:hidden;} .duo2 span{ display:block; position:relative; top:0;}
.duo2, .duo2 span, .da1, .da2{
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}

.ne-tj:hover .da1, .ne-tj:hover .da2, .ne-tj:hover .ne-js-ti a, .ne-tj:hover .ne-js-js a{ color:#71a52f;}
.ne-tj:hover .duo2{ background:#71a52f;} .ne-tj:hover .duo2-1, .ne-tj:hover .duo2-2{ top:-28px;}
/**??????**/
.baqbg{ background: url(img/banqbg.jpg) center top no-repeat; height:199px;}
.fo-add{ line-height:30px; font-size:12px; color:#fff; padding-top:16px; text-align:center}
.fo-add a, .fo-add a:visited{ color:#fff;}
.fo-logo{ position:absolute; top:30px; left:50%; margin-left:-39px;}

.baqbg{
animation:baqbg 5s linear 0s infinite alternate both;
-webkit-animation:baqbg 5s linear 0s infinite alternate both; 
-moz-animation:baqbg 5s linear 0s infinite alternate both; 
-o-animation:baqbg 5s linear 0s infinite alternate both;
}
@keyframes baqbg 
{0% { background-size:auto 100%; } 100%{background-size:auto 110%; }}
@-webkit-keyframes baqbg 
{0% { background-size:auto 100%; } 100%{background-size:auto 110%; }}
@-moz-keyframes baqbg
{0% { background-size:auto 100%; } 100%{background-size:auto 110%; }}
@-o-keyframes baqbg
{0% { background-size:auto 100%; } 100%{background-size:auto 110%; }}

/*********************about*************************/
.home{ line-height:26px; color:#010101; font-size:12px; padding-top:28px; padding-bottom:20px; overflow:hidden;}
.home2{ color:#FFF;}
.home span{ font-family:"??????"; display:block; float:left;} 
.home a,.home a:visited{ display:block; float:left; color:#010101;} 
.home2 a,.home2 a:visited{ display:block; float:left; color:#fffefe;}

.fz{ display:block; float:left; height:28px; width:16px; position:relative; overflow:hidden; margin-right:10px;}
.fz1{ position: absolute; left:2px; top:7px;} 
.fz2{ position:absolute; left:2px; top:36px;}
.fz1,.fz2{	
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
.home:hover .fz1{ top:-36px;}
.home:hover .fz2{ top:7px;}

.nrq{ width:890px; float:left; background:#FFF; padding:0 40px 60px;}
.nrnav{ width:206px; float:right; background:#FFF; padding:25px 25px 40px; height:auto; min-height:400px; _height:400px;}
.nrna1{ color:#71a52f; font-size:26px; line-height:50px; color:#71a52f; border-bottom:1px solid #dadada;}
.nrna2 a{ display:block; line-height:48px; color:#4f4f4f; font-size:14px; position:relative; height:48px; border-bottom:1px solid #dadada; clear:both; padding:0 25px 0 20px; }
.nrna2 a span{ display:block; float:left; color:#4f4f4f; position:relative; z-index:3;}
.nrna2 a i{ display:block; position:absolute; right:26px;line-height:48px; color:#fff; font-size:14px; font-style:normal; font-family:"??????";}
.nrna2 a b{ display:block; position: absolute; z-index:0; width:0; top:0; left:0; height:100%; background:#71a52f;}

.nrna2 a b, .nrna2 a span{ 
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
}
.nrna2 a:hover span, .nrna2 a.cenn span{  color:#fff; padding-left:5px;}
.nrna2 a:hover b, .nrna2 a.cenn b{ width:100%;}
.nab-ti{ line-height:44px; font-size:24px; color:#4f4f4f; padding-top:33px; padding-bottom:10px; padding-top:3px;}
.absk{padding-top:40px; height:auto; min-height:500px; _height:500px;}
.abshu{ display:block; color:#4f4f4f; font-size:12px; line-height:30px;}

/*****************product******************/
.cplb{ display:block;}
.cplb li{ display:block; margin-bottom:24px; position:relative; overflow:hidden;}
.cpbg1{ position:absolute; top:0; left:0; background:#f0f0f0; height:197px; width:100%;}
.cpbg1-1{position:absolute; top:0; left:0; background:#f3f3f3; height:0; width:100%;}
.cpbg2{ position:absolute; top:197px; left:0; background:#d6d6d6; height:79px; width:100%;}
.cpbg2-1{position:absolute; bottom:0; left:0; background:#7fae43; height:0; width:100%;}
.cpkb{ display:block; position:relative; left:0; top:0; height:226px; padding:25px;}
.cp-tu{ display:block; width:230px; height:213px; border:8px solid #fff; float:left;}
.cp-js{ display:block; float:left; margin-left:25px; width:568px;}
.cp-js-ti{ display:block; font-size:20px; color:#000; line-height:42px;}
.cp-js-ti a, .cp-js-ti a:visited{ color:#000;}
.cp-js-ti em{ display: block; width:84px; height:6px; border-bottom:3px solid #71a52f;}
.cp-js-js{ display:block; height:127px; padding-top:16px; line-height:30px; font-size:12px; color:#4f4f4f;}
.cp-js-js a, .cp-js-js a:visited{ display:block; color:#4f4f4f;}
.kan1{ display:block; width:131px; height:36px; font-size:12px; line-height:36px; color:#353535; text-align:center; position: relative;} 
.kan1 span{ display:block; position: absolute;  width:131px;left:0; top:0; z-index:3;}
.kan1 b{ display:block; position: absolute;width:131px; height:36px; top:0; z-index:1;}
.kan1 .b1{background: url(img/kanbg1.png) left top no-repeat; left:0;}
.kan1 .b2{background: url(img/kanbg2.png) left top no-repeat; right:0;}

.kan1 b, .cpbg1-1, .cpbg2-1{ 
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
}
.cplb li:hover .kan1 span{ color:#FFF;}
.cplb li:hover .kan1 .b1{ width:0;}
.cplb li:hover .kan1 .b2{ width:100%;}
.cplb li:hover .cpbg1-1, .cplb li:hover .cpbg2-1{ height:100%;}
/**??????**/
.yema{ padding-top:15px;}
.yema table{ margin:0 auto; }
.yema a{ display:block; padding:0 8px; line-height:28px; height:28px; font-size:12px; color:#6c6c6c; float:left; margin:0 4px; border:1px solid #d2d2d2; background:#f0f0f0; position:relative; overflow:hidden;} .yema a span{ display:block; position:relative; top:0;} 
.yema a .ye1{ color:#6c6c6c;} .yema a .ye2{ color:#ee8f11;} 
.yema a strong{ font-family:"??????";}
.yema a span{ 
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
}
.yema a:hover, .yema a.yenn{ background:#fffeff; color:#ee8f11;}
.yema a:hover .ye1, .yema a.yenn .ye1{top:-28px;}
.yema a:hover .ye2, .yema a.yenn .ye2{top:-28px;}

/************************ news ******************************/
.xwl li{ display:block; clear:both; background:#f0f0f0; margin-bottom:16px; padding:23px 30px 33px; position:relative; overflow:hidden;}
.xwl .ne-da{ display:inherit; margin-top:6px;}
.xwl .ne-js-ti{ padding-top:5px; padding-bottom:13px;}
.xwl .ne-js-js{ padding-top:12px; height:70px;}
.xwl .ne-js-line{ width:100%; height:1px; background:#d0d0d0;}
.xwl .ne-js-line2{ width:0%; height:1px; background:#71a52f;}
.xwl .ne-js-line2, .xwl .ne-js-ti, .ne-js-ti a, .da1, .da2{
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
.xwl li:hover .ne-js-line2{ width:100%;}
.xwl li:hover .ne-js-ti{ padding-left:8px;}
.xwl li:hover .da1, .xwl li:hover .da2{ color:#71a52f;}
.xwl li:hover .duo2{ background:#71a52f;} .xwl li:hover .duo2-1, .xwl li:hover .duo2-2{ top:-28px;}
/***************************** contact *******************************/
.nrq-con{ background:#FFF; padding:0 40px 60px;}
.con0{ margin-left:-69px; padding-top:40px; padding-bottom:60px; overflow:hidden;}
.con{ display:block; float:left; width:344px; margin-left:69px; border-bottom:1px solid #e0e0e0; float:left; overflow:hidden;}
.con-tu{ display:block; float:left; width:60px;}
.con-xx{ display:block; height:80px; margin-left:60px; line-height:24px;}
.con-xx b{ line-height:30px;}
/***************************** join *******************************/
.ysdh{ display: block; padding-top:40px; position:relative; height:373px; width:890px; overflow:hidden;}
.ystu{ display:block; float:left; position:relative; z-index:1; left:0;}
.ysmj{ width:428px; height:219px; position: absolute; right:0; top:52px; z-index:2; background:url(img/ystu2.png) center center no-repeat;}
.ysmj-1{ position:absolute; display:block; left:49px; top:33px;}
.ysmj-2{ position:absolute; display:block; right:34px; bottom:43px;}
.ysmj-3{ position:absolute; display:block; width:338px; height:149px; left:0; top:0; padding-left:90px; padding-top:70px;}
.ysmj-3 span{ display:block; color:#71a52f;}
.ysmj-3 .ysmj-31{ font-size:18px; line-height:30px;}
.ysmj-3 .ysmj-32{ font-size:28px; line-height:40px;}
.ysxx{background:url(img/ystu3.png) top right no-repeat; height:64px; width:0; position: absolute; bottom:0; right:0; z-index:4;}

.ysmj-3{
animation:ysmj-3 1s cubic-bezier(1, .57, .68, 1.18) 1.0s alternate both;
-webkit-animation:ysmj-3 1s cubic-bezier(1, .57, .68, 1.18) 1.0s alternate both; 
-moz-animation:ysmj-3 1s cubic-bezier(1, .57, .68, 1.18) 1.0s alternate both; 
-o-animation:ysmj-3 1s cubic-bezier(1, .57, .68, 1.18) 1.0s alternate both;
}
@keyframes ysmj-3
{0% { transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -moz-transform: scale(2);
 opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0); }
100%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);
 opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100); }}
@-webkit-keyframes ysmj-3
{0% { transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -moz-transform: scale(2);
 opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0); }
100%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);
 opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100); }}
@-moz-keyframes ysmj-3
{0% { transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -moz-transform: scale(2);
 opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0); }
100%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);
 opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100); }}
@-o-keyframes ysmj-3
{0% { transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -moz-transform: scale(2);
 opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0); }
100%{ transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);
 opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100); }}

.ysmj-1, .ysmj-2{animation:ysmj-1 1s linear infinite alternate both;
-webkit-animation:ysmj-1 1s linear infinite alternate both; 
-moz-animation:ysmj-1 1s linear infinite alternate both; 
-o-animation:ysmj-1 1s linear infinite alternate both;}
@keyframes ysmj-1
{0% {transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); -moz-transform: rotate(10deg);}
100%{transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -moz-transform: rotate(-10deg);}}
@-webkit-keyframes ysmj-1
{0% {transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); -moz-transform: rotate(10deg);}
100%{transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -moz-transform: rotate(-10deg);}}
@-moz-keyframes ysmj-1
{0% {transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); -moz-transform: rotate(10deg);}
100%{transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -moz-transform: rotate(-10deg);}}
@-o-keyframes ysmj-1
{0% {transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); -moz-transform: rotate(10deg);}
100%{transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -moz-transform: rotate(-10deg);}}

.ysmj{
animation:ysmj 0.8s cubic-bezier(1, .57, .68, 1.18) 0.2s alternate both;
-webkit-animation:ysmj 0.8s cubic-bezier(1, .57, .68, 1.18) 0.2s alternate both; 
-moz-animation:ysmj 0.8s cubic-bezier(1, .57, .68, 1.18) 0.2s alternate both; 
-o-animation:ysmj 0.8s cubic-bezier(1, .57, .68, 1.18) 0.2s alternate both;
}
@keyframes ysmj
{0% { right:-120px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
100%{ right:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-webkit-keyframes ysmj
{0% { right:-120px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
100%{ right:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-moz-keyframes ysmj
{0% { right:-120px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
100%{ right:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-o-keyframes ysmj
{0% { right:-120px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
100%{ right:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}

.ystu{
animation:ystu 0.6s cubic-bezier(1, .57, .48, 1.4) alternate both;
-webkit-animation:ystu 0.6s cubic-bezier(1, .57, .48, 1.4) alternate both; 
-moz-animation:ystu 0.6s cubic-bezier(1, .57, .48, 1.4) alternate both; 
-o-animation:ystu 0.6s cubic-bezier(1, .57, .48, 1.4) alternate both;
}
@keyframes ystu
{0% { bottom:-120px;}100%{ bottom:0px;}}
@-webkit-keyframes ystu
{0% { bottom:-120px;}100%{ bottom:0px;}}
@-moz-keyframes ystu
{0% { bottom:-120px;}100%{ bottom:0px;}}
@-o-keyframes ystu
{0% { bottom:-120px;}100%{ bottom:0px;}}

.ysxx{
animation:ysxx 2s linear alternate both;
-webkit-animation:ysxx 2s linear alternate both; 
-moz-animation:ysxx 2s linear alternate both; 
-o-animation:ysxx 2s linear alternate both;
}
@keyframes ysxx
{0% { width:0;}100%{ width:641px;}}
@-webkit-keyframes ysxx
{0% { width:0;}100%{ width:641px;}}
@-moz-keyframes ysxx
{0% { width:0;}100%{ width:641px;}}
@-o-keyframes ysxx
{0% { width:0;}100%{ width:641px;}}

/******************************news_view*****************************/
.ne-ti{ display:block; text-align:center; line-height:30px; font-size:26px; padding-bottom:15px; color:#444;}
.ne-gjc{ display:block; text-align:center; line-height:26px; color:#888; padding:8px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:25px;}
.ne-gjc a, .ne-gjc a:visited{ color:#888; }
.fanye{ padding-top:25px;}
.fanye a, .fanye a:visited{ line-height:24px; color:#888;}
.fanhui2{ display:block; float:right; width:100px; height:36px; line-height:36px !important; text-align:center; font-size:14px; color:#888; background:#fefefe; border: 1px solid #ddd !important; overflow: hidden;}
.fanhui2 span{ display:block; position:relative; top:0;}
.fanhui2 span, .fanhui2{-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
.fanhui2:hover{ background:#71a52f; color:#fff;}
.fanhui2:hover span{ top:-36px;}
/************************ job_view ***************************/
.yd{ line-height:36px; font-size:30px; color:#75a742;}
.rg{ padding-top:9px; padding-bottom:15px; }
.ym{ font-size:22px; color:#797979; line-height:32px; padding-bottom:4px;}
.yq{ padding-bottom:35px;}

.xm{ line-height:26px; color:#7e7e7e; font-size:14px;}
.xie002{ padding-left:16px; padding-right:16px;} .xie label{ line-height:26px; color:#7e7e7e; font-size:14px;}
.xie1{ width:240px; height:26px; color:#7e7e7e; padding:0 5px; font-size:12px; line-height:26px; border:1px solid #e3e3e3; background:#FFF;}
.xie2{ width:1020px; height:80px; padding:0 5px;line-height:26px; color:#7e7e7e; font-size:12px; border:1px solid #e3e3e3; background:#FFF; margin-top:9px;margin-bottom:9px; }
.ti{ width:70px; height:28px; background:#75a742; margin-left:8px; color:#FFF; font-size:12px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; cursor:pointer;}

/**服务项目**/
.dfwbg{ background:url(img/dfwbg.jpg) center repeat-x; height:521px;}
.dbt{ font-size:24px; color:#000; line-height:56px; border-bottom:1px solid #cf2424;}
.duo1,.duo1:visited{ line-height:56px; font-size:12px; color:#000000;} .duo1 span{ font-family:"宋体";}
.fw1{ width:1255px; margin-left:-5px; overflow:hidden;}
.fw{ width:226px; height:255px; float:left; background:#f1f3f2; margin-left:5px; margin-bottom:5px; padding:21px 10px 0; position:relative;}
.fwo{ clear:both; width:226px; height:255px; visibility:visible; }
.fwo1{clear:both; width:226px; height:234px; visibility:hidden; padding-top:21px; position: absolute; top:0;}
.fwo1 .fwo_more{ font-size:12px; color:#71a52f; line-height:28px; display:block; clear: both; margin-left:auto; margin-right:auto; margin-bottom:10px;  width:180px; border:1px solid #71a52f; text-align:center; cursor:pointer !important;}
.fw:hover .fwo{ visibility:hidden;}
.fw:hover .fwo1{visibility:visible;}
.fwo_jie{ width:180px; margin:0 auto; height:84px; border:0 !important; font-size:12px; color:#71a52f; line-height:28px; padding-top:10px;}
.fwtu{width:132px; height:132px; margin-left:auto; margin-right:auto; background-size:100%; }
.fwtu a{ width:132px; height:132px; display:block; }
.dxwbg{ background:url(img/dxwbg.jpg) center top repeat-x; height:454px;}
/*.fw:hover .fwtu a{ background:url(img/kuang1.png) center center no-repeat;}*/
.fwt1{ line-height:30px; color:#525252; font-size:18px; text-align:center;} .fwt1 a, .fwt1 a:visited{ color:#525252;}
.fwt2{ line-height:22px; color:#c6c6c6; font-size:14px; text-align:center;} .fwt2 a, .fwt2 a:visited{ color:#c6c6c6;}
/*.fw:hover .fwt1, .fw:hover .fwt1 a{ color:#FFFFFF;}
.fw:hover .fwt2, .fw:hover .fwt2 a{ color:#e8a4a3;}*/
.duod{ height:30px; background:url(img/duo2.png) center top no-repeat;}
/*.fw:hover .duod{ background:url(img/duo1.png) center top no-repeat;}*/

.flicking_con2{ height:17px; margin-left:auto; margin-right:auto; position:relative; z-index:9;}
.flicking_con2 a{float:left;width:43px;height:4px;margin:0 7px; padding:0; background:url(img/dot3.jpg) center center no-repeat; display:block;text-indent:-1000px;}
.flicking_con2 a:hover{ background:url(imgs/dot4.jpg) center center no-repeat;}
.flicking_con2 a.on{ background:url(img/dot4.jpg) center center no-repeat;}
#btn_prev2,#btn_next2{z-index:20;position:absolute;display:block;width:74px!important;height:74px!important;top:0;display:none;}
#btn_prev2{ left:-4%;}
#btn_next2{  right:-4%;}

/**成功案例**/
.dbt {
    font-size: 24px;
    color: #000;
    line-height: 56px;
    border-bottom: 1px solid #cf2424;
}
.dalbg{ background:url(img/dalbg.jpg) center top repeat-x; height:566px;}
.al1{ width:1270px; margin-left:-20px; padding-top:38px;}
.al{ width:297px; height:194px; float:left; margin-left:20px; margin-bottom:17px; position:relative; z-index:0; }
.alt ,.alt img{ display:block; width:297px; height:194px; position:relative; z-index:1;}  .alt img{z-index:2;}
.altj{visibility: visible;  padding:0 20px; width:257px; line-height:46px; color:#dfdfdf; font-size:12px; position:absolute; bottom:0px; z-index:3; background:url(img/hb1.png) repeat;}
.alht{ visibility: hidden; background:url(img/hb1.png) repeat; width:267px; height:164px; padding:15px; position:absolute; z-index:6; top:0;}
.alht2{ background:url(img/fdj.png) bottom right no-repeat; height:164px; line-height:30px; color:#fff; font-size:12px; padding:0 30px;}
.al:hover .altj{visibility:hidden;}
.al:hover .alht{visibility:visible;}


/**????????????**/
.content{ position: fixed; z-index:-1; left:0; top:0; }
.Bgbox{ position:absolute; width:100%; height:100%; left:0; top:0; }
.background-image{ width:100%; position:absolute; height:100%; position:relative; }
.background-image img{ position:absolute; left:0; top:0; }
.background-image img{
animation:bgbg 20s linear infinite alternate both;
-webkit-animation:bgbg 20s linear infinite alternate both; 
-moz-animation:bgbg 20s linear infinite alternate both; 
-o-animation:bgbg 20s linear infinite alternate both;
}
@keyframes bgbg
{0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
100%{ transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3);}}
@-webkit-keyframes bgbg
{0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
100%{ transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3);}}
@-moz-keyframes bgbg
{0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
100%{ transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3);}}
@-o-keyframes bgbg
{0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
100%{ transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3);}}



.home_con2 {
  background: url(img/case_bg.jpg) no-repeat center top;
  padding-bottom: 20px; margin-top:-9px;
}
.home_con2 .home_div4 {
  padding: 52px 0 0;
}
.home_con2 .home_case {
  width: 1244px;
  margin: 53px auto 0;
}
.home_con2 .home_case .text {
  margin: 0 22px;
  width: 578px;
  float: left;
  height: 426px;
  position: relative;
}
.home_con2 .home_case .text .timg {
  position: relative;
  width: 578px;
  height: 345px;
}
.home_con2 .home_case .text .timg .img {
  display: block;
  position: relative;
  width: 578px;
  height: 345px;
}
.home_con2 .home_case .text .timg .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.home_con2 .home_case .text .timg .bg {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6) url(img/case_icon.png) no-repeat center center;
}
.home_con2 .home_case .text .textNr {
  padding: 28px 28px 0;
  background: #FFFFFF;
  height: 81px;
  border: 1px solid #e3e3e3;
}
.home_con2 .home_case .text .textNr .d {
  line-height: 24px;
  float: left;
  max-width: 75%;
  color: #1f1f1f;
  font-size: 18px;
}
.home_con2 .home_case .text .textNr .d span {
  color: #1f1f1f;
  font-size: 13px;
  display: inline-block;
  margin-left: 42px;
}
.home_con2 .home_case .text .textNr a {
  display: inline-block;
  float: right;
  color: #1f1f1f;
  font-size: 14px;
}
.home_con2 .home_case .text:hover .timg .bg {
  display: block;
}
.home_con2 .home_case .slick-prev,
.home_con2 .home_case .slick-next {
  width: 23px;
  height: 45px;
  border: none;
  margin-top: -45px 2;
}
.home_con2 .home_case .slick-prev {
  left: -50px;
  background: url(img/left.png) no-repeat center center;
}
.home_con2 .home_case .slick-next {
  right: -50px;
  background: url(img/right.png) no-repeat center center;
}
.home_con2 .home_case .slick-dots {
  bottom: -50px;
}
.home_con2 .home_case .slick-dots li button {
  width: 38px;
  height: 2px;
  background: #bfbfbf;
}
.home_con2 .home_case .slick-dots li.slick-active button {
  background: #545454;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track {
  -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;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[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;
  border: 1px solid transparent;
}
.slick-prev,
.slick-next {
  z-index: 20;
  position: absolute;
  display: block;
  height: 60px;
  width: 30px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -30px;
  padding: 0;
  border: none;
  outline: none;
  border: 1px solid red;
}
.slick-prev {
  left: 30px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: 30px;
}
.slick-next {
  right: 30px;
}
[dir="rtl"] .slick-next {
  left: 30px;
  right: auto;
}
.slick-dots {
  position: absolute;
  bottom: 20px;
  height: auto;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  line-height: 0;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  display: block;
  height: 10px;
  width: 10px;
  padding: 0;
  margin: 0;
  outline: none;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: #ccc;
  border-radius: 0px;
}
.slick-dots li.slick-active button {
  background: #333;
}.home_title {
  text-align: center;
  color: #1f1f1f;
  font-size: 38px;
  font-weight: 700;
}
.home_name {
  text-align: center;
  color: #1f1f1f;
  font-size: 18px;
  text-transform: uppercase;
}
.home_t {
  margin-top: 15px;
  font-size: 16px;
  color: #333;
  text-align: center;
}


/**服务项目**/
.dfwbg{ background:url(img/dfwbg.jpg) center repeat-x; height:521px;}
.dbt{ font-size:24px; color:#000; line-height:56px; border-bottom:1px solid #cf2424;}
.duo1,.duo1:visited{ line-height:56px; font-size:12px; color:#000000;} .duo1 span{ font-family:"宋体";}
.fw1{ width:1255px; margin-left:-5px; overflow:hidden;}
.fw{ width:288px; height:295px; float:left; background:#f1f3f2; margin-left:5px; margin-bottom:5px; padding:21px 10px 0; position:relative;}
.fwo{ clear:both; width:256px; height:285px; visibility:visible; }
.fwo1{clear:both; width:226px; height:214px; visibility:hidden; padding-top:41px; position: absolute; top:0;}
.fwo1 .fwo_more{ font-size:12px; color:#f3c1c1; line-height:28px; display:block; clear: both; margin-left:auto; margin-right:auto; margin-bottom:10px;  width:180px; border:1px solid #f3c1c1; text-align:center; cursor:pointer !important;}
.fw:hover .fwo{ visibility:hidden;}
.fw:hover .fwo1{visibility:visible;}
.fwo_jie{ width:180px; margin:0 auto; height:164px; border:0 !important; font-size:12px; color:#f3c1c1; line-height:28px; padding-top:20px;}
.fwtu{width:200px; height:200px; margin-left:auto; margin-right:auto; background-size:100%; }
.fwtu a{ width:200px; height:200px; display:block; background:url(img/kuang2.png) center top no-repeat;}