@charset "utf-8";
html{ font:normal 62.5%/2.3em '微软雅黑',Arial; }
body{ padding:0px; margin:0px auto; font-size:1.6em; color:#5e5e5e; width:100%; -webkit-text-size-adjust:none;
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); /*取出点击出现半透明的灰色背景*/
-webkit-user-select: none;  /*控制内容的可选择性*/
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
ul,li,form, dl,dt,dd, div,em{ padding:0px; margin:0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,em,textarea{ font-size:1em; font-style:normal; color:#636363; font-family:'微软雅黑'; border-radius:0; -webkit-border-radius:0;}
img,object{ border:none; border:0; overflow:hidden; vertical-align:top;}
a{ color:#636363; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus {outline:none; -moz-outline:none;}
.Texthide{ display:none;}
ul li{ list-style:none;}

.Contain{ width:100%; width:100%; margin:0 auto; overflow:hidden; position:relative;}
.ContainMain{ position:absolute; top:0px; left:0px;}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}

.space{ width:100%; height:1em; clear:both; overflow:hidden; zoom:0;}
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}

/*top.html*/
.top{ background:url(../images/bg9.gif) repeat-x left top; background-size:100% 100%; padding:2.1% 4%; -moz-box-shadow: 0 3px 4px #dbdbdb; box-shadow: 0 3px 4px #dbdbdb;}
.top .toper{}
.top .toper .logo_menu{ width:6%; float:right; text-align:right;}
.top .toper .logo_menu img,.top .toper .logo img,.top .toper .back img{ width:100%; vertical-align:middle;}
.top .toper .logo{ width:45.2%; float:left;}
.top .toper .back{ width:11.25%; float:left;}
.top .toper .topcolumn{ font-size:1.75em; font-weight:bold; color:#000; margin:0 auto; width:40%; text-align:center;}

/*top.html*/

/*Current*/
.Current{ padding:0 4%;}
.Current dl{  width:100%; font-size:1.125em; color:#c8151e; font-weight:bold; padding: 2% 0;}
.Current dl a{ color:#000;}
.Current .callist{ width:100%; margin-bottom:3%;}
.Current .callist .Acal{ float:left; display:block; font-size:1em; color:#fff; font-weight:bold; background:#1a1a1a; padding:1%; width:30%; margin-right:2%; text-align:center; margin-bottom:2%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Current .callist .oncal{ background:#c8151e;}
/*Current*/

/*copyright*/
.copy{ padding:3.5% 4%; background:#f4f4f4; text-align:center; font-size:1.5em; line-height:35px; color:#626262;}
/*copyright*/

/*bottom*/
.Bottom{ background:#c8151e; width:100%;}
.Bottom ul li{ float:left; width:25%;}
.Bottom ul li a{ display:block; text-align:center; padding: 11% 0;}
.Bottom ul li a img{ vertical-align:middle;}
.Bottom ul li a span{ display:block; width:100%; font-size:1.625em; color:#fff; margin-top:2%;}
/*bottom*/

/*Banner*/
.HomeBan{ overflow:hidden; width:100%; margin-top:4%;}
.HomeBan .BanList{ width:100%;}
.HomeBan .BanList li{ width:100%; float:left;}
video{ display:block; width:100%;}
.HomeBan .BanList li video{ width:100%;}
.HomeBan .tabList{ height:14px; width:100%; padding-top:3%;}
.HomeBan .tabList ul{ margin:0 auto;}
.HomeBan .tabList ul li{ float:left; margin:0 3px; width:14px; height:14px;}
.HomeBan .tabList ul li.on span{background:url(../images/bg1.jpg) no-repeat left center;}
/*Banner*/

/*menu*/
.menuNav{ height:600px;}
.menuNav .title{ display:block; width:100%; text-align:center; background:#1a1a1a;}
.menuNav .title img{ width:11.77%; vertical-align:middle; padding:5% 0;}
.menuNav ul li{ padding:0 10%;}
.menuNav ul li a{ display:block; padding:5% 0;  border-bottom:#cb2129 1px solid; text-align:center; color:#ccc; font-size:1.875em; line-height:1.875em;}
/*menu*/

/*pages*/
.Pages{ padding:3% 0; zoom:1; overflow:hidden;}
.Pages2{ padding:3% 4%;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block;  background:#c8151e; color:#fff; width:22%; text-align:center; padding:1.5% 0; font-size:1.125em;}
/*.Pages .p_cur{ float:left;}*/
.Pages .p_cur b{ color:#F00;}
/*.Pages .p_count{ float:left;}*/
.Pages .p_count b{ color:#F00;}
/*.Pages .p_total { float:left;}*/
.Pages .p_total b{ color:#F00;}
/*.Pages .p_page{ float:right;}*/
.Pages .p_page{ width:100%;}
.Pages .p_page .a_prev{ float:left;}
.Pages .p_page .a_next{ float:right;}
.Pages .p_cur{ padding:1% 2%;}
/*pages end*/

/*index*/
.divright{ float:right; background:#c8151e;}

.divleft{ float:left; width:100%;}
.divleft .HomeLeft{ padding:0 4% 5% 4%;}
.HomeBox1{ background:#f4f4f4; -moz-box-shadow: 0 3px 4px #dbdbdb; box-shadow: 0 3px 4px #dbdbdb;}
.HomeBox3{ min-height:400px;}
.LastNews{ padding:2%;}
.lastNewsTitle{ display:block; float:left; color:#c8151e; font-size:1.625em; font-weight:bold;}
.LastNewsList{ overflow:hidden; float:right; width:65%;}
.LastNewsList .BanList{ width:100%;}
.LastNewsList .BanList li{ width:100%; float:left;}
.LastNewsList .BanList li a{ display:block; width:100%; font-size:1.375em;}
.LastNewsList .BanList li a em{ display:block; width:80%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.LastNewsList .BanList li a span{ float:right;}

.HomeBox2{ margin-top:4%;}

.menulist{ padding:6% 0;}
.menulist li{ float:left; width:33%;}
.menulist li a{ display:block; text-align:center; position:relative;}
.menulist li a img{ width:67%;}
.menulist li a span{ display:block; width:100%; text-align:center; position:absolute; bottom:10%; font-size:1.165em; color:#fff; font-weight:bold;}

.HomeTitle{ padding:3% 2%; border-bottom:#dcdcdb 1px solid;}
.HomeTitle .span{ display:inline-block; float:left; font-size:1.5em; font-weight:bold; color:#5e5e5e; width:50%;}
.HomeTitle .span img,.HomeTitle .more img{ margin-right:3%; vertical-align:middle;}
.HomeTitle .more{ display:block; float:right; width:10%; text-align:right;}

.HomeNewsList{ padding:3% 0;}
.HomeNewsList ul li{ border-bottom:#e8e8e7 1px solid; padding:0 2%;}
.HomeNewsList ul li:last-of-type{border-bottom:0;}
.HomeNewsList ul li a{ display:block; width:100%; padding:3% 0;}
.HomeNewsList ul li a img{ width:39%; float:left}
.HomeNewsList ul li a span{ float:right; width:58%; font-size:1.125em; font-weight:bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.HomeNewsList ul li a em{ float:right; width:58%; font-size:0.75em; line-height:22px; padding:2% 0;}

.HomeNewsList ul li .duo{ padding:4% 0; text-align:center; font-size:1.5625em; display:table !important;}
.HomeNewsList ul li .duo img{ width:5.67%; vertical-align:middle; float:none; margin-right:3%;}
/*index*/

/*精品案例*/

.caselist{ padding:4% 3%;}
.caselist li{ width:48.5%; float:left; margin-right:3%; margin-bottom:3%;}
.caselist li a{ display:block; background:#fff; border:#e4e4e4 1px solid; padding:3%;}
.caselist li a img{ width:100%;}
.caselist li a span{ display:block; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#000;}
/*精品案例*/

/*newsinfor*/
.News_info { padding:4% 4% 6% 4%;}
.News_info .info_title{ display:block; text-align:center; font-size:1.875em; font-weight:bold; color:#1a1a1a; line-height:1.25em;}
.News_info .info_time{ display:block;  font-size:1.125em; text-align:center; color:#1a1a1a; font-weight:normal; padding-top:1.5%; padding-bottom:3%;}
.News_info .info_txt{ color:#1a1a1a; font-size:1em; line-height:2.25em;}
.News_info .info_txt img{max-width:100% !important;height:auto !important;}

/*newsinfor*/

/*知名客户*/
.kehu{}
.kehu li{width: 41.5%; background:#fff; border:#e4e4e4 1px solid; padding:3%;}
.kehu li img{ width:100%;}
.kehu li span{ display:block; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#000;}

/*知名客户*/

/*投诉建议*/
.divtable{ padding:4% 4% 6% 4%;}
.divtable table{ width:100%; font-size:1.125em;}
.divtable .text{ width:94%; padding:1.5% 3%; border:#ddd 1px solid; outline:none; margin:1% 0 3%;}
.divtable .btn{ border:0; background:#c8151e; color:#fff; text-align:center; padding:2% 5%; font-size:1.333em;}

/*投诉建议*/
.Cont{}
#dituContent{ width:100%; height:500px; border:#ddd 1px solid; margin-top:3%;}

/*招贤纳士*/
.joinlist{ padding:4% 4% 6% 4%;}
.joinlist .title{ background:#c8151e; color:#fff;}
.joinlist ul li{}
.joinlist .title span{ display:block; float:left; width:25%; height:2.5em; line-height:2.5em; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.joinlist ul li span.span1,.joinlist ul li span.span2,.joinlist ul li span.span3,.joinlist ul li span.span4{ display:block; float:left; width:25%; height:2.5em; line-height:2.5em; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.joinlist ul li:nth-child(even){ background:#fff;}
.joinlist ul li .span1{ cursor:pointer;}
.joinlist ul li .jobsinfor{ display:none; float:left; width:96%; padding:2%;}
.joinlist ul li .jobsinfor .addJoin{ border:0; background:#c8151e; color:#fff; text-align:center; padding:1% 2%; float:right;}
/*招贤纳士*/


@media screen and (min-width:481px) and (max-width:560px){
	body{ font-size:1.4em;}
}

@media screen and (min-width:320px) and (max-width:480px){
	body{ font-size:1.2em;}
	.menulist li a span{ bottom:5%;}
	.HomeNewsList ul li a em{ line-height:18px; padding:0;}
	
}
@media screen and (max-width:319px){
	body{ font-size:1.2em;}
	.menulist li a span{ bottom:5%;}
	.HomeNewsList ul li a em{ line-height:18px; padding:0;}
}