#header{ width:100%; position:relative;}
.head_top{ position:absolute; left:0px; top:0px; right:0; z-index:100; background-color:rgba(0,89,179,0.8);}
.logo{ width:200px; padding:15px 10px 15px; float:left; display:inline-block; background:#fff;}
.logo a{ display: block;}
.logo a img{ width:100%;}
.hd_search{ float:right; height:65px; padding:40px 0 0 10px; position:relative; border-left:1px solid #004B97;}
.hd_search .search{ display:none; position:absolute; right:0px; top:95px; width:440px; height:40px; z-index:999; background:#fff;}
.hd_search b{ display:inline-block; width:20px; height:20px; background:url(../images/icon_search.png) no-repeat; cursor:pointer;}
.hd_search .s_input{ width:372px; height:40px; line-height:40px; padding:0 10px; float:left;}
.hd_search .s_button{ width:48px; height:40px; line-height:40px; background:url(../images/icon_search.jpg) center no-repeat; cursor:pointer; outline:0; float:right;}
.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;}
/** .hd_search:hover .search, .hd_search:link .search{ display:block;} **/

.search-con{display: none;}
.search-con:checked ~ .search{display: block;}
.search-btn{ display:inline-block; width:20px; height:20px; background:url(../images/icon_search.png) no-repeat; cursor:pointer;}


.navbox{ float:right;}
.hd-nav{}
.hd-nav ul li{ float:left; position:relative;}
.hd-nav ul li .nav-item a{ display:block; padding:25px 20px; line-height:55px; font-weight:bold; text-transform:uppercase; transition: 0.4s; font-size: 18px; text-shadow:2px 2px #004B97; color:#fff; border-left:1px solid #004B97;}
.hd-nav ul li .nav-item a:hover,
.hd-nav ul li.on .nav-item a{ transition: 0.4s; border-bottom:3px solid #ff771c;}

#banner{ width:100%;}
#banner .img a{ width:100%; height:720px; display:block; background-size:cover !important;}

.index_box01{}
.menu{ width:20%; float:left; margin:20px 0;}
.menu h2{ height:45px; line-height:45px; background:#ff771c; padding:0 10px; color:#fff; font-size:18px;}
.menu ul{}
.menu ul li{ margin:1px 0 0; background:#f0f0f0; position:relative;}
.menu ul li .m_tit{ display:block; height:38px; line-height:38px; background:#f0f0f0 url(../images/icon_01.png) 210px 12px 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:#ff771c;}
.menu ul li:hover .m_bottom{ display:block;}
.menu ul li:hover{ background:#ff771c;}
.menu ul li:hover .m_tit{ background:#ff771c; color:#fff;}

.box01_right{ width:78.5%; float:right; margin:20px 0;}

#product_list{}
#product_list .swiper-slide{ width:20%; float:left; margin:0 0 20px;}
#product_list .swiper-wrapper{ height:auto; display:block;}
.index_product{ background:#525355; padding:60px 0 40px; text-align:center; color:#fff;}
.index_product .w1200{ position: relative;}
.index_product h3{ font-size:30px; margin:0 0 50px; font-weight:bold; text-transform:uppercase;}
.product_con{ display:block; position:relative; padding:0px 5px;}
.product_con .img{ display:block;}
.product_con .img img{ width:100%;}
.product_con h2{ height:66px; line-height:22px; overflow:hidden; font-size:14px; padding:10px 10px 0; background:#333;}
.product_con h2 a{ color:#fff;}
.product_con p{ height:22px; line-height:22px; overflow:hidden; background:#333; padding:10px 10px 0; color:#999;}
.product_con .button{ width:100%; padding:15px 0 0; background:#333;}
.product_con .button a{ float:left; height:30px; line-height:30px; display:block; background:#EC5F00; width:50%; color:#fff; overflow: hidden;}
.product_con .button a.more{ background:#ff771c;}
.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:-50px;background:#e1e1e1 url(../images/prev.png) no-repeat center center;}
.public-next{right:-50px;background:#e1e1e1 url(../images/next.png) no-repeat center center;}
.public-prev.swiper-button-disabled{ background-image:url(../images/prev2.png);}
.public-next.swiper-button-disabled{ background-image:url(../images/next2.png);}

.index_brand_box{ padding:60px 0;}
.index_brand_box .w1200{ position: relative;}
.index_brand_box h3{ text-align:center; font-size:32px; font-weight:bold; text-transform:uppercase; margin:0 0 50px;}
.brand_con{ width:100%;}
.brand_con a{ display:inline; float:left; width:230px; margin:5px 10px; padding:0 24px; border:1px solid #DBE0E2;}
.brand_con a img{ width:100%;}

.index_feature{ background:#F3F3F3; padding:60px 0;}
.index_feature li{ width:33.33%; float:left; text-align:center;}
.index_feature li b{ width:100%; height:100px; display:block;}
.index_feature li b.icon01{ background:url(../images/icon_06.png) no-repeat center center;}
.index_feature li b.icon02{ background:url(../images/icon_07.png) no-repeat center center;}
.index_feature li b.icon03{ background:url(../images/icon_08.png) no-repeat center center;}
.index_feature li h3{ font-size:20px; color:#ED6000; margin:20px 0;}
.index_feature li p{ padding:0 30px; margin:0 0 30px;}
.index_feature li a{ display:inline-block; background:#e4e4e4; padding:5px 60px; text-transform:uppercase; border:1px solid #e4e4e4;}
.index_feature li a:hover{ background:#fff; border:1px solid #ED6000;}

.index_box02{ padding:60px 0 0;}
.index_box02 h3{ text-align:center; font-size:32px; font-weight:bold; text-transform:uppercase; margin:0 0 50px;}
.index_news{ width:100%;}
.index_news ul{}
.index_news ul li{ float:left; width:33.33%; margin:0 0 20px;}
.index_news ul li .hk_img{ padding:0 20px;}
.index_news ul li .hk_img img{ width:100%; border:1px solid #ddd;}
.index_news ul li h2 a{ font-size:16px; display:block; padding:0 20px; line-height:25px; height:50px; overflow:hidden;}
.index_news ul li b{ display:block; font-weight:normal; color:#999; padding:0 20px; margin:10px 0; font-size:16px;}
.index_news ul li p{ color:#888; padding:0 20px;}

.index_box03{ padding:30px 0;}
.index_box03 h3{ text-align:center; font-size:32px; font-weight:bold; text-transform:uppercase; margin:0 0 50px;}
.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; background:#000;}
.f_contact{ width:100%; padding:40px 0; color:#fff; line-height:25px; background:#222;}
.f_contact dl{ width:1200px; margin:0 auto; font-size:16px;}
.f_contact dl dt{ float:left; width:600px;}
.f_contact dl dd{ float:left; width:200px;}
.f_contact dl dt strong, .f_contact dl dd strong{ display:block; font-weight:normal; font-size:14px; color:#999;}
.copyright{ margin:25px 0 0; color:#999;}
.social-icons{ float:right; width:200px; 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);}

.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:120px 0 20px; background:#f0f0ed;}
.breadcrumb{ height:20px; 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:15px 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:220px; 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;}
.product_brand ul li .p_img img{ width:100%; opacity:.9; transition:opacity .3s ease;}
.product_brand ul li a:hover .p_img img{ opacity:1;}

.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:#4d4d4d;}

.con_rightbox{ width:78.5%; float:right; margin:20px 0;}
.title-bar{ padding:10px 0; line-height:25px; font-size:18px; border-bottom:1px solid #ddd; margin:0 0 20px;}
.class-bar{ padding:10px 0; line-height:25px; font-size:18px; border-bottom:1px solid #ddd; margin:0 0 20px; text-transform:uppercase;}
.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:62%; max-width:62%; padding:10px; box-sizing:border-box; float:left; height:50px; overflow:hidden;}
.product-view .Model{width:30%; max-width:30%; 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.More a{ display:block; width:30px; height:30px; background:#222; 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:#4d4d4d; color:#fff;}

.product_bottom{ border-left:1px solid #DBE0E2; margin:0 0 20px;}
.product_bottom li{ float:left; width:25%; 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;}
.product_bottom .img img{ width:100%;}
.product_bottom h2{ height:44px; line-height:22px; overflow:hidden; margin:10px 0;}
.product_bottom p{ height:22px; line-height:22px; overflow:hidden; color:#999; margin:0 0 10px;}
.product_bottom .button{ width:100%;}
.product_bottom .button a{ float:left; height:30px; line-height:30px; display:block; background:#EC5F00; width:50%; color:#fff; overflow: hidden;}
.product_bottom .button a.more{ background:#ff771c;}

.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:24px; font-weight:bold; line-height:30px; margin:10px 0;}
.p_information p{ color:#666; line-height:36px;}
.p_information .model{ color:#333;}
.p_information .price{ color:#333; font-size:20px; font-weight:bold;}
.p_information .brand a{ color:#ff771c;}
.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:#ff771c; color:#fff; text-align:center; line-height:42px; float:left; margin:10px 30px 15px 0;}
.p_information .btn_m{ background:#F0F0ED; color:#000;}
.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:18px; 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:#ff771c;}
.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:#ff771c; color:#fff;}
.quote_box .q_list .add{ background:#F0F0ED; color:#000;}


.newsbox{ width:100%; margin:20px 0 0;}
.list_title{ font-size:20px; padding:0 0 10px; border-bottom:1px solid #ddd;}
.newsbox .listbox{ margin:0 0 20px; min-height:300px;}
.newsbox .listbox li{ float:left; width:23%; padding:20px 1%; border-bottom:1px solid #eee;}
.newsbox .listbox li .hk_img{ width:100%; margin:0 0 10px;}
.newsbox .listbox li .hk_img a{ display:block;}
.newsbox .listbox li .hk_img img{ width:100%;}
.newsbox .listbox li h2{ font-size:16px; overflow:hidden; margin:10px 0 0; line-height:25px; height:50px; overflow:hidden;}
.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_top{ margin:30px 0 20px; padding:0 30%;}
.news_top h3{ font-size:30px; text-align:center; margin:0 0 20px;}
.menu_news{ margin:0 0 20px;}
.menu_news ul{}
.menu_news ul li{ float:left; width:33.33%; height:50px; line-height:50px; font-size:16px; text-align:center;}
.menu_news ul li a{ display:block;}
.menu_news ul li.hover a, .menu_news ul li:hover a{ color:#fff; background:#046EB8; font-weight:bold;}
.latest_news{ margin:0 0 20px;}
.latest_news h4{ height:45px; line-height:45px; padding:0 20px; background:#B6B6B6; color:#fff; font-size:18px;}
.latest_news ul{}
.latest_news ul li{ padding:15px 10px;}
.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{ width:100%; text-align:center; margin:0 0 50px;}
.address_text h3{ font-size:24px;}
.address_text h2{ font-size:36px; font-weight:bold;}
.address_text ul{}
.address_text ul li{ width:33.33%; margin:50px 0 0; font-size:18px; line-height:24px; float:left;}
.address_text ul li b{ display:block; float:left; width:30px; height:30px; background:#4d4d4d; 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{ font-weight:bold; margin:0 0 10px;}
.message_text{ width:60%; background:#f5f5f5; padding:50px 20%;}
.message_text .m_txt{ font-size:18px; line-height:30px; text-align:center;}
.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:125px; 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:#ff771c; 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:center}
.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:#ff771c;border-color:#ff771c;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: 1300px) {
.w1200{ width:100%; padding:0 10px; box-sizing:border-box;}
.navbox .w1200{ width:auto;}
#banner .img a{ height:600px;}	
.menu{ width:16%;}	
.box01_right{ width:82%;}
.index_news ul li .hk_img{ padding:0 10px;}
.index_news ul li b{ padding:0 10px;}
.index_news ul li h2 a{ padding:0 10px;}
.index_news ul li p{ padding:0 10px;}
.brand_con a{ width:23%; margin:5px 1%; box-sizing:border-box;}
.f_contact dl{ width:auto; padding:0 10px;}
.f_contact dl dt{ width:49%;}
.f_contact dl dd{ width:17%;}
.aboutbox01{ padding:30px 0;}
.aboutbox01 img{ width:500px; height:auto; margin:0 20px 0 0;}
.aboutbox02{ padding:30px 0;}
.aboutbox02 ul li{ width:33.33%; margin:0px; padding:0 10px; box-sizing:border-box;}
.aboutbox02 h2{ margin:0 0 20px;}
.aboutbox03{ padding:30px 10px;}
.aboutbox03 h2{ margin:0 0 10px;}
.aboutbox03 p{ line-height:30px;}
.main_title{ margin:20px;}
.product_brand ul{ width:100%;}
.product_brand ul li{ width:20%; padding:0 20px; margin:0 0 20px; box-sizing:border-box;}
.product_brand ul li .p_img{ height:auto;}
.product_brand ul li .p_img img{ width:auto; max-width:100%;}
.product_top .p_brand{ width:16%; height:auto;}
.product_top .p_brand_con{ width:82%;}
.con_rightbox{ width:82%;}
.product_images{ width:260px; height:auto; margin:0 20px 0 0;}
.product_images img{ max-width:100%; width:auto}
.p_information{ width:auto; float:none;}
.product_btn{ display:inline-block;}
.newsbox{ width:76%; padding:0 30px 0 0; box-sizing:border-box;}
.news_right{ width:24%;}
.contact_box{ margin:20px 10px;}
.address_text{ width:50%; padding:50px 60px; box-sizing:border-box; height:680px;}
.message_text{ width:50%; padding:50px 60px; box-sizing:border-box; height:680px;}
.address_text ul li h4{ width:340px;}
.address_text ul li p{ width:340px;}
.address_text ul li strong{ font-size:18px;}
.content{ margin:0 20px 20px;}
.public-prev{ left:0px;}
.public-next{ right:0px;}



}

@media screen and (max-width: 991px) {
.w1200{ padding:0;}
.logo{ width:133px; margin:10px 0; float:none;}
.logo img{ width:100%;}
#header .w1200{ padding:0 20px;}
.hd_search{ display:none;}

#header .navbox{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1001;background:#4d4d4d;padding:20px;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: 0;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; margin:0;}
#header .hd-nav ul li.on .nav-item a,
#header .hd-nav ul li .nav-item a:hover{ border:0px;}
#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:420px;}
.menu{ display:none;}
.box01_right{ float:none; margin:0 0 20px; width:100%;}
.con_rightbox{ width:100%;}
.public-prev{ left:2px;}
.public-next{ right:2px;}
.index_product{ padding:50px 20px;}
.index_product h3{ font-size:24px; margin:0 0 30px;}
.index_feature{ padding:40px 20px;}
.index_feature li{ width:100%; margin:10px 0;}
.index_feature li p{ margin:0 0 10px; padding:0;}
.index_news ul li{ width:100%; margin:0 0 20px;}
.index_box02{ padding:50px 20px 30px;}
.index_box02 h3{ font-size:24px; margin:0 0 30px;}
.index_news ul li .hk_img{ padding:0;}
.index_news ul li b{ padding:0;}
.index_news ul li h2 a{ padding:0;}
.index_news ul li p{ padding:0;}
.index_brand_box{ padding:0 20px 50px;}
.index_brand_box h3{ font-size:24px; margin:0 0 30px;}
.brand_con a{ width:48%;}
.f_contact{ display:none;}
.copyright{ width:100%;}
.social-icons{ width:100%;}

.center-container{ padding:90px 20px 20px;}
.product_brand ul li{ width:33.33%;}


.main_title{ margin:20px; font-size:24px;}
.faq_box{ margin:20px;}
.faq_title{ padding:10px 0; font-size:20px;}
.faq_text{ padding:10px 0;}
.breadcrumb{ height:auto;}
.newsbox{ width:100%; padding:0; float:none;}
.list_title{ margin:0 20px;}
.details_box{ margin:0 20px 20px;}
.news_title{ font-size:20px;}
.newsbox .listbox{ margin:0 20px 20px;}
.news_right{ width:100%; padding:0 20px; box-sizing:border-box; float:none;}
.contact_box{ margin:20px;}
.address_text h3{ font-size:20px;}
.address_text h2{ font-size:24px;}
.address_text ul li{ margin:20px 0 0;}
.address_text{ width:100%; height:auto; padding:50px; float:none;}
.message_text{ width:100%; height:auto; padding:50px; float:none;}
.message_text form{ margin:20px 0 0;}
.aboutbox01{ padding:20px;}
.aboutbox01 img{ width:40%; height:auto;}
.aboutbox01 strong{ font-size:24px; padding:15px 0;}
.aboutbox02{ padding:20px 10px;}
.aboutbox02 h2{ margin:0 0 20px; font-size:24px;}
.aboutbox02 ul li img{ width:100%; height:auto; margin:0 0 10px;}
.aboutbox03{ padding:20px;}
.aboutbox03 .text01{ width:100%;}
.aboutbox03 .img01 li{ width:48%;}
.aboutbox03 .img02{ width:100%; height:auto; margin:20px 0 0; float:none;}
.aboutbox03 .text02{ width:100%; float:none; margin:10px 0 0;}

.product_center{ margin:20px;}
.product_images{ width:20%; height:auto; margin:0; box-sizing:border-box;}
.product_images img{ max-width:100%; width:auto}
.p_information{ width:80%; float:left; padding:0 0 0 10px; box-sizing:border-box;}
.product_btn{ width:100%;}
.p_information .btn_q, .p_information .btn_m{ width:50%; margin:10px 0;}
.product_details{ margin:0 20px 20px;}
.class-bar{ margin:0 20px 20px;}
.product_bottom{ margin:0 20px 20px;}
.product_bottom li{ width:33.33%;}
.product_top .p_brand_con{ width:auto; margin:0;}
.title-bar{ margin:0 20px 20px;}
.product-view{ margin:0 20px 20px;}
.page-numbers{ width:auto; margin:0 20px 20px;}
.product-view .Model{ display:none;}
.product-view .Label{ display:none;}
.product-view .Price{ display:none;}
.product-view .Name{ width:92%; max-width:92%;}
.ivu-page{ margin:0 20px;}
.am-pagination{ margin:10px 20px;}

}
@media screen and (max-width: 767px) {
#banner .img a{ height:260px;}
}
@media screen and (max-width: 479px) {
	
.index_product{ padding:30px 15px;}
.index_product h3{ font-size:20px; margin:0 0 20px;}
.product_con .more{ height:auto;}
.product_con .button a{ width:100%; background:#151515;}
.product_con .button a.more{ background:#666;}
.index_feature{ padding:20px 15px;}
.index_box02{ padding:30px 15px;}
.index_brand_box{ padding:0 15px 30px;}
.index_brand_box h3{ font-size:20px; margin:0 0 20px;}
.index_box02 h3{ margin:0 0 20px;}
.center-container{ padding:90px 15px 20px;}
.main_title{ margin:15px;}
.product_brand ul li{ width:50%; padding:0 15px; margin:0 0 15px;}




.quote_box{ width:320px; height:510px; margin-left:-160px;}
.quote_box .q_list .btn{ font-size:14px;}
.back-top{ display:none;}
}