@charset "utf-8";
/* CSS Document */
/*内页banner*/
.details_banner{ height: 540px;}
.details_banner .index_house_content{ position: absolute; top: 0; margin: 0 auto; left: 0; right: 0;}
.details_banner .details_banner_title{ padding-top: 16%;}
.details_banner .details_banner_title dt:before{ content: ""; position: absolute; display: inline-block; width: 66px; height:4px; background: #fff; top: 0px;}
.details_banner .details_banner_title dt{ color: #fff; font-size: 36px; font-weight:bold; position: relative; padding-top: 25px;}
.details_banner .details_banner_title p{ color: #fff; font-size: 18px; line-height: 54px; width: 49%;}
.details_banner .details_banner_txt .banner_txt_top{ display:none; padding: 12px 0px;}
.details_banner .details_banner_txt .banner_txt_top a{ color: #fff; font-size: 14px;}
.details_banner .details_banner_txt .banner_txt_top span{ color: #fff; font-size: 14px; margin: 0px 5px;}
@media screen and (max-width: 1630px) {
.details_banner{ height: 460px;}
}
@media screen and (max-width: 1440px) {
.details_banner{ height: 405px;}
.details_banner .details_banner_title{ padding-top: 12%;}
}
@media screen and (max-width: 1366px) {
.details_banner{ height: 385px;}
.details_banner .details_banner_title dt{font-size: 30px;padding-top: 20px;}
}
@media screen and (max-width: 1280px) {
.details_banner{ height: 360px;}
.details_banner .details_banner_title p{line-height: 40px; width: 60%;}
}
@media screen and (max-width: 1024px) {
.details_banner{ height: 288px;}
.details_banner .details_banner_title{ padding-top: 14%;}
.details_banner .details_banner_title dt:before{ width: 46px; height:3px;}
.details_banner .details_banner_title dt{font-size: 24px;padding-top:15px;}
}
@media screen and (max-width: 768px) {
.details_banner{ height: 216px;}
.details_banner .details_banner_title dt{font-size: 20px;padding-top:15px;}
}
@media screen and (max-width: 425px) {
.details_banner{ height: 160px;}
.details_banner .details_banner_img img{ height: 160px;}
.details_banner .details_banner_title{ padding-top: 30%;}
.details_banner .details_banner_title dt{font-size: 20px;padding-top:15px;}
.details_banner .details_banner_title p{ display:none;}
.details_banner .details_banner_txt{ display:none;}
}
@media screen and (max-width: 375px) {
.details_banner{ height: 120px;}
.details_banner .details_banner_img img{ height: 120px;}
.details_banner .details_banner_title{ padding-top: 25%;}
.details_banner .details_banner_title dt{font-size: 17px;padding-top:15px;}
}
@media screen and (max-width: 320px) {
.details_banner .details_banner_title{ padding-top: 28%;}
.details_banner .details_banner_title dt{padding-top:10px;}
}
/*内页nav*/
.conten-nav-list{text-align: center;margin: 30px auto;border-bottom: 1px solid #bebebe;}
.conten-nav-list li{width: 10%;display: inline-block;margin: 0 3%;}
.conten-nav-list li a{font-size: 18px;line-height: 60px;position: relative;display: block;}
.conten-nav-list li a:before{content: ''; position: absolute; width: 0;bottom:0;left: 50%;border-bottom: 4px solid #04812e;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.conten-nav-list li.active a:before{width: 100%;}
.conten-nav-list li.active a{color: #04812e;}
@media screen and (max-width: 1024px) {
.conten-nav-list{margin:20px auto;}
.conten-nav-list li a{font-size: 16px;line-height:50px;}
.conten-nav-list li a:before{border-bottom:2px solid #04812e;}
}
@media screen and (max-width: 425px) {
.conten-nav-list li{width: auto;margin: 0 2%;}
.conten-nav-list li a{font-size: 15px;line-height:40px;}
}
/*通用标题*/
.abTi{text-align:center;color:#333;margin-bottom:40px;}
.abTi h5{font-size:30px;letter-spacing:2px;line-height:48px;font-weight:600}
.abTi .en{font-size:18px; line-height:40px; text-transform:uppercase;}
.abTi .title{ font-size:16px; line-height:28px; text-align:center; margin:10px auto; width:54%;}
@media screen and (max-width: 1366px) {
.abTi{margin-bottom:30px;}
}
@media screen and (max-width: 1280px) {
.abTi h5{font-size:28px;line-height:40px;}
}
@media screen and (max-width: 1024px) {
.abTi{margin-bottom:20px;}
.abTi h5{font-size:24px;line-height:40px;}
.abTi .title{font-size: 14px;line-height: 30px;}
.abTi .en{font-size:16px; line-height:30px; }
}
@media screen and (max-width: 768px) {
.abTi h5{font-size:20px;line-height:40px;}
.abTi .title{line-height: 26px;width:80%;}
}
@media screen and (max-width: 425px) {
.abTi .title{line-height: 24px;width:100%;}
}
/*关于我们*/
.aboutUs{margin-top:60px;margin-bottom:60px;}
.aboutUs .content .pic{margin-bottom:30px;}
.aboutUs .content .pic img{width:100%}
.aboutUs .content p{margin-bottom:10px; line-height:26px;}
.aboutUs2{padding-top:60px; padding-bottom:60px; background:#f8f8f8;}
.aboutus2_left img{ height:210px;}
.aboutus2_mid { height:420px; background-color: #2bab56; color: #fff;}
.aboutus2_mid .aboutus2_mid_con{text-align:center; float: left; width: 380px; height:180px; background:url(../images/about_logo.png) no-repeat 20px 80px;}
.aboutus2_mid .aboutus2_mid_con .more{margin:20px auto;display: inline-block;width: 145px;text-align: center;line-height: 40px;color: #FFF;font-size: 15px;border: 1px solid #FFF;}
.aboutus2_mid .aboutus2_mid_con .cont{ text-align:left; margin-top:34%; padding-left:7%; }
.aboutus2_mid .aboutus2_mid_con .cont .h16{ margin-bottom: 10px; font-size: 16px; font-weight:600; line-height: 1.8;}
.aboutus2_mid .aboutus2_mid_con .cont span{ font-size:15px;line-height: 1.8; font-weight:normal; overflow: hidden;}
.aboutus2_right img{ height:420px;}
.honor{ margin:60px auto;}
.honor_list_pj{ padding-bottom:20px;}
.honor_list_img { width:96%; overflow:hidden; margin-bottom:8px; margin-left:auto; margin-right:auto;}
.honor_list_pj_mid img{float:left; width:100%;transition: all 0.5s;overflow:hidden; }
.swiper-slide:hover .honor_list_pj_mid img{transform: scale(1.1);overflow:hidden; }
.honor_list_pj_mid{position:relative;overflow:hidden; padding-bottom:50px;}
.honor_list_pj_mid_footer{position:absolute; left:0; bottom:0; z-index:1; height:40px;}
.honor_list_pj_mid_jj{ display:none;padding:3% 5%; width:90%;}
.honor_list_pj_mid_jj_1{line-height:25px;}
.honor_list_pj_mid_jj_2{font-size:16px; padding-top:15px;}
.swiper-pagination-2{ margin-top:30px; padding-top:20px;}
.swiper-pagination-2 .swiper-pagination-bullet{ border:none; background-color:#666;width:8px; height:8px;-moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius:100%; }
.swiper-pagination-2 .swiper-pagination-bullet-active{background-color:#04812e;}
.honor_list_pro_img_mid_name{ line-height:23px;text-align:center; color:#999;}
.honor_list_pro_img_mid_name span{color:#333; font-size:16px; line-height:60px}
.css3,a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{width:100%; margin:0px 0px 25px; overflow:hidden; clear:both;}
@media screen and (max-width: 1280px) {
.aboutUs{margin-top:50px;margin-bottom:50px;}
.aboutUs2{padding-top:50px; padding-bottom:50px;}
.honor{ margin:50px auto;}
}
@media screen and (max-width: 768px) {
.aboutUs{margin-top:30px;margin-bottom:30px;}
.aboutUs2{padding-top:30px; padding-bottom:30px;}
.aboutus2_left img{ width:100%; height: auto;}
.aboutus2_right img{ width:100%; height:380px; overflow:hidden;}
.aboutus2_mid { height:360px; background-color: #2bab56; color: #fff;}
.aboutus2_mid .aboutus2_mid_con{ background:url(../images/about_logo.png) no-repeat 20px 50px;}
.honor{ margin:30px auto;}
}
@media screen and (max-width: 640px) {
.aboutus2 .aboutus2_right img{ height:auto;}
}
@media screen and (max-width:375px) {
.aboutus2_mid .aboutus2_mid_con{width: 100%;height:100px; background-size:80% 60%;}
}
/*美国*/
.usa{ padding:60px 0;}
.bg_e{background-color: #eee;}
.usabigstyleinfo{width:29.5%;background:#2bab56;}
.usabigstyleinfo .cont{background: url(../images/about_logo.png) no-repeat 0 80px;text-align: left;height:458px;padding:40% 7% 0 7%;}
.usabigstyleinfo .cont .h16{margin-bottom: 10px;font-size: 16px;font-weight: 600;line-height: 1.8;color:#FFF;}
.usabigstyleinfo .cont .h16 span{font-size: 15px;line-height: 1.8;font-weight: normal;overflow: hidden;}
.usabigstyleimg{width:69%;}
.usabigstyleimg .img{overflow:hidden;}
.usabigstyleimg .img img{ overflow:hidden;width:100%; overflow:hidden;}
.usa_list_pj{ padding-top:20px;}
.usa_list_img { width:100%; overflow:hidden; margin-bottom:8px;}
.usa_list_pj_mid img{float:left; width:100%;transition: all 0.5s;overflow:hidden; }
.swiper-slide:hover .pro_list_pj_mid img{transform: scale(1.1);overflow:hidden; }
.usa_list_pj_mid{position:relative;overflow:hidden; padding-bottom:50px;}
.usa_list_pj_mid_footer{position:absolute; left:0; bottom:0; z-index:1; height:40px;}
.usa_list_pj_mid_jj{ display:none;padding:3% 0; width:100%;}
.usa_list_pj_mid_jj_1{line-height:25px;}
.usa_list_pj_mid_jj_2{font-size:16px; padding-top:15px;}
.usa_list_pro_img_mid_name{ line-height:23px;text-align:center; color:#999;}
.usa_list_pro_img_mid_name span{color:#333; font-size:16px; line-height:60px}
@media screen and (max-width: 1280px) {
.usa{ padding:50px 0;}
}
@media screen and (max-width: 768px) {
.usa{ padding:30px 0;}
}





/*产品引导页*/
.pro{ padding:60px 0;}
.bg_e{background-color: #eee;}
.bigstyleinfo{width:29.5%;}
.bigstyleinfo img{ width:100%}
.bigstyleimg{width:69%;}
.bigstyleimg .img{overflow:hidden;}
.bigstyleimg .img img{ overflow:hidden;width:100%; overflow:hidden;}
.pro_list_pj{ padding-top:20px;}
.pro_list_img { width:100%; overflow:hidden; margin-bottom:8px;}
.pro_list_pj_mid img{float:left; width:100%;transition: all 0.5s;overflow:hidden; }
.swiper-slide:hover .pro_list_pj_mid img{transform: scale(1.1);overflow:hidden; }
.pro_list_pj_mid{position:relative;overflow:hidden; padding-bottom:50px;}
.pro_list_pj_mid_footer{position:absolute; left:0; bottom:0; z-index:1; height:40px;}
.pro_list_pj_mid_jj{ display:none;padding:3% 0; width:100%;}
.pro_list_pj_mid_jj_1{line-height:25px;}
.pro_list_pj_mid_jj_2{font-size:16px; padding-top:15px;}
.pro_list_pro_img_mid_name{ line-height:23px;text-align:center; color:#999;}
.pro_list_pro_img_mid_name span{color:#333; font-size:16px; line-height:60px}
@media screen and (max-width: 1280px) {
.pro{ padding:50px 0;}
}
@media screen and (max-width: 768px) {
.pro{ padding:30px 0;}
}
/*产品列表页*/
.products_list{position:relative;margin:60px auto;overflow:hidden;clear:both}
.products_list #products_list:after{content:"";display:block;width:100%;overflow:hidden;clear:both}
.products_list #products_list { margin-bottom:20px;}
.products_list #products_list li{position:relative;margin-bottom:2%;}
.products_list #products_list li .imgs{text-align:center;width:100%;overflow:hidden; }
.products_list #products_list li .imgs img{width:100%;transition: all 0.5s;overflow:hidden;}
.products_list #products_list li a{color:#fff;display:block}
.products_list #products_list h5{ font-size:16px;}
.products_list #products_list li a:before{transition:.5s;-webkit-transition:.5s;display:none;background:#04812e;background:rgba(4,139,46,.6);content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}
.products_list #products_list li .txt{text-align:center;color:#fff;z-index:3;position:absolute;vertical-align:middle;left:0;top:40%;width:100%;margin-top:-.31rem;display:none}
.products_list #products_list li .txt .img{margin-top:5px}
.products_list #products_list li .txt .more{margin-top:10px;text-transform:Uppercase;border:1px solid #fff;zoom:1;display:inline-block;vertical-align:middle;font-size:14px;padding:5px 30px}
.products_list #products_list li:hover .txt{display:block}
.products_list #products_list li:hover a:before{display:block}
.products_list #products_list li:hover img{transform:scale(1.1);overflow:hidden; }
@media screen and (max-width: 1280px) {
.products_list{ margin:50px 0;}
}
@media screen and (max-width: 768px) {
.products_list{ margin:30px 0;}
}
/*产品详情页*/
.pro_detail { margin: 60px 0; clear:both; }
.pro_detail_left { float: left; width: 75%; border: 1px solid #efefef; margin-bottom:60px; }
.pro_detail_title { height: 60px; line-height: 60px; background-color: #f6f6f6; border-bottom: 1px solid #efefef; padding-left: 25px; padding-right: 25px; font-size: 18px; font-weight: bold; color: #000; }
.pro_detail_article { padding: 45px; font-size: 14px; line-height: 30px; color: #686868; }
.pro_detail_article img { max-width: 100%;    height: inherit!important; }
.pro_detail_article p { margin-bottom: 14px; }
.pro_detail_right { float: right; width: 23%; border: 1px solid #efefef;}
.pro_detail_relation { padding: 20px 15px; }
.pro_detail_relation li { margin-bottom: 10px; }
.pro_detail_relation li a { display: block; text-align: center;color: #575757; }
.pro_detail_relation li a:hover img { opacity: .8; }
.pro_detail_relation li img { margin: 0 auto 10px; display: block; }
.pro_detail_relation li p {line-height:28px; }
@media screen and (max-width: 1280px) {
.pro_detail{ margin:50px 0;}
}
@media screen and (max-width: 768px) {
.pro_detail{ margin:30px 0;}
}
@media screen and (max-width: 640px) {
.pro_detail_left { float: left; width: 100%; }
.pro_detail_right { display:none;}
.pro_detail_title { height: 50px; line-height: 50px; padding-left: 20px; padding-right: 20px; font-size: 16px;}
.pro_detail_article { padding:20px;line-height: 26px; }
}
/*经典案例*/
.case { margin: 60px 0; clear:both; }
.case_list {margin-bottom:20px;}
.case_list .total{position: relative;overflow: hidden;}
.case_list .box{margin-bottom: 25px;}
.case_list .box{position: relative;}
.case_list .box ._img01 img{width: 100%;height: auto;}
.case_list .box .con1{background:rgba(0,0,0,.6);color: #fff;position: absolute;bottom: 0;width: 100%;height: 20%;text-align:center;transition: all 0.5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_list .box .con1 .con_t1{font-size: 18px;padding: 20px 0; color:#fff;}
.case_list .box .con1 .more{margin:10px auto;text-transform:Uppercase;border:1px solid #fff;zoom:1;display:inline-block;vertical-align:middle;font-size:14px; color:#fff;padding:5px 30px}
.case_list .box:hover .con1{width: 100%;height: 100%;background:rgba(0,0,0,.6);color:#fff;position: absolute;bottom: 0;transition: all 0.5s;overflow: visible;text-overflow:ellipsis;white-space: nowrap;}
.case_list .box:hover .con_t1{font-size: 24px; padding-top:27%; color:#fff;}
.case_list .box:hover .con1 a{color:#fff;}
@media (max-width: 1280px) {
.case{ margin:50px 0;}
}
@media screen and (max-width: 768px){
.case{ margin:30px 0;}
.case_list .box .con1 .con_c1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.case_list .box .con1 .con_t1 {font-size:16px;}
}
@media screen and (max-width: 425px){
.case_list .box .con1{height:16%;}
.case_list .box .con1 .con_t1{padding: 10px 0; color:#fff;}
}
/*案例详情*/
.case_detail { margin: 60px 0; clear:both; }
.slick-slide{ margin-bottom:20px;}
.slick-slide img{ width: auto; height: auto; overflow:hidden;}
.slider-nav{ margin-right:-10px;}
.slider-nav .slick-slide img{ width:100%; height:auto;}
.slider-nav .slick-slide h3{ margin:0 12px 0 0; position:relative; overflow:hidden;}
.slider-nav .slick-arrow{font-size:30px; position:absolute; top:50%; margin-top:-25px; z-index:2; height:50px; line-height:50px; width:50px; text-align:center; padding:0px; border:none; color:#ccc; background:none; color:#25211e;}
.slider-nav .slick-prev{ left:-50px;}
.slider-nav .slick-prev:before{  content: "＜"; font-family:"Times New Roman", Times, serif; }
.slider-nav .slick-next{ right:-42px;}
.slider-nav .slick-next:before{  content: "＞";font-family:"Times New Roman", Times, serif;}
.slider-nav .slick-arrow:hover{ color:#04337b;}
.case_detail .wpd{ background:#fff; padding:0px 0 90px 0px;}
.case_detail .dl{ padding:0; background:#fff;}
.case_slick{ position:relative; margin-bottom:20px;}
.case_slick .text{ position:absolute; right:0px; top:0px; width:300px; box-sizing:border-box; padding:0 0px 0 40px; background:#fff; bottom:0px;}
.case_slick .text .i{ font-size:60px; padding-bottom:24px; margin-bottom:35px; line-height:1; position:relative;}
.case_slick .text .h3{ font-size:18px; line-height:1.2; margin-bottom:0.5em; color:#04812e; font-weight:bold;}
.case_slick .text .p{ color:#8e8e8e;}
.case_slick .slick-arrow{font-size:22px; position:absolute; top:325px; z-index:2; height:38px; line-height:38px; width:64px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.1); color:#bfbfbf;}
.case_slick .slick-prev{ right:145px;}
.case_slick .slick-prev:before{ content: "＜"; font-family:"Times New Roman", Times, serif; }
.case_slick .slick-next{ right:70px;}
.case_slick .slick-next:before{ content: "＞";font-family:"Times New Roman", Times, serif;}
.case_slick .slick-arrow:hover{ background:#04812e; color:#fff;}
.case_detail .p2 .img{ float:right; padding-right:40px;}
.case_detail .p2 .img img{ width:194px; margin-left:15px;}
.case_detail .p2 .text{ width:420px; float:left;}
.case_detail .p2 .h3{ font-size:18px; margin-bottom:25px;}
.case_detail .p2 .h3 strong{ margin-right:5px; text-transform:uppercase;}
.case_detail .p2 .h3 em{ color:#e7aa69;}
.case_detail .p2 .p img{ width:100%; height:auto; display:block;}
.case_detail .dl1 .p1{ top:0px;}
.case_tab{ padding:0 300px 0 0;}
.case_tab ul{ margin-right:-15px;}
.case_tab li{ width:20%; float:left;}
.case_tab .pd{ margin-right:15px; cursor:pointer; background:#000;}
.case_tab img{ width:100%; height:auto; display:block; opacity:0.5;}
.case_tab li.curr img{ opacity:1;}
.case_detail .p2 .text{ display:none;}
.case_detail .slick-dots{ display:none !important;}
.case_detail .dl:nth-child(even) .case_tab{ padding:0 0 0 250px;}
.case_slick .text .i{ display:none;}
@media screen and (max-width:1440px){
.case_detail .dl1 .wpd:after{ height:60px; top:-60px;}
}
@media screen and (max-width:1280px){
.case_detail{ margin:50px 0;}
.case_detail .p1{ width:10px; top:50px; left:34px;}
}
@media screen and (max-width:1024px){
.case{ z-index:2;}
.case_detail .dl1 .wpd:after{ display:none;}
.case_detail .dl1 .wpd{padding: 50px 0 50px 0;}
.case_detail .p2 .img img{ width:180px;}
.case_slick .text{ padding:0 0 0 30px;}
.case_slick .text .i{ font-size:48px; padding-bottom:20px; margin-bottom:20px;}
.case_detail .p2 .img{ padding-right:0px;}
}
@media screen and (max-width:960px){
.case_slick .pd{ padding:0px !important;}
.case_slick .text{ position:static; width:auto; text-align:center; padding:20px 0 0 0 !important; background:none !important;}
.case_detail .p2 .img{ display:none;}
.case_slick .text .i{ display:none;}
.case_detail .p2 .text{ float:none !important; margin:0 auto;}
.case_detail .p2 .h3{ display:none;}
.case_detail .wpd{ padding:30px 0px !important; background:none !important; }
.case_slick .slick-arrow{ background:none; margin-top:-30px; top:50%; width:60px; height:60px; line-height:60px; color:#fff; box-shadow:none;}
.case_slick .slick-arrow:hover{ background:none; color:#043785;}
.case_slick .slick-prev{ left:0px !important; right:auto !important;}
.case_slick .slick-next{ right:0px !important; left:auto !important;}
}
@media screen and (max-width: 768px){
.slick-slide img{ width: 100%; height: auto; overflow:hidden;}
.case_detail{ margin:30px 0;}
.case_tab{ display:none;}
}
@media screen and (max-width:640px){
.case_detail .p2 .text{ width:80%;}
.case_slick .text .h3{ font-size:18px;}
}
@media screen and (max-width:540px){
.case_detail .wpd{ padding:15px 0 !important;}
.case_slick .slick-arrow{ width:40px; height:40px; margin-top:-20px;}
}
@media screen and (max-width:374px){
.case_slick .text{ padding:10px 0 0 0 !important;}
.case_slick{ margin-bottom:15px;}
}
/*新闻列表*/
.news_list{margin:60px auto;}
.news_list ul{margin-bottom:60px;}
.news_list ul li{padding:32px 0;border-bottom:1px solid #e4e4e4}
.news_list ul li:first-child{ padding-top:0px;}
.news_list ul li .cont{height:200px;}
.news_list ul li .cont .pic{ float:left; width:25%;height:200px;cursor:pointer;overflow:hidden}
.news_list ul li .cont .pic:hover img{-webkit-transform:scale(1.08);transform:scale(1.08)}
.news_list ul li .cont .pic img{width:100%;height:100%;-webkit-transition:.3s;transition:.3s}
.news_list ul li .cont .right{ float:right; width:72%;height:100%}
.news_list ul li .cont .right .ti{font-size:18px;color:#333;line-height:35px;margin-bottom:16px;}
.news_list ul li .cont .right .ti:hover{color:#04812e}
.news_list ul li .cont .right .desc{font-size:16px;color:#666;line-height:28px;overflow:hidden;height:120px}
.news_list ul li .cont .right .time{font-size:14px;color:#999;line-height:28px}
@media screen and (max-width: 1280px) {
.news_list{ margin:50px 0;}
}
@media screen and (max-width: 768px) {
.news_list{ margin:30px 0;}
.news_list ul li .cont{height:180px;}
.news_list ul li .cont .pic{ float:left; width:30%;height:180px;}
.news_list ul li .cont .right{ float:right; width:68%;}
.news_list ul li .cont .right .ti{font-size:16px; line-height:30px;margin-bottom:10px;}
.news_list ul li .cont .right .desc{font-size:14px; line-height:24px; height:100px}
}
@media screen and (max-width:425px){
.news_list ul li{padding:15px 0; margin-bottom:45px; }
.news_list ul li .cont{height: auto;}
.news_list ul li .cont .pic{ float:left; width:100%;height: auto;}
.news_list ul li .cont .right{ float:right; width:100%;}
.news_list ul li .cont .right .ti{font-size:16px; line-height:36px;margin-bottom:10px;}
.news_list ul li .cont .right .desc{ margin-bottom:20px; height: auto}
.news_list ul li .cont .right .time{ margin-bottom:20px; }
}
/*新闻详情页*/
.news_detail{margin:60px auto; }
.news_detail .new-title{ text-align:center; border-bottom:1px solid #e6e6e6; padding-bottom:16px;}
.news_detail .new-title .t1{ font-size:24px; padding-bottom:17px;}
.news_detail ._tools { font-size:0; color:#7e7e7e; margin-bottom:15px;}
.news_detail ._tools ._tool{ font-size:15px; margin-right:10px; height:30px; line-height:30px; overflow:hidden; vertical-align: middle; }
.news_detail ._tools .iconfont { font-size:18px; display:inline-block; height:30px; line-height:30px; vertical-align:-2px;}
.news_detail ._tools b { font-weight:normal; }
.news_detail ._tools .bds_more { float:none; background:none; padding:0;}
.news_detail .new-con{ padding:29px 0; line-height:25px; font-size:14px; color:#333}
.news_detail .new-con p{ font-size:14px; margin-bottom:15px;}
.news_detail .new-foot{ border-top:1px solid #e6e6e6; line-height:24px; position:relative; padding:20px 0;}
.news_detail .new-foot a{ color:#666}
.news_detail .new-foot a:hover{ color:#333}
.news_detail .new-foot a.back{ width:140px; height:40px; line-height:40px; text-align:center; font-size:14px; border:1px solid #999; position:absolute; right:0; top:25px;}
.news_detail .new-foot a.back:hover{ border:1px solid #04812e; color:#04812e;}
@media screen and (max-width: 1280px) {
.news_detail{ margin:50px 0;}
}
@media screen and (max-width: 768px) {
.news_detail{ margin:30px 0;}
.news_detail .new-title .t1{ font-size:18px; padding-bottom:17px;}
.news_detail ._tools { margin-bottom:0px;}
.news_detail ._tools ._tool{ font-size:14px; height: auto; line-height:26px; overflow:hidden; vertical-align: middle; }
.news_detail .new-foot a.back{ display:none;}
}
/*技术团队*/
.team{margin:60px auto;}
.team .team_con{ margin-bottom:80px; clear:both;}
.team .team_con .pd{ position:relative; padding:0 46% 0 0; display:block;}
.team .team_con .text{ position:absolute; right:0px; bottom:17%; width:52%; background:#f6f6f6; box-sizing:border-box; padding:65px;}
.team .team_con .h3{ font-size:18px; color:#333; line-height:28px; padding-bottom:15px; position:relative; margin-bottom:20px;}
.team .team_con .h3:after{ content:''; width:26px; height:3px; background:#04812e; position:absolute; left:0px; bottom:0px;}
.team .team_con .p{ font-size:14px; line-height:1.7;}
@media screen and (max-width: 1280px) {
.team{ margin:50px 0;}
}
@media screen and (max-width: 1024px) {
.team .team_con .text{bottom:10%; }
}
@media screen and (max-width: 768px) {
.team{ margin:30px 0;}
.team .team_con .text{bottom:8%; padding:35px;}
.team .team_con .h3{ font-size:16px; line-height:28px; padding-bottom:10px; margin-bottom:20px;}
}
@media screen and (max-width:425px) {
.team{ height:auto}
.team .team_con .pd{ position:relative; padding:0 0 45% 0; display:block;}
.team .team_con .text{ position:absolute; right:0px; top:60%;bottom:100%;  width:100%; height:50%; background:#f6f6f6; box-sizing:border-box; padding:30px;}
}
/*销售网络*/
.net{padding:60px 0; background:url(../images/net_bg.jpg?20230109) no-repeat; min-height:580px;}
.net img{width:initial;margin:0 auto;}
.net p{text-align: center;}
@media screen and (max-width: 1280px) {
.net{ padding:50px 0;background:url(../images/net_bg.jpg?20230109) no-repeat 100% 100%; min-height:400px;}
}
@media screen and (max-width: 1024px) {
.net{ min-height:380px;}
}
@media screen and (max-width: 768px) {
.net{ padding:30px 0;min-height:300px;}
}
@media screen and (max-width: 375px) {
.net{min-height:280px;}
}
/*下载中心*/
.down{margin:60px auto;}
.download li {float: left;margin-bottom: 40px}
.download li a {display: block;padding: 20px;border-radius: 5px;border: 1px solid #eaeaea;position: relative;overflow: hidden;}
.download li a:before {content: "";position: absolute;top: -2%;left: 0;width: 0;height: 104%;background-color: #04812e}
.download li a:hover {border-color: #04812e}
.download li a:hover:before {width: 104%}
.download li a:hover .title {color: #fff}
.download li a:hover .btn {background-image: url(../images/icon_06_o.png)}
.download li .pdf .icon {background-image: url(../images/icon_08.png)}
.download li .pdf:hover .icon {background-image: url(../images/icon_08_o.png)}
.download .icon {display: block;width: 47px;height: 37px;background-repeat: no-repeat;background-position: center center;float: left;position: relative;z-index: 300}
.download .title {font-size: 18px;color: #333;font-family:  "Microsoft YaHei", "STSong", "SimSun", Arial, sans-serif;float: left;margin-left: 20px;margin-right: 20px;line-height: 37px;position: relative;z-index: 300}
.download .btn {display: block;width: 24px;height: 37px;background-repeat: no-repeat;background-position: center center;background-image: url(../images/icon_06.png);float: right;position: relative;z-index: 300}
@media screen and (max-width: 1280px) {
.down{ margin:50px 0;}
}
@media screen and (max-width: 768px) {
.down{ margin:30px 0;}
.download li {float: left;margin-bottom: 20px}
.download li a {padding: 10px;}
.download .title {font-size: 16px;margin-left:0px;}
.download .icon {display: none}
}
/*人才理念*/
.talent{margin:60px auto;}
.talent .pt1 {margin-bottom:50px;}
.talent .pt1 .info_box .pd{padding:25px 0;}
.talent .pt1 .info_box .pd .t{font-size:20px; font-weight:600; color:#444; line-height:1; margin-bottom:20px;}
.talent .pt1 .info_box .pd .d{font-size:14px; color:#666; line-height:24px; height:90px;transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.talent .pt1 .info_box .pd.on .d{height:auto;}
.rect-72{padding-bottom:72%;}
@media screen and (max-width: 1280px) {
.talent{ margin:50px 0;}
}
@media screen and (max-width: 1024px) {
.talent {margin-top:30px; margin-bottom:30px;}
}
@media screen and (max-width: 768px) {
.talent .pt1 .info_box .pd .t{font-size:18px;}
}
/*人才招聘*/
.recruitment{padding-top:60px; padding-bottom:60px; background:#f8f8f8;}
.recruit{margin:50px 0 0;}
.recruit .title {font-size: 0;line-height: 40px;background: #04812e;padding: 20px 0;}
.recruit .title span {display: inline-block;zoom: 1;width: 20%;color: #fff;font-size: 14px;padding: 5px 10px;box-sizing: border-box;}
.recruit .title span:nth-child(1) {padding-left: 40px;}
.recruit .title span:nth-child(2) {padding-left: 25px;}
.recruit .list .tit{padding:20px 0;}
.recruit .list .tit:after {content: "";position: absolute;right: 15px;top: 50%;width: 12px;height: 8px;margin-top: -4px;background-image: url(../images/recruit-down.png);background-position: center;background-repeat: no-repeat;background-size: cover;}
.recruit .list {width:100%;margin: 0 auto;}
.recruit .list li { background:#f4f4f4;}
.recruit .list li:nth-child(2n){ background:#eee}
.recruit .list .tit {display: block;font-size: 0;line-height: 40px;padding: 20px;position: relative;}
.recruit .list .tit span {display: inline-block;zoom: 1;width: 20%;font-size: 14px;color: #555555;vertical-align: top;box-sizing: border-box;padding: 0 10px;}
.recruit .list .drop {padding: 30px;background: #fff;display: none;position: relative;}
.recruit .list .drop:after{left: 20px;}
.recruit .list .drop .top {padding-bottom: 25px;border-bottom: 1px solid #dcdcdc;}
.recruit .list .top span {float: left;width: 25%;font-size: 14px;line-height: 30px;}
.recruit .list .drop .con-box {padding: 40px 0;border-bottom: 1px solid #dcdcdc;}
.recruit .list .drop .con-box .left {float: left;width: 50%;box-sizing: border-box;padding-right: 80px;}
.recruit .list .drop .con-box .require-tit {font-size: 18px;color: #333333;}
.recruit .list .drop .con-box .con {font-size: 14px;line-height: 26px;margin: 10px 0 0;}
.recruit .list .drop .con-box .right {width: 50%;float: right;box-sizing: border-box;padding-left: 80px;}
.recruit .list .drop .con-box:before {content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1px;height: 80%;background: #dcdcdc;}
.recruit .list .drop .apply {display: block;width: 140px;height: 40px;margin: 30px 0 0;line-height: 40px;background: #04812e;text-align: center;color: #fff;font-size: 14px;}
@media screen and (max-width: 1280px) {
.recruitment{ padding:50px 0;}
}
@media screen and (max-width: 768px) {
.recruitment{ padding:30px 0;}
.recruit .list .drop .con-box .left {padding-right: 30px;}
.recruit .list .drop .con-box .right {padding-left: 30px;}
}
@media screen and (max-width: 425px) {
.recruit .title span {width: 33.33333333%;}
.recruit .title span:nth-child(2), .recruit .list .tit span:nth-child(2), .recruit .title span:nth-child(4), .recruit .list .tit span:nth-child(4) {display: none;}
.recruit .list .tit span {width: 33.33333333%;}
.recruit .list .top span {float: left;width: 50%;line-height: 26px;}
.recruit .list .drop .con-box .left {float: left;width:100%;padding-right: 0px;}
.recruit .list .drop .con-box .right {width: 100%;float: right;padding-left: 0px;}
.recruit .list .drop .con-box:before { display:none;}
}
/*在线申请*/
.recruitdtl-box .file{display: block;}
.recruitdtl .file input {border: none;}
.recruitdtl .txt {float: left;font-size: 16px;width: 25%;text-align: right;line-height: 40px;}
.recruitdtl .input {margin-bottom: 15px;}
.recruitdtl input, .recruitdtl select {float: left;width: 66%;outline: none;box-shadow: none;-webkit-appearance: none;border-radius: 0;margin-left: 3%;padding: 10px 2.5%;height: 40px;border: 1px solid #ddd;font-size: 14px;}
.recruitdtl .resume .txt{width: 8.5%;}
.recruitdtl textarea {float: left;outline: none;box-shadow: none;-webkit-appearance: none;border-radius: 0;margin-left: 1.1%;width: 86.5%;height:200px;padding: 10px 2.5%;border: 1px solid #ddd;font-size: 14px;resize: none;}
.recruitdtl input[type=submit] {width: 120px;height: 40px;padding: 0;background: #04812e;line-height: 40px;border: none;font-size: 14px;color: #fff;margin-left: 9.6%; margin-top:20px;border-radius: 20px;}
.recruitdtl .check-box .txt{width: 20%}
@media screen and (max-width: 768px) {
.recruitdtl .txt {font-size: 14px;}
.recruitdtl input, .recruitdtl select {float: left;width: 71%;}
.recruitdtl .resume .txt{width:12%;}
.recruitdtl textarea {width: 84%;height:150px;}
.recruitdtl input[type=submit] {margin-left: 13%; }
}
@media screen and (max-width:425px) {
.recruitdtl .txt {width: 20%;}
.recruitdtl input, .recruitdtl select {float: left;width: 71%;}
.recruitdtl .resume .txt{width: 20%;}
.recruitdtl textarea {width: 74%;height:150px;}
.recruitdtl input[type=submit] {margin-left: 23%; }
}
/*联系我们*/
.contact_us{margin:60px auto;}
.contact_us_top { width:100%;}
.contact_us_top .top_l{ float:left;width:64%;height:450px;background-color:#f0f0f0;}
.contact_us_top .top_l .dt{ width:99.8%;height:450px;border:#ccc solid 1px;font-size:12px}
.contact_us_top .top_r{float: right;width:36%;background-color:#04812e;color:#fff;}
.contact_us_top .top_r_box{padding:16% 6% 16% 6%;}
.contact_us_top .top_r_box .r_title{font-size:24px; color:#fff; line-height:48px;margin-bottom:10px;}
.contact_us_top .top_r_box dl{border-top:1px dashed #019d36;}
.contact_us_top .top_r_box .r_box_01{padding:10px 0px;}
.contact_us_top .top_r_box .r_box_01 dd{line-height:45px;font-size:16px;}
.contact_us_top .top_r_box .r_box_01 dd .ion{ padding-right:5px; color:#fff;}
@media screen and (max-width: 1280px) {
.contact_us{ margin:50px 0;}
}
@media screen and (max-width: 1024px) {
.contact_us { margin-top:30px; margin-bottom:30px; height:100%;}
.contact_us_top .top_l{float: none; width:100%;height:350px;}
.contact_us_top .top_l .dt{ height:350px;}
.contact_us_top .top_r{float: none; width:100%;background:#f8f8f8 ;color:#333;}
.contact_us_top .top_r_box{padding:5% 3%;}
.contact_us_top .top_r_box .r_title{font-size:18px;line-height:38px; color:#333;}
.contact_us_top .top_r_box dl{border-top:1px dashed #ccc;}
.contact_us_top .top_r_box .r_box_01 dd{line-height:30px;font-size:14px;}
.contact_us_top .top_r_box .r_box_01 dd .ion{ padding-right:0px; color:#333;}
}
@media screen and (max-width: 768px) {
.contact_us{ margin:30px 0;}
}
/*在线留言*/
.message{padding-top:60px; padding-bottom:60px; background:#f8f8f8;}
.feedback-sec{ padding:50px 20px 50px 50px; background:#f2f2f2;}
.table-responsive tr td{ height:35px;}
.btn-contact {background-color: #ff9900;padding: 12px 0;border: none;color: #fff;}
.feedback-sec .feedback-form input{border:none;padding:15px 4%; width:92%;height:auto;border-radius:3px;}
.feedback-sec .feedback-form textarea{border:none;padding:15px 1.5%; width:97%;height:auto;border-radius:3px;}
.btn-contact{padding:6px 0;border:none;color:#fff;}
.form-group .span-4{ margin-bottom:15px;position: relative;}
.feedback-sec .feedback-form textarea:focus,.feedback-sec .feedback-form input:focus{border-color:#66afe9;outline:0}
.feedback-sec .feedback-form .span-4,.feedback-sec .feedback-form .span-12{ margin-bottom:15px;}
.confirm{background-color:#04812e;}
.cancel{background-color:#999;}
.btm_box { margin:30px auto; }
@media screen and (max-width: 1280px) {
.message{ padding:50px 0;}
}
@media screen and (max-width: 768px) {
.message{ padding:30px 0;}
.feedback-sec{ padding:10px; }
.feedback-form{margin-top:15px;}
.feedback .txt{font-size:14px; line-height:26px; color:#333; text-align:center;margin-bottom: 0px;padding-bottom:20px;position: relative;}
.feedback-sec .feedback-form input{border:none;padding:15px 2%; width:98%;height:auto;border-radius:3px;background-color:  #f4f7f9;}
.feedback-sec .feedback-form textarea{border:none;padding:15px 2%; width:98%;height:auto;border-radius:3px;background-color:  #f4f7f9;}
}