﻿@charset "utf-8";
/*首页标题*/
.tit{border-bottom: 1px solid #d6d6d6;position: relative;text-align: center;}
.tit h2{font-weight: normal;height: 76px;line-height: 76px;font-size: 40px;color: #029d01;}
.tit h2 a{display: inline-block;height: 76px;line-height: 76px;font-size: 40px;color: #029d01;}
.tit h2 strong{color: #fdab00;}
.tit .less{position: absolute;width: 100%;display: flex;justify-content: center;left: 0;top: 66px;}
.tit .less p{padding: 0 30px;background-color: #fff;}
.tit .less p em,.tit .less p span{display: block;}
.tit .less p em{height: 30px;font: 20px/30px "Microsoft Yahei";color: #000;padding-bottom: 5px;}
.tit .less p span{height: 22px;font: 12px/22px "Arial";color: #999;text-transform: uppercase;}

/*tjj*/
.tjj{height: 360px;padding-top: 45px;background: url("../images/tjjbg.jpg") no-repeat center;}
.tjj .less p{background-color: #efefef;}
.tjj_hz{height: 168px;padding-top: 56px;}
.tjj_hz li{float: left;width: 229px;height: 168px;margin-left: 13px;}
.tjj_hz li.ml0{margin-left: 0;}
.tjj_hz li h4{height: 98px;position: relative;}
.tjj_hz li h4 span{position: absolute;top: 0;left: 17px;z-index: 10;}
.tjj_hz li h4 span img{width: 195px;height: 120px;}
.tjj_hz li p{padding: 13px 0;background-color: #dcdcdc;}
.tjj_hz li p em{display: block;height: 22px;font: 16px/22px "Microsoft Yahei";text-align: center;color: #666;}
.tjj_hz li p em.color:hover{color: #029d01;}

/*pro*/
.pro{padding: 80px 0 0;background: url("../images/probg.jpg") no-repeat center bottom #fff;}
.pro_box{padding-top: 58px;}
.pro_left{float: left;width: 260px;}
.pro_left h2{height: 172px;background: url("../images/proa1.jpg") no-repeat center;}
.pro_left h2 a{display: block;height: 172px;}
.pro_left h2 span,.pro_left h2 em,.pro_left h2 strong{display: block;color: #fff;text-align: center;}
.pro_left h2 span{height: 34px;font: bold 25px/34px "Microsoft Yahei";padding-top: 46px;}
.pro_left h2 span.hsp{padding-top: 60px;}
.pro_left h2 em{height: 28px;font: 20px/28px "Microsoft Yahei";padding-bottom: 10px;}
.pro_left h2 strong{height: 22px;font: 12px/22px "Arial";color: #87ca87;text-transform: uppercase;}
.fen_lei{padding: 5px 10px 10px;background-color: #eee;}
.fen_lei p{height: 50px;border-bottom: 1px dashed #c7c7c7;}
.fen_lei p:last-child{border-bottom: 0;}
.fen_lei p a{float: left;width: 100px;height: 50px;line-height: 50px;padding-left: 20px;background: url("../images/proa0.png") no-repeat 7px center;overflow: hidden;}
.fen_lei p a:hover{color: #fdab00;}
.pro_pic{height: 240px;}
.pro_pic img{width: 260px;height: 240px;}
.pro_right{float: right;width: 925px;}
.pro_detail{width: 100%;}
.detail_pic{float: left;width: 620px;position: relative;}
.detail_pic img{display: block;width: 620px;height: 400px;}
.detail_pic h4{position: absolute;left: 330px;top: 65px;}
.detail_pic h4 span,.detail_pic h4 em{display: block;}
.detail_pic h4 span{height: 40px;font: 24px/40px "Microsoft Yahei";color: #029d01;}
.detail_pic h4 em{width: 84px;height: 40px;padding-left: 30px;margin-top: 8px;font: 16px/40px "Microsoft Yahei";color: #434343;background: url("../images/proaa.png") no-repeat 70% center;border: 1px solid #a7a7a7;}
.detail_txt{float: right;width: 300px;}
.detail_txt span{display: block;height: 55px;font: bold 16px/55px "Microsoft Yahei";color: #fff;text-align: center;background-color: #fdab00;}
.detail_dx{padding: 10px 0 15px 25px;background-color: #efefef;}
.detail_dx p em{display: block;height: 40px;font: 14px/40px "Microsoft Yahei";color: #666;}
.pro_list{width: 100%;padding-top: 13px;position: relative;}
.pro_list ul li{float: left;width: 300px;margin: 0 4px;}
.pro_list ul li span,.pro_list ul li em{display: block;}
.pro_list ul li span{height: 224px;}
.pro_list ul li span img{width: 300px;height: 224px;}
.pro_list ul li em{height: 44px;font: 16px/44px "Microsoft Yahei";color: #fff;text-align: center;background-color: #029d01;}
.pro_list .pua_prev,.pro_list .pua_next,.pro_list .pub_prev,.pro_list .pub_next{position: absolute;width: 37px;height: 70px;bottom: 99px;z-index: 10;cursor: pointer;}
.pro_list .pua_prev,.pro_list .pub_prev{background: url("../images/probt1.png") no-repeat center;left: 4px;}
.pro_list .pua_next,.pro_list .pub_next{background: url("../images/probt2.png") no-repeat center;right: 5px;}

/*cp*/
.cp{padding: 20px 0;background-color: #fff;}
.cp ul li{float: left;width: 390px;margin-left: 15px;position: relative;}
.cp ul li.ml0{margin-left: 0;}
.cp ul li img{display: block;width: 390px;height: 250px;}
.cp ul li p{position: absolute;top: 50px;left: 35px;}
.cp ul li p span,.cp ul li p em{display: block;}
.cp ul li p span{height: 35px;font: bold 25px/35px "Microsoft Yahei";color: #333;padding-left: 20px;background: url("../images/proc0.png") no-repeat left center;}
.cp ul li p em{width: 88px;height: 32px;margin: 40px 0 0 20px;font: 14px/32px "Microsoft Yahei";text-align: center;color: #fff;background-color: #029d01;}

/*help*/
.help{padding: 66px 0 30px;background-color: #fff;}
.help ul{padding-top: 60px;}
.help ul li{float: left;width: 160px;margin: 0 40px;}
.help ul li span,.help ul li em{display: block;}
.help ul li span{width: 146px;margin: 0 auto;position: relative;}
.help ul li span img.tt{display: block;}
.help ul li span img.xx{display: none;}
.help ul li span strong{position: absolute;width: 100%;height: 30px;font: 20px/30px "Microsoft Yahei";color: #666;text-align: center;left: 0;bottom: 10px;}
.help ul li em{height: 30px;font: 20px/30px "Microsoft Yahei";color: #666;text-align: center;overflow: hidden;margin-top: 15px;}
.help ul li:hover span img.tt{display: none;}
.help ul li:hover span img.xx{display: block;}
.help ul li:hover span strong{color: #fff;}

/*case*/
.case{padding: 50px 0 40px;background-color: #fff;}
.case ul{padding-top: 80px;}
.case ul li{float: left;height: 288px;margin: 0 1px;}
.case ul li p,.case ul li h4{float: left;height: 288px;}
.case ul li p{width: 400px;}
.case ul li p img{width: 400px;height: 288px;}
.case ul li h4{width: 158px;background-color: #029d01;}
.case ul li h4 span,.case ul li h4 em,.case ul li h4 strong{display: block;text-align: center;}
.case ul li h4 span{height: 60px;font: 50px/60px "Kartika";color: #fff;padding-top: 65px;}
.case ul li h4 em{height: 26px;font: 16px/26px "Microsoft Yahei";color: #fff;margin: 5px 0 20px;}
.case ul li h4 strong{width: 98px;height: 32px;margin: 0 auto;border: 1px solid rgba(255,255,255,0.3);font: 14px/32px "Microsoft Yahei";color: #fff;}
.case ul li h4.on{background-color: #fdab00;}
.case ul li h4.on span,.case ul li h4.on em{color: #3b2800;}
.case ul li h4.on strong{color: #3b2800;}

/*gon*/
.gon_tit{padding: 50px 0 35px;background-color: #fff;}
.gon_box1{height: 656px;background: url("../images/gonbg1.jpg") no-repeat center;}
.gon_hza1{padding-top: 66px;}
.ye_zi{float: left;width: 202px;height: 147px;background: url("../images/gona1.png") no-repeat center;font: 30px/147px "Arial";color: #fff;text-align: center;}
.hza_rt{float: right;width: 985px;}
.hzb_rt{float: right;width: 295px;}
.hzc_rt{float: right;width: 545px;}
.hza_rt h4,.hzb_rt h4,.hzc_rt h4{font: 24px/32px "Microsoft Yahei";color: #000;padding-top: 15px;}
.hza_rt h4 strong,.hzb_rt h4 strong,.hzc_rt h4 strong,.hzb_rt p strong{color: #fdab00;}
.hza_rt p,.hzb_rt p,.hzc_rt p{padding-top: 20px;}
.hza_rt p em,.hzb_rt p em,.hzc_rt p em{display: block;line-height: 30px;font-size: 16px;}
.hzb_rt a.see{display: block;width: 210px;height: 40px;margin-top: 35px;font: 16px/40px "Microsoft Yahei";color: #363636;text-align: center;border: 1px solid #ccc;}
.tu_biao{padding: 30px 0;background: url("../images/gona0.png") repeat center;margin-top: 10px;}
.tu_biao img{display: inline-block;height: 53px;margin: 0 10px;}
.z_shu{padding-top: 15px;text-align: center;}
.z_shu img{display: inline-block;height: 284px;margin: 0 5px;box-shadow: 0 5px 5px #846625,0 -5px 0 transparent;}
.gon_box2{padding: 40px 0;background-color: #fff;}
.gon_hzb1{float: left;width: 520px;padding-top: 80px;}
.gon_hzb2{float: right;width: 590px;height: 590px;border: 2px solid #efefef;border-radius: 100%;position: relative;}
.gon_hzb2 li{position: absolute;width: 168px;height: 168px;border: 1px solid #dcdcdc;border-radius: 100%;overflow: hidden;}
.gon_hzb2 li img{width: 168px;height: 168px;}
.gon_hzb2 li.gli1{width: 508px;height: 508px;right: 0;top: 41px;}
.gon_hzb2 li.gli1 img{width: 508px;height: 508px;}
.gon_hzb2 li.gli1 em{position: absolute;width: 44px;height: 112px;background: url("../images/font.png") no-repeat center;left: 90px;bottom: 70px;}
.gon_hzb2 li.gli2{left: -50px;top: 0;}
.gon_hzb2 li.gli3{left: -100px;top: 211px;}
.gon_hzb2 li.gli4{left: -50px;bottom: 0;}
.gon_box3{height: 635px;background: url("../images/gonbg2.jpg") no-repeat center;}
.gon_hzc1{width: 795px;margin: 0 0 0 auto;}
.gon_tabs{background-color: #fff;margin-top: 25px;}
.gon_tabs li{float: left;width: 255px;height: 170px;margin: 5px;}
.gon_tabs li img{width: 255px;height: 170px;}

/*小广告*/
.xad{padding: 45px 0;background-color: #ededed;overflow-x: hidden;}
.xad_left{float: left;width: 780px;height: 173px;position: relative;}
.xad_left ul{position: absolute;width: 830px;top: 0;left: -50px;}
.xad_left li{float: left;width: 187px;height: 163px;padding: 5px 6px;margin-left: 10px;text-align: center;position: relative;}
.xad_left li.ml0{margin-left: 0;}
.xad_left li img{width: 185px;height: 163px;}
.xad_left li em{position: absolute;width: 199px;height: 173px;background: url("../images/xadk.png") no-repeat center;z-index: 10;left: 0;top: 0;}
.xad_right{float: right;width: 415px;}
.xad_right h4{height: 94px;padding-top: 15px;}
.xad_right h4 img{width: 395px;height: 94px;}
.xad_right p{height: 42px;}
.xad_right p span{float: left;width: 295px;height: 42px;font: 20px/42px "Microsoft Yahei";color: #5d5d5d;}
.xad_right p a{float: right;width: 115px;height: 42px;font: bold 20px/42px "Microsoft Yahei";color: #fff;text-align: center;background-color: #fdab00;}

/*ke_hu*/
.ke_hu{padding: 70px 0 0;background-color: #fff;}
.kh_box{padding-top: 66px;}
.kh_box dl{float: left;width: 592px;height: 281px;margin: 0 0 16px 16px;}
.kh_box dl.ml0{margin-left: 0;}
.kh_box dd{float: left;width: 260px;height: 221px;padding: 30px;background-color: #eee;}
.kh_box dd h4 a{display: block;font: 16px/28px "Microsoft Yahei";color: #000;}
.kh_box dd p{font: 14px/26px "Microsoft Yahei";color: #666;padding-top: 20px;}
.kh_box dt{float: right;width: 272px;overflow: hidden;}
.kh_box dt a{display: block;height: 281px;}
.kh_box dt img{width: 272px;height: 281px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;}
.kh_box dt:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}

/*about*/
.about{padding: 70px 0 30px;background-color: #fff;}
.gy_wm{padding-top: 44px;}
.gy_pic{float: left;width: 600px;}
.gy_pic a{display: block;height: 460px;}
.gy_pic img{width: 600px;height: 460px;}
.gy_rt{float: right;width: 580px;}
.gy_rt h4{padding-top: 0;}
.gy_rt h4 a{display: inline-block;height: 40px;font: 20px/40px "Microsoft Yahei";color: #000;}
.gy_rt p{font: 14px/28px "Microsoft Yahei";color: #666;padding-top: 20px;}
.gy_rt em{display: block;width: 128px;height: 32px;border: 1px solid #cfcfcf;margin-top: 15px;font: 14px/32px "Microsoft Yahei";color: #666;text-align: center;}
.gy_rt ul{padding-top: 29px;}
.gy_rt ul li{float: left;width: 275px;height: 210px;}
.gy_rt ul li img{width: 275px;height: 210px;}
.gy_rt ul li.mlf{margin-left: 30px;}
.zj_hz{padding-top: 40px;}
.zj_lf{float: left;width: 200px;}
.zj_lf h4 em,.zj_lf h4 span{display: block;}
.zj_lf h4 em{height: 30px;font: 14px/30px "Arial";color: #999;text-transform: uppercase;background: url("../images/aboa1.png") no-repeat left bottom;padding: 10px 0;}
.zj_lf h4 span{height: 40px;font: bold 20px/40px "Microsoft Yahei";color: #029d01;padding-top: 10px;}
.bti{height: 30px;padding-top: 15px;}
.bti i{float: left;width: 30px;height: 30px;cursor: pointer;}
.bti i.zj_prev{background: url("../images/abobt1.png") no-repeat center;}
.bti i.zj_next{background: url("../images/abobt2.png") no-repeat center;margin-left: 10px;}
.zj_rt{float: right;width: 1000px;}
.zj_ul li{float: left;width: 465px;height: 164px;padding: 13px 15px;background-color: #f1f1f1;margin-left: 5px;}
.zj_ul li span{float: left;width: 218px;height: 164px;}
.zj_ul li span img{width: 218px;height: 164px;}
.zj_ul li p{float: right;width: 222px;padding-top: 35px;line-height: 30px;}

/*zhi_shi*/
.zhi_shi{padding: 70px 0 40px;background-color: #f1f1f1;}
.zhi_shi .tit .less p{background-color: #f1f1f1;}
.zs_ul{padding-top: 32px;}
.zs_ul li{float: left;width: 236px;margin-left: 5px;}
.zs_ul li.ml0{margin-left: 0;}
.zs_ul li span{display: block;height: 177px;overflow: hidden;}
.zs_ul li span img{width: 236px;height: 177px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;}
.zs_ul li h4{padding: 15px 0 5px;}
.zs_ul li h4 a{display: inline-block;height: 26px;font: bold 14px/26px "Microsoft Yahei";color: #000;}
.zs_ul li p{height: 120px;line-height: 30px;font-size: 14px;}
.zs_ul li:hover span img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}

/*news*/
.news{padding: 55px 0 30px;background-color: #fff;}
.news h2{height: 45px;}
.news h2 span{float: left;width: 144px;font-weight: bold;font-size: 20px;text-align: center;}
.news h2 em{float: right;width: 50px;height: 40px;font: 14px/40px "Microsoft Yahei";color: #8c8c8c;text-align: center;}
.new_left{float: left;width: 800px;}
.new_right{float: right;width: 370px;}
.new_left h2{background: url("../images/newa1.png") no-repeat right bottom;}
.new_left h2 span{height: 45px;line-height: 45px;background-color: #029d01;color: #fff;}
.new_right h2{background: url("../images/newa2.png") no-repeat center bottom;height: 40px;padding-bottom: 5px;}
.new_right h2 span{height: 40px;line-height: 40px;color: #000;text-align: left;}
.new_hza{padding-top: 22px;}
.new_hza dl{padding-top: 15px;height: 173px;}
.new_hza dl.mt0{padding-top: 0;}
.new_hza dt{float: left;width: 348px;}
.new_hza dt a{display: block;height: 173px;}
.new_hza dt img{width: 348px;height: 173px;}
.new_hza dd{float: right;width: 435px;}
.new_hza dd h4 a{height: 56px;font: 16px/28px "Microsoft Yahei";color: #000;}
.new_hza dd p{font: 14px/28px "Microsoft Yahei";color: #666;padding-top: 10px;}
.new_hza dd em{display: block;width: 54px;height: 26px;font: 14px/26px "Microsoft Yahei";color: #fff;text-align: center;background-color: #029d01;margin-bottom: 15px;}
.new_hzb{padding-top: 45px;}
.new_hzb dl{padding-top: 20px;height: 120px;}
.new_hzb dl.pt0{padding-top: 0;}
.new_hzb dt{float: left;width: 182px;border: 3px solid #e2e2e2;}
.new_hzb dt a{display: block;height: 114px;}
.new_hzb dt img{width: 182px;height: 114px;}
.new_hzb dd{float: right;width: 170px;}
.new_hzb dd h4 a{display: inline-block;height: 38px;font: 14px/38px "Microsoft Yahei";color: #000;}
.new_hzb dd p{font: 14px/26px "Microsoft Yahei";color: #666;padding-top: 10px;}

/*动画*/
@-webkit-keyframes shake{
    from,to{-webkit-transform:translate3d(0, 0, 0);}
    20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
    40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
    from,to{transform:translate3d(0, 0, 0);}
    20%,60%{transform:translate3d(-10px, 0, 0);}
    40%,80%{transform:translate3d(10px, 0, 0);}
}

/**/