/* CSS Document */
body,div,p,a,ul,li,a,h1,h2,h3,h4,h5{margin:0px; padding:0px; font-size:16px;}
body,div,img{margin:0px; padding:0px; }
body{font-size:24px; font-family:"微软雅黑";}
a{ text-decoration:none; font-family:"微软雅黑"; color:#000000;}
img{border:0 none;}
ul,li{list-style:none;}

@media screen and (max-device-width: 500px) {
	body{font-size:80% !important;}
	a{font-size:80% !important;}
}
@media screen and (max-device-width: 400px) {
	body{font-size:60% !important;}
	a{font-size:60% !important;}
}
@media screen and (max-device-width: 300px) {
	body{font-size:40% !important;}
	a{font-size:40% !important;}
}

#head{width:100%; overflow:hidden; border-top:1px solid #e60012; border-bottom:1px solid #e60012;}
.head_container{width:100%; padding-top:0.2em;}
.head_logo{width:65%; float:left; padding-left:3%; padding-top:1%;}
.head_logo img{max-width:100%;}
.head_menu{width:12%; float:right;}
.head_menu img{max-width:100%; float:right;}


#posters{width:100%; height:auto; overflow:hidden; margin-bottom:-0.2em;}
#posters ul,
#posters ul li,
#posters ul li img{width:100%; height:auto;}

#titles_button{width:98.5%; overflow:hidden; padding-left:1.5%; padding-top:0.6em; background-color:#dddddd;}
#titles_button a{width:23.5%; display:block; margin-right:1.5%; margin-bottom:0.6em; background-color:#FFFFFF; float:left;}
#titles_button a.clear_mr{margin-right:0px;}
#titles_button a img{max-width:100%; display:block; margin:0em auto;}

#news{width:auto; height:3em; background:url(../images/icon_1.png) no-repeat 0.4em center; background-size: auto 90%; background-color:#FFFFFF; padding-left:3.8em; overflow:hidden;}
.news_container{padding:0.75em 0em 75em 1em; border-left:1px solid #eeeeee;}
.news_container ul{overflow:hidden;}
.news_container ul a{height:2em; line-height:2em; overflow:hidden; display:block; font-size:1em; color:#000000; font-family:"宋体"; letter-spacing:0.2em;}


.project{width:100%; border-top:0.18em solid #dddddd;}
.project .project_title{width:100%; padding:0.3em 0em;}
.project .project_title img{max-width:100%; display:block; margin:1em auto;}
.project .project_items{width:100%; overflow:hidden; padding-bottom:1em;}
.project .item{width:100%; overflow:hidden; float:left; position:relative; margin-top:1em;}
.project .item_left{width:30%; height:100%; position:absolute; z-index:10; background-color:#ff0000;}
.project .item_right{width:70%; height:100%; float:right; overflow:hidden;}
.project .item_left a{width:100%; height:100%; display:block; background:no-repeat 50% 50%; background-size:auto 80%;}
.project .item_right ul{width:100% !important; height:auto !important; overflow:hidden;}
.project .item_right ul li{width:100% !important; height:auto !important; overflow:hidden;}
.project .item_right ul li a{width:100% !important; height:auto !important; display:block; overflow:hidden;}
.project .item_right ul li img{width:100% !important; height:auto !important; margin-bottom:-0.2em; float:left;}
.float_r{float:right !important;}
.project.m1 .project_items{padding-bottom:0em;}
.project.m1 .im_1 .item_left{right:0px;}
.project.m1 .im_1 .item_right{float:left;}
.project.m2 .project_items{width:94%; margin:0em auto;}
.project.m2 .item_left{border-radius:1em 0em 0em 1em;}
.project.m2 .item_right a{border-radius:0em 1em 1em 1em;}
.project.m2 .im_1{width:48%; float:left;}
.project.m3 .project_title{background-color:#f7f7f7;}
.project.m4 .imglist{width:94%; margin:0em auto; overflow:hidden;}
.project.m4 .imglist .bd{width:auto; overflow:hidden; border:2px solid #ff0000; border-radius:1em; position:relative;}
.project.m4 .imglist .bd ul{width:100%; overflow:hidden;}
.project.m4 .imglist .bd ul li{width:100%; overflow:hidden;}
.project.m4 .imglist .bd ul li img{width:100%; border-radius:1em; margin-bottom:-0.2em;}
.project.m4 .imglist .bd .prev,
.project.m4 .imglist .bd .next{width:10%; height:100%; position:absolute; z-index:10; top:0em; background:no-repeat center center; background-size:40%;}
.project.m4 .imglist .bd .prev{background-image:url(../images/p_m4_prev.png); left:0em;}
.project.m4 .imglist .bd .next{background-image:url(../images/p_m4_next.png); right:0em;}
.project.m4 .praise{width:100%; overflow:hidden; padding:1em 0em;}
.project.m4 .praise img{display:block; margin:0em auto; max-width:100%;}
.project.m4 .praise div{width:100%; line-height:1.5em; text-align:center; font-size:1em; color:#2b2b2b;}
.project.m4 .praise div span{color:#ff0000;}


.project_more{width:100%; line-height:4em; text-align:center; border-top:1px solid #f0f0f0;}
.project_more a{font-size:2em; color:#ff0000;}


#baojia{width:100%; overflow:hidden; border-top:0.18em solid #dddddd;}
.baojia_title{width:100%; border-bottom:1px solid #f0f0f0;}
.baojia_title img{max-width:100%; display:block; margin:0.5em 0em 0.5em 1.7em;}
.baojia_inputs{width:90%; padding:0em 5%;}
.baojia_inputs input{font-size:0.75em; padding:0em 2%; height:3em; line-height:3em; color:#404040; border:1px solid #cccccc; margin-top:1em; font-family:"宋体";}
.baojia_inputs .m_1{width:44%; float:left;}
.baojia_inputs .m_2{width:40%; padding-right:6%; float:right; background:url(../images/icon_2.png) no-repeat right center;}
.baojia_inputs .m_3{width:96%;}
.baojia_submit{width:90%; height:3em; border:0 none; background-color:#ff0000; font-size:1em; color:#FFFFFF; font-family:"宋体"; display:block; margin:1.5em auto;}



#case{width:100%; overflow:hidden; background-color:#FFFFFF;}
.case_top{width:100%; border-bottom:1px solid #f0f0f0; overflow:hidden;}
.case_title{max-width:50%; float:left;}
.case_title img{max-width:80%; display:block; margin:0.5em 0em 0.5em 1.7em;}
.case_index{max-width:45%; float:right; text-align:center; padding-right:1.5em;}
.case_index ul{float:right; text-align:center; line-height:2em; overflow:hidden;}
.case_index li{width:1em; height:1em; border-radius:0.5em; background-color:#dddddd; display:inline-block; margin:0em 0.3em;}
.case_index li.on{background-color:#ff0000;}
.case_items{width:94%; margin:0.5em 3%; overflow:hidden;}
.case_items ul,
.case_items ul li{width:100%;}
.case_items ul li > div{width:44%; margin:0em 3%; margin-bottom:1em; float:left;}
.case_items ul li > div img{width:100%; border-radius:0.75em;}
.case_items ul li > div div{width:100%; line-height:1.5em; text-align:center;}
.case_items ul li > div div a{font-size:1em; color:#383838;}


#vr{width:100%; overflow:hidden; border-top:0.18em solid #dddddd;}
.vr_title{width:100%; border-bottom:1px solid #f0f0f0;}
.vr_title img{max-width:100%; display:block; margin:0.5em 0em 0.5em 1.7em;}
.vr_video{width:90%; overflow:hidden; margin:0.8em 5%;}
.vr_video img{width:100%;}


#advocate_material{width:100%; overflow:hidden;}
.am_title{width:100%; border-bottom:1px solid #f0f0f0;}
.am_title img{max-width:100%; display:block; margin:0em 0em 0.5em 1.7em;}
.am_items{width:80%; margin:1em auto; overflow:hidden;}
.am_items a{width:48%; margin:0.3em 1%; float:left; display:block;}
.am_items a img{width:100%;}
.am_items a.c{clear:both;}

#brandstory{width:94%; overflow:hidden; margin:0em auto;}
.brandstory_title{width:100%; border-bottom:1px solid #f0f0f0;}
.brandstory_title img{max-width:100%; display:block; margin:0.5em 0em 0.5em 1.7em;}
#brandstory .content_text{width:100%; overflow:hidden; text-align:center; line-height:2.5em; font-size:0.9em; color:#2b2b2b; padding:0.5em 0em;}
#brandstory .content_text span{color:#ff0000;}


#knowledge{width:100%; overflow:hidden;}
.knowledge_items{width:96%; margin:0em auto; overflow:hidden;}
.knowledge_item{ padding:0.5em 0.5em 0em 0.5em; border:1px solid #c7c7c7; overflow:hidden; margin-top:1em;}
.knowledge_item img{width:25%; margin:0em 1em 0.5em 0em; display:block; float:left;}
.knowledge_item h3{font-weight:bold; padding:0.3em 0em;}
.knowledge_item h3 a{font-size:0.9em; color:#e90c03; font-family:"宋体";}
.knowledge_item p{font-size:0.8em; padding-bottom:0.5em; color:#494949; line-height:1.5em;}
.knowledge_item p a{font-size:1.2em; color:#000000; font-family:"宋体"; font-weight:bold;}




#footer{width:100%; overflow:hidden; background-color:#f7f7f7; border-top:3px solid #dddddd; padding-bottom:0.5em;}
.footer_weixin{width:100%; overflow:hidden;}
.footer_weixin img{max-width:100%; display:block; margin:1em auto;}
.footer_txt{width:100%; overflow:hidden; text-align:center; line-height:1em; font-size:0.9em; color:#8e8e8e; padding:0.4em 0em; font-family:"宋体";}


.menu_container{width:100%; overflow:hidden;}
.menu{width:105%; overflow:hidden; margin-left:-2.5%;}
.menu .contact{border-top:3px solid #dddddd; text-align:center; padding:0.4em 0em; background-color:#FFFFFF;}
.menu .contact .pohone{display:inline-block; background:url(../images/icon_4.png) no-repeat left center; background-size:auto 90%; padding-left:2em; font-size:1em; color:#373737;}
.menu .contact .pohone span{color:#f61113; font-size:1.2em;}
.menu ul{width:100%; overflow:hidden; background-color:#ff0000;}
.menu ul li{width:25%; overflow:hidden; float:left;}
.menu ul li a{width:60%; display:block; margin:0em auto; padding:0.2em 0em;}
.menu ul li.activite a{background-color:#FFFFFF;}
.menu ul li a img{max-width:80%; display:block; margin:0em auto;}