.clearfix:after{clear: both;content: " ";display: block;height: 0; overflow: visible;}

.fr{float: right;overflow: hidden;}
.fl{float: left;overflow: hidden;}

.warp{ width:1200px; margin:0  auto;}



.tit_01{ font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:26px; color:#666666;text-transform:uppercase;} 
.fuwu{}
.pfuwu_02{ text-align:center; font-size:26px; color:#666666; margin-top:10px; margin-bottom:40px; }
.ulfuwu_01{ position: relative; width:100%;}
.ulfuwu_01 li{ float:left; margin-right:26px; margin-bottom:26px; width:280px; height:170px; position:relative;}
.ulfuwu_01 li a{display: block;position: relative;overflow: hidden; }
.ulfuwu_01 li img{ width:280px; height:170px;}
.ulfuwu_01 li:nth-child(4n){ margin-right:0;}
.da_tujianjie{position: absolute;bottom: 0;left:0;color:#fff;width:100%; padding:0 5px; background:rgba(0,0,0,.3); height:25px; line-height:25px;}
.ulfuwu_01 li a div.gege { position: absolute ; background:rgba(121,191,19,.6); width: 100%; text-align:center; height:170px; line-height:170px;}
.ulfuwu_01 li a div.gege span{ color:#fff; font-size:18px;}

fieldset.fyoushi_01{  border:1px solid #eeeeee; border-bottom:0; border-left:0; border-right:0;  margin-top:45px; margin-bottom:48px;}
fieldset.fyoushi_01 legend{ padding:0 20px; font-size:14px; color:#999999; display: block;width: 408px;margin: 0 auto;}

.liucheng{}
.dlliucheng{}
.dlliucheng dt{ float:left;width: 263px;}
.dlliucheng dd{ float:left; margin-left:55px;}
.ulliucheng{ }
.ulliucheng li{ float:left; width:88px; height:88px; border:1px solid #fff; margin-left:10px;}
.ulliucheng li:hover{ border:1px solid #7abf13; }
.ulliucheng li:nth-child(1){ margin-left:0;}
.ulliucheng li p{ text-align:center; margin-top:7px;}
.ulliucheng li:hover p{ color: #7abf13; }
.ulliucheng li span{ display:block; background:url(../images/icon.png) no-repeat;transition:all .3s ease 0; -webkit-transition:all .3s ease 0; -moz-transtion:all .3s ease 0; -o-transtion:all .3s ease 0; margin-top:17px;}
.ulliucheng li span.spanliucheng_01{ background-position:0 0; width:39px; height:33px; margin-left:25px;  }
.ulliucheng li:hover span.spanliucheng_01{ background-position:0 -40px; }

.ulliucheng li span.spanliucheng_02{ background-position:-57px 0; width:25px; height:33px; margin-left:35px; }
.ulliucheng li:hover span.spanliucheng_02{ background-position:-57px -40px;}

.ulliucheng li span.spanliucheng_03{ background-position:-103px 0px; width:33px; height:33px; margin-left:29px; }
.ulliucheng li:hover span.spanliucheng_03{ background-position:-103px -40px;}

.ulliucheng li span.spanliucheng_04{ background-position:-165px 0px; width:28px; height:33px; margin-left:31px; }
.ulliucheng li:hover span.spanliucheng_04{ background-position:-165px -40px;}

.ulliucheng li span.spanliucheng_05{ background-position:-227px 0px; width:24px; height:33px;  margin-left:33px;}
.ulliucheng li:hover span.spanliucheng_05{ background-position:-227px -40px;}

.ulliucheng li span.spanliucheng_06{ background-position:-283px 0px; width:32px; height:33px;  margin-left:30px; }
.ulliucheng li:hover span.spanliucheng_06{ background-position:-283px -40px;}

.ulliucheng li span.spanliucheng_07{ background-position:-342px 0px; width:33px; height:33px;  margin-left:30px; }
.ulliucheng li:hover span.spanliucheng_07{ background-position:-342px -40px;}

.ulliucheng li span.spanliucheng_08{ background-position:-398px 0px; width:39px; height:33px;  margin-left:26px; }
.ulliucheng li:hover span.spanliucheng_08{ background-position:-398px -40px;}

.ulliucheng li span.spanliucheng_09{ background-position:-459px 0px; width:39px; height:33px;  margin-left:26px; }
.ulliucheng li:hover span.spanliucheng_09{ background-position:-459px -40px;}

.youshi{ padding-top:85px; background:#2c2f34; margin-top:30px; padding-bottom:73px;}
.pyoushi_01{ font-size:26px; color:#fff; font-weight:bold; text-align:center}

fieldset.fyoushi_02{  border:2px solid #25282d; border-bottom:0; border-left:0; border-right:0; margin-top:10px; }
fieldset.fyoushi_02 legend{ border-bottom:0; border-left:0; border-right:0; text-align:center; font-size:22px; color:#fff; padding:0 3px; width: 122px;display: block;margin: 0 auto;}


.ulyoushi_01{ margin-top:60px;}
.ulyoushi_01 li{ float:left; margin-right:20px; border-bottom:1px solid #485357; overflow:hidden; position:relative;  padding-bottom:11px;}
.ulyoushi_01 li:hover{ border-bottom:1px solid #7abf13;  }
.ulyoushi_01 li a>img{ width:281px; height:150px; border:0px solid #26292f;}
.ulyoushi_01 li:nth-child(4){ margin-right:0;}
.spanyoushi_01{ width:285px; height:150px; background:rgba(122,191,19,.6); position:absolute; top:-154px; left:-285px; transition:all .3s ease 0;}
.ulyoushi_01 li:hover .spanyoushi_01{ top:0; left:0; }
.spanyoushi_02{ width:35px; height:35px; position:absolute; bottom:-154px; right:-285px; transition:all .3s ease 0;}
.ulyoushi_01 li:hover .spanyoushi_02{ bottom:60%; right:50%; margin-right:-17px; margin-top:-17px; }
.pyoushi_03{ color:#81868c; margin:16px 0 7px 0;}
.ulyoushi_01 li:hover p{ color:#7abf13}
.pyoushi_04{ color:#81868c;}
.pyoushi_04 span{ float:right;  color:#81868c; font-family: "Courier New", Courier, monospace}

.ulyoushi_02{ margin-top:57px;}
.ulyoushi_02 li{ width:390px; height:180px; background:#31343a; padding-top:30px; padding-left:50px; float:left; margin-right:15px;transition: all .1s ease 0;}
.ulyoushi_02 li:hover { background:#7abf13;}
.ulyoushi_02 li:hover p{ color:#fff;}
.ulyoushi_02 li:nth-child(3){ margin-right:0; }
.pyoushi_05{ font-size:28px; color:#666666; font-weight:bold;}
.pyoushi_06{ font-size:22px; color:#666666; margin:10px 0 20px 0;}
.pyoushi_07{ color:#666666; margin-bottom:7px; width:250px; line-height:1.6;}
.pyoushi_08{ width:159px; height:34px; border:1px solid #3c4447; margin:69px  auto 0 auto; line-height:34px; text-align:center;}
.pyoushi_08 a{ display:block; width:158px; height:34px; line-height:34px; text-align:center; color:#818890; font-size:14px; }
.pyoushi_08 a:hover{ background:#818890; color:#2c2f34;}

.about{ padding-top:85px;}
.pabout_01{ font-size:26px; color:#666666; font-weight:bold; text-align:center; margin-bottom:10px;}
.pabout_02{ font-size:22px; color:#666666; text-align:center;}
.aboutcon{ margin-top:95px; margin-bottom:85px;}
.aboutleft{ width:600px; float:left;}
.paboutleft_01{ font-size:18px; color:#7abf13; margin-bottom:28px;}
.paboutleft_02{ color:#90979f; line-height:1.8; margin-bottom:20px;}
.aboutright{ width:546px; float:right;}
.paboutleft_03{ margin-top:60px;}
.paboutleft_03 a{ display:block; width:135px; height:30px; background:#fff url(../images/index_27.png) center no-repeat; border:1px solid #7abf13; color:#7abf13; text-align:center; line-height:30px; transition:all .3s ease 0;}
.paboutleft_03 a:hover{ background:#7abf13 url(../images/index_27.png) 90px center no-repeat ; color:#fff;  }

.fuwuxq{ border-top:2px solid #e9e9e9; padding:41px 0 46px 0;}
.ulfuwuxq{}
.ulfuwuxq li{ width:145px; float:left; margin-right:206px;}
.ulfuwuxq li:nth-child(4){ margin-right:0;}
.ulfuwuxq li p{ text-align:center; margin-bottom:13px; font-size:16px; color:#666666}
.ulfuwuxq li:hover p{ color:#7abf13}

.jieshao{  background:#2c2f34}
.jieshaoleft{ width:50%; float:left;}
.jieshaoleft img{ width:100%; }
.jieshaoright{ width:50%; float:left; padding-left:86px; padding-top:70px;}
.jieshaoright dl{ width:510px; margin-bottom:45px;}
.jieshaoright dl dt{ font-size:16px; color:#fff; margin-bottom:30px}
.jieshaoright dl dd{}
.jieshaoright dl dd span{ display:block; width:44px; height:2px; background:#7abf13; margin-bottom:20px;}
.jieshaoright dl dd p{ color:#81868c; line-height:22px;}