@charset "utf-8";
/*public*/
*{ margin:0; padding:0;}
html,body{width:100%; height:100%; overflow:hidden;}
body{ position:relative; font-size:12px; color:#FFF; font-family:Arial, Helvetica, sans-serif;  background:#fff;}
img{border:none;}
ol,ul,dl{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}
a:link,a:visited{ text-decoration:none; color:#FFF; outline:none;}
a:hover,a:active{ text-decoration:none; color:#CCC; outline:none;}
.fleft{ float:left}
.fright{ float:right;}
.lineh25{ line-height:25px;}
.wrapper{ width:1000px; height:auto; position:relative; margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
*html .clearfix{height:1%}
.clearfix{display:block}
*+html .clearfix{min-height:1%}


.dlogo{ position:absolute; display:block; z-index:1001; top:16px; left:50%; margin-left:-92px;}
.top{
	width:100%;
	height:116px;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	background-image: url(../images/nav.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #cf3a41;
}
.english {
	line-height: 50px;
	float: left;
	height: 50px;
	width: 920px;
	text-align: right;
}
.top_box {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
	width: 960px;
    margin:0 auto;
	height: 116px;
}#hong {
		color: #000000;
}
.menu{
	height:36px;
	position:relative;
	margin-top: 30px;
	float: left;
}
.menu .nav{width:960px;height:36px;margin:0 auto;}

.menu .nav li{float:left;font-size:14px; position:relative;}
.menu .nav li a{
	float:left;
	display:block;
	height:36px;
	line-height:36px;
	color:#fff;
	text-decoration:none;
	position:relative;
	overflow:hidden;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
	text-align: center;
	width: 100px;
	font-size: 14px;
}
.menu .nav li a:hover,.menu .nav li a.current{color:#000;}
/*
.menu .nav li .box{width:100%;position:absolute;top:42px;left:0; background:#fff; overflow:hidden; display:none;}
.menu .nav li .box a{display:block;height:35px;float:left;color:#000;line-height:35px;border:none;background:none;padding:0;width:118px;text-align:center;}
.menu .nav li .box a:hover{text-decoration:underline;color:#A6A18D}

*/
.footer{	position:absolute;	bottom:0;	left:0;	width:100%;	height:39px;	z-index:9999;	border-top-width: 1px;	border-top-style: solid;
	border-top-color: #414246;	background-image: url(../images/foot.gif);	background-repeat: repeat-x;}
.copyright{ width:100%; height:40px; line-height:40px; font-size:12px; text-align:center; color:#fff;font-family:Arial, Helvetica, sans-serif; }



.sublist li{float:left;width:218px;padding-right:44px;padding-bottom:24px;}
.sublist li h3.mcate-item-hd{ padding-left:2px;font-size:14px;height:26px;line-height:26px;border-bottom:1px solid #bbbbbb; color:#333;}
.sublist li p.mcate-item-bd{padding-left:2px;}
.sublist li p.mcate-item-bd a{ width:46%; height:26px;line-height:26px;margin-right:5px;font-size:12px;color:#666666;text-decoration:none;display:inline-block;}
.sublist li p.mcate-item-bd a:hover{color:#6c5143;text-decoration:underline;}


.DB_tab25 {width:100%;height:100%;position:relative;overflow:hidden}
.DB_tab25 .DB_bgSet{position:relative;width:100%;height:100%;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:100%;display:none}
.DB_tab25 .DB_imgSet{position:absolute;width:1000px; height:100%; left:50%;margin-left:-500px; top:0;}
.DB_tab25 .DB_imgSet li{ width:100%; height:100%;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:350px;top:20%; width:50%}
.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;right:0px;top:50%; width:50%}
.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:-100px;top:30%;width:50%}


.DB_tab25 .DB_menuWrap{position:absolute;width:100%;left:0; top:20%;;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:260px;text-align:center;font-size:0}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}

.DB_prev,.DB_next{display:block;width:58px;height:120px;position:absolute;top:70%;z-index:99;cursor:pointer;background:url(../images/left_right.png) no-repeat;}
.DB_prev{left:-58px;background-position:0px 0px;}
.DB_next{right:-58px;background-position:-58px 0px;}
.DB_prev:hover{background-position:0px -120px;}
.DB_next:hover{background-position:-58px -120px;}


.DB_tab25 .DB_prev{position:absolute;left:-0px;top:220px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:-0px;top:220px;cursor:pointer;display:none}


.inbg{ width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;}
.inbg img{ width:100%;}


.about{position:absolute; margin:0 auto; z-index:200; width:100%; top:40px; left:0; height:100%;}
.about_map{position:absolute; margin:0 auto; z-index:200; width:100%; top:-20px; left:0; height:100%;}
.about .company{ width:850px; margin:auto; padding:0 0 30px 0}
.about .company h1{ margin:80px 0 30px 0px;}
.about .company .ad_txt{ background:url(../images/inconrpt.png); color:#fff; font-size:14px; padding:10px; }

.about .culture{ width:850px; margin:auto; padding:0 0 30px 0; text-align:right;}
.about .culture h1{ margin:80px 0 30px 0px;}
.about .culture .ad_txt{ color:#000; font-size:25px; padding:10px; text-align:right; width:400px;  margin:0 0 0 auto; text-align:left; }

.about .service_idea{ width:850px; margin:auto; padding:0 0 30px 0; text-align:right;}
.about .service_idea h1{ margin:80px 50px 10px 0px;}
.about .service_idea .ad_txt{ color:#fff; font-size:18px; padding:10px; text-align:right; width:480px;  margin:0 0 0 auto; text-align:left; line-height:35px; }

.about .service_advantage{ width:850px; margin:auto; padding:0 0 30px 0}
.about .service_advantage h1{ margin:10% 0 30px 50px;}
.about .service_advantage .ad_txt{ color:#000; font-size:14px; padding:10px; }

.about_map .contact{
	width:400px;
	position:absolute;
	top:10%;
	left:18%;
	background-color: #000000;
	background:rgba(0,0,0,0.6);
	margin-top: 240px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
.ad_left {
	float: left;
	height: 247px;
	width: 46px;
	margin-left: 10px;
}
.ad_right {
	float: right;
	width: 335px;
	margin-top: 6px;
}.about_map .contact h1{
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
}
.about_map .about .contact .ad_txt{ background:url(../images/inconrpt.png); width:400px; color:#fff; font-size:14px; padding:10px; }

.about .diy{ width:1000px; margin:auto;padding:5% 0 30px 0;}
.about .diy a{ display:block; width:450px; margin:0 20px 0 0; float:left;  }
.about .diy img{ width:450px;  border:2px solid #fff; }
.about .diy span{ font-size:16px; display:block; width:100%; height:30px; line-height:30px; text-align:center;}

.news {
	width: 1000px;
	position:absolute;
	top:11%;
	left:20%;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
.news_box {
	height: 240px;
	width: 268px;
	background-color: #f7f9f8;
	border: 10px solid #f7f9f8;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
}
.news_one {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	float: left;
	height: 30px;
	width: 268px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;

	color: #666666;
}
.news_one a {
	color: #333333;
}
.news_one a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.news_two {
	width: 268px;
	line-height: 19px;
	float: left;
	color: #666;
	height: 59px;
	text-overflow:ellipsis;
	overflow:hidden;

}
.news_three {
	border: 1px solid #b1b1b1;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	float: left;
	margin-left: 93px;
}
.news_three a {
	font-size: 14px;
	color: #952521;
}.news_three a:hover {
	color: #333;
	text-decoration: underline;
}
.new_ny {
	width: 850px;
	position:absolute;
	top:14%;
	left:20%;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
	color: #333333;
}
.new_ooo {
	width: 820px;
	border: 10px solid #acaaab;
	float: left;
	height: 470px;
	background-image: url(../images/news.gif);
	padding: 15px;
}
.new_ny_one {
	width: 820px;
	float: left;
	height: 470px;
	overflow-y: scroll;
	overflow-x: hidden;

}
.new_ny_two {
	font-size: 18px;
	font-weight: bolder;
	text-align: center;
	float: left;
	height: 35px;
	width: 820px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ededed;
	line-height: 35px;
	margin-bottom: 10px;
}.new_ny_three {
	line-height: 20px;
	width: 790px;
	float: left;

}
.new_about {
	font-size: 30px;
	font-weight: bolder;
	float: left;
	height: 45px;
	width: 820px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ededed;
	line-height: 45px;
	margin-bottom: 10px;
	font-family: "Arial Black";
	color: #434343;
}
.jie {
	width: 1000px;
	position:absolute;
	left:16%;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
	color: #333333;
}


.num { color: #fff; width: 100%; text-align: center; position: relative; overflow: hidden;}
.server{height:100%; }
.server ul{height:100%;}
.server ul li{float:left;height:100%;color:#fff;text-align: center;width:24%;box-sizing: border-box;position: relative;}
.server_mask{position: absolute;width:100%;left:0;bottom:0;background: rgba(73,73,73,0.8);z-index: -1}
.server_mask_div{position: relative;width:100%;height:100%;overflow: hidden;}
.server ul li>img{position: absolute;left: 0;right:0;margin:auto;width:80%;bottom:-100%;transition: bottom 1s .2s;}
.server ul li:hover>img{bottom:0;}
.server ul li.active,.server ul li:hover{color:#952521;transition:color 1s;}
.server ul li.active .server_img,.server ul li:hover .server_img{border-color: #952521;top:-60px;}
.server ul li:hover .server_cont>p{top:-60px;}
.server ul li:hover .server_cont .server_intro{opacity: 1;bottom:40px;}
.server_cont{position: relative;top: 25%;}
.server_cont .server_img{border-radius:100%; border:2px solid #fff;width:130px;height:130px;margin:0 auto;position: relative;top:0;transition:border-color 1s,top .5s;}
.server_cont .server_img img{width:90px;height:80px;margin-top: 28px;position: relative;}
.server_cont>p{padding: 15px 0 25px 0;font-size: 16px;transition: top .5s;position: relative;top:0;}
.server_cont .server_intro{line-height: 24px;transition: all .8s .2s;opacity: 0;color:#FF0000;position: relative;bottom:-150px;}
.server ul li .hid{display: none}
.server ul li:hover .sho{display: none}
.server ul li:hover .hid{display: inline-block;animation:plays 1s .5s linear infinite both;position: relative;}

.tu {
	width: 1208px;
	position:absolute;
	left:8.5%;
	top:13%;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
	color: #333333;
}
.tu_top,.tu_one {width: 1208px;	float: left;}
.tu_top a {
	background-color: #999999;
	float: left;
	margin-left: 10px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}
.tu_top a:hover {
	background-color: #FF0000;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	float: left;
	color: #FFFFFF;
	margin-left: 10px;
}



.tu_three  {
	width: 1208px;
	float: left;

}
.tu_two {
	font-family: "Arial Black";
	font-size: 30px;
	line-height: 40px;
	float: left;
	color: #434343;
	height: 40px;
	width: 1208px;
}
.two_one {	float: left;	height: 40px;	width: 1208px;}
.two_two {	font-family: "Arial Black";	height: 40px; font-size: 30px;	line-height: 40px;	float: left;}
.tu_four {
	float: left;
	width: 240px;
	height: 300px;
	border: 6px solid #fff;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.images-content{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 18px;
	background-color: #FFFFFF;
	color: #000000;
	float: left;
	width: 240px;

} 
.images-wrapper{
	width:240px;
	height:270px;
	position:relative;
	text-align: center;
} 
.index_image {
	width: 755px;
	position:absolute;
	left:15%;
	top:13%;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
}
.pagination {
	float: right;
	width: 200px;
}
.pagination ul {
	float: right;
}
.pagination ul li {
	float: left;
	color: #999999;
	border: 1px solid #dddddd;
	background-color: #FFFFFF;
	border-radius:2px;
	margin-right: 2px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}
.pagination ul li a{ color: #5e758f;}
.section{width:993px;margin:10px auto 0 auto;overflow:hidden;}
.section ul{
	width:993px;
	height: 675px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #dcdcdc;
	border-left-color: #dcdcdc;
}
.section ul li{
	float:left;
	display:inline;
	width:330px;
	height:224px;
	overflow:hidden;
	position:relative;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #dddddc;
	border-bottom-color: #dddddc;
}
.section ul li .photo{width:330px;height:224px;overflow:hidden;}
.section .rsp{width:330px;height:224px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.section .text{position:absolute;width:300px;height:224px;left:-300px;top:0px;overflow:hidden;}
.section .text h3{width:330px;height:224px;line-height:224px;text-align:center;color:#fff;font-size:20px;}
.section .text a{text-decoration:none}
.section .text div{text-align:center;color:#FFFFFF;font-size:18px;}

.images_ny {
	width: 850px;
	position:absolute;
	left:21%;
	top:13%;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
}
#hewenqiArticle{
	width: 850px;
	float:left;

}
#hewenqiArticle h1 {
	line-height: 30px;
	text-align: center;
	float: left;
	height: 30px;
	width: 850px;
	font-size: 20px;
	color: #fff;
}