@charset "utf-8";/* CSS Document */
body {font-size: 12px;background-color: white;font-family: "思源黑体", "Arial";width: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}
html {margin: 0px;padding: 0px;}
* {margin: 0;padding: 0;}
ul, li {list-style-type: none;}
a {text-decoration: none;color: #8c8f91;}
img {margin: 0;padding: 0;vertical-align: bottom;}
a:hover {text-decoration: none;}
img {width: 100%;height: auto;}
p {margin: 0px;}
button {outline: none;}

.w875{ width:87.5%;}
.w1400{ width:1400px;}

.top_qiehuan{ width:110px;display: flex; height:34px;}
.top_qiehuan p{ width:50%;}
.top_qiehuan p a{ font-size:16px; display:block; line-height:34px; color:#fff;}
.top_qiehuan_cn a{ padding-left:5px; background:#2b4d10; border-radius:34px 0 0 34px;}
.top_qiehuan_en a{ padding-right:5px; background:#99a88c;border-radius:0 34px 34px 0;}

.sheji_index{ clear:both; overflow:hidden; padding-top:126px; padding-bottom:129px;}
.sheji_title{ margin-bottom:90px;}
.sheji_title p{ color:#333333; font-size:40px; font-weight:bold; line-height:60px;}
.swiper-sheji{ overflow:hidden;}
.swiper-sheji li img{ margin-bottom:30px;}
.swiper-sheji li p{ color:#333333; font-size:24px; font-weight:bold; line-height:44px; margin-bottom:3px; text-transform:uppercase;}
.swiper-sheji li span{ font-size:16px; color:#5a5a5a; line-height:28px; width:87%; margin:0 auto; margin-bottom:30px; text-align:left;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;}
.swiper-sheji li a{ width:160px; line-height:56px; display:block; border-radius:56px; background:#2b4d10; font-size:20px; color:#FFF; margin:0 auto;}

.home_title{ clear:both; overflow:hidden; text-align:left; margin-bottom:88px;}
.home_title p{ font-size:40px; color:#333333; font-weight:bold; line-height:60px; text-transform:uppercase;}
.home_title span{ font-size:34px; color:#8a8a8a; text-transform:uppercase; line-height:50px;}

.pro_bg{ clear:both; overflow:hidden; padding-top:44px; padding-bottom:200px; background:#f6f6f6;}
.swiper-pro{ overflow:hidden;}
.swiper-pro li a{ position:relative; display:block;}
.swiper-pro div{display: flex;flex-direction: column; background:#fff9f3b5; width:100%;-webkit-transition: 0.5s;transition: 0.5s;-moz-transition:0.5s;-o-transition:0.5s; height:145px;justify-content: center; align-items: center; position:absolute; z-index:20; bottom:0;}
.swiper-pro div p{ font-size:24px; font-weight:bold; color:#333333; line-height:48px; text-transform:uppercase;}
.swiper-pro div span{ font-size:14px; color:#333333; line-height:28px;}
.swiper-pro li a:hover div{ height:100%; }
.swiper-pro li a:hover div p{ margin-bottom:3px;}

.video_index_bg{ clear:both; overflow:hidden; padding-top:44px; padding-bottom:114px;}
.video_index{display: flex;flex-wrap: wrap;justify-content: space-between;}
.video_left{ width:62%;}
.video_right{ text-align:center; width:35%;display: flex; flex-direction: column; align-items: center;justify-content: space-evenly;}
.video_right_top{ clear:both; margin-bottom:15px;}
.video_right_top p{ font-size:40px; font-weight:bold; color:#333333; text-transform:uppercase; line-height:60px; margin-bottom:5px;}
.video_right_cen{ clear:both; margin-bottom:15px;}
.video_right_cen p{ font-size:18px; line-height:30px; color:#333333;}
.video_right a{ width:180px; line-height:55px; border-radius:55px; background:#2b4d10; color:#FFF; font-size:20px;}

.news_index_bg{ clear:both; overflow:hidden; padding-top:44px; padding-bottom:108px; background:#f6f6f6;}
.news_top{display: flex;flex-wrap: wrap; justify-content: space-between; align-items: flex-end;}
.news_title{ clear:both; overflow:hidden; text-align:left; margin-bottom:40px;}
.news_title p{ font-size:40px; color:#333333; font-weight:bold; line-height:60px; text-transform:uppercase;}
.news_title span{ font-size:34px; color:#8a8a8a; text-transform:uppercase; line-height:50px;}
.news_top ul{display: flex;flex-wrap: wrap; margin-bottom:30px;}
.news_top ul li{}
.news_top ul li a{ font-size:20px; color:#8c8b8b; padding:0 15px; line-height:56px; border-radius:56px;}
.news_top ul li a:hover{ background:#2b4d10; color:#FFF;}
.news_index{display: flex;flex-wrap: wrap;justify-content: space-between; text-align:left;}
.news01{ width:66%; margin-bottom:34px; overflow:hidden;height:380px;}
.news01 a{overflow:hidden;position:relative; width:100%;height:100%; background:url(news01-img.jpg) no-repeat center;-webkit-transition: 0.5s;transition: 0.5s;-moz-transition:0.5s;-o-transition:0.5s;display: flex;align-items: center;}
.news01:hover a{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.news01 .news01_nr{ margin-left:50px; width:600px; height:250px; background: url(news01.png) no-repeat right top #ffffffd6; padding:21px 29px;display: flex; flex-direction: column; justify-content: space-between; }
.news01 .news01_nr h3{ font-size:24px; color:#3e3e3e; line-height:30px; max-height:90px; overflow:hidden; font-weight:bold;}
.news01 .news01_nr p{ font-size:16px; color:#3e3e3e; line-height:24px;}
.news01 .news01_nr span{ color:#b2b2b2; font-size:16px; line-height:24px;}
.news02{ width:32%; margin-bottom:34px; background:#FFF; padding:32px 35px;}
.news02_nr{}
.news02 a{display: flex; flex-direction: column; justify-content: space-between; height:100%; }
.news02 h3{ font-size:24px; color:#3e3e3e; line-height:36px; font-weight:bold; max-height:108px; overflow:hidden; margin-bottom:20px;}
.news02 p{ font-size:16px; color:#3e3e3e; line-height:30px; max-height:120px; overflow:hidden; }
.news02 span{ color:#b2b2b2; font-size:16px; line-height:24px;}
.news_tyong{ width:32%; margin-bottom:34px; background:#FFF; padding:32px 35px;}
.news_tyong a{display: flex; flex-direction: column; justify-content: space-between;}
.news_tyong h3{ font-size:24px; color:#3e3e3e; line-height:36px; font-weight:bold; margin-bottom:20px;}
.news_tyong span{ color:#b2b2b2; font-size:16px; line-height:24px;}

.about_index_bg{ padding-top:110px; clear:both; overflow:hidden; padding-bottom:200px;}
.about_title{ clear:both; overflow:hidden; text-align:left; margin-bottom:12px; background:url(about_title.jpg) no-repeat bottom left; padding-bottom:16px;}
.about_title p{ font-size:40px; color:#333333; font-weight:bold; line-height:60px; text-transform:uppercase;}
.about_title span{ font-size:34px; color:#8a8a8a; text-transform:uppercase; line-height:50px;}
.about_index{display: flex;flex-wrap: wrap;justify-content: space-between; text-align:left; align-items: center;}
.about_left{ width:51.2%;}
.about_left p{ font-size:20px; color:#333333; line-height:40px; margin-bottom:32px;}
.about_left a{ color:#676767; font-size:16px; line-height:40px; float:right;}
.about_right{ width:47%; text-align:right;}
.about_right img{ width:auto; max-width:100%;}

.liuyan_index_bg{clear:both; overflow:hidden; background:#f6f6f6; padding-top:110px; padding-bottom:136px; margin-bottom:25px;}
.liuyan_title{ clear:both; overflow:hidden; text-align:left; margin-bottom:120px; background:url(about_title.jpg) no-repeat bottom left; padding-bottom:16px;}
.liuyan_title p{ font-size:40px; color:#333333; font-weight:bold; line-height:60px; text-transform:uppercase;}
.liuyan_title span{ font-size:34px; color:#8a8a8a; text-transform:uppercase; line-height:50px;}

.liuyan_index{}
.liuyan_index ul{display: flex;flex-wrap: wrap; justify-content: space-between;}
.liuyan_index ul li{ margin-bottom:106px; border-bottom:1px solid #e8e8e8;display: flex; text-align:left; align-items: center; width:49%;}
.liuyan_index ul li p{ font-size:24px; color:#333333; width:123px; line-height:60px;}
.liuyan_index ul li input{ background:none; border:none;width: calc(100% - 123px); box-shadow:none; line-height:60px; height:60px;}
.form-control:focus{box-shadow:none;}
.anniu_lxfs{ width:242px; margin:0 auto; line-height:75px; border-radius:75px; background:#2b4d10; font-size:24px; color:#FFF;}
#name{}
#tel{}
#project{}
#location{}

.fixed_xs{ position:fixed; z-index:21; right:80px; bottom:80px;}
.fixed_xs a{ display:block; background:url(xs_top.png) no-repeat center; width:80px; height:80px;}

.foot_index_bg{ background:#f3f3f3; clear:both; overflow:hidden; padding-top:53px; padding-bottom:53px;}
.foot_index_bg .w1400{display: flex;flex-wrap: wrap;justify-content: space-between; text-align:left;}
.foot_logo{ width:73%; margin-bottom:40px;display: flex;flex-wrap: wrap; align-items: center;}
.foot_logo img{ width:195px; margin-right:15px;}
.foot_logo p{ font-size:22px; color:#585858;}
.foot_logo_osj{ width:26.6%; margin-bottom:40px;}
.foot_logo_osj img{ width:100px;}
.foot_left_nav{ width:65%;display: flex;flex-wrap: wrap; justify-content: space-between;}
.foot_left_nav p{ font-size:20px; color:#585858; font-weight:bold; line-height:30px; margin-bottom:9px;}
.foot_left_nav li a{ font-size:16px; color:#585858; line-height:28px;}
.footer_lxfs{ width:26.6%;}
.footer_lxfs p{ font-size:20px; color:#585858; font-weight:bold; line-height:30px; margin-bottom:9px;}
.footer_lxfs_top{ margin-bottom:33px;}
.footer_lxfs_top li{font-size:16px; color:#585858; line-height:32px;}
.footer_lxfs_guanzhu{display: flex; padding-top:13px;}
.footer_lxfs_guanzhu li{ margin-right:32px;}
.footer_lxfs_guanzhu li a{ display:block;}
.footer_lxfs_guanzhu img{ width:auto;}
.foot_wx_ewm{ display:none; position:relative; z-index:21; width:90px; background:url(wx_bg.png) no-repeat top center; padding-top:3px; text-align:center; height:94px; margin-top:-101px; margin-bottom:7px; margin-left:-25px;}
.foot_wx_ewm img{ width:83px;}
.foot_wx a:hover .foot_wx_ewm{ display:block;}
.foot_wx a:active .foot_wx_ewm{ display:block;}
.foot_wx a:focus .foot_wx_ewm{ display:block;}

.footer_index{ clear:both; padding:15px; overflow:hidden;}
.footer_index img{ width:auto;}
.footer_index p{ color:#585858; font-size:14px; line-height:25px;}
.footer_index a{ color:#585858; font-size:14px; line-height:25px;}
.footer_index span{ color:#585858; font-size:14px; line-height:25px;}

@media (max-width: 1400px) {
.swiper-pro div p{ font-size:26px; line-height:36px;}
.w1400{ width:100%;}
.fixed_xs{ right:10px;}
}

@media (max-width: 1200px) {
.w875{ width:96%;}


}

@media (max-width: 992px) {
.w875{ width:100%;}
.video_right_top p{ font-size:30px; line-height:40px;}
.news02{ padding:15px;}
.news_tyong{ padding:15px;}
.about_left{ width:100%; margin-bottom:20px;}
.about_right{ width:100%; text-align:center;}
.about_index_bg{ padding:25px 0;}
.news01 .news01_nr{ margin-left:0px;}




}

@media (max-width: 768px) {
.sheji_index{ padding:30px 0;}
.sheji_title{ margin-bottom:20px;}
.sheji_title p{ font-size:26px; line-height:36px; }
.swiper-sheji li span{ width:94%;}    
.home_title{ margin-bottom:40px;}
.home_title p{ font-size:34px; line-height:54px;}
.home_title span{ font-size:30px; line-height:45px;}
.pro_bg{ padding-bottom:40px;}
.video_left{ width:100%; margin-bottom:25px;}
.video_right{ width:100%;}
.video_index_bg{ padding-bottom:40px;}
.news01{ width:100%; margin-bottom:15px;}
.news02{ width:49%; margin-bottom:15px;}
.news_tyong{ width:49%; margin-bottom:15px;}
.news02 p{ display:none;}
.news02 h3{ max-height:100%;}
.news_index_bg{ padding-bottom:40px;}
.news01 a{ justify-content: center;}
.news_title{ margin-bottom:40px;}
.news_title p{ font-size:34px; line-height:54px;}
.news_title span{ font-size:30px; line-height:45px;}
.news_top ul li a{ line-height:40px; font-size:16px;}
.liuyan_index ul li{ width:100%; margin-bottom:25px;}
.liuyan_index_bg{ padding:40px 0;}
.about_title{ }
.about_title p{ font-size:34px; line-height:54px;}
.about_title span{ font-size:30px; line-height:45px;}
.liuyan_title{}
.liuyan_title p{ font-size:34px; line-height:54px;}
.liuyan_title span{ font-size:30px; line-height:45px;}
.fixed_xs a{ width:50px; height:49px; background-size:cover;}
.foot_left_nav{ width:70%;}
.liuyan_title{ margin-bottom:40px; }


}

@media (max-width: 700px) {
.foot_logo{ width:100%; margin-bottom:20px;}
.foot_logo_osj{ width:100%; margin-bottom:20px;}
.foot_left_nav{ display:none;}
.footer_lxfs{ width:100%;}
.footer_index{ margin-bottom:44px;}
.anniu_lxfs{ width:180px; line-height:60px; border-radius:60px; font-size:20px;}

}

@media (max-width: 580px) {
.news_tyong a{ height:auto;}
.news_tyong h3{ font-size:14px; line-height:26px; max-height:100%;}
.news02 h3{ font-size:14px; line-height:26px; max-height:100%;}
.news01 .news01_nr{ width:85%; height:auto; padding:15px;}
.news01 .news01_nr h3{font-size:20px;}

.news_top ul{ display:none;}
.liuyan_index ul li p{ font-size:18px; width:90px;}
.liuyan_index ul li input{width: calc(100% - 92px);}


}

@media (max-width: 425px) { 
.news01{ height:auto;}
.news01 a{ padding:15px;}
.news01 .news01_nr{ width:100%;}
.news02{ width:100%;}
.news_tyong{ width:100%;}

}