﻿@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1700px){
	.index-main1-box2 h1{ font-size:36px; line-height: 36px; margin-bottom: 30px;}
	.index-main1-box2 h2{font-size:28px; line-height: 28px;}
	.index-main1-box2-right p{font-size:18px;}
	.index-main1-box2-left, .index-main1-box2-right{ padding: 80px 3% 0 3%; width:44%;}
}
@media screen and (max-width:1600px){
	.menu-list-text{ width:92%; margin-left:-46%;}
	.menu-list img{ width:55%;}
	.menu-list-text-content{ width:40%;}
	.menu-list-text-content p{-webkit-box-orient: vertical;-webkit-line-clamp: 5; overflow: hidden;display: -webkit-box;}
	.index-main1-box2-left img{ width:92%;}
	.index2_box .i2_b_unit .menu_intro:hover h1{margin-top:40px;}
}
@media screen and (max-width:1440px){
	.index2_box .i2_b_unit .menu_intro h1{height:60px;line-height:60px;font-size:28px;}
	.index2_box .i2_b_unit .menu_intro:hover h1{color:white;margin-top:40px;}
	.index3 .index3_box{width:94.44%;}
	.index3 .index3_box .i3_b_up{ width:92%;}
	.p_m_top{width:90%;}
	.pro_info{padding-right:20px;}
	
	.pro_main2.pro2>img{margin-left:0px;width:100%;}
	
	#foot2 ul li{margin:0 3%;}
	.index-about-left,.index-about-right{ width:48%;}
}

@media screen and (max-width:1360px){	
	.p_m_t_left{width:70%;}
	.index1_down ul{ width:92%;}
}

@media screen and (max-width:1300px){
	.index1_down .content2 .c2_unit{width:16%;margin:0 1.8%;}
	
	.p_m_t_left{width:90%; margin:20px auto}
	.p_m_t_right{position:static;}
	.p_m_top{width:100%;}
	
	.second ul li{margin:0 30px;}
}

@media screen and (max-width:1280px){
	.menu-list-text{ top:60px;}
	
	.foot_box{width:93.75%;}

	
	.second.pro8 ul li{width:19%;}
	.staxx-history-content{ width:88%;}
	
	.auc_unit,.staxx-accessory{width:94%;}
	.staxx-accessory-list-l,.staxx-accessory-list-r1,.staxx-accessory-list-l2,.staxx-accessory-list-r5,.staxx-accessory-list-r3,.staxx-accessory-list-r4{ width:60%;}
	.staxx-accessory-list-r,.staxx-accessory-list-l1,.staxx-accessory-list-r2,.staxx-accessory-list-l5,.staxx-accessory-list-l3,.staxx-accessory-list-l4{ width:37%;}
	.index2_box .i2_b_unit{ width:48%; padding: 1%;}
}

