html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0; font-family:"微软雅黑"}
table{ border-collapse:collapse;}
img,a{border:0; text-decoration:none;}
ol, ul {list-style: none; }
.clears{ clear:both;}
a{ color:#54565b;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out;}
a:hover{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out; text-decoration:none;}
*{ margin:0; padding:0;}
body{ margin:0 ; padding:0; font-family:"微软雅黑";color:#54565b; overflow-x:hidden }
ul{ list-style:none; margin:0; padding:0}
a{ text-decoration:none;}
.clear{ clear:both}
.padding{ padding-bottom:0 !important}
.fl{ float:left}
.fr{ float:right}
.w1200{ width:65%; max-width:1200px; margin:0 auto}
.w1500{ width:1400px; margin:0 auto}
.background{ background:#f9f9f9}
.textcent{ text-align:center}
.kongxi{ clear:both; height:50px;}

.head{ margin-bottom:5px; }
.hlogo{ float:left; width:20%; padding:20px 0 10px; text-align:center}
.hlogo img{ max-width:100%; height:52px;}
.hsourigh{ background:#000 url(../image/top1.png) no-repeat; height:35px; float: right; padding-left:50px; overflow:hidden; padding-right:30px;}
.hsourigh .soukuang{ height:20px; background:#fff; border:none; outline:none; border-radius:30px; width:230px; margin-top:7px; padding-left:5px; float:left; margin-right:10px;}
.hsourigh .souan{ padding-right:15px; float:left; display:block; margin-top:3px;}
.hsourigh .head-weixin{float:left; display:block; padding-right:15px; margin-top:2px;}

.head_right{ width:78%; float: right}

.nav-toggle{width:45px; height:45px; line-height:45px; text-align:center; font-size:2.2rem; cursor:pointer; position:absolute; top:38px; right:10px;display:none;}
.nav-toggle .nav-close{ display:none;}
.nav-toggle .nav-open{ display:block;}
.nav-toggle.nav-toggle-s .nav-close{ display:block;}
.nav-toggle.nav-toggle-s .nav-open{ display:none;}
.nav{width:70%; margin-top:43px; margin-bottom:10px; float:right; background:#f9f9f9;}
.nav li{float:left;width:16.66%; position:relative; text-align:center; }
.nav li a{font-size:1.5rem;color:#54565b; width:95%; max-width:110px; border-radius:30px; display:block; margin:0 auto; height:28px; line-height:28px}
.nav li a:hover,.nav li.navCur a{ background:#66a522; color:#fff}
.head_nav{ width:95%; float:left}


.sousuo{ position:relative; float:left; width:5%; text-align:center; margin-top:5px;}
.sousuo .sousuoinp{ position:absolute; left:99%; top:0px; border-radius:30px; overflow:hidden; padding-left:5px; padding-right:5px; outline: none; background:none; border:1px solid #7B7C7F; display:none; width:120px; font-size:13px; height:20px; line-height:20px; }
.sousuo .topsou{ max-width:90%; cursor:pointer;}


.index_por{ background:#f9f9f9; padding-bottom:30px; padding-top:10px;}
.index_por img{ max-width:100%}
.ind_por_tit{ width:25%; float:left; text-align:center; overflow:hidden}
.ind_por_tit span{ display:block; text-align:center; color:#54565b; font-size:16px; padding-top:5px;}
.tit_jian{ display:block}

.index_por2{ background:#f2f2f2; border-top:1px solid #747473; padding:4rem 0; color:#54565b}
.index_tit{ font-size:40px;}
.index_tit strong{ float:left;font-size:28px; vertical-align: text-top;font-weight:500; margin-top:5px; margin-right:10px;}
.index_tit .xiantiao{ width:4.2rem; display:block; height:2px; background:#54565b; margin-top:10px; }
.index_porlist{ width:100%;}
.index_porlist li{ width:29.3%; margin:2% 2% 0; float:left; position:relative}
.index_porlist li .beiming{ position:absolute; width:100%; text-align:center; bottom:30px; font-size:18px; font-weight:600}
.index_porlist_big .bx-wrapper .bx-pager.bx-default-pager a { background-color:#6bb145; width:15px; height:15px; border-radius:50%}
.index_porlist_big .bx-wrapper .bx-pager{ bottom:-40px;}
.index_porlist_big .bx-controls-direction{ display:none}

.index_sale{ margin-top:80px; background:#54565b; text-align:center}
.index_sale img{ max-width:100%}
.sale_img2{ display:none}


.index_pin{ background:none; border:none}
.index_pinpai{}
.index_pinpai img{ max-width:100%}
.index_pinpai-zi{ font-size:18px;}
.index_pin_con{ background:url(../image/pinpai.jpg) center no-repeat; padding:20px 30px; margin-top:10px; margin-bottom:30px; background-size:cover;}
.index_pin_con .pinpai_con{ background:#f2f2f2; padding:20px 30px; width:500px;}

.design_con{ overflow:hidden; margin-top:20px;}
.design_con_left{ width:27%; float:left; margin-right:3%; text-align:right}
.design_con_right{ width:70%; float:left}
.design_zi{ overflow:hidden; line-height:35px; font-size:17px;}
.design_zi1{ width:80px; color:#54565b; display:inline-block}
.design_zi2{ color:#7B7C7F;}


.footbig{ background:url(../image/footbg.jpg) center no-repeat; padding:60px 0;}
.footbig img{ max-width:100%}
.foot_title{ margin-bottom:10px; color:#fff; width:200px; text-align:center; font-size:16px; }
.foot_title strong{ display:block;  font-size:32px; font-style:italic; letter-spacing:5px; padding-bottom:5px;}
.foot_contact{ float:left; width:39%;}
.foot_contact li{color:#ccd4e1; font-size:16px; height:40px; line-height:40px;  padding:10px 0; margin-bottom:10px; }
.foot_contact li img{ height:35px; margin-right:10px; float:left}

.footctact{ margin-top:28px}
.footctact li{ height:33px; line-height:33px; font-size:14px;}

.foot_service{ float:left; color:#ccd4e1; font-size:14px; width:16%;}
.foot_service li strong{ text-transform:uppercase; font-size:22px; line-height:40px; color:#fff; padding-bottom:10px; font-weight: 400;}
.foot_service li { line-height:28px}
.foot_service li a{ color:#ccd4e1; position:relative}
.foot_service li .weixinerweima{ position:absolute; bottom:30px; left:0; max-width:150px; display:none;}
.foot_service li a:hover .weixinerweima{ display:block}

.foot_erweima{ width:29%; float:left}
.foot_erweima img{ width:45%; margin-left:5%; float:left; margin-top:2px;}


.market_banner{ }
.market_banner img{ max-width:100%}

.market_font{font-size:16px;color:#54565b;position:absolute;top:-75px;left:10px;width:570px;line-height:30px;}

.market_con{ position:relative; padding-bottom:70px}
.market_top{ font-size:18px; position:absolute; top:-100px; line-height:28px; width:650px; padding-left:1%;}

.market_lsit{ margin-top:30px;}
.market_lsit img{ max-width:100%;}
.market_lsit li{ width:48%; float:left; margin:0 1% 2%; position:relative}
.market_lsit li:hover .tishidao{ display:block}
.market_lsit .tishidao{ position:absolute;  left:0; top:50%; font-size:18px; color:#fff; background:rgba(0,0,0,.3); display:block; width:100%; text-align:center; height:40px; line-height:40px;transform:translate(0,-50%); display:none}


.news{ padding:20px 0 50px;}
.news img{ max-width:100%}
.news_list{ overflow:hidden; margin-bottom:50px;}
.news_left{ width:35%; float:left;}
.news_left img{ width:90%;}
.news_right{ width:65%; float:left; box-sizing:border-box; padding-left:2%; padding-right:2%; color:#999; padding-top:10%;}
.news_right .tit{ font-size:28px; display:block; padding-bottom:15px;}
.news_right .con{ font-size:18px;}
.news_right .more{ border-radius:50px; border:2px solid #6fb354; padding:0 10px; float:right;color:#999; margin-top:20px;}

.fenye{ text-align:right; margin:10px 0;}
.fenye a{ display:inline-block; width:40px; line-height:40px; text-align:center; font-size:22px; margin-left:5px; color:#999}
.fenye a.active{ background:#6fb354; color:#fff}

.newsinfo{ padding-bottom:100px;}
.newsinfo img{ max-width:100%}
.newtit{ text-align:center; padding:50px 0}
.newsinfo .xiantiao{ border-top:3px solid #6fb354; margin-top:25px; padding-top:15px;}
.newsinfo_zi{ font-size:18px; line-height:35px;}
.newsinfo_zi p{ margin-bottom:30px; margin-top:40px;}
.newsinfo .newsimg{ float:left; width:48%; margin-right:2%}


.contact_banner { text-align:center}
.contact_banner img{ max-width:100%;}
.contact{ padding:50px 0}
.contact_tit{ text-align:center; padding-bottom:20px;}
.contact_tit img{ max-width:90%;}

.contact_left{ width:40%; float:left; margin-left:5%;}
.contact_left .labletit{ width:100%; display:block; height:50px; line-height:50px; font-weight:500; color:#54565b; font-size:17px;letter-spacing:5px}
.contact_left .labletit span{ font-weight:bold; color:#e71222; font-size:20px;}
.contact_left .input_btn{ background:#6fb354; border-radius:5px; color:#fff; border:none; display:block; float:right; margin-right:15%; font-size:16px; width:100px; line-height:40px; margin-top:20px; }
.cont_input{ border:1px solid #e71222; width:85%; height:40px; line-height:40px; outline:none; padding-left:2%; margin-bottom:20px;}
.cont_textarea {border:1px solid #e71222; width:85%; height:200px; resize:none;}

.contact_right { width:45%; float:right; padding-top:50px;}
.contact_right .foot_contact{ width:100%; float:none; margin-bottom:25px; background:url(../image/cianc.png) left  top repeat-y; padding-bottom:5px;}
.contact_right .foot_contact li{ color:#54565b; font-size:18px; padding:15px 0 20px;;min-height:40px; line-height:30px; padding-left:60px; position:relative}
.contact_right .foot_contact li img{ position:absolute; top:8px; left:5px}
.contact_right .cont_weixin{ margin:18px 0; }
.contact_right .cont_weixin a{ margin-right:15px; position:relative}
.contact_right .cont_weixin .erwima{ width:200px; height:200px; position:absolute; top:45px; left:0; display: none}
.contact_right .cont_weixin a:hover .erwima{ display:block}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent{ width:100%; height:310px;border:#ccc solid 1px; margin-top:64px;}




.about{ text-align: center}
.about img{ margin:0 auto; max-width:100%}

.about_top{ margin:40px auto}
.about_top img{ max-width:100%}
.about_top2{ text-align: center; display:none}
.about_top2 img{ max-width:100%}
.about_zi{ font-size:18px; line-height:30px; margin:20px 0; color:#898989;padding-top:50px;}

.about_bottom{ padding:50px 0 80px;}
.about_bottom_img{ width:48%; float:left;}
.about_bottom_zi{ width:48%; float: right; font-size:18px; color:#898989; line-height:30px; padding-top:20px}


.product_banner{ text-align:center;}
.product_banner img{ max-width:100%}

.pro_top{ padding-bottom:15px;  }
.pro_top li{ width:20%; float:left;}
.pro_top li span{ font-size:16px; text-align:center; display:block;}
.product-tit{ background:url(../image/porbig1.png) left center no-repeat; background-position:-159px 0; width:159px; max-width:100%; background-size:cover; height:130px; margin:0 auto }
.pro-img2{ background-image:url(../image/porbig2.png)}
.pro-img3{ background-image:url(../image/porbig3.png)}
.pro-img4{ background-image:url(../image/porbig4.png)}
.pro-img5{ background-image:url(../image/porbig5.png)}
.pro_top div:hover,.pro_top div.active{ background-position:0 0}

.prozhongxian{ border-bottom:1px solid #A1A2A4; margin:20px 0 25px;}
.product_list{ margin-bottom:30px;}
.product_list img{ max-width:100%}
.pro_list_left{ float:left; width:25%;}
.pro_list_right{ float: right; width:10%; cursor:pointer;}
.pro_list_con{ float:left; width:55%; margin-left:5%; box-sizing:border-box; padding-left:3%;color:#50504b; padding-top:20px; position:relative; }
.pro_list_contit{ overflow:hidden}
.pro_list_contit .tit1{ display:block; float:left; background:url(../image/protiao.png) top right no-repeat; padding-right:30px; font-size:22px; padding-bottom:15px;}
.pro_list_contit .oz{ position:relative; left:-12px; display:block; float:left; padding-top:20px; font-size:14px;}

.pro_list_cionzi { padding-top:10px;}
.pro_list_cionzi ul{ list-style:disc; padding-left:20px; font-size:25px; color:#66A522}
.pro_list_cionzi ul li{ line-height:25px; }
.pro_list_cionzi ul li span{ color:#54565b; font-size:16px;}

.pro_list_annv{ margin-top:20px;}
.pro_list_annv .annv{ display:block; float:left; border-radius:3px; margin-right:10px; background:#6bb145; color:#fdf9f9; padding:3px 15px;}
.pro_list_img{ position:absolute; bottom:-50px; right:1%; width:50%; display:none}


.design{ text-align:center}
.design img,.design_fff img{ max-width:100%}
.design_tit{ padding:50px 0;}

.design_tit .tit_jian{ margin-top:15px;}

.design_img{ float:left; margin-right:20px; width:83px; height:81px;}
.design_toptit{ clear:both; font-size:20px; padding:30px 0;}
.design_fff{ background:#fff; padding:30px 0}
.design_fff_tit{ height:90px; line-height:90px; font-size:28px;}
.design_fff_tit img{ max-height:100%; margin-right:10px;}
.design_fff_tit span{ font-size:20px;}

.design_fff_left{ float:left; width:40%; text-align:center; position:relative}
.design_fff_left .deslogo{ position:absolute; top:50%; left:25%; width:50%;transform:translate(0%,-50%);}
.design_fff_right{ float:right; width:58%; padding-top:30px;}
.design_fff_tuya { text-align:center}
.tuyashang{ background:#6fb354; color:#fff;  border-radius:3px; margin:0 15px; height:30px; line-height:30px; display:inline-block; padding:0 10px;}
.design_right_email{ overflow:hidden; text-align:center; margin:40px 0 0;}
.email_input{ width:50%; height:30px; line-height:30px; margin-bottom:10px;}

.design_4eaf61{ background:#4eaf61;padding:50px 0; min-height:300px;}
.design_4eaf61_shiji{ position:relative;}
.design_4eaf61 .design_fff_tit{ color:#fff; position:absolute; left:0; top:0}
.design_zhihe{ max-width:100%; display:block; margin:0 auto}

.design_4eaf61_right{ position: absolute; bottom:53px; right:-10px; width:40%}
.design_4eaf61_right .design_zi1{ color:#fff}
.design_4eaf61_right .design_zi2{ color:#fff; opacity:0.8}































@media screen and (max-width: 1600px) {

.foot_service{ width:14%;}
.foot_erweima{ width:32%;}
.footctact li{ height:32px; line-height:32px;}
}

@media screen and (max-width: 1650px) {
	.market_banner img{ width:100%}}

@media screen and (max-width: 1500px) {
	.w1500{ width:80%;}
	.w1200{ width:80%}	
	.market_banner img{ width:100%}
	.market_top{ top:-80px;}

}
@media screen and (max-width: 1366px) {

.foot_service{ width:13.7%;}
.foot_erweima{ width:32%;}
.market_top{ width:550px;}
}
@media screen and (max-width: 1200px) {
	.w1200{ width:100%}	
	.w1500{ width:100%;}
	.design_toptit{ width:92%; margin:0 auto; }
	.news{ box-sizing:border-box; padding:0 10px;}


.foot_service{ width:15%;}
.foot_erweima{ width:30%;}
}
@media screen and (max-width: 980px) {
.market_top{ position:relative; top:0; padding:0px 15px; top:-10px}
} 
@media screen and (max-width: 800px) {
.nav-toggle{ display:inline-block;}
.nav{ height:auto; display:none; width:100%}
.nav li,.nav li a{width:100% ; text-align:left;display:block; float:none;padding-left:10px; font-size:1.4rem;}
.nav li{ padding:0}
.nav li{border-bottom:#fff 1px solid; height:auto;}
.nav li a{ height:34px; line-height:34px; width:100%; border-radius:0; max-width:100%}

.head_nav{ width:100%}
.sousuo{ width:100%; text-align: left; margin-top:5px; position:relative; top:5px;}
.sousuo .sousuoinp{  left:30px; display:block; width:80%}

.foot_title{ text-align:center; margin:0 auto}
.foot_erweima{ width:50%; float:none; margin:0 auto; clear:both}
.foot_contact{ width: 60%;}
.footbig{ background-position: top 120px; padding-top:20px; padding-bottom:20px}


.market_top{ position:relative; top:0; padding:15px; width:100%}
.market_lsit .tishidao{ font-size:14px;}

.news_right{ padding-top:3%}
.news_right .con{ max-height:125px; overflow:hidden}

.contact_left{ width:48%; margin-left:2%}
.contact_right{ width:48%; margin-right:2%; padding-top:0}

.about_zi{ width:92%; margin:20px auto; font-size:16px; line-height:30px;}

.design_4eaf61_right{ bottom:30px;}
.hlogo img{ height:auto}

.product-tit{ background:url(../image/porbigphone1.png) left center no-repeat; background-position:-75px 0; width:75px; max-width:100%; background-size:cover; height:75px; margin:0 auto }
.pro-img2{ background-image:url(../image/porbigphone2.png)}
.pro-img3{ background-image:url(../image/porbigphone3.png)}
.pro-img4{ background-image:url(../image/porbigphone4.png)}
.pro-img5{ background-image:url(../image/porbigphone5.png)}

}
@media screen and (max-width: 600px) {
.market_banner img{ width:100%}
.hlogo{ width:30%;}
.head_right{ width:68%}
.hsourigh{ padding-right:0}
.hsourigh .soukuang{ display:none}
.nav-toggle{ top:38px; right:10px}
.nav{ margin-top:22px;}
.head{ margin-bottom:13px;}


.index_por2{ padding:20px 0;}
.index_tit{ font-size:26px; padding-left:10px;}
.index_tit strong{ font-size:18px;}
.index_porlist li{ width:46%}
.index_porlist li .beiming{ font-size:16px; bottom:5px;}
.index_por img{ width:50%; margin:0 auto; display:block}
.ind_por_tit span{ font-size:13px;}
.index_por{ padding-bottom:10px;}

.sale_img1{ display:none}
.sale_img2{ display:block}
.index_pinpai-zi{ font-size:14px; width:90%; margin:0 auto}
.design_con_left{ display:none}
.design_con_right{ width:100%}

.index_pin_con{ padding:0}
.index_pin_con .pinpai_con{ width:100%; box-sizing:border-box;}

.foot_erweima{ display:block; width:100%; margin-top:10px}
.foot_service{ width:50%; display:none}
.foot_contact{ width:100%; display:none}

.news_right,.news_left{ width:100%;}
.news_left{ text-align:center}
.fenye{ text-align:center}
.news_right .tit{ font-size:20px;} 
.news_right .con{ font-size:15px;}
.news_list{ margin-bottom:20px;}


.contact_left{ width:90%; margin-left:5%}
.contact_left .cont_input,.cont_textarea{ width:100%}
.contact_left .input_btn{ margin-right:0}
.contact_right { width:90%; margin-right:5%; margin-top:20px;}
.contact_right .foot_contact{ display:block}
.contact_right .foot_contact li{ font-size:18px; }
.cont_input{ margin-bottom:10px;}


.about_top{ display:none;}
.about_top2{ display:block; width:90%; margin:30px auto}

.about_bottom{ padding-top:20px;}
.about_bottom_img{ width:90%; margin-left:5%;}
.about_bottom_zi{ width:90%; margin-right:5%; padding-top:20px; font-size:16px;}

.product_list{ border-bottom:1px solid #ccc; padding-bottom:20px;}
.pro_list_left{ display:none}
.pro_list_con{ width:100%; margin-left:0; box-sizing:border-box; padding-right:3%;}
.pro_list_cionzi ul{ margin-left:10px;}
.pro_list_img{ position:relative; bottom:0; width:100%; text-align:center;}
.pro_list_right{ width:100%}
.pro_list_right img{ float:left; width:33.3%; }

.kongxi{ height:20px;}

.pro_list_contit .tit1{ font-size:18px;}
.pro_list_contit .oz{ left:0; font-size:14px;}
 
.design_img{ height:60px; width:60px; margin-right:10px; margin-left:5px;}
 
.design_fff_left{ width:100%;}
.design_fff_right{ width:100%}

.design_4eaf61{ padding:10px 0 20px;}
.design_4eaf61 .design_fff_tit{ position:relative}
.design_4eaf61_right{ position:relative; bottom:0; width:90%; margin-left:5%}
.design_zhihe{ display:none}
.design_toptit{ font-size:16px;}
.design_tit{ padding:30px 0 0}

.fenye a{ font-size:18px; width:30px; height:30px; line-height:30px;}
.market_banner{ background-position:top}
}
@media screen and (max-width: 320px) {
	.nav-toggle{ top:35px; right:5px;}
}