﻿@charset "utf-8";
/* CSS Document */
body,html{ margin:0px; padding:0px; }
body{ font-family: "Microsoft YaHei", "PingFang SC", arial, verdana, tahoma, sans-serif !important;overflow:-Scroll;overflow-x:hidden;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;  }
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input, textarea, select, button {font-family:  "Microsoft YaHei" helvetica, "pingfang SC", "Microsoft YaHei", verdana, tahoma, sans-serif !important;}
ul{ margin:0px; padding:0px;zoom:1;}
div {zoom:1;}
li{ list-style:none;vertical-align:middle;float:left;}
dl,dt,dd {margin:0;padding:0;}
img{margin:0px auto;border:0;}
a{text-decoration:none; color:#676767;}
a:hover {color:#54c956; text-decoration:none; }
a:visited{text-decoration:none; }
a:active{text-decoration:none;}
a:focus {list-style: none; text-decoration: none;}
a img{border:none;border:0;}
p,h1,h2,h3,h4,h5 {margin:0;padding:0;}
.clear{clear:both;width:100%;height:0;font-size:0px; }
.fl{float: left;}
.fr{float: right;}
input,select, button{padding:0;margin:0; border:none;outline: none;}
.container{padding:0;}
img{width: 100%;}
i{font-style: normal;}
.tc{text-align: center;}
.pr{position: relative;}
.row{margin:0;}


/*导航*/
.midde_header{display: none;}
.ind_nav{border-bottom: 1px solid #ccc;}
.ind_nav .logo{padding:20px 0;}
.ind_nav .logo img{width: auto;}
.ind_nav ul{line-height: 92px;}
.ind_nav ul>li{padding-left: 35px;position: relative;cursor: pointer;}
.ind_nav ul>li i{font-size: 12px;margin-left: 5px;display: inline-block;transition: all 0.5s;vertical-align: bottom;}
.ind_nav ul>li a{color: #666;}
.ind_nav ul>li:hover>a{color: #54c956;display: inline-block;}
.ind_nav ul>li:hover i{ color: #54c956;transform: rotate(-180deg);-ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(180deg); }

/*二级导航*/
.townav{position: absolute;left: 35px;width: 200px; background-color: #fff;z-index: -1;border-top: 4px solid #54c956;opacity: 0;transition: all 0.5s;}
.townav p{border-bottom:1px solid #f4f4f4;padding:5px 20px;line-height: 35px; }
.townav p:hover a{color: #54c956;display: block;}
.townav p:hover{background-color: #f4f4f4;}
.ind_nav ul>li:hover .townav{opacity: 1;z-index: 100;}
/*banner*/
.banner{position: relative;height: 500px;}
.img_float{position: absolute; color: #fff;top: 52%;left: 20%;}
.img_float h3{font-size: 22px;}
.img_float p{font-size: 16px;margin:20px 0;}
.img_float .more{font-size: 14px;padding:10px 0; color: #fff;border:1px solid #fff;display: block;width: 100px;text-align: center;}


.ind_txt{padding:50px 0;}
.ind_txt .container{display:flex;font-size:13px;color: #5c5c5c; line-height: 30px;}
.ind_txt .left{width: 70%;padding-right: 5%}
.ind_txt .left h3{font-size: 24px; color: #54c956;margin-bottom:15px;}
.ind_txt .left p{margin-bottom:15px;}
.ind_txt .right{width: 30%;}
.ind_txt .right p:before{content: "";width:5px;height: 5px;background-color: #666;border-radius: 50%;display:inline-block;margin-right: 5px;vertical-align: middle;}




/*产品与服务*/
.ind_title h3{font-size:24px;color: #54c956; line-height:50px;margin:25px 0;}
.ind_title h3:after{content: "";display: block;width: 40px;height: 2px;background-color: #54c956; }
.ind_title h3 a{margin-right: 15px;font-size: 20px;}

.sev_inlist{background-color: #fbfbfb;padding:30px 15px;}
/*.sev_inlist img{width: auto;}*/
.sev_inlist .sev_img{text-align: center;}
.ind_sevrlist h3{font-size: 18px;color: #54c956;line-height: 40px;}
.ind_sevrlist p{font-size: 14px;color: #9d9d9d;line-height: 30px;}
.ind_sevrlist .col-md-3{padding:0 7.5px;}


 /*新闻中心 和 客户评价*/
 .new_content{padding:15px;background-color: #fbfbfb;}
.ind_new .col-md-6,.ind_new .col-md-9,.ind_new .col-md-3,.ind_new .col-md-7,.ind_new .col-md-3,.ind_new .col-md-2{padding:0;}
.new_head{overflow: hidden;margin:15px 0;}
.new_head h3{font-size: 16px;color: #5c5c5c;line-height: 45px;}
.new_head h3:hover{color: #54c956;}
.new_head p{font-size: 12px;color: #5c5c5c;line-height: 25px;}
.new_head .col-md-9{padding-left: 15px;}
.new_inlist .row{margin:15px 0 0;height: 65px;background-color: #fff;transition: all 0.2s;}
.new_inlist .row .col-md-2{text-align: center;height: 65px;color: #787878;background-color: #f3f3f3;}
.new_inlist .row .col-md-2 h3{font-size:22px;padding-top: 10px; }
.new_inlist .row .col-md-7{ display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 1;overflow: hidden;line-height: 65px;padding-left:10px;color: #5c5c5c; }
.new_inlist .row .col-md-3{line-height: 65px;text-align: center;color: #b6b6b6;}
.new_inlist .row:hover{box-shadow: 0 0 20px #dcdada;}
.new_inlist .row:hover .col-md-2{background-color: #54c956;color: #fff;}

.ind_new .col-md-6{padding:0 7.5px;}
.ind_kehu img{width: auto;margin: 15px 0}
.ind_kehu .ind_khlist{background-color: #fbfbfb;text-align: center;padding:15px;}
.ind_kehu .ind_khlist p{text-align: left;font-size: 14px;color: #666;line-height: 30px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;}
.ind_kehu .ind_khlist span{text-align: right;color: #666;margin: 56px 0;display: block;color: #363636;}
.ind_kehu .ind_khlist span:before{content: "";display: inline-block;width: 25px;height: 1px;background-color: #363636;vertical-align: middle;margin: 0 5px;}
.new_content ,.ind_kehu .col-md-6{ max-height:482px;overflow: hidden;}
.ind_kehu .col-md-6:first-child{padding-left: 0;}


/*联系我们*/
.ind_contact{margin-top:70px;position: relative;}
.ind_confloat{position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;padding:25px;color: #fff;}
.ind_confloat h3{font-size: 30px;line-height: 55px;}
.ind_confloat p{font-size: 18px;line-height: 25px;}
.ind_confloat span{font-size: 16px;width: 200px; padding:5px 15px;display: block;border:1px solid #fff;margin:20px auto;color: #fff;}

/*底部*/
footer .foot_t{padding:35px 0;color: #666;font-size: 14px; }
footer .foot_t h3{font-size: 16px; color: #484848;line-height: 30px;margin:10px 0;}
footer .foot_t p{line-height: 25px;}
footer .foot_t li{width: 20%;float: left;line-height: 35px;}
footer .foot_t .col-md-4 p{line-height: 45px;}
footer .foot_f{background-color: #f1f1f1;padding:10px 0;}
footer .foot_f li{float: left;padding-left:15px;}
footer .foot_f ul{overflow: hidden; }
footer .foot_f li:after{content: ""; width: 1px;height: 13px;background-color: #666;vertical-align: middle;display: inline-block;margin-left: 15px;}
footer .foot_f li:first-child{padding:0;}
footer .foot_f span{padding:0 15px;color: #666;}
footer .foot_f p{font-size: 14px; color: #666;line-height: 25px;}
footer img{width: initial;}

.nei_content .container{padding: 40px 0;}
.nei_content .nei_aboout h3{font-size: 30px;color: #54c956;font-weight: 300;padding: 25px 0;}
.nei_content .nei_aboout{padding-bottom:1em;color: #676767; vertical-align: inherit;    line-height: 35px;}


/*联系我们*/
.nei_contact h3{font-size: 26px;color: #54c956;padding-bottom: 10px;}
.nei_contact input{display: block;background-color: #eee;padding: 16px;font-size: 14px;width: 80%;margin:15px 0;}
.nei_contact button{display: block;font-size: 20px;color: #54c956;border-radius: 3px;transition: all .2s; padding:10px 15px;   border: 2px solid;background-color: transparent;}
.nei_contact button:hover{border: 2px solid #fff;background-color: #eee;}
.nei_contact textarea{display: block;margin:15px 0;width: 80%;min-height: 100px; background-color: #eee;padding:15px;list-style: none;outline: none;border-color: #fff;resize:none;}
.nei_contact h4{font-size: 22px;color: #54c956;padding-bottom: 25px;}
.nei_contact p{color: #666;padding-bottom: 15px;}
.nei_contact span{color: #666;font-weight:600;}

/*可替换配件*/
.nei_peijian .nei_add{margin-bottom: 15px;font-size: 14px;color: #777;}
.nei_peijian h3{margin-bottom: 15px;font-weight: 300;font-size: 35px;color: #54c956;}
.nei_peijian h3 select{float: right;font-size: 14px;background-color: #f1f1f1;color: #919191; outline: none;padding:6px 20px;border-radius: 5px;}

.nei_peijian .nei_pjlist{margin-bottom: 15px;}
.nei_peijian .pj_img{border:1px solid #54c956;}
.nei_peijian p{color: #54c956;line-height: 35px;}
.nei_pjright input{border:1px solid #ccc;  -webkit-appearance: none!important;padding:5px 10px;width: 60%;}
.nei_pjright button{margin-left: 5px; border:1px solid #ccc;padding:5px 15px;}
.nei_pjright h3{font-size: 18px;color: #54c956;line-height: 40px;line-height: 40px;margin-top: 15px;}
.nei_pjright .nei_inlist p{color: #777;font-weight: 600;}
.nei_pjleft{border-right: 1px solid #ccc;}
.nei_pjright p{line-height: 30px;}

/*产品中心*/
.nei_content .nei_add{margin-bottom: 30px;color: #8a8a8a;}
.nei_content .nei_add a{margin:0 5px;color: #8a8a8a;}
.nei_content .nei_add a:hover{color: #1d3e69;}
.nei_content .nei_add i{font-size: 18px;color: #898989;margin:0 10px;}
.nei_content .nei_product{display: flex;}
.nei_content .pro_left{width: 15%;margin-right: 5%;}
.nei_content .pro_right{width: 80%;}
.nei_content .pro_left ul li{float: none;background-color: #fbfbfb;font-size: 14px;color: #808080;padding:15px 15px 0;}
.nei_content .pro_left ul li:hover{color: #1d3e69;cursor: pointer;}
.nei_content .pro_left ul li:before{content: "";width: 4px;height: 4px;background-color: #919191;border-radius: 50%;margin-right: 10px; display: inline-block;vertical-align: middle;}
.nei_content .pro_left ul li:hover:before{background-color: #1d3e69;}
.nei_content .pro_left ul li:first-child{background-color: #1d3e69;padding:15px 30px;color: #fff;font-size: 16px;}
.nei_content .pro_left ul li:last-child{padding-bottom: 15px}
.nei_content .pro_left ul li:first-child:before{display: none;}
.nei_content .pro_right_list ul{display: flex;flex-flow: wrap;}
.nei_content .pro_right_list ul li{width: 31%;margin:0 1%;background-color: #fbfbfb;text-align: center;padding:30px 10px 10px;margin-bottom: 15px;}
.nei_content .pro_right_list ul li h3{font-size:16px;line-height: 30px;text-align: left;}
.nei_content .pro_right_list ul li p{font-size:14px;text-align: left;margin-bottom: 30px;line-height: 25px; color: #9d9d9d;height: 50px;overflow: hidden;}
.nei_content .pro_right_list ul li a:hover{color: #1d3e69;}
.nei_content .pro_right_list ul li:hover img{transform: scale(1.03);transition: all 0.5s;}

/*产品详情*/
.case_bigimg{margin-bottom: 15px;}
.case_imglist{position: relative;}
.case_imglist .gallery-thumbs{width: 90%;float: left;margin-left: 5%;}
.case_imglist span{width: 3%;background-color: #ccc;height: 50px; top: 0;margin:0;background-size: 50%;}
.case_imglist span:focus{outline: none;}
.case_imglist .fr{right: 0;}
.case_imglist .fl{left: 0;}
.pro_right_cont{line-height: 25px;font-size: 14px;color: #9d9d9d;padding:30px;}
.pro_right_cont h3{font-size: 16px;color: #1d3e69;margin:15px 0;}

.pro_right .pro_right_foot{margin:30px 0;padding:15px 0;border-top: 1px solid #ccc;font-size: 14px;color: #9d9d9d;line-height: 25px;}
.pro_right .pro_right_foot img{width: auto;}

.nei_xqleft h3{line-height: 30px;font-size: 28px;}
.nei_xqleft p{line-height: 25px;}
.nei_xqleft .contact{display: inline-block;padding:5px 25px;border:1px solid #54c956;border-radius: 5px;color: #54c956;margin:15px 0;}
.nei_xqleft h4{line-height: 45px;font-size: 20px;color: #8a8a8a;border-bottom: 1px solid #e8e8e8;}
.nei_xqleft .product_cansu{color: #8a8a8a;padding:15px 0;line-height: 25px;min-height: 200px;}

.xg_product h4{line-height: 45px;font-size: 20px;color: #8a8a8a;border-bottom: 1px solid #e8e8e8;}
.xg_product ul{display: flex;margin:15px -1%;}
.xg_product li{width: 31%;margin:0 1%;}
.xg_product li p{margin:10px 0;font-size: 14px;}


/*新闻中心*/
.news_right {padding:15px;}
.news_right .new_inlist_top{display: flex;}
.news_right .new_inlist_top li:first-child{width: 15%;margin-right: 3%;}
.news_right .new_inlist_top li:last-child{width: 82%;padding:15px 0;}
.news_right .new_inlist_top li:last-child h3{font-size:18px;color:#5c5c5c;line-height: 35px; }
.news_right .new_inlist_top li:last-child p{font-size: 14px; color:#5c5c5c; }
.news_right .new_inlist_ul{display: flex;flex-flow: wrap;}
.news_right .new_inlist_ul a{display: block;}

.news_right .new_inlist_ul li{width: 100%;background-color: #fff;margin-top: 10px;font-size: 14px;color: #5c5c5c;transition: all 0.3s;}
.news_right .new_inlist_ul li .data{display: inline-block;font-size: 12px;transition: all 0.3s; color: #5c5c5c; background-color: #f3f3f3;padding:5px 10px;text-align: center;vertical-align: middle;margin-right: 15px;}
.news_right .new_inlist_ul li .data b{font-size: 20px;display: block;font-weight: normal;}
.news_right .new_inlist_ul li:hover .data{background-color: #54c956;color: #fff;transition: all 0.3s;}
.news_right .new_inlist_ul li:hover{box-shadow: 0 0 15px #ccc;}
.news_right .news_conttent h3{text-align: center;padding:15px 0;font-size: 20px;color: #5c5c5c;border-bottom: 1px solid #f5f5f5;margin-bottom: 15px;}
.news_right .news_conttent{font-size: 14px;color: #5c5c5c;line-height: 25px;min-height: 300px;}

.nei_product .hezuo  ul{display: flex;flex-flow: wrap;}
.nei_product .hezuo  ul li{width: 23%;margin:0 1%;margin-bottom: 15px;text-align: center;border:1px solid #ccc;}
.nei_product .hezuo  ul li img{width: auto;}



@media (max-width: 1440px) {
.banner{height: 380px;}
}
@media (max-width: 770px) {
    .banner{height:201px;}

.midde_header{display: block;}
.ind_nav{display: none;}
.img_float{top: 18%;left:5%;}
.img_float h3{font-size: 20px;}
.img_float p{font-size: 16px;margin:15px 0;}
.img_float .more{padding:5px 0;}
.ind_confloat{padding:15px 0;}
.ind_confloat h3{font-size: 18px;line-height: 20px;}
.ind_confloat p{font-size: 14px;line-height: 18px;}
.ind_confloat span{font-size: 12px;width: 150px;padding:5px 0;}
.ind_confloat span{margin:5px auto;}
.ind_sevrlist .col-md-3{margin-bottom: 15px;}
footer .foot_t li{width: 33%;}
.nei_contact .col-md-6{margin-bottom: 35px;}
.nei_peijian p{line-height: 22px;font-size: 12px;}
.nei_pjright input{width: 55%;}
.nei_pjright h3{font-size: 16px;}
.nei_pjright button{font-size: 12px;}
.nei_pjright input::-webkit-input-placeholder{font-size: 12px;}
.nei_pjright input{padding:4px 10px;}
.nei_pjleft{border-right: 1px solid #f5f2f2;}
.nei_contact input{width: 100%;}
.nei_contact textarea{width: 100%;}
.nei_content .container{padding:0;}
}

@media (max-width: 480px) {
    .banner{height:98px;}
.img_float{display: none;}
.ind_title h3{padding-left: 15px;}
.backprev{width: 30%;padding-left: 15px;}
.sev_inlist{padding:15px;}
.ind_sevrlist h3{font-size: 16px;line-height: 30px;}
.ind_sevrlist p{font-size: 12px;line-height: 20px;}
.ind_kehu .ind_khlist p{line-height: 20px;font-size: 13px;}
.ind_title h3{margin:15px 0;}
.ind_kehu .ind_khlist span{margin:30px 0;}
.new_inlist .row{height: 50px;}
.new_inlist .row .col-md-2{height: 50px;}
.new_inlist .row .col-md-7{line-height: 50px;}
.new_inlist .row .col-md-3{line-height: 50px;}
.new_inlist .row .col-md-2 h3{font-size: 16px;padding-top: 5px;}

.new_head h3{font-size: 15px;line-height: 20px;}
.new_head p{line-height: 18px;font-size: 12px;}
.ind_title h3{font-size: 22px;}
.ind_confloat{display: none;}
.ind_contact{margin-top: 30px;}
footer .foot_t{display: none;}
.ind_new .col-md-6{padding-right:7.5px;}
footer .foot_f span{display: block;}
footer .foot_f{padding:15px;}
footer .foot_f ul{display: none;}
.nei_content .nei_aboout{line-height: 25px;}
.nei_content .nei_aboout h3{font-size: 25px;padding:;}
.nei_peijian .nei_pjright{display: none;}
.nei_peijian .nei_pjlist{padding:7.5px;}
.nei_peijian h3{font-size: 28px;}
.nei_contact button{padding:5px 15px;font-size: 16px;}
.nei_contact input{padding:10px;}
.nei_contact textarea{padding:10px;}
.nei_content .nei_product{flex-flow: wrap;}
.nei_content .pro_left{display: none;}
.nei_content .pro_right{width: 100%;margin-right:0;}
/*.nei_content .pro_left ul li{float: left;margin:15px 0;padding:15px;}
.news_right .new_inlist_top li:first-child{width: 20%;}
.news_right .new_inlist_top li:last-child{width: 77%;padding:0;}
.news_right .new_inlist_top li:last-child h3{font-size: 16px;line-height: normal;}
.news_right .new_inlist_top li:last-child p{font-size: 12px;}*/
.nei_content .nei_add{display: none;}
.nei_content .pro_right_list ul li{width: 48%;}
.pro_right_top{padding:15px 0;}
.pro_right .pro_right_foot{padding:15px;}
.pro_right .pro_right_foot img{width: 100%;}
.pro_right_cont{clear: both;padding:20px 0;}

footer img{width: initial;}







}





/* 程序分页样式 */
#page{ clear:both; 
/* height:40px; */
margin:0 auto; text-align:center; display: table; 
margin: 30px auto;
}
#page li{ float:left; padding:5px 14px; border:1px solid #CCCCCC; margin-right:6px; color:#666; font-size:12px; list-style:none;}
#page li:hover{border:1px solid #d60c02;}
#page li:hover a{color:#d60c02}
#page li a{ color:#666}
#page li.active{border:1px solid #d60c02; background-color:#d60c02; color:#FFFFFF}
#page li.active a{ color:#fff}
#page li.thisclass{border:1px solid #d60c02; background-color:#d60c02; color:#FFFFFF}
#page li.thisclass a{ color:#fff}