@media screen and (max-width:1200px){
	.head{width:95%;}
	
	.index2_box .i2_b_unit .menu_intro p{-webkit-line-clamp: 2;height:60px;}
	
	
	
	.f_content .f_contact{width:60%;}
	
	.list{width:96%;}
	.product{width:23%;margin:2% 1%;}
	.page-mian{width:100%;}
	.more_pro .product{width:31%;}
	
	
	.pro_list_title dl{width:80%;}
	.pro_list_title dl dt{width:25%;padding:0;height:38px;}
	.pro_list_title dl dt:last-child{background: url(../images/shu7.png) right no-repeat;}
	.pro_list_title .pro_search{width:18%;vertical-align: text-bottom;}
	
	.p_m_top.pro2{width:95.3%;}
	.p_m2_b{width:95.3%;margin:0 auto;}
	.p_m2_c.pmc5{display:none;}
	.bigpic{width:76%;margin:0;}
	.smallpic{width:21%;}
	
	.top p{width:95%;}
	.p_m5_c{width:95%;}
	.p_m5_c .left{margin-right:4%;}
	.img_po{margin-left:75%;}
	
	.pro_main4{width:95%;}
	.pro_main7 .p_m7{width:100%;}
	.pro_main8 ul{width:95%;}
	
	#road{width:100%;}
	#road .road{margin-left:20px;}
	.new-product-style{ width:92%;}
	.vietnam-factory,.staxx-download-main{ width:92%}
	.vietnam-factory-advantage{ padding:25px 2%}
	.vietnam-factory-list-text p{ font-size:16px; line-height:20px;}
	.vietnam-factory-list-text h2{ margin-bottom:5px;}
	
	.staxx-download-list ul li{ width:96%}
	.headdown ul li{margin-left:47px;}
	.sanjiao img{display:none}
	.index-main1-box2-left, .index-main1-box2-right{ width:94%; height: auto; padding-bottom: 30px;}
	.index-main1-box2-left img{ width:auto;}
	.page-con{ width:92%;}
	.bwk-inner-about img{ width:100%; display:block}
	.p_m_top.pro2 .p_m_t_left{ width:55%;}
	.p_m_top.pro2 .p_m_t_right{ width:42%; margin-left:3%}
	
	
		.nybj{width:100%;padding:50px 0}
.main{width:100%;margin:0 auto;over flow:hidden; }
.topicList{ width: 100%;}
.topicList .topic{ width: 100%; height: 200px; margin-bottom:30px;}
.topicList .topic .cover{ width: 200px; height: 200px; border-top:#db2028 5px solid; overflow: hidden; position: relative;display: none;}
.topicList .topic .cover .time{ width: 78px; height: 65px; position: absolute; left: 15px; top: 0; text-align: center; font:normal 16px arial;  color:#fff; padding-top: 5px; }
.topicList .topic .cover .time span{ font-size: 36px; }
.topicList .topic .detail{ width: 372px; height: 205px; position: relative;}
.topicList .topic .detail .title{ font-size:16px; width: 320px; margin: 0 auto; line-height:2em;}
.topicList .topic .detail .title a{ color:#666666; }
.topicList .topic .detail .title a:hover{color:#db2028;}
.topicList .topic .detail .abstract{  font-size:14px; line-height:2em;width: 320px; margin:auto; text-indent:2em; }
.topicList .topic .detail .more{text-align: right; position: absolute; right: 80px; font-size:15px;}
.topicList .topic .detail .more a{ color:#000; }
.topicList .topic .detail .more a:hover{ color:#db2028; }

.fl{ float:left;}

.pagebar{text-align:center;padding:20px 0;clear:both;}
.pagebar a { color:#000;padding:0 5px}
.pagebar span{ padding:0 5px}

.r_con .index-service-content {width: 100%; margin: auto; }

.con4{ display:none;}

}

@media screen and (max-width:1165px){
	
	
	.product{width:31.3%;}
	.more_pro .product{width:47%;}
	
	.four ul{width:100%;}
	
	.second ul li{margin:0 10px;}
	
	.third .mainGallery{width:94%;}
	
	.p_m5_c .middle p{font-size:24px;}
	
	.pro_main3 .third{display:none;}
	.second.bg0,.second.bg1,.second.bg2{background:none;background-color:white;}
	
	.contact-left{width:52%;}
	.contact-right{width:46%;}
}

@media screen and (max-width:1080px){
	.headdown ul li{margin-left:15px;}
	
	.index2_box .i2_b_unit .menu_intro:hover h1{margin-top:20px;}
	.index2_box .i2_b_unit .menu_intro p{line-height:24px;height:48px;}
	
	.f_focus{width:52%;}
	.f_about, .f_pro{width:16%;}
	
	.p_m_top.pro2 .p_m_t_right .pro_info{margin-top:100px;}
	
	#foot2 ul li{margin:0 1%;}
	
	.pro_main3 .second{background:none;background-color:white;}
	.second.bg0 ul li{width:70%;text-align:left;margin:10px 0;}
	.second.bg0 ul li img{float:left;}
	.second.bg0 ul li p{margin-top:20px;margin-left:120px;}
	.second.bg1 ul li{width:70%;text-align:left;margin:10px 0;}
	.second.bg1 ul li img{float:left;}
	.second.bg1 ul li p{margin-top:20px;margin-left:120px;}
	.second.bg2 ul li{width:70%;text-align:left;margin:10px 0;}
	.second.bg2 ul li img{float:left;}
	.second.bg2 ul li p{margin-top:20px;margin-left:120px;}
	
	.event_box .parHd {width:96%;}
	.headright{ width: 70%;}
}

@media screen and (max-width:1023px){
	.menu-list1{ text-align:left}
	.menu-list-text{ position:static; width:100%; margin:0; margin-top:30px;}
	.menu-list-text-content{ width:100%;}
	.menu-list{ width:92%; padding-left:4%; padding-right:4%;}
	.menu-list-text-content span{ margin:15px 0; margin-top:5px;}
	.menu-list img{ width:100%;}
	
	.f_focus{width:60%;}
	.f_about{display:none;}
	.f_pro{width:20%;}
	.f_follow{width:20%;}
	
	
	.p_m2_c.pmc2 .p_m2_b_left h2{background:url(../images/shu3.png) left 0px top 30px no-repeat;}
	
	.p_m5_c .middle p{font-size:20px;}
	
	.pro_video video{width:44%;margin:1.5%;}
	.ms4,.ms3{ width:100%;}
	.bzt{ position:static; max-width: 100%; display: block; margin:20px auto}
}

@media screen and (max-width:974px){
	.headdown,.headright{display:none;}
	.head2{display:block; width:100%;background-color: rgba(49,49,49,0.9); margin-top: 22px;}
	.head i{ display:block}
	.pro_main6 ul li{margin:0 30px;}
	.head2 ul{ text-align:right; padding: 20px 0}
	.vietnam-factory-part1 h1{ position:static; background:none; text-align:center; color:#333; display:block; width:100%; padding:20px 0}
	.vietnam-factory-advantage{ position:static}
	.vietnam-factory-advantage li{ width:29.333%; margin-bottom:20px; height:140px;}
	.vietnam-factory-list{ width:100%; margin-bottom:20px;}
	.vietnam-factory-list1{ margin-bottom:0}
	.index-service-content{ width:90%; padding: 30px 2%;}
	.index1_down ul li{ width:46%; margin-bottom: 15px;}
}

@media screen and (max-width:938px){	
	.index2_box .i2_b_unit{ width:48%; padding: 1%}
	.img_box1,.word_box1{ float:none; width:100%; margin:0 auto; overflow:hidden}
	.img_box1 img{ width:80%; margin-bottom:10px; margin-left:auto; margin-right:auto; display:block}
}

@media screen and (max-width:900px){
	#banner{display:none;}
	#banner2{display:block;}
	
	.index1_down{padding-top:60px;}
	.i_d_c img{margin-top:74px;}
	.index1_down .content2 .c2_unit img{width:80%;}
	
	.left_arr img{margin-right:20px;}
	.right_arr img{margin-left:20px;}
	
	.product{width:48%;}
	
	.pro_main2.big>img{width: 150%;margin-left: -25%;}
	._banner img{width:150%;margin-left:-25%;}
	
	.p_m2_c.pmc3 .p_m2_b_left{margin-top:0;}
	
	.pro_main8 ul li{width:90%;}
	.index-about-left,.index-about-right{ width:100%;}
	index-about-left{ margin-bottom: 20px;}
}

@media screen and (max-width:860px){
	.f_focus{width:70%;}
	.f_pro{display:none;}
	.f_follow{width:30%;}
	
	.pro_main7 .p_m7 p{width:38%;margin-top:30px;}
	
	.down_nav{width:100%;text-align:center;}
	.down_nav ul{width:100%;}
	.down_nav ul li{width:33.3%;padding:10px 0;}
}

@media screen and (max-width:830px){
	.index1_down .content2 .c2_unit{width:28%;margin:0 2%;}
	
	.pro_list_title dl dt{width:30%;}
	
	#foot2 ul li.line{display:none;}
	#foot2 ul li{width:90%;padding:20px 0;border-bottom:1px solid white;}
	#foot2 ul li:last-child{border:none;}
	
}

@media screen and (max-width:817px){

	.p_m_t_left ul{overflow:hidden;text-align:center;}
	.p_m_t_left ul li{float:none;}
	.p_m_t_left ul li img{width:100%;max-width:430px;}
	
	#banner3{display:block;}
	#carousel{display:none;}
}

@media screen and (max-width:800px){
	.p_m_top.pro2 .p_m_t_left{width:100%;margin:20px 0;padding:0; margin-top:40px;}
	.p_m_top.pro2 .p_m_t_right{width:100%;margin:0 0 30px 0px;}
	.p_m_top.pro2 .p_m_t_right .pro_info{margin-top:0;}
	.p_m2_c.pmc2 .p_m2_b_left h2{background: url(../images/shu3.png) left 0px top 6px no-repeat;}
	
	.contact-left{width:100%;}
	.contact-right{width:100%; margin-top:20px;}
	.pro_main2.pro2 img{ margin-top:30px;}
	.staxx-download-password-main{ width:92%; padding:50px 4%}
	.staxx-download-password-main input{ width:48%;}
	.staxx-download-password-main button{ width:30%}
	
}

@media screen and (max-width:760px){
	.index1_down{padding-top:40px;}
	.index1_down .content1 .i_d_l,.index1_down .content1 .i_d_r{width:90%;text-align:center;margin:0 auto;float:none;}
	.index1_down .content1 .i_d_l{margin-bottom:20px;}
	.index1_down .content1 .i_d_l img,.index1_down .content1 .i_d_r img{display:inline-block;}
	.index1_down .content1 .i_d_c{display:none;}
	
	.p_m5_c .middle p{font-size:16px;line-height:30px;}
	
	.pro_main7 .p_m7 img{width:100%;float:none;}
	.pro_main7 .p_m7 p{width:90%;margin:20px auto;float:none;}
	
	.pro_video video{width:90%;}
	
	.aucu1_4 img{width:25%;}
	
	
}

@media screen and (max-width:740px){
	.index1_top ul li p{font-size:20px;}
	
	.pro_list_title{display:none;}
	
	.pro_list_title .pro_search{width:40%;margin:10px 0;}
	.pro_left_right{display:block;}
	
	.p_m2_b_left,.p_m2_b_right,.p_m2_c.pmc2 .p_m2_b_left,.p_m2_c.pmc3 .p_m2_b_left,.p_m2_c.pmc3 .p_m2_b_right{width:100%;}
	.p_m2_c{padding-top:0;}
	.p_m2_b_left br{display:none;}
	
	.pro_main6 ul li{margin:0 10px;}
	.headup img,.headup p{display:none;}
	.headright{ width: 50%;}
.new-product-style{ margin-top:20px;}
	.index1_top ul li.i_t_1,.index1_top ul li.i_t_2,.index1_top ul li.i_t_3{ width:100%; float: none; padding: 15px 0; border-bottom: 1px solid #ccc;}
	.index1_top ul li.i_t_3{border-bottom:none}
	.index1_top ul li img{width:45px;}
	.index1_top ul li div{ display:none}
	.index-main1-box2-left img{ width:90%;}
}

@media screen and (max-width:660px){	
	
	
	.index1_video .i_v_unit{width:100%;}
	.index2_box{ overflow:hidden; background: #ddd;}
	.index2_box .i2_b_unit{width:100%;margin:0; margin-bottom: 30px;}
	.index2_box .i2_b_unit .menu_intro p{-webkit-line-clamp: 3;height:72px;}
	.index2_box .i2_b_unit .menu_intro:hover h1{margin-top:40px;}
	
	.left_arr img{margin-right:10px;}
	.right_arr img{margin-left:10px;}
	
	.f_focus{width:100%;}
	.f_focus{text-align:center;}
	.f_content .f_contact{width:100%;margin:0;}
	.f_content img{display:none;float:none;margin:10px;}
	.f_contact h1{display:inline-block;}
	.f_follow{width:100%;text-align:center;display:block;margin-top:15px;}
	.f_follow img{display:block; margin-left: auto; margin-right: auto}
	.f_about ul,.f_pro ul{display:none;}
	.f_follow ul a{display:inline-block;}
	.f_follow ul a li{margin:6px;}
	
	.pro_list_title .pro_search{width:60%;}
	
	#foot2 ul li.line{display:none;}
	#foot2 ul li{width:90%;padding:20px 0;border-bottom:1px solid white;}
	#foot2 ul li:last-child{border:none;}
	
	.second.pro8 ul li p{font-size:16px;}
	.second.pro8 ul li{width:18%;margin:0 0.5%;padding:30px 0;}
	
	.second ul li{width:80%;}
	
	.p_m5_c .left{width:50%;}
	.p_m5_c .middle{width:46%;}
	.img_po{position:static;margin-left:0;}
	
	.aucu1_4 img{width:33.3%;}
	.team-list img{width:49%;margin-bottom:1%;}
	
	.event_box .parHd {width:90%;}
		.staxx-accessory-list-l,.staxx-accessory-list-l1,.staxx-accessory-list-l2,.staxx-accessory-list-l5,.staxx-accessory-list-l3,.staxx-accessory-list-l4{ width:100%; float:none}
	.staxx-accessory-list-r,.staxx-accessory-list-r1,.staxx-accessory-list-r2,.staxx-accessory-list-r5,.staxx-accessory-list-r3,.staxx-accessory-list-r4{ width:100%; float:none; margin-top:20px;}
	.staxx-accessory-list-l4 p{ display:block}
	.index1_down ul li p{ font-size:18px; line-height: 32px;}
	.index1_down ul li img{ margin-bottom:15px;}
}

@media screen and (max-width:594px){
	
	
	.index3 .index3_box{width:100%;}
	
	.foot_down{text-align:center;height:auto;line-height:22px;padding:5px 0;}
	.foot_down p,.foot_down span{float:none;}
	
	.bigpic li .text{display:none;}
	
	.more_pro .product{width:98%;}
	
	.pro_main6 ul li{margin:5px 50px;}
	
	.down_nav ul li{width:100%;}
	
	.rd_word{margin-left:30px;}
	.aug_rd1{width:100%;}
	
	.index1 .index1_title2{line-height:36px;padding:10px 0;}
	.img_box2,.word_box2{ width:100%; float:none;}
	.img_box2 img{ width:100%; float:none}
	.img_right10,.img_left10{ width:100%; float:none;}
	.img_right10 img,.img_left10 img{ width:100%;}
	.word_left10,.word_right10{ width:100%; float:none;}

}

@media screen and (max-width:560px){
	.product{width:98%;}
	
	.second.bg0 ul li p{margin:0;}
	.second.bg0 ul li{text-align:center;}
	.second.bg0 ul li img{float:none;}
	.second.bg1 ul li p{margin:0;}
	.second.bg1 ul li{text-align:center;}
	.second.bg1 ul li img{float:none;}
	.second.bg2 ul li p{margin:0;}
	.second.bg2 ul li{text-align:center;}
	.second.bg2 ul li img{float:none;}
	.second{padding:20px 0;}
	
	.aucu1_4 img{width:50%;}
	.vietnam-factory-advantage li{ width:90%; float:none; height:auto; border:none; margin-left:auto; margin-right:auto}
	.vietnam-factory-part1 h1,.vietnam-factory-part2 h1{ font-size:24px; line-height:26px;}
	.vietnam-factory-part2 p{ font-size:16px; line-height:24px;}
	.vietnam-factory-list-text{ position:static; width:86%; padding:25px 7%}
	.staxx-download-list ul li h1{ width:95%}
}


@media screen and (max-width:510px){

	.index1_down{padding:30px 0 10px;}
	.index1 .index1_title,.index2 .index2_title{margin:20px 0;}
	
	.p_m2_c.pmc2 .p_m2_b_left h2{background:url(../images/shu3.png) left 0px top 30px no-repeat;}
	
	.second ul li{width:90%;}
	.second ul li p{margin-top:10px;}
	.img_left1111,.img_right1111{ width:85%; float:none; margin:0 auto;}
	.img_left1111 img{ width:100%;}
	.word_mid{ width:100%; float:none; margin:20px auto;}
	.index1_down h1 img{ width:92%;}
	.index1_down h1 { margin-bottom:30px}
}

@media screen and (max-width:480px){	
	#head{height:80px;}
	.logo img{width:120px;}
	.headup{display:none;}
	.head i{ top:20px;}
	.head2{ margin-top:13px;}
	.index1_down .content2 .c2_unit{width:40%;margin:0 4%;}
	.head2 ul li{ font-size:16px; line-height: 36px;}
	.index2_box .i2_b_unit .menu_intro:hover h1{margin-top:20px;}
	
	.pro_main6 ul li{margin:5px 30px;}
	
	.rd_img{width:100%;}
	.rd_img img{width:100%;}
	.index3 .index3_box .i3_b_up p{ line-height:24px; margin-bottom:10px;}
	.f_contact h1{ font-size:20px; line-height:40px;}
	.index1_down .content2 .c2_unit img {    width: 60%;}
	.index1_down .content2 .c2_unit{ margin-bottom:10px;}
	.index1_down .content1{ width:90%;}
	.index1_down .content1 h2{ font-size:24px; line-height:30px; margin-top:20px;}
	.index1_down .content2{ margin-top:30px;}
	.p_m2_b_left h1{ font-size:24px;}
	.p_m2_c.pmc2 .p_m2_b_left h2{ background:none; font-size:24px; padding-left:15px; margin-left:0}
	.pro_main2.pro2 .p_m2_b_left img{ margin-bottom:20px;}
	.p_m2_b_left p{ font-size:16px;}
	.pro_main2 .new-product-style img{ width:100%;}
	
	.bigpic,.smallpic{width:100%;}
	.smallpic{text-align:center;}
	.p_m_top.pro4 .smallpic li{width:30%;display:inline-block;margin-top:10px; margin-right:2%}
	.index-service-content h1{font-size:28px;}
	.index-service-list h2{ font-size:20px;}
	.index-service-content li{ width:100%; float: none; margin-bottom: 10px;}
	.index1_down ul li{ width:96%}
	.index-main1-box2-right p{ font-size:16px; line-height: 32px; background-size: 25px;}
	.index-main1-box2 h1{ font-size:20px; line-height: 20px;}
	.index-main1-box2 h2{font-size:18px; line-height: 18px;}
}

@media screen and (max-width:420px){
	
	.index1_top ul li p{font-size:16px;}
	
	.left_arr img{margin-right:5px;}
	.right_arr img{margin-left:5px;}
	
	.pro_list_title .pro_search{width:90%;}
	
	.pro_info h1{font-size:24px;}
	.pro_info h2{font-size:20px; margin-bottom:10px;}
	.pro_info .pdf_down{font-size:14px;}
	.p_m_top.pro2 .p_m_t_right{margin-left:10px;}
	
	.p_m5_c .left{width:100%;margin-right:0;margin-bottom:10px;}
	.p_m5_c .middle{width:100%;}
	
	.aucu1_4 img{width:100%;}
	.pro_info p,.pro_info p span{ font-size:14px;}
	.team-list img{width:99%;}
	.pro_info p{ text-indent:0; margin-left:10px;}
	.pro_info{ padding:40px 2%}
	.aucu1_2 p, .auc_unit p{ text-align:left}
	.bwk-inner-about h2{ font-size:18px;}
	.contact-left h2, .contact-right h2{ font-size:24px;}
}


@media screen and (max-width:360px){	
	.head2 ul{text-align:right;}
	
	.index2_box .i2_b_unit .menu_intro p{-webkit-line-clamp: 2;height:48px;}
	
	.left_arr, .right_arr{width:10%;}
	.img_arr{width:80%;}
	
	.second.pro8 ul li p{display:none;}
	.second.pro8 ul li{width:14%;margin:0 1.5%;padding:20px 0 10px;}
	
	.f_follow ul a li{margin:4px;}
	
	.top h1{font-size:24px;}
}








