@charset "utf-8";
/* css document */

html { overflow-x: hidden; overflow-y: auto; } 
body,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,pre,hr,form,fieldset,input,button,textarea,select,blockquote,th,td {
	margin:0;padding:0;}
h1 { font-size: 18px; }
h2 ,h3 ,h4, h5, h6 { font-size: 100%; }
ul, ol { list-style: none; } 
a {text-decoration:none; color:#333;}
a:hover {text-decoration:none; color:#ff6600;}
a,button{cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img { border: none; }
button, input, select, textarea {
	font-family: arial, "\5b8b\4f53";
	font-size: 100%;  
	outline:0;}	
pre{font-family:inherit;}
textarea{overflow:auto;resize:none;}

[hidefocus]{outline:0;}
 :focus{outline:0}
hr { border: none; height: 1px; }   
.clear{ height:0; clear:both;  visibility: hidden;} 
.clearfix:after{ content: "."; display: block; height: 0; clear: both;visibility: hidden;}
body,button, input, select, textarea {
	font: 12px/1.2 "microsoft yahei",tahoma, helvetica, arial, "\5b8b\4f53", sans-serif;
	/*font: 12px/1 tahoma, helvetica, arial, "宋体", sans-serif;*/ 
	background:#fff;
	color:#333;}

.w1200{ width: 1200px; margin: auto;}

.header{}
.top{
	height: 43px;
	background-color: #eee;
	overflow:hidden;
}
.top .wel{
	float: left;
	font-size: 15px;
	color: #58595a;
	line-height: 43px;
	letter-spacing: 0.1em;
}
.top .toprg{
	float: right;
	line-height: 42px;
}
.top .toprg a{
	font-size: 15px;
	color: #333;
	margin-left: 18px;
}
.top .toprg a:hover{ color: #c81622;}

.head{ height: 136px; position:relative;}
.logo{
	float: left;
	margin-top: 16px;
}
.head .erweima{float:right;margin-top:5px;}
.head .erweima img{ height:110px;}
.head .erweima p{
    font-size: 14px;
    color: #333;
	text-align:center;
}
.head .headrg{
	float: right;
	margin: 40px 30px 0;
	/* position:absolute;
	top:40px;
	right:56px; */
	padding-left: 62px;
	background: url(/uploads/image/tdimages/icon-phone.jpg) no-repeat left center;
}
.head .headrg p{
	font-size: 14px;
	color: #666;
	line-height: 18px;
}
.head .headrg div{
	margin-top: 10px;
	font-family:"方正兰亭黑_gbk",arial;
	font-weight:bold;
	font-size: 30px;
	color: #c81622;
}

.navbar{
	height: 52px;
	background-color: #c81622;
}
.nav{  position:relative; z-index:1; width:1200px; margin:auto; }
.nav a{ color:#fff;  }
.nav .nli{ float:left;  position:relative; display:inline;  }
.nav .nli h3{ float:left;  }
.nav .nli h3 a{ display:block; padding:0 29px; font-size:18px; line-height:52px;  }
.nav .sub{ display:none; width:188px; left:0; top:52px;  position:absolute; background:rgba(0,0,0,.7);  line-height:32px;   }
.nav .sub li{ zoom:1; border-bottom:1px solid #888;}
.nav .sub a{ display:block; padding:0 10px; font-size:14px;}
.nav .sub a:hover{ background:#555; color:#fff;  }
.nav .on h3 a{ background: url(/uploads/image/tdimages/bgnav.jpg) repeat-x center center;
	background-size:cover;
	color: #fff;  }
/* .nav ul{}
.nav ul li{
	float: left;
	position: relative;
}
.nav ul li a{
	display: block;
	padding: 0 36px;
	line-height: 52px;
	font-size: 18px;
	color: #fff;
}
.nav ul li a:hover{
	background: url(/uploads/image/tdimages/bgnav.jpg) repeat-x center center;
	background-size:cover;
	color: #fff;
} */


.banner{
	width: 100%;
	height: 540px;
	border-bottom: 16px solid #c81622;
	overflow: hidden;
}
.slidebox{ width:100%; height:540px; overflow:hidden; position:relative;  }
.slidebox .hd{ height:21px;width: 100%; overflow:hidden; position:absolute;  bottom:27px; z-index:1; text-align: center;}
.slidebox .hd ul{ overflow:hidden; zoom:1; display: inline-block;}
.slidebox .hd ul li{ display: inline-block;margin:0 8px;  width:15px; height:15px; font-size: 0; border-radius: 50%; border: 2px solid #eee; cursor:pointer; vertical-align: top;}
.slidebox .hd ul li.on{ background:#c00; border-color:#fff; }

.slidebox .bd{ position:relative; height:100%; z-index:0;   }
.slidebox .bd li{ zoom:1; vertical-align:middle; }
.slidebox .bd li div{ width:100%; height:540px; display:block; background-repeat: no-repeat; background-position: center center;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
/* .slidebox .prev,
.slidebox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:#ccc; filter:alpha(opacity=50);opacity:0.5;   }
.slidebox .next{ left:auto; right:3%; background-position:8px 5px; }
.slidebox .prev:hover,
.slidebox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slidebox .prevstop{ display:none;  }
.slidebox .nextstop{ display:none;  } */

.nybanner{
	width:100%;
	text-align:center;
}
.nybanner div{
	height:256px;
	background-repeat:no-repeat;
	background-position:center top;
	font-size:0;
}

.footer{
	height: 318px;
	margin-top: 50px;
	padding-top: 65px;
	background-color: #3e3e3e;
	text-align: center;
}
.footer .footlogo{
	display: inline-block;
	vertical-align: middle;
	margin-right: 36px;
}
.footer .foot{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	font-family:helvetica,arial,"microsoft yahei",sans-serif;
	font-size: 18px;
	color: #d5aa7c;
	line-height: 25px;
	/* font-weight: bold; */
	white-space: pre-wrap;
}
.footer .foot a{
	color: #d5aa7c;
}

.footer .footrg{
	display: inline-block;
	vertical-align: top;
}
.footer .footrg .erweima{
	float: left;
	margin-left: 35px;
}
.footer .footrg img{ max-width: 120px;}
.footer .footrg p{
	margin-top: 12px;
	font-size: 18px;
	color: #aaa;
}

.footer .copy{
	margin-top: 32px;
	font-size: 14px;
	color: #fff;
	line-height:1.4;
	white-space:pre-wrap;
}
.footer a{ color: #fff;}

.back_top {
	position: fixed;
	left:50%;
	margin-left:576px;
	bottom:36px;
	background-color:#999;
	display:none;
}
.back_top:hover, .left_btn:hover, .right_btn:hover {
	
	animation:xguide_down 2.0s infinite ease-in-out
}
@keyframes xguide_down {
 0%, 100% {
 transform:scale(0.8);
 opacity:0.5;
 }
 50% {
 transform:scale(1.0);
 opacity:1;
 }
}