@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:1000px;}
.qing{ display:block; clear:both;}
.juzhong{ display:block; width:1000px; margin-left:auto; margin-right:auto;}
.lf{ display:block; float:left;padding-top:4px;}
.rf{ display:block; float: right;}
.clear{clear:both;}

.shu12{color:#4f4f4f; font-size:12px; line-height:30px;}
/******************index**************************/
.navbg{ background: url(../images/navbg.png) left top repeat-x; height:50px; position:relative; z-index:99;}
.nav{ display:block; float:right; padding-left:1px; padding-top:10px;}
.nav li{ display:block; border-left:1px solid #d6d6d6; height:40px; border-right:1px solid #d6d6d6; margin-left:-1px; float:left; padding:0 20px 0px; line-height:32px; font-size:16px; color:#000;}
.nav li a{ display:block; height:40px;}
.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:#E50112; color:#E50112;}
.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:25px 23px; background: url(../images/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:40px; height: auto; width: auto; white-space: nowrap; text-align: left; text-decoration: none; font-size:14px; color:#fff; border-bottom: 1px solid #f0f0f0; }
#sddm div a:hover{  color: #000;}
/**导航切入**/
.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:25px; padding-top:5px;}
.to-tel{ display:block; margin-left:5px;}


/**banner**/
.banner{ height:650px; position:relative; z-index:0; margin-top:-12px;}

/**产品推荐**/
.cpbgs{ display:block; background:#f0f0f0; height:250px; margin-top:-8px;}
.cptj{ display:block; float:left; width:230px; /*background:rgba(230, 112, 29, 0.9);background:url(../images/tubj.png); */background:#E57020; margin-left:24px;-webkit-border-radius: 6px;-moz-border-radius: 6px;
}
.cptjk1{ height:130px; padding:8px 20px 10px;}
.cptjk2{ height:90px; position:relative; display:block; overflow:hidden; text-align:center;}

.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:#fff; padding:4px 0 4px;}
.cpt-ti a, .cpt-ti a:visited{ color:#fff;}
.cpt-js{ display:block; line-height:24px; color:#fff; font-size:12px; text-align:left; }
.cpt-js a, .cpt-js a:visited{ display:block; color:#fff;}
.cpt-js a:hover{ display:block; color:#FF0;}

/**关于我们**/
.in-tjt{ display:block; padding-top:20px;}
.ab-ti{ display: block; line-height:46px; color:#000; font-size:22px;}
.ab-line{ display:block; width:54px; height:2px; background:#E50112;}
.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:1000px; height:auto; float:left;}
.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;}


/**产品展示**/
/*产品滚动样式*/
#demost {
overflow:hidden;
width: 1000px;
height:210px;
float:left;
text-decoration:none;
}
#indemo {
float: left;
width: 800%;
text-decoration:none;
}
#demo1e {
float: left;
text-decoration:none;
}
#demo211 {
float: left;
text-decoration:none;

}


.ne-tjbg{ background:#f0f0f0; overflow:hidden !important; position:relative;/* left:-400px;*/}
.duo1{ display: block; float:right; line-height:60px; font-size:12px; color:#E50112;}
.duo1 span{ font-family: "宋体";} .duo1:visited{ color:#E50112;}
.ne-tjk{border-top:1px solid #dedede; padding-top:20px;overflow:hidden !important; padding-bottom:55px;}
.ne-tj{ display:block; float:left; width:580px; margin-left:90px;}
.ne-da{ background:url("../images/dabg1.png"/*tpa=http://skny.51xly.com.cn/images/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-ti a:hover{ display:block; color:#E50112;}

/**版权**/
.baqbg{ background: url(../images/banqbg.jpg) center top no-repeat; height:199px;}
.fo-add{ line-height:30px; font-size:12px; color:#fff; padding-top:16px;}
.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 b{ 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("../images/kanbg1.png"/*tpa=http://skny.51xly.com.cn/images/kanbg1.png*/) left top no-repeat; left:0;}
.kan1 .b2{background: url("../images/kanbg2.png"/*tpa=http://skny.51xly.com.cn/images/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("../images/ystu2.png"/*tpa=http://skny.51xly.com.cn/images/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("../images/ystu3.png"/*tpa=http://skny.51xly.com.cn/images/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;}




/**背景图片**/
.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);}}



#footer{ width:100%;height:200px; margin:0 auto;}
.footer_top{ width:100%; background:#393939; margin:0 auto; height:200px;}
.footer_top_tt{ width:1000px; margin:0 auto; text-align:center;}
.footer_top_left{ float:left; width:500px; line-height:26px; font-size:12px; color:#fff; text-align:left; padding-top:16px;}
.footer_top_left span{ color:#F60; font-size:16px;}
.footer_top_right{ float:right; width:460px; line-height:26px;font-size:14px; color:#fff;text-align:right; padding-top:30px; }

.footer_bottom{ width:100%; height:300px; background:#E3E3E3;margin:0 auto; float:left;}
.foot_bottom_tt{ width:1000px; margin:0 auto; float:center; text-align:center; padding-top:10px;}
.footer_bottom_t{ width:90px;margin:0 auto; float:left;}
.footer_bottom_l{ width:380px; margin:0 auto; float:right; text-align:right; line-height:28px; font-size:14px;}
a.footer_biaoti{line-height:26px; color:#343434; text-decoration:none; font-size:14px; font-weight:bold;}
a.footer_biaoti:hover{line-height:26px; color:#E50112; text-decoration:none;font-size:14px; font-weight:bold;}
a.footer_zi{line-height:26px; color:#666; text-decoration:none;font-size:14px; }
a.footer_zi:hover{line-height:26px; color:#E50112;text-decoration:none;font-size:14px;}

a.foter_zi{line-height:26px; color:#333; text-decoration:none;font-size:14px; }
a.foter_zi:hover{line-height:26px; color:#E50112;text-decoration:none;font-size:14px;}



/*内页样式*/
#about_box{width:1000px; margin:0 auto;}
.about_left{ width:220px; margin:0 auto; float:left;display:block; margin-top:6px;}
.about_left_title{ width:220px; height:50px;}
.about_left_en{float:left; line-height:50px; margin-left:2px; display:block; vertical-align:middle; padding-top:10px;}
.about_left_cn{ float:left; font-size:20px;color:#343434; font-weight:bold;line-height:50px; margin-left:10px; display:block}
/*内页左边样式结束*/



/*内页右边样式*/
.about_right{ width:740px; margin:0 auto;float:left;display:block;margin-top:12px; margin-left:40px;}
.about_title_top{ width:740px;height:50px; margin:0 auto;border-bottom:solid 2px #CCCCCC;}
.about_title{ height:55px; line-height:60px; float:left; font-size:18px;font-weight:bold; color:#343434}
.about_con{ width:740px; margin:0 auto;line-height:28px;font-size:14px;  float:left;}


.left_no{ background:#eeeeee; padding-left:20px;}
.left_no a{ color:#343434;  font-size:16px; font-weight:bold;line-height:40px; text-decoration:none}
.left_no a:hover{ color:#343434; line-height:40px; font-weight:bold;text-decoration:none; }

.left_yes{ background:#ddd; padding-left:20px;}
.left_yes a{ color:#0098DE; font-size:16px; font-weight:bold; line-height:40px;text-decoration:none}
.left_yes a:hover{ color:#0098DE;font-weight:bold; line-height:40px; text-decoration:none}



.djxx {
    margin-top: 15px;
	float:right;
}

    .djxx tr {
        height: 90px;
    }

    .djxx td {
        height: 66px;
        font-size: 14px;
    }

.dj-srk {
    height: 24px;
    line-height: 22px;
    width: 500px;
    outline: none;
    background-color: #fff;
    border: 1px solid #c0c0c1;
    border-top-color: #ababab;
    padding: 8px 4px;
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    -ms-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px;
    overflow: hidden;
    font-size: 14px;
}

    .dj-srk:focus {
        border-color: #4d90fe;
    }

.gmdj {
    width: 104px;
    height: 42px;
    background-color: #F86E03;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-family: "微软雅黑";
    font-size: 16px;
    text-align: center;
    line-height: 42px;
    margin-left: 20px;
    cursor: pointer;
}



a.link1_zi{line-height:24px; color:#fff;text-decoration:none;}
a.link1_zi:hover{line-height:24px; color:#FF0;text-decoration:none}