@charset "utf-8";
*{ margin:0; padding:0; font-family:'Microsoft YaHei';}

body{  background:#F1F1F2; font-size:14px;}
img{ border:0; max-width:100%;}
li {list-style: none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
a{ text-decoration:none; color: #000;}


.fl{float: left;}
.fr{float: right;}
.clr , .clear{ clear:both;}
.clearfix:after{ display:block; clear:both; content:'';}


.box{ width:clc(100% - 20px); max-width:1200px; margin:0 auto; position:relative; padding:0 10px;}
.box:after{ display:block; clear:both; content:'';}


.header{ width:100%; padding:15px 0; }
.header .tool{ position:absolute; top:7px; right:10px;  }
.header .tool .lang{ font-size:14px; color:#646565; text-align:right;padding-bottom:15px; }
.header .tool .lang a{ color:#646565;}
.header .menu_btn{ display:none;}


.menu{ width:100%; background:#040000; position:relative; }
.menu a{ width:10%; height:61px; display:block; float:left; font-size:15px; color:#fff; text-align:center; line-height:61px;}

.banner{ width:100%; height:0; overflow:hidden; position:relative; transition:5s; }
.banner.on{ padding-bottom:46%;}
.banner img{ width:100%;}


.design_tit{ padding-top:30px;}
.design_tit h2{ color:#d71518; font-size:30px; font-weight:bold;}
.design_tit h3 { font-family:'Arno Pro'; font-size:15px; font-weight:bold; padding:10px 0; position:relative;}
.design_tit h3:after{ width:60px; height:3px; background:#000000; content:''; display:block; position:absolute; left:0; bottom:0;}
.design_tit p{ color:#848181; line-height:30px; font-size:15px; padding:10px 0 30px;}

.design_picture ul li{ width:calc((100% - 2px) / 2); float:right; position:relative; overflow:hidden;}
.design_picture ul li:first-child{ float:left;}
.design_picture ul li img{ width:100%; display:block; }
.design_picture ul li .shadow{ width:200%; height:100%; position:absolute; left:0; bottom:-100%; background:#000; opacity:.6; transition:.3s; transform-origin:0 0;}
.design_picture ul li:first-child .shadow{ background:#da2426;}
.design_picture ul li b{ font-size:34px; color:#fff; position: absolute; right:50px; bottom:90px; z-index:2; opacity:.9;}

.design_picture ul li:hover .shadow{ transform: rotate(-35deg);}
.design_picture ul li:hover b{ opacity:1;}

.product{ margin-top:67px;}
.product .prod_type{ width:250px; float:left; }
.product .prod_search{ border:1px solid #D1CFCF; border-radius:5px; background:#fff;}
.product .prod_search input[type='text']{ width:calc(96% - 36px); height:36px; background:none; border:0; margin-left:5px;}
.product .prod_search input[type='button']{ width:36px; height:36px; float:right; border:0; background:url(images/search_btn.jpg) no-repeat center; cursor:pointer;}
.product .prod_type_tit{ width:100%; height:36px; background:#000; color:#fff; line-height:36px; text-indent:30px; position:relative; margin:7px 0 3px;}
.product .prod_type_tit:after{ width:3px; height:15px; background:#fff; border-radius:20%; content:''; display:block; position:absolute; top:11px; left:14px;}

.product .prod_type_list h2{ width:100%; height:36px; background:#7A7879; line-height:36px; font-size:15px; color:#fff; text-indent:33px;}
.product .prod_type_list ul{ padding:5px 0;}
.product .prod_type_list ul li{ line-height:35px; padding-left:37px; font-size:14px;}
.product .prod_type_list ul li a{ color:#000;}


.product .prod_tuijian{ width:910px; float:right;  border:1px solid #E6E6E6; background:#fff; padding-bottom:15px;}
.product .prod_tuijian .pic{ float:left; margin:22px 0 0 28px;}
.product .prod_tuijian .pic img{ width:377px; height:225px;}
.product .prod_tuijian .info{ width:400px; float:right; margin-right:50px; position:relative;}
.product .prod_tuijian .info h2{ margin:20px 0 20px; font-weight:bold;}
.product .prod_tuijian .info > div{ height:140px; line-height:30px; font-size:16px; color:#7a7575;}
.product .prod_tuijian .info > div b{ display:block; color:#000;}
.product .prod_tuijian .info .btns{}
.product .prod_tuijian .info .btns a{ width:120px; height:40px; display:inline-block; border:1px solid #CECECE; border-radius:20px; text-align:center; line-height:40px; color:#000; font-size:15px;} 
.product .prod_tuijian .info .btns a:first-child{ margin-right:25px;}
.product .prod_tuijian em{ width:46px; height:81px; background:url(images/push_icon.jpg) no-repeat; position:absolute; top:0; right:20%; display:block;}
.product .prod_show_tit{ width:908px; float:right; position:relative; border-left:3px solid #000; overflow:hidden; margin-top:20px;}
.product .prod_show_tit h2{ font-size:24px; line-height:24px; color:#000; padding-left:10px;}
.product .prod_show_tit em{ font-size:14px; line-height:14px; color:#969494; font-style:normal; padding-left:10px;}
.product .prod_show_tit .switch_btn{ background:#fff; padding:3px; position:absolute; top:0; right:0; }
.product .prod_show_tit .switch_btn a{ width:33px; height:33px; border:1px solid #929292; display:block; float:left;}
.product .prod_show_tit .switch_btn a:first-child{ background:url(images/jt.jpg) no-repeat center; margin-right:5px;}
.product .prod_show_tit .switch_btn a:nth-child(2){ background:url(images/jt2.jpg) no-repeat center;}



.prod_show_con{ width:910px; float:right;}
.prod_show_con ul li{ width:calc(33.33333% - 30px); height:200px; float:left; background:#fff; border:1px solid #E5E5E5; padding:10px; margin:10px 10px 0 0;}
.prod_show_con ul li:nth-child(3n){ margin-right:0;}
.prod_show_con ul li a.pic{ width:100%; height:175px; display:block; overflow:Hidden; }
.prod_show_con ul li img{ width:100%; height:175px;  transition:.3s;}
.prod_show_con ul li img:hover{ transform:scale(1.2,1.2);}
.prod_show_con ul li a.tit{ width: 100%; line-height:35px; display:inline-block; text-align:center; color:#333333; font-weight:bold; font-size:15px;}


.product a.more{ display:none; width:30%; height:40px; background:#fff; border-radius:20px; text-align:center; line-height:40px; color:#000; margin:3% auto 0; border:1px solid #000; }



/** 留言块 */
.message{ width:100%; height:309px; background:url(images/message_bg.jpg) no-repeat left top #000; background-size:auto 100%; margin-top:5%;}
.message .box{ padding:0;}
.message .info{ width:65%; height:309px; float:left; margin-right:5%; background:url(images/message_pic.png) no-repeat right center; }
.message .msg_box{ width:30%; height:259px; float:right; background:#000; padding-top:50px; }
.message .msg_box > p{ width:100%; line-height:30px; text-align:center; font-size:14px; color:#fff;}
.message .msg_box > p b{ font-size:18px;}
.message .msg_box .input_box{ width:75%; margin:10px auto 0; background:#fff; font-size:14px;}
.message .msg_box .input_box p{ width:32%; height:35px; margin:0 auto; line-height:35px;display:inline-block; text-align:right; color:#000; }
.message .msg_box .input_box input{ width:65%; height:35px; background:none; border:0;}
.message .msg_box .input_btns{ width:75%; margin:15px auto 0; }
.message .msg_box .input_btns input{ width:30%; height:26px; background:#fff; color:#000; font-size:14px; border:0; border-radius:5px; margin-right:5%;}



/** 优势块 */
.advantage{ width:100%; height:341px; background:url(images/advantage_bg.jpg) no-repeat center;}
.advantage .info{ padding:5% 0 0 22%}
.advantage .info p{ margin-left:50px; line-height:45px; font-size:19px; padding-left:20px; background:url(images/advantage_icon.png) no-repeat left center;}
.advantage .info h2 { font-size:19px; color:#da2426; padding-top:20px;}


/** 解决问题 */
.question{ width:100%; border-top:1px solid #000; margin-bottom:50px; background:url(images/question_jt.png) no-repeat center top;}
.question h2{ width:100%; text-align:center; font-weight:bold; font-size:30px; margin-top:40px; color:#da2426; }
.question h3{ font-size:15px; font-family:'Arno Pro';  text-align:center; margin-top:13px; margin-bottom:10%;}
.question .box ul li{ width:20%;  border:1px solid #000; float:left; margin:0 calc(20% / 9); position:relative;}
/*.question .box ul li:first-child{ margin-left:0;}*/
.question .box ul li p{ padding-top:50%; text-align:center; font-size:18px; color:#4b4b4b; z-index:2; position:relative;} 
.question .box ul li em{ text-align:center; display:block; color:#000; font-size:20px; font-style:normal; line-height:40px; z-index:2; position:relative;}
.question .box ul li em:after{ width:50px; height:4px; background:#000; display:block; content:''; margin:0 auto;}
.question .box ul li .con{ width:85%; height:80px; padding:5% 0 10px; font-size:15px; margin:0 auto; line-height:25px; color:#4f4e4e; text-align:center; z-index:2; position:relative;}
.question .box ul li > img{ width:80%; position:absolute; left:10%; top:-30%; z-index:2; transition:.6s;}

.question .box ul li:after{ width:100%; height:50%; display:block; content:''; background:#0A5F3A; opacity:0; transition:.3s; position:absolute; left:0; bottom:0; z-index:1;}

.question .box ul li:hover{ }
.question .box ul li:hover:after{ height:100%; opacity:.7; }
.question .box ul li:hover *{ color:#fff;}
.question .box ul li:hover em:after{ background:#fff;}
.question .box ul li:hover > img{ transform:rotateY(360deg);}

/** 面料供应商 */
.supplier{ width:100%; background:url(images/supplier_bg.jpg);}
.supplier > h2{ width:100%; text-align:center; font-weight:bold; font-size:30px; margin-top:1%; color:#da2426; padding-top:5%;}
.supplier > h3{ font-size:15px; font-family:'Arno Pro';  text-align:center; margin-top:13px;}
.supplier .supplier_icon{ width:100%; height:104px; background:url(images/supplier_icon.png) no-repeat center; margin:2% 0;}

.supplier .block{ width:100%; }
.supplier .block:after{ display:block; content:''; clear:both;}
.supplier .block .info{ width:38%; padding-left:90px; margin-top:60px;}
.supplier .block .info1{ float:left; background:url(images/supplier_i1.png) no-repeat;}
.supplier .block .info2{ float:right; background:url(images/supplier_i2.png) no-repeat;}
.supplier .block .info3{ float:left; background:url(images/supplier_i3.png) no-repeat;}
.supplier .block .info h2{ color:#da2426; font-size:25px; font-weight:bold;}
.supplier .block .info h3{ color:#000; font-size:25px; font-weight:bold; line-height:60px;}
.supplier .block .info h3:after{ width:60px; height:3px; background:#da2426; display:block; content:'';}
.supplier .block .info p{ color:#4a4747; font-size:15px; line-height:30px; margin-top:20px;}
.supplier .block .icon{ width:45%; height:390px; float:right;}
.supplier .block .icon1{ float:right; background:url(images/supplier_icon1.png) no-repeat center; background-size:contain;}
.supplier .block .icon2{ float:left; background:url(images/supplier_icon2.png) no-repeat center; background-size:contain;}
.supplier .block .icon3{ float:right; background:url(images/supplier_icon3.png) no-repeat center; background-size:contain;}



/** 合作 */
.cooperate{ margin-bottom:5%;}
.cooperate h2{ width:100%; text-align:center; font-weight:bold; font-size:30px; margin-top:5%; color:#da2426; }
.cooperate h3{ font-size:15px; font-family:'Arno Pro';  text-align:center; margin-top:13px; margin-bottom:5%;}
.cooperate #demo_n { width:100%; overflow:hidden; margin:0 auto; }
.cooperate #demo_n td td{ padding:0 15px 15px 0;}
.cooperate #demo_n td td a{ width:225px; height:150px; display:block; overflow:hidden;}
.cooperate #demo_n td td img{ width:225px; height:150px; display:block; transition:.3s;}
.cooperate #demo_n td td img:hover{ transform:scale(1.2,1.2);}

/** 简介 */
.brief{ width:100%; background:#fff;}
.brief h2{ width:100%; text-align:center; font-weight:bold; font-size:30px; padding-top:5%; color:#da2426; }
.brief h3{ font-size:15px; font-family:'Arno Pro';  text-align:center; margin-top:13px; margin-bottom:5%;}
.brief .pic{ width:65%; float:left; padding:10px; border:1px solid #ECECEC; margin-top:20px;}
.brief .pic img{ width:100%;}
.brief .info{ width:65%; color:#504e4e; float:left; font-size:15px; line-height:40px; margin:15px 0 0; position:relative; padding-bottom:40px;}
.brief .info a.more{ width:111px; height:31px; background:#DA2426; border-radius:10px; display:block; text-align:center; line-height:31px; color:#fff; position:absolute; right:10px; bottom:10px;}
.brief .model{ width:30%; height:709px; float:right; background:url(images/model.jpg) no-repeat;}


/** 设备 */
.equipment{ margin:3% auto;}
.equipment #demo { width:100%; height:195px; overflow:hidden; margin:0 auto; }
.equipment #demo a.pic{  width:280px; height:160px; display:block; overflow:hidden;}
.equipment #demo img{ width:280px; height:160px; display:block; transition:.3s;}
.equipment #demo img:hover{ transform:scale(1.1,1.1);}
.equipment #demo a.tit{ width:280px; height:36px; background:#000; color:#fff; display:block; text-align:center; line-height:36px; margin-right:11px;}


/** 新闻 */
.news{ width:100%; height:auto; background:url(images/news_bg.jpg) no-repeat #000; padding-bottom:5%}
.news .tags{ width:70%; margin:0 auto; padding:5% 0;}
.news .tags ul li{ width:33.333333%; float:left;}
.news .tags ul li a{ width:70%; height:62px; display:block; background:#292828; margin:0 auto; color:#fff; border-radius:30px; text-align:center; line-height:62px; font-size:23px; font-weight:bold;}
.news .tags ul li a.on{ background:#DA2426;}

.news ul.nlist{ display:none;}
.news ul.show{ display:block;}
.news ul.nlist li{ width:33.33333%; min-height:260px; float:left;}
.news ul.nlist li .info{ width:270px;}
.news ul.nlist li em{ font-size:22px; color:#a9a6a6; font-weight:bold; display:block; font-style:normal;}
.news ul.nlist li i{ font-style:normal; font-size:16px; font-weight:bold; padding:5% 0; display:block;}
.news ul.nlist li i a { color:#eae9e9;}
.news ul.nlist li .con{ font-size:15px; line-height:25px; background:url(images/news_more.png) no-repeat left bottom; padding-bottom:20px;}
.news ul.nlist li .con a{ color:#9a9898;}
.news a.more{ width:186px; height:50px; border:1px solid #fff; color:#fff; display:block; text-align:center; line-height:50px; border-radius:25px; margin:5% auto 0;  }



.main{ width:clc(100% - 20px); max-width:1200px; margin:0 auto; position:relative; padding:0 10px;overflow: hidden;clear:both; }

.all_left{ width:20%; float:left;}
.all_right{ width:78%; float:right; margin-top:20px; background:#fff;}


/*内页左侧*/
.left_list{ width:100%; float:left; margin-top:20px; margin-bottom:20px;}
.left_list strong {    background: #000;    color: #fff;    display: block;    font-size: 22px;    height:75px;    overflow: hidden;	text-align:center;    padding-top:40px;}
.left_list strong span {
    color: #fff;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 100;
    padding-top: 3px;
	width:280px;
}
.left_list ul li {
	height:50px;
	line-height:50px;
	vertical-align: middle;
	text-align:left;
	font-size:14px;
	background-color:#e7e7e7;
	border-bottom:1px #FFFFFF solid;
	color:#000;
}


.left_list UL li a {
	padding-left:50px;
	height:50px;
	font-size:14px;
	color:#363636;
	display:block;
}
.left_list UL li a.current2{ padding-left:80px;}
.left_list UL li a:hover {
	background-color:#f29526;
	color:#FFF;
	display:block;
}

.left_list UL li.hover a {
	background-color:#0193de;
	display:block;
	height:60px;
	line-height:60px;
	width:200px;
}

/*内页右侧*/
.right_tit{ width:100%; float:left; line-height:60px; border-bottom:1px solid #000; }
.right_tit h2{float:left; padding-left:30px; font-size:16px;}
.right_tit span{padding-right:20px; font-size:14px; float:right}
.right_tit a{ color:#000; }
.right_all{ min-height:500px; padding:30px 20px; float:left;}



/*关于我们*/
.about{ width:100%; line-height:35px;}

/*新闻*/
.newslist{width:100%;}
.newslist ul li{width:100%; float:left; border-bottom:1px #dadada dashed; line-height:40px;}
.newslist ul li span{width:100px; float:right; text-align:right}


.newstitle {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	line-height: 30px;
	width: 100%
}
.newssubtitle {
	text-align: center;
	line-height: 60px;
	font-size: 14px;
	width: 100%
}
.newssubtitle span {
	width: 100%
}
.newsx {
	line-height: 40px;
	width: 100%;
	margin-top: 5px;
}

/* 产品列表 */
ul.piclist li{ margin:20px 40px 0; float:left; width:200px;}
ul.piclist li a.pic{ width:200px; height:150px; overflow:hidden; text-align:center; border:1px solid #999; display:block;}
ul.piclist li a.pic img{ width:200px; height:150px;}
ul.piclist li a.txt{ width:100%; height:30px; line-height:30px; display:block; text-align:center; font-size:16px; color:#333}
ul.piclist li a.txt:hover{ text-decoration:none}


/** 底部 */
.bottom{ width:100%; background:#000; border-top:1px solid #fff; padding:5% 0;}
.bottom .contact{ width:320px; height:160px; float:left; border-right:1px solid #292929; background:url(images/bottom_logo.jpg) no-repeat 0 40px; color:#fff; padding-top:110px; padding-right:20px; line-height:35px;}
.bottom .contact2{ display:none;}
.bottom .bottom_menu{ width:630px; height:270px; float:left;}
.bottom .bottom_menu ul li{ width:25%; float:left; padding-top:10px;}
.bottom .bottom_menu ul li p{ width:100%; text-align:center; color:#fff; font-size:18px; line-height:45px; margin-bottom:20px;}
.bottom .bottom_menu ul li p:after{ width:33px; height:1px; background:#716D6D; display:block; content:''; margin:0 auto;}
.bottom .bottom_menu ul li > a{ width:100%; display:block; color:#878383; font-size:15px; text-align:center; line-height:30px;}
.bottom .qrcode{ width:228px; height:270px; float:left; border-left:1px solid #292929; text-align:center;}
.bottom .qrcode img{ padding-top:50px;}
.bottom .qrcode p{ width:100%; color:#fff; padding-top:10px; font-size:14px;}



/* 分页CSS */
.pg {
    margin: 20px 0;
    text-align: center;
    width: 100%;
	color:#595555;
}
.pg span {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    padding: 0 10px;
    text-align: center;
}
.pg a {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #000 !important;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    padding: 0 10px;
    text-decoration: none;
}




/** 自适应 **/
@media(max-width: 1200px){
	.product .prod_type{ width:24%;}
	.product .prod_tuijian{ width:74%;}
	.product .prod_tuijian .pic{ width:50%; margin-left:3%;}
	.product .prod_tuijian .pic img{ width:100%; height:auto;}
	.product .prod_tuijian .info{ width:40%; margin-right:3%;}
	.product .prod_tuijian .info > div{ width:100%; height:120px; overflow:hidden; margin-bottom:10px;}
	.product .prod_show_tit{ width:74%;}
	.product .prod_show_con{ width:74%;}
	.bottom .qrcode{ display:none;}

	.bottom .contact{ width:28%; padding-right:1%;}
	.bottom .bottom_menu{ width:68%;}

}


@media(max-width: 940px){
	.product .prod_tuijian .info .btns{ display:none;}
	.product .prod_tuijian .info > div{ width:100%; height:auto; overflow:auto; margin-bottom:0;}

	
	.prod_show_con ul li{ width:calc(49% - 20px); margin-right:0}
	.prod_show_con ul li a.pic{ width:100%;}
	.prod_show_con ul li img{ width:100%;}
	.prod_show_con ul li:nth-child(2n){ float:right;}


	.message .info{ width:55%;}
	.message .msg_box{ width:40%}

	.question .box ul li p{ font-size:15px;}
	.question .box ul li em{ font-size:18px;}
	.question .box ul li .con{ font-size:14px;}
	
	.supplier .block .info h2{ font-size:18px;}
	.supplier .block .info h3{ font-size:18px;}

	.news .tags{ width:90%}
	.news .tags ul li a{ width:80%}

	.all_left{ display:none;}
	.all_right{ width:100%;}

}

@media (max-width: 800px) {
	.logo > img{ height:70px;}
	.header .tool img{ display:none;}
	.menu_btn{ width:30px; height:28px; padding:2px; background:#000; display:block!important; float:right; border-radius:5px;}
	.menu_btn i{ width:80%; height:2px; background:#fff; display:block; margin:5.5px auto 0;}
	.menu .box { position:absolute; right:0; top:0; display:none; z-index:99; background:#000; width:50%;}
	.menu .box a{ width:calc(100% - 30px); border-bottom:1px solid #fff; height:40px; line-height:40px; text-align:right; padding-right:30px;}
	.menu .box a:last-child{ border:0;}
	.design_tit p{ padding-bottom:20px;}
	.design_picture ul li b{ font-size:25px;     right: 10%;   bottom: 15%;}
	.design_picture ul li .shadow{ transform: rotate(-35deg);}

	.product{ margin-top:20px;}
	.product .prod_type{ width:100%;}
	.product .prod_type_list h2{ margin-bottom:2px;}
	.product .prod_type_list ul{ display:none;}
	.product .prod_type_list ul li{ float:left;}
	.product .prod_tuijian{ width:100%; margin-top:20px;}

	.product .prod_show_tit{ width:100%;}
	.product .prod_show_tit .switch_btn { display:none;}
	.product .prod_show_con{ width:100%;}

	.product a.more{ display:block;}
	
	.news ul.nlist li{ width:100%; min-height:auto; padding-bottom:5%;}
	.news ul.nlist li .info{ width:100%;}
	.news ul.nlist li i{ padding:2% 0}
	.news a.more{ margin-top:0;}

	.all_right{ margin:0;}

	.bottom .contact{ padding-top: 80px; line-height:30px; background-position:0 10px!important; background-size:90% auto;}


}

@media (max-width: 750px) {
	.logo > img{ height:70px;}
	.advantage .info{ padding:5% 0 0 10%}
	
	
	.question .box ul li{ width:45%; margin:0 2.2% 4.6%}
	.question .box ul li > img{ position:relative; width:60%; left:0; top:0; margin:5% auto; display:block;}
	.question .box ul li p{ padding-top:0;}

	.supplier .block{ padding-bottom:5%;}
	.supplier .block .icon{ display:none;}
	.supplier .block .info{ width:auto; float:left!important; margin-top:0;}

}

@media (max-width: 640px) {
	.header .tool{top:0}
	.logo > img{ height:50px;}
	.tool .lang{ padding-bottom:5px!important;}
	.design_tit{ padding-top:20px;}
	.design_tit h2 { font-size:23px;}
	.design_tit h3{ font-size:13px;}
	.design_picture ul li b{ font-size:18px; }
	
	.product .prod_tuijian .pic{ width:30%;}
	.product .prod_tuijian .info{ width:60%; }


	
	.message .info{ display:none;}
	.message .msg_box{ width:100%; background:url(images/message_bg.jpg) center; }
	.message .msg_box .input_box p{ width:20%;}

	.message .msg_box .input_btns input{ height:30px;}


	.advantage .info p{ font-size:17px;}
	.advantage .info h2{ font-size:17px;}

	.supplier > h2 { font-size:20px;}
	.supplier > h3{ font-size:12px;}

	.cooperate h2{ font-size:20px;}
	.cooperate h3{ font-size:12px;}

	.brief h2{ font-size:20px;}
	.brief h3{ font-size:12px;}

	.news .tags ul li a{ height:50px; line-height:50px; font-size:18px;}

	.bottom .bottom_menu{ width:100%;}
	.bottom .contact{ display:none;}
	.bottom .contact2{ display:block; width:55%; background:none; padding-top:5%;}
	.bottom .qrcode{ display:block; width:40%;}



}
@media (max-width: 400px) {
	.design_picture ul li { width:100%; }
	.design_picture ul li:nth-child(2n){ margin-top:10px;}
	.news .tags ul li a{ font-size:14px;}
}