#header{ width:100%; position:relative;}
.hd_top{ width:100%; height:32px; background:#7FB8E2; color:#fff; line-height:32px; font-size:13px;}
.hd_top .fl{ width:50%;}
.hd_top .fl span{ margin:0 12px 0 0; padding:0 0 0 25px;}

.hd_top .fl span.email a{ color: #fff;}
.hd_top .fr{ width:50%; text-align:right;}
.hd_top .fr span,.hd_top .fr a{ color:#fff; padding:0 12px;}
.logo{ width:212px; height:64px; margin:50px 285px 0 0; float:left;  display:inline-block;padding-top: 10px;}

.hd_search{ width:442px; height:40px; border:1px solid #DBE0E2; border-radius:21px; margin:29px 0; float:left;}
.hd_search .s_input{ width:374px; height:40px; line-height:40px; padding:0 10px; float:left;}

.hd_phone{ float:right; margin:28px 0 0; height:43px; line-height:43px; text-align:right; color:#222; font-size:20px; width:140px;}
.hd_phone a{ display:block;}
.hd_phone a:hover{ color:#222;}

.navbox{ width:100%; height:44px; background:#0072C6;}
.navbox .w1200{ position:relative;}

.hd-nav{}
.hd-nav ul li{ float:left;position:relative;}
.hd-nav ul li .nav-item a{ display:inline-block; padding:0 30px; line-height:44px; color:#fff; font-weight:bold; text-transform:uppercase; transition: 0.4s;}
.hd-nav ul li .nav-item a:hover,
.hd-nav ul li.on .nav-item a{ background:#0060A6;transition: 0.4s;}

.ChangeCountry{ position:absolute; right:0px; top:0px; height:44px; line-height:44px; color:#fff; text-transform:uppercase; cursor:pointer; background:#333; padding:0 10px; overflow:hidden;}
body { position:static !important; top:0px !important;}
iframe.goog-te-banner-frame{ display: none !important;}
.goog-te-banner-frame{ display:none !important;}
.goog-te-gadget-simple{ background:#333 !important; border:none !important; padding:0 !important; text-transform:none;}
.goog-te-gadget-simple .goog-te-menu-value span{ color:#fff !important;}

.index_box01{}
.menu{ width:20%; float:left; margin:40px 0;}
.menu h2{ height:60px; line-height:60px; background:#137776; padding:0 10px; color:#fff; font-size:20px;}
.menu ul{}
.menu ul li{ margin:1px 0 0; background:#f0f0f0; position:relative;list-style: none;}
.menu ul li .m_tit{ display:block; height:48px; line-height:48px; background:#f0f0f0 url(../images/icon_01.png) 210px 15px no-repeat; color:#000; padding:0 10px;}
.menu ul li .m_bottom{ position:absolute; right:-232px; top:0px; width:230px; display:none; z-index:2; background:#f0f0f0; border:1px solid #ddd;}
.menu ul li .m_bottom a{ padding:10px; line-height:18px; border-bottom:1px solid #e1e1e1; display:block; color:#666; font-size:14px;}
.menu ul li .m_bottom a:hover{ color:#fff; background:#ddd;}
.menu ul li:hover .m_bottom{ display:block;}
.menu ul li:hover{ background:#ddd;}
.menu ul li:hover .m_tit{ background:#ddd; color:#0060A6;}

#product_list{ border-left:1px solid #DBE0E2;}
.box01_right{ width:78.5%; float:right; margin:55px 0;}
#banner{ width:100%;}
#banner .img{ width:100%;}
#banner .img a{ display:block; height:600px;}
#banner .img img{ width:100%;}
.index_about{ margin:0 0 40px; text-align:center;}
.index_about h2{ font-size:30px; margin:0 0 10px;}
.index_about p{ line-height:28px; font-size:16px;}
.index_product{ position: relative;}
.index_product h2{ font-size:20px; color:black; margin:0 0 10px;}
.product_con{ display:block; box-sizing:border-box; border-top:1px solid #DBE0E2; border-right:1px solid #DBE0E2; border-bottom:1px solid #DBE0E2; position:relative; padding:15px; text-align:center;}
.product_con .img{ display:block; text-align:center;width: 204px;height: 204px;}
.product_con .img img{ width:100%;}
.product_con h2{ height:66px; line-height:22px; overflow:hidden; font-size:14px;}
.product_con h3{ color:black; height:22px; line-height:22px; overflow:hidden;}
.product_con span{ display:block; margin:10px 0 5px;}
.product_con h4{ font-size:18px; font-weight:bold;}
.product_con .more{ }
.product_con .more a{ height:30px; line-height:30px; display:block; background:#f0f0f0; width:100%; margin:10px 0 0; overflow: hidden;}
.public-prev,.public-next{ display: block; width:50px; height:50px; box-sizing: border-box; position: absolute; top: 50%; margin-top:-25px; z-index:2;}
.public-prev{left:1px;background:#e1e1e1 url(../images/zuo.png) no-repeat center center;}
.public-next{right:1px;background:#e1e1e1 url(../images/you.png) no-repeat center center;}
.public-prev.swiper-button-disabled{ background-image: url(../images/zuo.png);}
.public-next.swiper-button-disabled{ background-image: url(../images/next2.png);}

.index_brand_box{ margin:0 0 40px; position:relative;}
.index_brand_box h2{ width:100%; height:40px; line-height:40px; font-size:30px; text-align:center; margin:0 0 20px;}
.brand_con{}
.brand_con a{ display:block; float:left; width:230px; padding:5px 35px; background:#fff;}
.brand_con a img{ width:100%;}

.index_box02{ background:#f5f5f5; padding:40px 0;}
.index_box02 h2{ text-align:center; font-size:30px; margin:0 0 20px;}
.index_box02 .w1200{ width:1224px;}
.index_news{ padding:0 12px; width:384px; overflow:hidden;float:left;margin: 0 auto;}
.index_news h5{ width:100%; height:44px; line-height:44px; text-align:center; background:#62BCFF; color:#fff; font-size:20px;}
.index_news ul{}
.index_news ul li{ padding:18px 0; border-bottom:1px solid #DBE0E2;}
.index_news ul li a{ height:20px; line-height:20px; overflow:hidden; display:block; margin:0 0 8px;}
.index_news ul li b{ height:23px; line-height:23px; overflow:hidden; display:block; font-weight:normal; color:#999;}
.index_news ul li b img{ width:16px; height:16px; margin:0 8px 0 0;}

.index_box03{ padding:30px 0;}
.index_box03 h2{ text-align:center; font-size:30px; margin:0 0 20px;}
.index_shipment_box{ position:relative;}
.shipment_con{ margin:0 10px;}
.shipment_con img{ width:100%;}
.index_shipment_box .shipment-prev,.shipment-next{ top:50%; margin-top:-25px;}
.index_shipment_box .shipment-prev{ left:10px;}
.index_shipment_box .shipment-next{ right:10px;}

.footerbox{ padding:0 0 20px;}
.f_contact{ width:100%; padding:25px 0; background:#0072C6; color:#fff; line-height:25px;}
.f_contact ul{ width:1200px; margin:0 auto;}
.f_contact ul li{ float:left; height:50px; line-height:25px;}
.f_contact ul li.one{ width:200px; background:url(../images/icon_03.png) left center no-repeat; padding:0 0 0 60px;}
.f_contact ul li.two{ width:200px; margin:0 80px; background:url(../images/icon_04.png) left center no-repeat; padding:0 0 0 60px;}
.f_contact ul li.three{ width:460px; background:url(../images/icon_05.png) left center no-repeat; padding:0 0 0 60px;}
.f_contact ul li b{ font-weight:normal; font-size:16px;}
.foot{ padding:20px 0 10px; text-align:center;}
.foot li{ display:inline-block; padding:0 10px;}

.social-icons{ width:100%; height:30px; text-align:center; margin:20px 0 0;}
.social-icons .social-icon{ display:inline-block; width:30px; height:30px; padding:0 10px;}
.social-icons .social-icon em{ display:block; width:30px; height:30px; background-size:cover; background-color:#ddd;}
.social-icons .social-icon .Facebook{ background-image:url(../images/icon07.png);}
.social-icons .social-icon .Twitter{ background-image:url(../images/icon08.png);}
.social-icons .social-icon .Linkedin{ background-image:url(../images/icon09.png);}
.social-icons .social-icon .Youtube{ background-image:url(../images/icon10.png);}

.copyright{ text-align:center;}

.back-top{width: 46px;height: 54px;background:url(../images/back-top.png);background-size: 100% 100%;opacity: 0.5;position: fixed;left: 5px;bottom: 0;z-index: 105;cursor: pointer;}
.back-top:hover{ opacity:1;}

.center-container{ padding:20px 0; background:#f0f0ed;}
.breadcrumb{ line-height:20px; color:#666;}
.breadcrumb span{ padding:0 10px;}
.main-container{ width:100%;}

.aboutbox01{ padding:50px 0; font-size:16px; line-height:23px;}
.aboutbox01 img{ width:50%; float:left; margin:0 30px 30px 0;}
.aboutbox01 strong{ display:block; font-size:32px; padding:5px 0 20px;}
.aboutbox02{ background:#f7f7f7; padding:50px 0;}
.aboutbox02 h2{ font-size:30px; text-align:center; font-weight:bold; margin:0 0 40px;}
.aboutbox02 ul{}
.aboutbox02 ul li{ float:left; width:31.33%; margin:0 1%; text-align:center; font-size:16px; line-height:22px;}
.aboutbox02 ul li img{ width:300px; height:200px; margin:0 0 20px;}
.aboutbox03{ padding:50px 0;}
.aboutbox03 .text01{ width:100%;}
.aboutbox03 h2{ font-size:30px; font-weight:bold;}
.aboutbox03 p{ font-size:20px; color:#666; line-height:32px;}
.aboutbox03 .img01{ margin-right: -15px; margin-left: -15px;}
.aboutbox03 .img01 li{ float:left; width:23%; margin:20px 1% 0; position:relative; display:inline;}
.aboutbox03 .img01 li img{ width:100%;}
.aboutbox03 .img01 li p{ font-size:14px; text-align:center;}

.product_brand{ width:100%; overflow:hidden;}
.main_title{ margin:30px 0 20px; font-size:30px;}
.product_brand ul{}
.product_brand ul li{ width:380px; float:left; margin:0 20px 30px 0; text-align:center;}
.product_brand ul li .p_img{ border:1px solid #dbe0e2; width:auto; margin:0 0 10px; text-align:center; padding:20px 74px;}
.product_brand ul li .p_img img{ width:100%; transition:opacity .3s ease;}

.brand_text{ margin:20px 0 0;}
.brand_text img{ width:100%;}
.product_top{ margin:20px 0 0;}
.product_top .p_brand{ border:1px solid #dbe0e2; width:230px; text-align:center; background:#fff; float:left;}
.product_top .p_brand img{ width:100%;}
.product_top .p_brand_con{ float:right; width:940px; line-height:20px;}
.product_top .p_brand_con p{ color:#888; margin:10px 0 0;}
.product_top .p_brand_con p span{ color:#0072C6;}

.con_rightbox{ width:78.5%; float:right; margin:20px 0;}
.title-bar{ padding:25px 0 10px; line-height:34px; font-size:18px; border-bottom:1px solid #ddd; margin:0 0 20px;}
.class-bar{ padding:10px 0; line-height:25px; font-size:16px; border-bottom:1px solid #ddd; margin:0 0 20px;}
.product-view{ border:1px solid #EDEDED; margin:0 0 20px;}
.product-view .p_title{ height:50px; line-height:30px; background:#FAFAFA; font-size:16px; color:#666;}
.product-view .Name{width:71%; max-width:71%; padding:10px; box-sizing:border-box; float:left; height:50px; overflow:hidden;}
.product-view .Model{width:21%; max-width:21%; padding:10px; box-sizing:border-box; float:left; height:50px; overflow:hidden;}
.product-view .Label{width:21%; max-width:21%; padding:10px; box-sizing:border-box; float:left; height:50px; overflow:hidden;}
.product-view .Price{width:10%; max-width:10%; padding:10px; box-sizing:border-box; float:left; height:50px; overflow:hidden;}
.product-view .More{width:8%; max-width:8%; padding:10px; box-sizing:border-box; float:left; height:50px; overflow:hidden;}
.product-view ul{}
.product-view ul li{ border-bottom:1px solid #ededed; line-height:30px;}
.product-view ul li.Price{ font-weight:bold;}
.product-view ul li.More a{ display:block; width:30px; height:30px; background:#7FB8E2; color:#fff; text-align:center; font-size:20px;}

.page-numbers{ width:100%; margin:0 0 20px;}
.page-numbers li{ float:left; margin:0 8px 0 0;}
.page-numbers li a{ padding:0 16px; background:#f1f1f1; border:1px solid #ebebeb; display:inline-block; height:30px; line-height:30px;}
.page-numbers li span{ padding:0 16px; background:#f1f1f1; border:1px solid #ebebeb; display:inline-block; height:30px; line-height:30px;}
.page-numbers li span.current{ background:#0072C6; color:#fff;}

.product_bottom{ border-left:1px solid #DBE0E2; margin:0 0 20px;}
.product_bottom li{ float:left; width:20%; display:block; box-sizing:border-box; border-top:1px solid #DBE0E2; border-right:1px solid #DBE0E2; border-bottom:1px solid #DBE0E2; position:relative; padding:15px; text-align:center;}
.product_bottom .img{ display:block; height:100px; text-align:center;}
.product_bottom .img img{ width:100px; height:100px;}
.product_bottom h2{ height:66px; line-height:22px; overflow:hidden; margin:0 0 5px;}
.product_bottom h3{ color:#0072C6;}
.product_bottom span{ display:block; margin:10px 0 5px;}
.product_bottom h4{ font-size:18px; font-weight:bold;}
.product_bottom .more{}
.product_bottom .more a{ height:30px; line-height:30px; display:block; background:#f0f0f0; width:100%; margin:10px 0 0;}

.product_center{ margin:20px 0;}
.product_images{ width:300px; text-align:center; border:1px solid #ddd; float:left;}
.product_images img{ width: 100%;}
.p_information{ float:right; width:870px;}
.product_title{ font-size:20px; font-weight:bold; line-height:25px; margin:10px 0;}
.p_information p{ color:#666; line-height:32px;}
.p_information .model{ color:#333;}
.p_information .price{ color:#333; font-size:20px; font-weight:bold;}
.p_information .brand a{ color:#0085CC;}
.p_information .cate{ color:#333;}
.p_information .gua a{ color:#333; text-decoration:underline;}
.p_information p b{ display:inline-block; width:16px; height:16px; background:url(../images/icon12.png) no-repeat; margin:5px 5px 0 0;}
.p_information .btn_q, .p_information .btn_m{ width:304px; height:42px; display:block; background:#FF9000; color:#fff; text-align:center; line-height:42px; float:left; margin:10px 30px 15px 0;}
.p_information .btn_m{ background:#7FB8E2; color:#fff;}
.p_information strong{ float:left; font-weight:normal; margin:0 10px 0 0;}
.p_information .social-icons{ float:left; width:auto;}
.product_details{ border:1px solid #ddd; margin:0 0 20px;}
.details-bar{ height:50px; line-height:50px; background:#FAFAFA; font-size:16px; padding:0 20px;}
.product_details .text{ padding:20px; line-height:25px;}

.quote_main{ width:100%; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; z-index:3; left:0px; top:0px;}
.quote_box{ position:absolute; left:50%; top:50%; margin-left:-300px; margin-top:-250px; z-index:4; width:600px; height:500px; background-color:#fff; border-radius:5px;}
.quote_box .q_tit{ height:35px; line-height:35px; padding:10px 20px; position:relative; border-bottom:1px solid #ddd; font-size:18px; color:#0060A6;}
.quote_box .q_tit .close{ position:absolute; right:20px; top:20px; z-index:5; width:16px; height:16px; display:block; background:url(../images/icon_close.png) no-repeat; cursor:pointer;}
.quote_box .q_list{ padding:20px;}
.quote_box .q_list p{ width:100%; display:block; color:#666;}
.quote_box .q_list form{ display:block; margin:20px 0 0;}
.quote_box .q_list .input{ width:100%; height:40px; line-height:40px; padding:0 10px; border:1px solid #ccc; box-sizing:border-box; margin:10px 0 20px;}
.quote_box .q_list .textarea{ width:100%; height:70px; line-height:25px; padding:10px; border:1px solid #ccc; box-sizing:border-box; margin:10px 0 20px; outline:0;}
.quote_box .q_list .btn{ width:50%; height:45px; line-height:45px; cursor:pointer; display:inline-block; font-size:16px; outline:0;}
.quote_box .q_list .sub{ background:#0072C6; color:#fff;}
.quote_box .q_list .add{ background:#F0F0ED; color:#000;}


.newsbox{ width:870px; float:left; margin:20px 0 0;}
.list_title{ font-size:20px; padding:0 0 10px; border-bottom:1px solid #ddd;}
.newsbox .listbox{ margin:0 0 20px;}
.newsbox .listbox li{ padding:18px 0; border-bottom:1px solid #eee;}
.newsbox .listbox li a{ height:20px; line-height:20px; font-size:15px; overflow:hidden; display:block; margin:0 0 8px;}
.newsbox .listbox li b{ height:16px; line-height:16px; overflow:hidden; display:block; font-weight:normal; color:#999;}
.newsbox .listbox li b img{ width:16px; height:16px; margin:0 8px 0 0;}
.news_right{ width:300px; float:right; margin:20px 0;}
.menu_news{ margin:0 0 20px;}
.menu_news h3{ height:45px; line-height:45px; padding:0 20px; background:#0072C6; color:#fff;}
.menu_news ul{}
.menu_news ul li{ height:40px; line-height:40px; background:#f0f0f0; padding:0 20px; margin:1px 0 0; font-size:16px;}
.menu_news ul li.hover a{ color:#333;}
.latest_news{ margin:0 0 20px;}
.latest_news h4{ height:45px; line-height:45px; padding:0 20px; background:#B6B6B6; color:#fff;}
.latest_news ul{}
.latest_news ul li{ padding:15px 20px; background:#f0f0f0; margin:1px 0 0;}
.latest_news ul li a{ line-height:20px; display:block; margin:0 0 8px;}
.latest_news ul li b{ height:16px; line-height:16px; overflow:hidden; display:block; font-weight:normal; color:#999;}
.latest_news ul li b img{ width:16px; height:16px; margin:0 8px 0 0;}

.details_box{ margin:0 0 20px;}
.news_title{ margin:20px 0 10px; font-size:24px; font-weight:bold; line-height:30px;}
.news_date{ height:16px; line-height:16px; overflow:hidden; display:block; font-weight:normal; color:#999; padding:0 0 20px; border-bottom:1px solid #ddd;}
.news_date img{ width:16px; height:16px; margin:0 8px 0 0;}
.details_text{ margin:20px 0 0; line-height:26px;}
.details_text img{ max-width:100%;}

.faq_box{ margin:0 0 20px;}
.faq_box li{ margin:0 0 10px; line-height:24px;}
.faq_title{ padding:10px; border-bottom:1px solid #ddd; font-size:24px;}
.faq_text{ padding:20px 10px; font-size:16px;}
.contact_box{ margin:50px 0;}
.address_text{ float:left; width:500px; height:580px; padding:50px; background:#fafafa;}
.address_text h3{ font-size:24px;}
.address_text h2{ font-size:32px; font-weight:bold;}
.address_text ul{}
.address_text ul li{ margin:50px 0 0; font-size:18px; line-height:24px;}
.address_text ul li b{ display:block; float:left; width:30px; height:30px; background:#FF9000; border-radius:100%; margin:0 15px 0 0;}
.address_text ul li b.add_01{ background-image:url(../images/icon_add01.png);}
.address_text ul li b.add_02{ background-image:url(../images/icon_add02.png);}
.address_text ul li b.add_03{ background-image:url(../images/icon_add03.png);}
.address_text ul li b.add_04{ background-image:url(../images/icon_add04.png);}
.address_text ul li h4{ width:455px; display:inline-block; font-weight:bold; margin:0 0 10px;}
.address_text ul li p{ width:455px; display:inline-block; margin:0 0 0 45px; color:#333;}
.address_text ul li strong{ font-size:20px;}
.address_text .line{ height:1px; background:#ddd; margin:30px 0 0;}
.message_text{ float:left; width:500px; height:580px; padding:50px; background:#f5f5f5;}
.message_text .m_txt{ font-size:18px; line-height:30px;}
.message_text form{ display:block; margin:20px 0 0;}
.message_text form p{ color:#666;}
.message_text .input{ width:100%; height:40px; line-height:40px; padding:0 10px; border:1px solid #ccc; box-sizing:border-box; margin:10px 0 20px; background:#fff;}
.message_text .textarea{ width:100%; height:95px; line-height:25px; padding:10px; border:1px solid #ccc; box-sizing:border-box; margin:10px 0 20px; outline:0;}
.message_text .btn{ width:50%; height:45px; line-height:45px; cursor:pointer; display:inline-block; font-size:16px; outline:0; background:#FF9000; color:#fff;}

.content{ margin:0 0 20px;}
.content h3{ font-size:16px; margin:0 0 10px; color:#08c;}


.am-pagination{padding-left:0;margin:1rem 0;list-style:none;color:#999;text-align:left}
.am-pagination:after,.am-pagination:before{content:" ";display:table}
.am-pagination:after{clear:both}
.am-pagination>li{display:inline-block}
.am-pagination>li>a,.am-pagination>li>span{position:relative;display:block;padding:.5em .8em;text-decoration:none;line-height:1.2;background-color:#fff;border:1px solid #ddd;border-radius:0;margin-bottom:5px;margin-right:0px; font-size: 12px;}
.am-pagination>li:last-child>a,.am-pagination>li:last-child>span{margin-right:0}
.am-pagination>li>a:focus,.am-pagination>li>a:hover,.am-pagination>li>span:focus,.am-pagination>li>span:hover{background-color:#eee}
.am-pagination>.am-active>a,.am-pagination>.am-active>a:focus,.am-pagination>.am-active>a:hover,.am-pagination>.am-active>span,.am-pagination>.am-active>span:focus,.am-pagination>.am-active>span:hover{z-index:2;color:#fff;background-color:#0e90d2;border-color:#0e90d2;cursor:default}
.am-pagination>.am-disabled>a,.am-pagination>.am-disabled>a:focus,.am-pagination>.am-disabled>a:hover,.am-pagination>.am-disabled>span,.am-pagination>.am-disabled>span:focus,.am-pagination>.am-disabled>span:hover{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed;pointer-events:none}
.am-pagination .am-pagination-prev{ }
.am-pagination .am-pagination-prev a{border-radius:0}
.am-pagination .am-pagination-next{ }
.am-pagination .am-pagination-next a{border-radius:0}
.am-pagination-centered{text-align:center}
.am-pagination-right{text-align:right}


@media screen and (max-width: 1220px) {
.w1200{ padding:0 10px; width:100%; box-sizing:border-box;}
.logo{ margin:18px 150px 18px 0;}
#banner .img a{ height:500px; background-size:cover !important;}
.index_box02 .w1200{ width:100%;}
.index_news{ width:33.33%; padding:0 5px; box-sizing:border-box;}
.brand_con a{ width:33.33%; text-align:center; padding:5px 0;}
.brand_con a img{ max-width:100%; width:auto;}
.f_contact ul{ width:100%;}
.f_contact ul li.one{ width:20%; box-sizing:border-box;}
.f_contact ul li.two{ width:24%; box-sizing:border-box; margin:0;}
.f_contact ul li.three{ width:56%; box-sizing:border-box;}
.product_brand ul li{ width:31.33%; margin:0 2% 30px 0;}
.aboutbox03 .img01 li{ width:31.33%;}
.product_images{ margin:0 30px 0 0;}
.p_information{ width:auto; float:none;}
.p_information .btn_q, .p_information .btn_m{ width:280px;}
.product_bottom li{ width:33.33%;}
.address_text{ width:100%; height:auto; box-sizing:border-box;}
.address_text ul li p{ width:650px;}
.message_text{ width:100%; height:auto; box-sizing:border-box;}
.newsbox{ width:78.5%;}
.news_right{ width:20%;}

}

@media screen and (max-width: 991px) {
.hd_top{ display:none;}
.w1200{ padding:0;}
.logo{ width:133px; height:40px; margin:15px 0 0; float:none;}
.logo img{ width:100%;}
#header .w1200{ padding:0 20px;}
.hd_search{ width:100%; height:42px; box-sizing:border-box; margin:15px 0; position:relative; padding:0 50px 0 0;}
.hd_search .s_input{ width:100%; box-sizing:border-box;}
.hd_search .s_button{ position:absolute; right:0px; top:0px;}
.hd_phone{ display:none;}
.navbox .w1200{ width:auto;}

#header .navbox{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1001;background:#4d4d4d; transform: translateX(100%);transition: 0.4s; box-sizing:border-box;}
#header .navbox.nav-show{transition: 0.4s;transform: translateX(0);}
#header .hd-bar{display: none;}
#header .hd-nav{height: 100%;padding-top:40px;position: relative;}
#header .hd-nav .nav-close{display: block;width: 30px;height: 30px;background: url(../images/close.png);background-size: 100% 100%;top:15px;right: 0;position: absolute;}
#header .hd-nav ul{height: 100%;overflow-y: auto;}
#header .hd-nav ul li{float: none;padding: 5px 0;border-bottom: 1px solid #fff;}
#header .hd-nav ul li .nav-item{ position: relative;}
#header .hd-nav ul li .nav-item a{ padding:0;height:40px;line-height: 40px; display: block;}
#header .hd-nav ul li.on .nav-item a,
#header .hd-nav ul li .nav-item a:hover{background: none;}
#header .hd-nav ul li .dropdown{position: static;background: none;box-shadow: none;margin: 0;width: 100%;padding: 0 0 0 20px;}
#header .hd-nav ul li .dropdown::before{display: none;}
#header .hd-nav ul li .dropdown a{padding: 0;border: none;text-align: left;line-height: 30px;color: #fff;}
#header .nav-btn{ position:absolute; right:20px; top:15px; display: block;width:30px;height:30px;background: url(../images/menu.png);background-size: 100% 100%;}

#banner .img a{ height:240px;}
.menu{ display:none;}
.box01_right{ float:none; margin:0 0 25px; width:100%;}
.con_rightbox{ width:100%; margin:0;}
.title-bar{ padding:20px 0 10px;}
.index_product{ margin:20px 20px 0;}
.index_box02{ padding:20px 0;}
/*.index_news{ width:100%; padding:0 20px; margin:0 0 20px;}*/
.index_box03{ padding:20px 0;}
.index_brand_box{ margin:0 0 20px;}
.brand_con a{ width:50%;}
.f_contact{ padding:10px; width:auto;}
.f_contact ul li.one{ width:100%;}
.f_contact ul li.two{ width:100%;}
.f_contact ul li.three{ width:100%;}
.f_contact ul li{ height:auto; margin:10px 0;}
.foot li{ padding:0 5px;}
.center-container{ padding:20px;}
.main-container{ padding:0 20px; box-sizing:border-box;}
.product_brand ul li{ width:48%;}
.product_brand ul li .p_img{ padding:20px 0;}
.product-view .Model{ display:none;}
.product-view .More{ width:12%; max-width:12%;}
.product-view .Name{ width:88%; max-width:88%;}
.product_images{ width:100%; margin:0;}
.p_information{ width:100%;}
.p_information .btn_q, .p_information .btn_m{ width:50%; margin:15px 0;}
.aboutbox01{ padding:20px 0;}
.aboutbox02{ padding:20px 0;}
.aboutbox02 h2{ margin:0 0 20px;}
.aboutbox02 ul li{ width:100%; margin:0 0 10px;}
.aboutbox02 ul li img{ width:auto; max-width:100%;}
.aboutbox03{ padding:20px 0;}
.aboutbox03 .img01{ margin:0;}
.aboutbox03 .img01 li{ width:100%; margin:20px 0 0;}
.contact_box{ margin:20px 0;}
.address_text{ padding:20px;}
.address_text ul li h4{ width:100%;}
.address_text ul li p{ width:100%; margin:0;}
.address_text ul li{ margin:20px 0 0;}
.message_text{ padding:20px;}
.newsbox{ width:100%;}
.news_right{ width:100%; margin:0;}
.quote_box{ width:320px; height:510px; margin-left:-160px;}
.quote_box .q_list .btn{ font-size:14px;}

}
@media screen and (max-width: 480px) {
.aboutbox01 img{ width:100%; margin:0 0 20px;}
.product_bottom li{ width:100%;}
.product-view .Model{ display:none;}
.product-view .More{ display:none;}
.product-view .Name{ width:100%; max-width:100%; height:auto;}

}