﻿@charset "utf-8";

/*透明开始为0*/
.apa{ opacity: 0; }

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite{
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
}
.animated.s1{animation-duration:1s; -webkit-animation-duration:1s;}
.animated.s2{animation-duration:2s; -webkit-animation-duration:2s;}
.animated.s05{animation-duration:0.5s; -webkit-animation-duration:0.5s;}
/*end*/
body{overflow-x:hidden}

/**/
.searchbj{ height:85px; background: url("../images/gg.jpg") no-repeat bottom center; }
.search{height:85px;}
.search em{display: block; line-height: 85px;height:85px; float:left; width:730px;color:#333333;}
.search em b{ float:left;font-size: 14px; font-weight: bold; }
.search em a{ float:left; font-size: 14px; color:#333333; padding:0 26px;}
.search em a.m{ padding-left:0;}
.sea_rt{float: right;width: 366px;margin-top:15px; height:46px;}
.sea_rt .txt{ background: url("../images/ssk.jpg") no-repeat center;}
.sea_rt input.txt{width: 251px;height: 46px;line-height: 46px;padding-left:64px;font-size: 14px;color: #666;float: left;}
.sea_rt input.btn{width: 46px;border-left: 0;height: 46px;background: url("../images/ss.png") no-repeat center;cursor: pointer;position: relative;right: 4px;float: left;}
.sea_rt input.btn:hover{background: url("../images/ss_h.png") no-repeat center;}


/**/
.krbj{ height:588px;background: url("../images/kr.jpg") no-repeat center; overflow: hidden;}
.kr h3{ text-align: center; font-size: 16px;  color:#333333; padding-top:60px; padding-bottom:147px;}
.kr h3 i{ display: block; font-size:30px; font-weight: bold; color:#333333;}
.kr .k{ width:366px; padding-left:15px;float:left;}
.kr .k li { font-size: 16px; font-weight: bold; height:50px; margin-bottom:41px; color:#333333; background: url("../images/d.png") no-repeat right;}
.kr .k li em {font-family: "Microsoft Yahei" ; font-weight: normal;line-height: 50px; float:left;font-size: 28px; font-weight: bold; color:#009946;}
.kr .k li span{ display: block; float:left;line-height: 50px; font-size: 16px; }
.kr .k li span i{ padding:0 5px; color:#213f74;}
.kr .k li:hover em{ color:#f0a400;}
.kr .k li:hover span{ color:#f0a400;}
.kr .k li:hover span i{color:#f0a400;}
.kr .k li:hover{background: url("../images/d_h.png") no-repeat right;}
.kr .r{ width:380px; float:right;}
.kr .r li { font-size: 16px; font-weight: bold; height:50px;  padding-left:37px; margin-bottom:41px; color:#333333; background: url("../images/d.png") no-repeat left;}
.kr .r li em { font-family: "Microsoft Yahei" ; font-weight: normal;line-height: 50px; float:left;font-size: 28px;font-weight: bold; color:#009946;}
.kr .r li span{ display: block; float:left;line-height: 50px; font-size: 16px;}
.kr .r li span i{ padding:0 5px; color:#213f74;}
.kr .r li:hover em{ color:#f0a400;}
.kr .r li:hover span{ color:#f0a400;}
.kr .r li:hover span i{color:#f0a400;}
.kr .r li:hover{background: url("../images/d_h.png") no-repeat left;}
/**/
.edgebj{ height:480px; background: url("../images/edgebj.jpg") no-repeat center;overflow: hidden;}
.edge{ height:422px; padding-top:58px;}
.edge h3{ text-align: center; font-weight: bold; font-size: 30px; color:#FFF; margin-bottom:82px; background: url("../images/hg.png") no-repeat center;padding-top: 20px;}
.edge h3 i{ display: block; font-size: 16px;margin-top:10px; }
.edge ul{ height:240px; }
.edge ul li{ width:170px; height:198px; padding:0 30px 42px 30px;float:left;background:#fbfbfb;transition: all 0.6s; border-radius: 20px; margin-left:12px;}
.edge ul li.cur{ margin-left:0;}
.edge ul li dl{position: relative;}
.edge ul li dl dt{height:96px; margin-bottom:20px;}
.edge ul li dl dt i{ display: block; width:96px; height:96px; margin:-30% auto 0;}
.edge ul li dl dd{ text-align: center;}
.edge ul li dl dd span{ display: block; margin-bottom:18px; font-size: 18px; font-weight: bold; color:#333333;}
.edge ul li dl dd p{ font-size: 14px;}
.edge ul li dl dt i{ display: block;width:96px;height:96px;}
.edge ul li dl dt i.ol_1{background:url("../images/ed1.png") no-repeat center;}
.edge ul li dl dt i.ol_2{background:url("../images/ed2.png") no-repeat center;}
.edge ul li dl dt i.ol_3{background:url("../images/ed3.png") no-repeat center;}
.edge ul li dl dt i.ol_4{background:url("../images/ed4.png") no-repeat center;}
.edge ul li dl dt i.ol_5{background:url("../images/ed5.png") no-repeat center;}
.edge ul li:hover{background:#FFF;box-shadow: 5px 5px 10px #666,-5px -5px 10px #666;transform: scale(1.05);}
.edge ul li:hover dl dt i.ol_1{background:url("../images/ed1_h.png") no-repeat center;}
.edge ul li:hover dl dt i.ol_2{background:url("../images/ed2_h.png") no-repeat center;}
.edge ul li:hover dl dt i.ol_3{background:url("../images/ed3_h.png") no-repeat center;}
.edge ul li:hover dl dt i.ol_4{background:url("../images/ed4_h.png") no-repeat center;}
.edge ul li:hover dl dt i.ol_5{background:url("../images/ed5_h.png") no-repeat center;}
/**/
.productbj{height:957px;}
.product{ height:917px; background:url("../images/productbj.jpg") no-repeat center;}
.pro{ height:867px; padding-top:50px;}
.pro h3{ text-align: center; margin-bottom:40px; padding-top: 20px;}
.pro h3 span{display: block;font-weight: bold; font-size: 30px; color:#333333;background: url("../images/hg2.png") no-repeat center; }
.pro h3 span em{ color:#009946;}
.pro h3 i{ display: block; font-size: 16px;margin-top:10px; }
.pro .probt{ height:47px; margin-bottom:25px;}
.pro .probt em{ width:156px; height:47px; line-height: 47px;background:#FFF;box-shadow: 5px 5px 10px #f3f3f3,-5px -5px 10px #f3f3f3; border-radius: 30px; float:left; margin-left:18px; text-align: center;  display: block;}
.pro .probt em.cur{ margin-left:0;}
.pro .probt em a{ font-size: 14px; color:#333333;}
.pro .probt em:hover{ background:#f0a400; box-shadow: none;}
.pro .probt em:hover a{ color:#FFF;}
.pro ul{height:600px; margin-bottom:35px;}
.pro ul li{ float:left;width:388px; height:290px; margin:0 0 18px 18px;position: relative; overflow: hidden;}
.pro ul li strong{width:388px; height:290px; display: block; position: relative; }
.pro ul li strong img{ width:388px; height:290px;}
.pro ul li b{display: block; width:348px; font-size: 14px;color:#333333;padding-left:40px; height:60px;background: url("../images/wzbj.png") no-repeat center; line-height: 60px;position: absolute; bottom:0;}
.pro ul li.cur{ margin-left:0;}
.pro ul li:hover b{display: none;}
.pro ul li p{width:302px;background: url("../images/yy.png") no-repeat center;line-height: 37px;transition: all 0.4s linear; padding-top:40px;padding-left:86px; height:69px;position: absolute;bottom:-110px; }
.pro ul li p a{ padding:9px 18px; font-size: 14px; border-radius: 30px; }
.pro ul li p a.z{background:#FFF; color:#333333; margin-right:25px;}
.pro ul li p a.c{background:#f0a400; color:#FFF;}
.pro ul li:hover p{bottom:0;}
.pro .sp{ width:900px; height:86px; margin:0 auto;}
.pro .sp em{ display: block;width:290px; margin-left:10px;height:86px;float:left;background: url("../images/dy.png") no-repeat bottom center;}
.pro .sp em.cur{ marign-left:0;}
.pro .sp a.bf{ width:148px; height:61px;line-height: 61px; display: block; float:left; border-radius: 50px;background: #f0a400 url("../images/bf.png") no-repeat 30%;text-align: right; padding:8px 71px; margin:0 auto; font-size: 18px; color:#FFF; font-weight: bold;}
.pro .sp a.zp{ width:148px; height:61px;line-height: 61px; display: block; float:left; border-radius: 50px;background: #f0a400 url("../images/zp.png") no-repeat 30%;text-align: right; padding:8px 71px; margin:0 auto; font-size: 18px; color:#FFF; font-weight: bold;}
.pro .sp a.aj{ width:148px; height:61px;line-height: 61px; display: block; float:left; border-radius: 50px;background: #f0a400 url("../images/aj.png") no-repeat 30%;text-align: right; padding:8px 71px; margin:0 auto; font-size: 18px; color:#FFF; font-weight: bold;}

/**/
.ylhybj{ height:277px; background: url("../images/ylhy.png") no-repeat bottom center; overflow: hidden;}
.ylhy{height:197px;padding-top: 80px;}
.ylhy h3{width:600px; text-align: center; float:left;padding-top: 80px;}
.ylhy h3 span{display: block;font-weight: bold; font-size: 34px; color:#f0a400;background: url("../images/hg3.png") no-repeat center; }
.ylhy h3 span em{ color:#0a58b0; font-size: 27px; margin-right:10px;}
.ylhy h3 i{ display: block; font-size: 16px;margin-top:10px; }
.ylhy p{ float:right; font-size: 14px; color:#FFF; padding-right:65px; margin-top:45px;}
.ylhy p em{ display: block; text-align: center;margin-right:10px;}
.ylhy p i{ display: block; font-size: 28px; font-family: "Georgia"; color:#FFF;}
.ylhy p span{ display: block; width:86px; height:32px; color:#333333;background:#FFF url("../images/jt.png") no-repeat 96%; font-size: 14px; line-height: 32px;padding-left:10px; padding-right:8px; border-radius: 50px; margin: 20px auto 0; }
.ylhy p span:hover{background:#FFF url("../images/jt_h.png") no-repeat 96%; }
.ylhy p span a{ color:#333333;}
/**/
.casebj{ height:658px; overflow: hidden;}
.case{ height:583px; padding-top:75px;}
.case h3{ text-align: center; font-weight: bold; font-size: 30px; margin-top:40px;}
.case h3 span{display: block;background: url("../images/hg4.png") no-repeat center;line-height: 30px;}
.case h3 em{ color:#009946;}
.case h3 i{ display: block; margin-top:10px; font-size: 16px; color:#333333;font-weight: normal;}
.case strong{display: block; width:330px; height:40px; margin:38px auto 40px;}
.case strong p{display: block;width:142px; height:40px; line-height:40px;float:left;}
.case strong p a{display: block; font-size: 14px; color:#FFF;}
.case strong p.p1{ background:url("../images/hq.png") no-repeat center;width:142px;height:40px; margin-right:45px;}
.case strong p.p1 a{ padding:10px 34px;width:75px;height:20px;line-height: 20px;text-align: right;}
.case strong p.p2{ background:url("../images/jd.png") no-repeat center;}
.case strong p.p2 a{padding:10px 23px;width:96px;height:20px;line-height: 20px;text-align: right;}
.case ul{height:345px;}
.case ul li.cur{ margin-left:0;}
.case ul li{ float:left; width:388px; height:345px; margin-left:18px;}
.case ul li a{ display: block;width:388px; height:345px;}
.case ul li a em{display:block;padding:13px;width:362px; height:264px; box-shadow: 5px 5px 10px #f6f6f6,-5px -5px 10px #f6f6f6;}
.case ul li a em img{width:360px; heihgt:264px;}
.case ul li a span{ display: block; heihgt:50px; line-height: 50px;text-align: center; font-size: 14px; color:#333333;}
/**/
.edgebj2{ height:620px; background: url("../images/edgebj2.jpg") no-repeat center; overflow: hidden;}
.edge2 { height:572px; padding-top:48px;}
.edge2 h3{ text-align: center; font-weight: bold;color: #333; font-size: 30px;}
.edge2 h3 span{display: block;background: url("../images/hg5.png") no-repeat center;line-height: 30px;}
.edge2 h3 em{ color:#009946;}
.edge2 h3 i{ display: block; margin-top:10px; font-size: 16px; color:#333333;font-weight: normal;}
.edge2 .ed{ width:572px; height:370px; float:right;  margin-top:80px;}
.edge2 .ed dl{ border-bottom:1px solid #e4e4e5; padding-bottom:25px; margin-bottom:23px;}
.edge2 .ed dl dt{font-size: 22px; font-weight: bold; color:#f0a400; margin-bottom:11px; }
.edge2 .ed dl dd{ font-size: 13px;  font-weight: normal;}
.edge2 .ed dl.last{border:none;padding: 0;margin: 0;}
/**/
.xbbj{ height:197px; background:url("../images/xbbj.png") no-repeat center; overflow: hidden;}
.xb{ height:149px; padding-top:48px;}
.xb p{ float:left; font-size: 14px; color:#FFF; padding-left:65px;}
.xb p em{ display: block; text-align: center;}
.xb p i{ display: block; font-size: 28px; font-family: "Georgia"; color:#FFF;}
.xb p span{ display: block; width:86px; height:32px; color:#333333;background:#FFF url("../images/jt.png") no-repeat 96%; font-size: 14px; line-height: 32px;padding-left:10px; padding-right:8px; border-radius: 50px; margin: 20px auto 0; }
.xb p span:hover{background:#FFF url("../images/jt_h.png") no-repeat 96%; }
.xb p span a{ color:#333333;}
.xb b{float:left;font-weight: bold; font-size: 18px; color:#333333; margin-top:34px; margin-left:214px;}
.xb strong{ float:left; font-size: 30px;font-weight: bold; color:#0a58b0; margin-top: 32px;margin-left: 5px;}
.xb strong i{ font-weight: normal; display: block; font-size: 11px; font-family: "Arial"; color:#b3aeab;}
/**/
.newsbj{ height:630px; overflow: hidden; overflow: hidden;}
.news{heihgt:552px; padding-top:78px;}
.news h3{ text-align: center; font-weight: bold;color: #333; font-size: 30px; margin-bottom:30px;}
.news h3 span{display: block;background: url("../images/hg6.png") no-repeat center;line-height: 30px;}
.news h3 em{display: block; font-size: 14px; color: #333; font-weight: normal;}
.news .bkzs{ width:460px; height:413px; float:left;}
.news .bkzs span{display: block; height:32px;line-height: 32px;margin-bottom: 6px; font-size: 20px; font-weight: bold; color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:26px;}
.news .bkzs span i{display: block;width:82px;float:left;height:64px; background: url("../images/dbx.png") no-repeat bottom center;}
.news .bkzs span a{ float:right; font-size: 14px; font-weight: normal; text-transform: uppercase;color:#666666; padding-right:36px; background: url("../images/jt2.png") no-repeat right; margin-right:10px;}
.news .bkzs span a:hover{ background: url("../images/jt2_h.png") no-repeat right; }
.news .bkzs .wd{ height:350px;}
.news .bkzs .wd dl{ height:80px; margin-top:30px;}
.news .bkzs .wd dl dt{height:24px; line-height: 24px; margin-bottom:6px; font-size: 14px; font-weight: bold; color:#333333;}
.news .bkzs .wd dl dt i{display: block; width:24px;float:left; height:24px; margin-right:20px;background:url("../images/wd1.png") no-repeat center; }
.news .bkzs .wd dl dd{ font-size: 14px; color:#666666; font-weight: normal; width:436px;}
.news .bkzs .wd dl dd i{display: block; float:left; width:24px; height:24px; margin-right:20px;background:url("../images/wd2.png") no-repeat center;}
.news .dtxw{ float:right; width:670px;height: 413px;overflow: hidden; }
.news .dtxw span{display: block; height:32px;line-height: 32px;margin-bottom: 6px; font-size: 20px; font-weight: bold; color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:26px;}
.news .dtxw span i{ margin-right:29px; float:left;}
.news .dtxw span i.cur{display: block;width:82px;height:64px;color:#009946;margin-right: 27px; background: url("../images/dbx.png") no-repeat bottom center;}
.news .dtxw span a{ float:right; font-size: 14px; font-weight: normal; text-transform: uppercase;color:#666666; padding-right:36px; background: url("../images/jt2.png") no-repeat right; margin-right:10px;}
.news .dtxw span a:hover{ background: url("../images/jt2_h.png") no-repeat right; }
.news .dtxw .x{height:386px;}
.news .dtxw .xw{ height:410px;}
.news .dtxw .xw dl{ height:130px;  border-bottom: 1px dashed #dddddd; padding-bottom:29px; margin-top:33px;}
.news .dtxw .xw dl dt{ float:left; height:130px;}
.news .dtxw .xw dl dt img{width:170px; height:130px;}
.news .dtxw .xw dl dd{ padding:10px 12px 16px 35px; float:left;width: 453px;height: 104px; }
.news .dtxw .xw dl dd a{ font-size: 16px; font-weight: bold; color:#333333;}
.news .dtxw .xw dl dd p{ font-size: 14px; color:#666666; margin-top:22px; }
/**/
.aboutbj{ height:620px; background:url("../images/about.jpg")no-repeat center; overflow: hidden;}
.about{ height:566px; padding-top:54px;}
.about h3{ text-align: center; font-weight: bold;color: #333; font-size: 30px; margin-bottom:34px;}
.about h3 span{display: block;background: url("../images/hg7.png") no-repeat center;line-height: 30px;font-size: 30px; }
.about h3 span em{ color:#009946;}
.about h3 i{display: block; font-size: 14px; color: #333; font-weight: normal;}
.about .bf{width:600px;height:420px;position: relative;float:left;}
.about .bf em{display: block;width:600px; height:420px; }
.about .bf em img{width:600px; height:420px;}
.about .bf a{display: block; width:104px; height:104px; background: url("../images/bf2.png") no-repeat center; position: absolute;left:42%; top:38%;}
.about dl{ width:476px;height:245px;float:right; background:#FFF; padding:115px 64px 60px 60px;}
.about dl dt{margin-bottom:14px;}
.about dl dt a{ font-size: 22px; color:#666666;}
.about dl dd p{display: block; font-size: 14px; color:#666666; height:153px;}
.about dl dd span{ display:block; height:50px; margin-top:30px;}
.about dl dd span a{display: block;float:left; padding:14px 32px; background:#efefef; margin-right:10px;border-radius: 30px;font-size: 14px;}
.about dl dd span a:hover{ color:#FFF; background:#f0a400;}






















