/***************** 自适应代码部份 *****************/
@media screen and (min-width:0px) and (max-width:1199px){
.top_bg{ border-bottom:1px #e7e7e7 solid;}
.top{ width:auto; margin:0 15px; line-height:36px;}
.top span{ background:url(../images/tel.gif) no-repeat 0 center; padding-left:20px;}
.top .login_register{ float:right; background:url(../images/user.gif) no-repeat 0 center; padding-left:25px;}

.cd-primary-nav > li.login,.cd-primary-nav > li.register{ display:none;}

.content{ width:100%; margin:0 auto;}

.rt_nav{ width:100%; padding:0 15px; float:none; box-sizing:border-box;}
.rt_nav ul li{ float:left; margin-right:30px;}
.rt_nav ul li a:hover{ text-decoration:underline;}

.products{ width:100%; padding:0 15px; margin:15px 0; box-sizing:border-box;}
.products ul#tab_btn li{ width:30%; }

ul.pro_list li{ float:left; display:inline-block;}

.ad_box img{ width:100%;}

.about{ margin-top:15px; padding:0 15px;}
.factory{ width:100%; margin-bottom:15px; float:none;}
.Exhibition{ width:100%; float:none;}
.factory img{ width:100%;}
.Exhibition img{ width:100%;}

.oem_brands{ width:100%; padding:0 15px; margin:20px 0 40px; box-sizing:border-box;}
.oem_brands .btn_box{ width:100%; left:15px;}

/* foot */
.footer .f_top{ width:100%;}
.footer .footer-guanzhu{ margin-left:15px;}
.search{ margin-right:15px;}

.footer .f_link{ width:100%; padding:0 15px; box-sizing:border-box;}
.footer .f_link dl{ width:48%;}

.f_link dl.contact{ width:100%; float:none;}

.banquan{ width:100%;}

.i_contact{ width:100%; padding:20px 15px; box-sizing:border-box; margin:50px 0; float:right; border:1px #f2f2f2 solid; background:url(../images/con_bg.gif) no-repeat center top; background-size:100%;}

.i_forget .con a.submit{ width:100%;}


/***************** insidpage *****************/
.i_content{ width:100%; padding:0 15px; box-sizing:border-box; margin:50px auto 100px;}

.i_about .con{ width:100%; padding:0 15px; box-sizing:border-box; margin:0 auto;}
.i_about .con p{ width:70%;}

.i_about .i_about_pic_list li p{ width:100%;}

#i_banner{ width:100%; padding:0 15px; box-sizing:border-box; height:150px; line-height:150px; margin:0 auto;}

.i_company{ width:100%; padding:0 15px; line-height:24px;}

.tool_box .tool{ width:48%; margin-top:30px;}
.tool_box .tool.prev{ float:left;}
.tool_box .tool.next{ float:right;}

.i_pro_pic{ width:50%; height:360px; overflow:hidden; float:left; text-align:center;}
.pro_about{ width:48%; float:right; line-height:2em; margin-top:50px;}

.lt_con{ width:25%; float:left; line-height:30px; position:relative; border:1px #ddd solid;}

.rt_con{ width:70%; float:right; background:#fff;}
ul.i_p_list{ width:100%;}
ul.i_p_list li{ width:33.33%; margin:0; padding:30px 10px; box-sizing:border-box;}
ul.i_p_list li span.pro_pic{ width:100%; height:auto; display:block; margin-bottom:10px;}
}


@media screen and (min-width:768px) and (max-width:1024px){

.cd-primary-nav > li.login,.cd-primary-nav > li.register{ display:block;}

.products .btn_box{ width:100px;}
.products .btn{ width:50px; height:50px;}
.products .prev1{ background:#fff url(../images/lt_btn.gif) no-repeat center center; background-size:20%;}
.products .next1{ background:#fff url(../images/rt_btn.gif) no-repeat center center; background-size:20%;}

ul.brand_list li{ width:220px; margin:0 20px 0 0;}
ul.brand_list li a{ width:220px; text-align:center;}
ul.brand_list li span.pic img{ width:100%;}

ul.i_brand_list li{ width:200px; float:left; margin:0 20px 20px 0; display:inline-block;}
ul.i_brand_list li a{ width:200px; text-align:center;}
ul.i_brand_list li span.pic{ height:130px; display:block; border:1px #d9d9d9 solid; overflow:hidden;}


.contact_way{ width:100%; padding:0 15px; box-sizing:border-box;}
}


@media screen and (max-width:768px){
ul.pro_list li{ width:230px; margin:0 20px 0 0;}
ul.pro_list li a{ width:230px; text-align:center;}
ul.pro_list li span.pic{ height:138px; display:block; overflow:hidden;}

.ad_box{ margin:15px 15px 0;}

ul.brand_list li{ width:220px; margin:0 35px 0 0;}

ul.i_brand_list li{ width:220px; float:left; margin:0 20px 20px 0; display:inline-block;}
ul.i_brand_list li a{ width:220px; text-align:center;}
ul.i_brand_list li span.pic{ display:block; border:1px #d9d9d9 solid; overflow:hidden;}


.float_qq{ bottom:0;}
.float_qq li:nth-child(1),.float_qq li:nth-child(2){ display:none;}
}

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

.cd-primary-nav > li.login,.cd-primary-nav > li.register{ display:block;}

.top{ display:none;}

.products{}
.products ul#tab_btn li{ width:40%; }

ul.pro_list li{ width:180px; margin:0;}
ul.pro_list li a{ width:180px; text-align:center;}
ul.pro_list li span.pic{ height:110px; display:block; overflow:hidden;}

.warp_pic_list{ height:170px;}
ul.brand_list li{ width:170px; margin:0 15px 0 0;}
ul.brand_list li a{ width:180px; text-align:center;}
ul.brand_list li span.pic img{ width:100%;}

.rt_nav{ width:100%; padding:0 15px; float:none; box-sizing:border-box;}
.rt_nav ul li{ width:100%; float:left; margin-right:0;}

.footer .f_link dl dt{ padding-bottom:15px; font-size:18px; font-weight:bold;}

.footer .f_top .search{ float:none; padding-bottom:20px;}
.search{ width:auto; float:none; margin:0 15px; text-align:right; position:relative;}
.search input,.search a{ float:left; vertical-align:middle;}
.search a.search_btn{ width:12%; height:42px;}
.search input{ width:88%; height:42px;}

.footer .footer-guanzhu{ text-align:center;}
.footer .footer-guanzhu .fenxiang a{
	float: none;
	display:inline-block;
	width:45px;
	height:45px !important;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    margin-right: 30px;
	margin-top:20px;
}

.footer .footer-guanzhu .fenxiang a i{
	position: absolute;
	width: 42px;
	height: 42px;
	left: 0;
	top: 0;
	line-height: 42px !important;
	text-align: center;
	background: none !important;
	font-size:24px;
}


.contact_way{ width:100%; padding:0 15px; box-sizing:border-box;}
.contact_way li{ width:100%; float:none; margin-bottom:15px; font-size:16px;}

#pc_contact{ display:none;}
#m_contact{ display:block;}


/***************** insidpage *****************/
.i_content{  margin:20px auto 30px;}

.i_about .con h3{ font-size:32px; padding:50px 0 20px;}
.i_about .con p{ width:100%;}

.i_about .i_about_pic_list{ margin-top:30px;}
.i_about .i_about_pic_list li{ width:50%; float:left; margin-right:0; padding:0 10px;}

#i_banner_bg{ display:none;}
#i_banner{ width:100%; padding:0 15px; box-sizing:border-box; height:80px; line-height:80px; margin:0 auto;}
#i_banner h3{ font-size:24px; color:#9a9a9a;}

#i_mobile_banner_bg{ display:block;}
#i_mobile_banner_bg{ width:100%; padding:0 3%; box-sizing:border-box; height:80px; line-height:80px; margin:0 auto;}
#i_mobile_banner_bg h3{ font-size:20px; color:#fff;}


.contact_info{ width:100%; font-size:18px; line-height:24px; margin-bottom:30px;}

.i_contact{ width:100%; padding:20px 15px; box-sizing:border-box; margin:10px 0 20px; float:right; border:1px #f2f2f2 solid; background:url(../images/con_bg.gif) no-repeat center top; background-size:100%;}

.i_message{ width:100%; padding:0 15px; box-sizing:border-box; margin-top:0;}
.i_message li{ width:100%; padding:10px 0; box-sizing:border-box; float:none; font-size:16px;}

.i_message .submit,.i_message .reset{ display:inline-block; margin-top:20px; margin:20px 20px 0 0; float:none; text-align:center; color:#fff; background:#959595; border-radius:3px;}
.i_message .submit{ background:#00a0e9;}
.i_message .submit:hover,.i_message .reset:hover{ color:#fff; background:#DB4040;}


.i_forget{ width:100%; padding:20px 15px; box-sizing:border-box;}
.i_forget h3{ font-size:30px; margin-bottom:10px;}
.i_forget .con ul li input{ width:100%; padding-left:15px; line-height:40px; border:none; margin-right:20px;}
.i_forget .con ul li:nth-child(2) input{ width:100%; margin-bottom:15px;}
.i_forget .con a.submit{ width:100%;}

.i_login h3{ font-size:30px; text-align:center; margin-bottom:20px;}

.i_register .con li{ width:100%;}

.i_news ul#tab_btn li{ float:left; margin:0 4%;}
.i_news ul#tab_btn li a{ height:50px; color:#333; font-size:14px; line-height:50px; display:block; cursor:pointer; text-align:center; margin:0;}
.i_news ul#tab_btn li.hover a{ border-bottom:3px #db4040 solid;}

.i_news .con ul li{ padding:10px 0 20px; border-bottom:1px #f3f3f3 solid;}
.i_news .con ul li span.sort{ width:auto; padding:0 20px; display:block; margin-bottom:10px; line-height:36px; text-align:center; color:#979797; float:none; background:#e6e6e6;}
.i_news .con ul li h3{ font-size:18px; margin-bottom:10px;}
.i_news .con ul li p{ margin-top:10px;}

.i_company .oem_brands{ padding:0;}
ul.i_brand_list li{ width:44%; float:left; margin:0 7px 20px; display:inline-block;}
ul.i_brand_list li a{ width:50%; text-align:center;}
ul.i_brand_list li span.pic{ display:block; border:1px #d9d9d9 solid; overflow:hidden;}

.tool_box .tool{ width:100%; margin-top:30px;}
.tool_box .tool.prev{ float:none;}
.tool_box .tool.next{ float:none;}

.i_pro_pic{ width:100%; height:auto; overflow:hidden; float:none; text-align:center;}
.pro_about{ width:100%; float:none; line-height:2em; margin-top:50px;}
.pro_about .i_pro_name{ text-align:center;}
.pro_about a{ display:block; width:100%;}

.tab_title ul#tab_btn{ position:absolute; left:50%; top:10px;}
.tab_title ul#tab_btn li{ width:150px; height:46px; margin-left:-75px; float:none;}

.lt_con{ display:none;}

.rt_con{ width:100%; float:none; background:#fff;}
ul.i_p_list{ width:100%;}
ul.i_p_list li{ width:50%; margin:0; padding:0 8px 30px; box-sizing:border-box;}
ul.i_p_list li span.pro_pic{ width:100%; height:auto; display:block; margin-bottom:10px;}
ul.i_p_list li a b{ display:block; line-height:20px; text-align:center; font-weight:normal;}
}