body,html { width: 100%; height: 100%; 
	color: #4c4c4c; 
	font: 14px "Microsoft YaHei", "PingFang SC", sans-serif; }

body,html,div,ul,li,h1,h2,h3,h4,h5,h6,img,p { margin: 0; padding: 0; }
img { vertical-align: top; border: none; }
li { list-style-type: none; }
a { text-decoration: none;
	color: #4c4c4c;
	font: 14px "Microsoft YaHei", "PingFang SC", sans-serif; }

.pointer { cursor: pointer; }
.li-inlineblock,.div-inlineblock { letter-spacing: -10px; }
.li-inlineblock>li,.div-inlineblock>div { letter-spacing: normal;display: inline-block;vertical-align: top;}
.lf { float: left; }
.rig { float: right; }
.none { display: none; }
.select-bg,.sinput,.section-list li a,.tabBox .prev,.tabBox .next,.tabBox .text {
	-webkit-transition: all .3s cubic-bezier(.7,0,.1,1);
	transition: all .3s cubic-bezier(.7,0,.1,1);
}
/*全局的input样式*/
	input::-webkit-input-placeholder{ color: #b1b0b1;font-size: 15px;}
	input::-moz-input-placeholder{ color: #b1b0b1;font-size: 15px;}
	input::-ms-input-placeholder{ color: #b1b0b1;font-size: 15px;}

/*所有模块的初始化*/
.main,.header,.banner,.section,.footer { width: 100%; }
.header-inner,.nav-inner { margin: 0 auto; 
	width: 1200px; }

/*头部 - logo 小导航 搜索框*/
.header { position: relative;
	background: #992e2e; }
.header:after { position: absolute; content: ''; width: 100%; top: 120px; left: 0; border-top: 1px solid #571d1d; }	
.header-inner { 
	height: 121px;
}

.logo img {
	margin-top: 30px;
}
/*搜索部分*/
.select {
	margin-top: 45px;
	position:relative;
}

/*G - 搜索框背景图 - 根据需要确定要不要*/.select-bg {width: 315px;height: 30px;background: url('../img/motto.png') no-repeat 0 5px;}

.select-input>input { display: inline-block; outline: none; border: none;
	height: 30px;
}
.select-input>.sinput { 
	opacity: 0; 
	width: 0;
	padding-left: 20px;
	border: 1px solid #ffffff !important;
}
.select-input>.sinputClick { width: 32px;height: 32px;
	background: #992e2e url('../img/select.png') no-repeat center center;
}

.select:hover .sinput{ width: 180px; opacity: 1; }
.select:hover .select-bg { width: 520px; }


/*导航*/
.nav { border-top: 1px solid #cc5252;
}
.nav-inner { width: 1265px; }
.nav-ul>li {  text-align: center; position: relative;
	width: 9.84%; 
	height: 43px;
}
.nav-ul>li:not(:first-child) {
	background: url('../img/icon.png') no-repeat 97px 20px;
}
.nav-ul>li>a { display: inline-block; width: 100%; height: 100%;
	color: #fff;
	line-height: 43px;
}

/*下拉菜单*/
.nav-menu { position: absolute; z-index: 2; width: 150px; left: 0; top: 100%; }
.nav-menu-ul { height: 0; overflow: hidden; opacity: 0; -webkit-transition: all .8s cubic-bezier(.7,0,.1,1); transition: all .8s cubic-bezier(.7,0,.1,1); }
.nav-menu li {line-height: 55px; overflow: hidden; word-wrap: nowrap;
	background-color: #992e2e;
}
.nav-menu a { display: inline-block; width: 100%; text-align: center; line-height: 55px; font-size: 14px; -webkit-transition: all .4s linear; transition: all .4s linear;
	color: #fff;
}
.nav-menu a:hover { 
	background-color: #F7F7F7; 
	color: #992e2e; 
}

/* banner 轮播图 */
.banner { width: 100%; 
	height: 500px;
}
/*轮播主div*/
/*轮播图片*/
.tabBox { width: 100%; position: relative;
	height: 500px; }
.tabBox .bd ul{ width: 100%; overflow: hidden;
	height: 500px; }
.tabBox .bd li{ width: 100%; overflow: hidden; text-align: center;
	height: 500px; }
.tabBox .bd img{ width: 100%; }
/*轮播前后按钮 - prev/next，分页器 - hd ul li，文本 text*/
.tabBox .hd ul{ position:absolute; left: 50%; z-index: 1;
	margin-left: -75px;
	padding:0 10px; 
	height: 16px; 
	bottom: 10px; }
.tabBox .hd ul li{ cursor: pointer; 
	margin: 0 10px; 
	background-color:#fff; 
	width: 4px; 
	height: 4px;
	-webkit-border-radius: 50%;  border-radius: 50%; }
.tabBox .prev,.tabBox .next { position: absolute; top: 50%; left: 50%; z-index: 1; cursor: pointer;
	padding: 40px 25px; }
.tabBox .prev {  margin: -40px 0 0 -700px; 
	background: rgba( 0, 0, 0, .5) url('../img/icon.png') no-repeat 18px -8px; }
.tabBox .next { margin: -40px 0 0 650px; 
	background: rgba( 0, 0, 0, .5) url('../img/icon.png') no-repeat -12px -8px; }
.tabBox .text {  position: absolute; top: 50%; left: 50%; z-index: 1; cursor: pointer;
	padding: 0 35px; display: inline-block; 
	height: 60px; 
	margin: 140px 0 0 -600px;
	background: rgba(0,0,0,.5); }
.tabBox .text a { display: inline-block; width: 100%; height: 100%; 
	font-size: 24px; 
	line-height: 60px; 
	color: #fff;}	

.tabBox .prev:hover,.tabBox .next:hover { 
	background-color: rgba( 153, 46, 46, .8); }

.banner_pad_cen { width: 100%; position: relative; overflow:hidden;}
.banner_pad_cen .bd ul{ width: 100%; overflow: hidden;}
.banner_pad_cen .bd li{ width: 100%; overflow: hidden; text-align: center;}
.banner_pad_cen .bd li div{ position:absolute;  background: #060505; height:40px; width:60%; bottom:10%; line-height:40px; color:#FFF; opacity:0.5; left:5%; font-size:16px;}
.banner_pad_cen .bd img{ width: 100%; }
	
.banner_pad_cen .hd ul{ position:absolute; left: 50%; z-index: 1;
	margin-left: -75px;
	padding:0 10px; 
	height: 16px; 
	bottom: 10px; }
.banner_pad_cen .hd ul li{ cursor: pointer; 
	margin: 0 10px; 
	background-color:#fff; 
	width: 4px; 
	height: 4px;
	-webkit-border-radius: 50%;  border-radius: 50%; display:inline-block; line-height:9999px;}
/*on 当前分页器*/
.on { position: relative; }
.on:before { content: ''; position: absolute; width: 16px;height: 16px; top: 0;left: 0; margin: -7px 0 0 -7px;
	-webkit-border-radius: 50%;  border-radius: 50%; border: 1px solid #ffffff; }



/*尾部*/
.footer {
	background-color: #992e2e;
}
.f-top,.f-bottom { width: 100%; }
.f-top { border-bottom: 1px solid #571d1d; }
.f-bottom { border-top: 1px solid #cc5252; }
.f-con,.f-bot {
	color: #fff; position: relative;
	width: 1200px;margin: 0 auto;
}
.f-con a,.f-bot a { color: #fff; }

.f-con {
	padding: 30px 0;
}
.contact-us { width: 37%; }
.contact-us>h2 { font-size: 18px; }
.contact-us>div,.contact-us>h2 {
	line-height: 30px;
}
.f-bot {
	text-align: center;
	line-height: 49px;
}
.otherc-us {
	padding: 30px 0;
	width: 63%;
}

.f-sina,.f-wechat {
	position: relative;
	display: inline-block;
	width: 52px;
	height: 52px;
	margin: 0 20px;
	cursor: pointer;
}
.f-sina {
	background: url('../img/icon.png') no-repeat 0px -91px;
}
.f-wechat {
	background: url('../img/icon.png') no-repeat 0px -148px;
	margin-right: 50px;
}
.f-w-tdc,.f-s-tdc { 
	opacity: 0; z-index:-1;
	position: absolute; top: -160px; left: -50%; margin-left: -20px;
	width: 120px; height: 120px;
	padding: 10px;
	background: #FFFFFF;/*linear-gradient(135deg, #faa6a6 0%, #992e2e 40%, #992e2e 70%, #faa6a6 100%); */
	transform: translateY(-40px);
	transition: all .5s ease-out;
}
.f-w-tdc img,.f-s-tdc img { width: 120px; height: 120px; }

.f-wechat:hover .f-w-tdc,.f-sina:hover .f-s-tdc{
	z-index: 1; opacity: 1;
	transform: translateY(0);
}

.container {
    margin-right: auto;
    margin-left: auto;
	padding:0 10px;
}

.head_ph{
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
	background-color: #fff;
	z-index: 200;
}

.head_ph .container, .head_ph .logo {
    position: relative;
    height: 100%;
}

.head_ph .logo {
	width:80%;
}

.head_ph .logo img {
    max-width: 100%;
	margin-top:0;
	padding-top:36px;
	padding-left:16px;
}

.head_ph .menuph {
    position: absolute;
    top: 52px;
    right: 15px;
    cursor: pointer;
}

@keyframes tdc {
	from {
		transform: translateY(-40px);
		opacity: 0;
	}
	to {
		transform: translateY(0px);
		opacity: 1;
	}
}

/***********************		响应式		**********************/
/*电脑屏幕*/
 @media screen and (min-width: 768px) {
   .banner_pad{
	display: none;
}

/*手机屏幕*/
@media screen and (max-width: 768px) {
.container {
	width: auto;
      
}
.te_banner{
	display:none;
}
#menu {
    opacity: 0;}
.banner{display:none;}
}


}
@media screen and (max-width: 768px) {
.head_ph{
    display: block;
}
.header-inner{
	display:none;
}

.header:after{
	border-top:0;
}

.nav{
	display:none;
}
.banner{
	display:none;
}
}