@charset "UTF-8";
/* bar */
#bar{min-width: 1200px;height:35px;border-bottom:1px solid #e7e7e7;background:#fafafa;}
.bar_con{margin: auto;width: 1200px;height: 35px;line-height: 35px;}
.bar_con a {color: #666; font-size:12px;}
.bar_con a:hover{color: #0172cb;}
.bar_space {display: inline-block;width: 25px;background: url(../images/space.gif) no-repeat center;}

.bar_con a#qrc{position:relative;}
.bar_con a#qrc i{width:120px;height:130px;position:absolute;left:-40px;top:26px;display:none;background:url(../images/sprite2.png) 0 0 no-repeat;}
.bar_con a#qrc:hover i{display:block}

/* header */
#header{height: 124px;background-color:#fff;}
.header_con {margin:0 auto;width:1200px;}
.logo {float: left;padding-top: 32px;width:445px;}
.logo img{ width:100%;}

.search {float: right;padding-top: 40px;}
.search_form {border: 2px solid #0172cb;width: 496px;_width: 499px;height: 36px;}
.search_form select {display: none;}
.search_form input.inp_srh, .search input.btn_srh{float: left;border: none;background: none;height: 36px;line-height: 36px;}
.search_form input.inp_srh {outline: none;width: 430px;font-size: 12px; color:#999; background:url(../images/ico_search_16.gif) 10px center no-repeat; text-indent:32px;}
.search_form input.btn_srh {width: 66px;background: #0172cb;font-size: 16px;color: #FFF;cursor: pointer;}

/* nav */
#nav{min-width:1200px;height:38px;border-bottom:2px solid #0064b3;background-color:#fff;}
.nav_con{margin:0 auto;width: 1200px;height: 38px;line-height: 38px; position:relative;}
.nav_con h2 {float: left;}
.nav_con h2 a {display: block;padding-left: 58px;width: 182px;height: 38px;line-height: 38px;background: url(../images/ico_prolist_18.gif) no-repeat 28px center #0064b3;font-size: 16px;color: #FFF;}

.nav_con .nav_main{ float:right;width:960px;}

/*首页分类出层*/
.mk_l_f{position:absolute; left:0px; top:40px;width:240px;display:none;}
.mk_l{position:relative;height:87px;border-bottom:1px solid #0064b3;z-index:100;background:#0172cb;}
.mk_l:hover{background-color:#0064b3;}
.mk_l.mk_l_end{height:86px !important;border-bottom:none;}
	.mk_l_t{}
		.mk_l_t a{display:block; padding:4px 0 0 28px;height:76px;}
		.mk_l_t a h2{display:block; float:left;width:100%;font-size:16px;letter-spacing:1px;color:#fff;}
		.mk_l_t a p{font-size:12px;line-height:20px;}
		.mk_l_t a p em{color:#fff; width:100%; display:block;}

	.mk_l_c{position:absolute;padding:0px 30px;width:659px; height:349px; background:#fff;display:none; z-index:9999; border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;}
		.mk_0{left:240px;top:0px;} 
		.mk_1{left:240px;top:-88px;} 
		.mk_2{left:240px;top:-176px;} 
		.mk_3{left:240px;top:-264px;} 
		.mk_l_c_li4{width:660px; height:118px; line-height:118px; border-bottom:1px solid #eeeeee; float:left;}
		    .mk_l_c_li4 h3{height:118px;line-height:116px;padding-left:37px; float:left;font-size:16px;color:#222; letter-spacing:1px;}
			.mk_l_c_li4 em{ padding-left:30px; float:left;font-size:12px;}

/*申请加盟*/
.banner{width:1200px; margin:0 auto;}
.join {padding-top: 25px;height: 120px;border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7; background-color:#fff;}
	.join_txt {padding: 0 0 12px;line-height: 24px;text-align: center;}
	.join_btn {text-align: center;}
	.join_btn a {display: inline-block;padding: 0 20px;background: #7fc300;font-size: 14px;color: #FFF;line-height: 35px;}
	.join_btn a:hover {background: #0172cb;}

/*新闻*/
.news{padding: 10px 15px;height: 183px;border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7; overflow:hidden; background-color:#fff;}
	.news h2 {height: 32px;font-size: 16px;line-height: 32px;}
	.news h2 a{ color:#0064b3;}
	.news .con {padding: 5px 0 10px;height: 165px;overflow: hidden;}
	.news_list li { width:100%; margin-bottom:5px; line-height: 20px;word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
	.news_list li a:before{ content:"-"; padding-right:5px;}
	.news_list li a {color: #666; font-size:12px;}
	.news_list li a:hover {color: #0172cb;}

/*广告*/	
.adX8{ display:none;}

.PhotoList_h1{width: 100%;}
.PhotoList_h1 li{width:288px;height:80px;padding-right:16px; margin-bottom:15px;float:left;}
.PhotoList_h1 li img {width: 100%; height: auto; display: block;}
.PhotoList_h1 li:nth-child(4n) {padding-right: 0;}
.PhotoList_h1 li p {display:none;}

/*标题*/	
.til1{ width:100%; height:38px; border-bottom:2px solid #0064b3;}
.til1 strong{ float:left; font-size:20px; font-weight:normal; color:#0064b3;}
.til1 a.more{ float:right; display:block; margin-top:5px; height:20px; line-height:20px; background:url(../images/ico_arrow_20.jpg) right center no-repeat; color:#666666; padding-right:25px;}
.til1 a.more:hover{color:#0172cb;}

/*品牌中心*/	
.brand_list {width: 1200px;height: 210px;margin:0 auto;overflow:hidden;}
     .swiper-slide {text-align: center;font-size: 14px;}
	 .swiper-slide .brand_img{display:table-cell; *display: block;height: 175px; overflow:hidden; vertical-align:middle;background-color:#fff;}
	 .swiper-slide .brand_img img{width:100%;height:175px;vertical-align:middle;}
	 .swiper-slide em{ display:block;margin-top:8px;}
	 
/*新品推荐*/
.pro_list{ border-left:1px solid #e0e0e0; width:100%; }
.pro_list li{ float:left; width:239px;height:260px;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.pro_list li a{ display:block;}
.pro_list li div{ display:table-cell; *display: block; width:239px;height:184px; overflow:hidden; text-align:center; vertical-align:middle; background-color:#fff;}
.pro_list li div img{ max-width:210px; max-height:160px;vertical-align:middle;}
.pro_list li p{ height:56px; padding:20px 10px 0; text-align:center; background:url(../images/pro_list_bg.jpg) center bottom no-repeat; overflow:hidden;}
.pro_list li p span{ width:100%;  height:22px; display:block; line-height:26px;overflow: hidden;white-space:nowrap; text-overflow:ellipsis;}
.pro_list li p em{ width:100%;  height:22px; display:block; line-height:26px;overflow: hidden;white-space:nowrap; text-overflow:ellipsis;}

/*尾部开始*/
.footer_wrap{width: 100%;background:#3a3a3a; overflow:hidden;}
.footer_wrap .footer{margin: 0 auto;width: 1200px; height:270px;}
.footer_wrap .footer ul{float: left;width: 170px;height: 163px;padding: 55px 0 0 20px;}
.footer_wrap .footer ul h5{font-family: "Arial";font-size: 16px;color: #ccc;margin-bottom: 10px;}
.footer_wrap .footer ul li{line-height: 28px;}
.footer_wrap .footer ul li a{font-family: "Arial";font-size: 12px;color: #ccc;}
.footer_wrap .footer ul li a:hover{color: #fff;text-decoration: underline;}
.footer_wrap .footer span{display: block; float:left; width: 240px;}
.footer_wrap .footer span>img{ display:block; margin:0 auto; padding:70px 0 0 0;}
.footer_wrap .footer span p{color: #ccc;font-size: 12px;font-family: "Arial"; text-align:center;line-height: 20px; padding-bottom:20px;}
.footer_wrap .copyright{ width:100%;height: 60px; line-height:60px; background:#222222;}
.footer_wrap .copyright p{font-size: 12px; display:block;margin: 0 auto;width: 1200px;color: #ccc; text-align:center;}
.footer_wrap .copyright p a{color: #ccc;display:inline-block;}
.footer_wrap .copyright p a#beian , .footer_wrap .copyright p span{ padding-left:10px;}
.footer_wrap .copyright p a:hover{text-decoration: underline;}

@media only screen and (max-width: 1200px){
#bar{display:none;}
.search { display:none;}
#nav{display:none;}
.adX8{ display:none;}

/*手机站语言选择*/
.menuBtm{position:absolute;left:0;right:0;bottom:50px;}
    .mlang{text-align:center;}
    .mlang a{color:#777;}
    .mlang .mtti{width:160px;height:1px;background:#666666;margin:0 auto;position:relative;margin-bottom:9px;}
    .mlang .mtti .txx{background:#fff;width:100px;height:24px;line-height:24px;position:absolute;left:50%;margin-left:-50px;top:50%;margin-top:-12px;overflow:hidden;}

   .mtools{width:160px;height:35px;margin:0 auto;border:1px solid #0064b3;overflow:hidden;position:relative;margin-top:30px;font-size:12px;}
	.mtools	a{display:inline-block; width:80px; height:35px; line-height:35px; text-align:center; color:#444444;}
    .mtools	a:hover{background-color:#0064b3; color:#ffffff; }
    .mtools	a.on{background-color:#0064b3; color:#ffffff; }

#header {margin:0 auto;width:100%;height:60px;}
.logo {float: left;padding:15px 0 0 15px;width:240px;}
.logo img{ width:100%;}

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

/*4个产品链接*/
.prox4{ background-color:#fff; padding:15px 0; margin-bottom:15px;}
.prox4>li{ width:25%; float:left;}
.prox4>li>*{display:block; padding:5px 0;}
.prox4>li>*>em{display:block; width:70px; height:70px; margin:0 auto; overflow:hidden;}
.prox4>li>*>em>img{width:70px; height:70px;}
.prox4>li>*>span{display:block; padding-top:3px; text-align:center; width:96%; height:20px;font-size:12px;overflow: hidden;white-space:nowrap; text-overflow:ellipsis;}

/*品牌中心*/	
.brand_list {width: 100%;height: 160px;}
	 .swiper-slide .brand_img{height: 130px;}
	 .swiper-slide .brand_img img{ width:100%; height:130px;}

/*新品推荐*/
.pro_list{ border-left:1px solid #e0e0e0; width:100%; background:#fff;}
.pro_list li{ float:left; width:49.6%;height:340px;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.pro_list li:last-child{ display:none;}
.pro_list li div{ display:table-cell; *display: block;width:350px;height:264px; overflow:hidden; text-align:center; vertical-align:middle; background-color:#fff;}
.pro_list li div img{ max-width:90%; max-height:240px;vertical-align:middle;}
.pro_list li p{ height:56px; padding:20px 10px 0; text-align:center; background:url(../images/pro_list_bg.jpg) center bottom no-repeat; overflow:hidden;}
.pro_list li p span{ width:100%;height:22px; display:block; line-height:26px;overflow: hidden;white-space:nowrap; text-overflow:ellipsis;}
.pro_list li p em{ width:100%;  height:20px; display:block; line-height:26px;overflow: hidden;white-space:nowrap; text-overflow:ellipsis;}

/*尾部开始*/
.footer_wrap{width: 100%;height: 60px;background:#222222; overflow:hidden;}
.footer_wrap .footer{ display:none;}
.footer_wrap .copyright{line-height:24px;padding-top:3px;}
.footer_wrap .copyright p{width: 100%; text-align:center;}
.footer_wrap .copyright p em{ display:block; height:24px; overflow:hidden;}
.footer_wrap .copyright p i{display:none;}
.footer_wrap .copyright p span{ display:block;}
.footer_wrap .copyright p a#beian{ display:none;}
}

@media only screen and (max-width: 767px){
	/*新品推荐*/
.pro_list li{height:260px;}
.pro_list li div{ height:184px;}
.pro_list li div img{ max-height:160px;}
.txtScroll-top{display: none;}
}