@charset "utf-8";
body{margin: 0; padding: 0; font-size: 14px; font-family: 微软雅黑,"Microsoft Himalaya",;}
a{ text-decoration: none; }
ul li{ list-style-type: none;}
.fl{  float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.w1200{ width: 1400px; margin: 0 auto;}
.w100{ width: 100%;}

/*****/
#top{ width: 100%; height: auto;}
.top_titlebg{ height: 30px; background: #eeeeee;}
.tp_title{ line-height: 30px; font-size: 14px; color: #404040;}
.logo_nav{ height: auto;}
.logo{ width: 500px; height: 80px; text-align: left;}
.nav{ width: 520px; height: auto; display: flex; justify-content: right;}
.tel{ width: 330px; line-height: 80px; font-size: 30px; font-weight: bold;}
.tel img{ padding-right: 10px;}
.active{ background: #1c7a2c;color: #ffffff;  }
.nav .active a{color: #ffffff;   }
.nav li{ width: 100px;  text-align: center; height: 80px; line-height: 80px; }
.nav li:hover{ background: #1c7a2c;color: #ffffff; }
.nav li:hover a{color: #ffffff;}
.nav li a{color: #1c7a2c; font-size: 15px;}
.zlm{ width: 150px; height: auto; display: none;  background: #1c7a2c; }
.zlm dl{ width: 100%; height:40px; line-height:40px; text-align: center;}
.nav li:hover .zlm{display: block; position: absolute; z-index: 999; margin-top: -1px;}
.zlm dl:hover{ background: #ffffff;}
.zlm dl:hover a{ color: #303030;}
.pro_con{max-width: 1900px; overflow: hidden; margin: 0px auto;}

.sp{height: 700px;background: url(../images/yz_bg.jpg) no-repeat center;}
.sp_con{padding: 80px 0 0;}
.sp_con dt{ float: left;width: 569px;}
.sp_con dt img{ display: block;width: 569px;}
.sp_con dd{ float: right;width: 757px;}
.sp_con dd h4 img{ display: block;width: 549px;padding-top: 40px;}
.sp_con dd  p{ display: block;font-size: 16px;line-height: 30px;color: #666666; margin-top: 40px;height: 228px;}
.sp_con .yz_s{ display: block;}
.sp_con .yz_s a{width: 288px;height: 80px;line-height: 80px;border-radius: 50px;background: #d11125;display:block;font-size: 24px;color: #fff;float: left;position:relative;margin-right: 20px;}
.sp_con .yz_s a>img{ display: inline-block;width: 60px;height: 60px;padding-left: 11px;padding-right: 20px;vertical-align: -21px;}
.sp_con .yz_s a .ewm{ display: none;width: 120px;height: 120px;position: absolute;left:60px;top:100px; }
.sp_con .yz_s a .ewm img{ display: block;width:120px;height:120px; }
.sp_con .yz_s .more2:hover .ewm{ display:block;}
.tjcp{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.tjcp li{ width: 25%; text-align: center;}
.tjcp li ol{ width: 335px; height: 250px; overflow: hidden;}
.tjcp li ol img{ width: 100%; transition: all 0.6s;}
.tjcp li:hover ol img{transition: all 0.6s; transform: scale(1.2);}
.tjcp li p{ line-height: 45px; font-size: 15px;}
.tjcp1{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.tjcp1 li{ width: 25%; text-align: center;}
.tjcp1 li ol{ width: 335px; height: 200px; overflow: hidden;}
.tjcp1 li ol img{ width: 100%; transition: all 0.6s; height: 200px;}
.tjcp1 li:hover ol img{transition: all 0.6s; transform: scale(1.2);}
.tjcp1 li p{ line-height: 45px; font-size: 15px;  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}

/*******/
#foot{width: 100%; height: auto;}
.foot_bg{background: #eeeeee; height: 424px; padding: 45px 0 25px 0;}
.ftmsg_zs form input{border:1px solid #7f7f7f;background: none; border-radius: 5px;}
.ftmsg_zs form textarea{width: 370px;height: 85px;color: #404040;background: none;border-radius: 5px;}
.foot_msg{ width: 483px; height: auto;}
.msg_bt{ font-size: 24px; color: #404040;}
.msg_bt span{ color: rgb(127, 127, 127);}
.ft_ys{  font-size: 14px; color: #404040;line-height: 25px; padding: 25px 0;}
.msg_name{ width:483px; height: auto;color: #404040; font-size: 16px; margin-bottom: 10px;}
.msg_name input{ width: 370px; height: 32px;line-height: 32px; color: #404040;}
.msg_tel{ width:483px; height: auto;color: #404040; font-size: 16px;margin-bottom: 10px;}
.msg_tel input{ width: 370px; height: 32px;line-height: 32px; color: #404040; }
.msg_nr{width:483px; height: auto;color: #404040; font-size: 16px;margin-bottom: 10px; }
.msg_code{ width:483px; height: auto;color: #404040; font-size: 16px; margin-bottom: 20px; }
.msg_code p{ width:80px; height: auto; float: left;}
.msg_code dt{ width: 370px; height: 32px;line-height: 32px; color: #404040; float: left;}
.msg_code input{ width: 150px; height: 32px; line-height: 32px; color: #404040;}
.msg_code img{ height: 32px;}
.sub_msg{
    margin-left:80px;display: block; background: #0e6918;
    color: #ffffff; font-size: 15px;
    border: none;width: 370px; height: 40px;
}
.foot_lxfs_ewm_map{  width: 630px; height: auto;}
.lxfs_ewm{ width:630px; height: auto;}
.ftlxfs_zs{ width: 300px; height: auto; float: left; text-align: left;}
.ft_gsm{ font-size: 24px; color: #404040;}
.lxfs_zs{ font-size: 15px; line-height: 30px; color: #404040; padding-top: 15px;}
.ewm{ width: 150px; height: auto; float: right; text-align: right;padding-top: 10px;}
.ewm img{ width: 150px; height: 150px;}
.foot_map{ width: 630px; height: auto; padding-top: 25px;}
.copy_bg{ height: 48px; background: #ffffff;}
.copy{ line-height: 48px; text-align: center;font-size: 12px; color: #000000;}
.copy a{ color: #404040;}
/***************/

.index_about{ height: auto; padding: 45px 0;}
.index_ksdh{height: auto; display: flex;justify-content: space-between;}
.index_ksdh li{ width: 265px; height: auto;}
.dhimg{ width: 265px; height: auto; text-align: center;}
.dhimg img{ width: 150px; height: auto;}
.dhbt_xq{ width: 265px; height: auto; text-align: center;}
.dhbt_xq a{width: 100%; line-height: 45px; font-size: 18px;}
.dhbt_xq p{ text-align: center; color: #404040; font-size: 14px;}
/*******/
.index_probg{ height: auto; padding: 0 0 55px 0; background: url("../images/pro_bg.png")no-repeat top center;}
.pro_fl{ height: auto; display: flex; justify-content: left; flex-wrap: wrap;}
.pro_fl li{ width: 360px; height: auto; background: #2c8003; margin: 0 20px 25px 20px;}
.flbt_fy_more{width: 360px; height: auto; text-align: center; padding: 30px 0 30px 0;}
.flbt{ font-size: 18px; color: #ffffff; text-align: center;}
.flfy{ font-size: 12px; color: #ffffff; text-align: center; text-transform:uppercase; margin-bottom: 10px;}
.index_pro{ height: auto; padding: 0 0 75px 0;}
.cpzs{ height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.cpzs li{ width: 280px; height: auto; margin-bottom: 25px;}
.pro_img{ width: 280px; height: auto; text-align: center;}
.pro_img img{ width: 100%; height: 285px;}
.pro_bt{ width:100%; height: 40px; line-height: 40px; text-align: center;}
.pro_bt a{ color: #404040; font-size: 16px;}
.pro_bt a:hover{ color:#2c8003;}
.pro_more{ margin: 0 auto; display: block; width: 46px; height: 44px;}
/******/
.index_contbg{ height: 262px; background: url("../images/content_bg.png")top center no-repeat;  }
.content_ys{ color: #ffffff; text-align: center; padding-top: 50px; font-size: 16px;}
.content_ys p{ padding: 5px 0;}
/*********/
.index_news1{ height: auto; padding:90px 0 90px 0; background: url(../images/yz_bg.jpg) no-repeat center;}
.index_news{ height: auto; padding:90px 0 90px 0;}
.news_img{width: 48%; height: auto; text-align: left; margin: 0px 1% 30px 1%;float: left;}
.news_img img{ float: left; width: 220px; margin-right: 30px; height: 150px;}
.news_img .jb span{font-size: 18px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_img .jb i{display: block;font-size: 16px;color: #777;line-height: 30px; font-style: normal;}
.news_img .jb p{font-size: 15px;line-height: 1.5;color: #555;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_img .jb .duo{width: 100px;line-height: 35px;font-size: 14px;border: 1px solid #ccc;margin-top: 10px;text-align: center; float: left;}
.news_img a:hover .jb span{ color: #D60B0E; font-weight: bold;}
.news_img a:hover .jb .duo{ border: none; background: #D60B0E; color: #fff;}

.xwzx{ width: 633px; height: auto; display: flex; justify-content: left; flex-wrap: wrap;}
.xwzx li{width:633px;height: 38px;line-height: 38px; border-bottom: 1px dotted #cccccc;}
.xwzx li a{font-size: 14px;color: #404040; float: left; padding-left: 5px;}
.xwzx li span{float: right; color: #404040;}

.f_bg{ height:744px;background: url(../images/foot_bg.jpg) no-repeat center;box-sizing: border-box; }
.footer .gsxx{height: 280px;padding-top:60px; box-sizing: border-box;}
.footer .gsxx h2{ width: 245px;height: 53px;float: left; }
.footer .gsxx h2 img{ display: block; margin-top: -10px;}
.footer .gsxx ul{ float: right; }
.footer .gsxx ul li{ float: left;margin-left: 70px; }
.footer .gsxx ul li span{ display: inline-block;font-size: 16px;line-height: 16px;color: #333333;}
.footer .gsxx ul li img{display: inline-block;height: 52px;width: 52px;margin-right: 12px;vertical-align: -9px;}
.footer .gsxx ul li b{ display: block;font-size: 24px;line-height: 24px;color: #333;margin-top: 8px;font-weight: bold; font-family: Arial;}
.footer .gsxx ul li:last-child b{ font-size: 18px;}
.f_con{height: 334px;}

.f_nav{float: left;}  
.f_nav  ul li{float: left;padding-left: 130px;}
.f_nav  ul li:first-child{padding-left: 0;}
.f_nav  ul li b>a{font-size: 20px;line-height: 20px;color: #ffffff;font-weight: bold;padding-bottom:40px;display: block;position: relative;}
.f_nav ul li p>a{font-size: 16px;color: #fff;line-height: 36px;display: block;opacity: 0.6;}
.ft-code{float: right;width: 312px;height: 200px;border-left: 1px solid rgba(255,255,255,.15);}
.ft-code ul{width: 340px;float: right;}
.ft-code li{float: left;width: 154px;margin-top: 10px;}
.ft-code li:last-child{float: right;}
.ft-code li img{ display: block;width: 154px;height: 154px;}
.ft-code li span{ display: block;font-size: 16px;color: #fff;line-height: 40px;text-align: center;background: rgba(255,255,255,.1);}
.f_ma{float: right;width: 346px;height: 438px;margin-top: -48px;}
.f_ma h3{ padding-top: 96px;font-size: 26px;color: #1a1a1a;line-height: 26px;font-weight:normal;text-align: center;}
.f_ma p{padding-top: 28px;}
.f_ma p img{display: block;width: 180px;height: 180px;margin: 0 auto;}
.f_ma p span{display: block;font-size: 15px;color: #1a1a1a;line-height: 26px;font-weight:normal;text-align: center;padding-top: 16px;}
.htwd{float: left;}
.htwd i{display: block;float: left;font-size: 15px;line-height: 15px;color: #fff;opacity: 0.4;}
.htwd a{color: #7f7f7f;margin-right: 15px;float: left;font-size: 15px;line-height: 15px;color: #fff;opacity: 0.4;}
.htwd p a:hover{color: #d60b0e;}
.s_box{width: 380px;height: 48px;box-sizing: border-box;border-radius: 24px;margin-top: 32px;background: #fff;}
.s_box .txt{float: left;width: 312px;padding-left: 20px;height: 48px;line-height: 48px;font-size: 16px;color: #333;border: 0;background: none;outline: 0;}
.s_box .btn{float: left;width: 24px;height: 24px;background: url(../images/sea.png) no-repeat center;border: 0;outline: 0;cursor: pointer;margin-top: 12px;}
.lxwm{float: right;margin-top: -10px;}
.lxwm span{display: block;font-size: 15px;color: #fff;line-height: 36px;opacity: 0.4;text-align: right;}
.lxwm span a{color: #fff;}
.links{float: right;}
.links i{font-size: 15px;color: #fff;line-height: 36px;display: inline-block;opacity: 0.4;}
.links a{font-size: 15px;color: #fff;line-height: 36px;display: inline-block;padding: 0 12px;opacity: 0.4;}
.links a:last-child{padding-right: 0;}
.pro{padding: 110px 0 0;box-sizing: border-box;}
.pro_t{margin:50px 0px 0;position: relative;height: 4.6rem;}
.pro_t li>a{background: #fff; float: left; width: 166px; position: relative; height: 4.6rem; font-size: 15px; text-align: center; line-height: 4.6rem; border-top: 1px solid #e5e5e5; box-sizing: border-box; color: #333; display: block; margin-right: 10px;}
.pro_t li:last-child>a{margin-right: 0;}
.pro_t li em{display: inline-block;width: 12px;height: 12px;margin-right: 0.2rem;vertical-align: -0.1rem;background: url(../images/pro_ic.png) no-repeat center;background-size:100% 100%;}
.pro_t li span{display: inline-block;}
.pro_t li.cur>a{ color: #d60b0e;border-color: #d60b0e;}
.pro_t li.cur span{ color: #d60b0e;}
.pro_t li.cur em{ background: url(../images/pro_ich.png) no-repeat center;background-size:100% 100%;}
.pro_z{ margin-bottom: 20px;}
.pro_con dt{display: block;width: 43.64%;height:37.55rem;float: right;position: relative;}
.pro_con dt img{ display: block;width: 100%;height:37.55rem;}
.pro_con dt i>img{position: absolute;left:-12rem;top:4.7rem;display: block;width: 16.15rem;height: 30.8rem;}
.pro_con dd{float: left;width: 56.36%;padding-top: 1.4rem;height: 37.55rem;padding-left: 13rem;box-sizing: border-box;background: url(../images/pro_dd.jpg) no-repeat center;padding-top: 4.8rem;background-size:100% 100%;}
.pro_con dd h4 a{font-size: 1.8rem;color: #333333;font-weight: bold; line-height: 1.8rem;display: block;position: relative;}
.pro_con dd h4 a:after{width: 1.8rem;height: 0.1rem;position: absolute;left:0px;background:#d60b0e;top: 2.7rem;content: "";}
.pro_con dd h3 a{font-size: 0.9rem;color: #333333;font-weight: normal; line-height: 0.9rem;display: block;position: relative;padding-left: 0.6rem;border-left: 3px solid #666666;box-sizing: border-box;border-radius: 3px;float: left;margin-bottom: 0.9rem;}
.pro_con dd h3 a:after{width: 22.8rem;height: 1px;position: absolute;left:4.7rem;background:#dfe2e2;top: 0.5rem;content: "";}
.pro_con dd p{font-size: 0.8rem;color: #666666;line-height: 1.5rem;display: block;margin-top: 1.5rem;height: 6.5rem;width: 30.4rem;}
.pro_con dd .more{display: block;width: 8.4rem;height: 2.4rem;line-height: 2.4rem;border-radius: 1.3rem;background: #d60b0e;text-align: center;font-size: 0.9rem;color: #fff;float: left;transition:all 0.5s ease;}
.pro_con dd .more img{display: inline-block;width: 1.2rem;height: 0.75rem;margin-left: 0.5rem;vertical-align: -0.1rem;}
.pro_con dd .zx{display: block;width: 8.4rem;height: 2.4rem;line-height: 2.4rem;border-radius: 1.2rem;background: #de9427;text-align: center;font-size: 0.9rem;color: #fff;float: left;margin-left: 0.6rem;transition:all 0.5s ease;}
.pro_con dd .more:hover,.pro_con dd .zx:hover{ transform:translateY(-5px);}
.pro_con dd .pro_s{position: relative;margin-top: 90px;}
.pro_con dd .pro_s li{float: left;width: 9.5rem;height: 12.7rem;margin-right: 0.9rem;}
.pro_con dd .pro_s li img{ display: block;width: 9.5rem;}
.pro_con dd .pro_s li span{ display: block;font-size: 0.8rem;color: #333333;line-height: 3.5rem;text-align: center;}
.sprev{width:0.5rem;height:0.8rem;float: left;margin-left: 24.2rem;margin-right: 0.9rem;}
.snext{width:0.5rem;height:0.8rem;float: left;}
.sprev img,.snext img{ display:block;width:0.5rem;height:0.8rem;}
.tempWrap{ margin-top: 30px;}
.clearfix { zoom: 1;}
.ys{padding-top: 108px; padding-bottom: 50px; box-shadow: 0px 22px 18px 0px rgba(0,0,0,0.08); background: url(../images/case_bg.jpg) no-repeat center;}
.ys_con{margin-top: 48px;}
.ys_con dt{display: block;width:100%;height:66vh;overflow:hidden;}
.ys_con dt video{display:block;width:100%;position:relative;}
.ys_con dd{padding-left: 14.7rem;height: 22vh; width:70rem;margin:0 auto;box-sizing:border-box;  }
.ys_con dd h4{font-size: 1.2rem;color: #333333;font-weight: bold; line-height: 1.2rem;display: block;position: relative;margin-top: 1.8rem;}
.ys_con dd h4:after{width: 1.8rem;height: 2px;position: absolute;left:0px;background:#d60b0e;top: 2.1rem;content: "";}
.ys_con dd p{font-size: 0.8rem;color: #666666;line-height: 1.4rem;display: block;margin-top:2rem ;}
.ys_con dd .ysz{float: left;width:40rem;padding-right: 2rem;box-sizing: border-box;position: relative;}
.ys_con dd i{float: right;width: 15rem;margin-top: 2rem;height: 7.25rem;border-left: 1px solid #cccccc;box-sizing: border-box;font-size: 0.8rem;color: #333333;line-height: 16px;text-align: center;}
.ys_con dd i b{display: block;font-size: 1.2rem;color: #333333;line-height: 1.3rem;font-family: Arial;margin-top: 0.9rem;}
.ys_con dd i img{display: block;width: 2.2rem;height: 2.2rem;margin: 0.9rem auto 0;}

.ys_t{width: 11rem;height: 88vh;margin-top: -88vh;position: relative;z-index: 60;float: left;margin-left:13rem;}
.ys_t li{width: 11rem;height: 22vh;border-bottom: 1px solid rgba(255,255,255,0.4);box-sizing: border-box;padding-top: 1.8rem;padding-left: 1.5rem;position: relative;background-color: #d60b0e;}
.ys_t li.cur{background-color: #de9427;}
.ys_t li>img{display: block;width: 2.4rem;height: 2.4rem;}
.ys_t li span{display: block;font-size: 1.4rem;color: #fff;line-height: 1.4rem;position: relative;padding-top: 1rem;font-weight: bold;}
.ys_t li  i{display: block;font-size: 0.6rem;color: #fff;line-height: 0.6rem;margin-top: 0.4rem;position: relative;text-transform: uppercase;opacity: 0.5;}
.ys_t li em>img{display: block;width: 3.75rem;height: 2.7rem;position: absolute;right: 0;bottom: 0;}