﻿#banner{
	margin-top: 126px;
	min-width:640px;
	width:100%;
	height:530px;
	position:relative;
	transition:background .4s;
	-webkit-transition:background .4s;
	min-width:100px;
}
#banner .pic{ display:none; }

#banner a{
	display:block;
	width:100%;
	height:100%;
}

#banner .dotBlock{
	width:150px;
	height:20px;
	border:0px solid #000;
	position:absolute;
	bottom:13px;
	right:0px;
	text-align:center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:default;
}
#banner .dotBlock>.dot{
	width:12px;
	height:12px;
	background:#dcdcdc;
	border-radius:100%;
	border:1px solid #8d8582;
	display:inline-block;
	cursor:pointer;
	margin:0px 4px;
}#banner .dotBlock>.dot.curr{
	background:#8d8582;
}

/*滚动新闻*/
.flash-hd{
	font-size:14px;
	padding:10px 15px;
	box-sizing:border-box;
	height:48px;
	line-height:28px;
	background-color:#F2F2F2; 
	margin:40px 0px;
}
.flash-hd ul{overflow: hidden;width:1070px;margin: 0 auto;}
.flash-hd li{float:left;}
.flash-hd h6{
	display:inline-block;
	background:url(../images/spirit.png) no-repeat -250px 3px;
	padding-left:22px;
	color:#4E4E4E;
}
.flash-hd p{
	display:inline-block;
	color:#636466;
}
.flash-hd li:nth-child(2) {
	margin:0px 0 0 80px;
	width:46px;
	background-color:#CFCFCF;
	overflow:hidden;
}
.flash-hd li:nth-child(2) span{
	float:left;
	width:50%;
	line-height:30px;
	font-weight:700;
	font-size:16px;
	color:#9D9D9D; 
	display:inline-block;
	text-align:center;
        cursor:pointer;
}
.flash-hd li:nth-child(3){float:right;}
.flash-hd a.button{
	width:68px;
	height:28px;
	background-color:#8B8682;
	font-size:12px;
	color:#fff;
        display:block;text-align:center;
}
.flash-hd a.button{color:#fff;}

.flash-hd li{height:30px;line-height:30px;}
.flash-hd p{position:relative;height:30px;line-height:30px;width:700px;overflow:hidden;float:left;}

.flash-hd h6{float:left;height:30px;line-height:30px;font-size:14px;}
.flash-hd p span{ width:100%;height:auto;display:block;position:absolute;left:0px;top:0px;line-height:30px;}
.flash-hd p span a{display:block;width:100%;height:30px;text-overflow:ellipsis;}


/*mid*/
#mid { max-height: 381px; border:0px solid #000;overflow:hidden;}

.news ul li { margin-bottom: 9px;max-width: 230px;}
.news ul li a { color:#585858; font-size: 1em;}


.video img { width: 572px;margin:0px auto; display:block; margin-left:-30px;}

.serviceBg { background: #f2f2f2; position:absolute; top:0px; left: 0px; width: 100%; height: 100%; border: 8px solid #fff; z-index:-1;}
.service { margin-top: 0px; margin:0px auto;}
.service { /*background:#f2f2f2 ;*/ padding: 20px 18px; width:100%;}

.service .title1 { font-size:1em;  padding:5px 0px 5px 0px;}
.service .title1:first-child {border-top: 2px solid #717272;}
.service .title1:nth-child(3) {border-bottom: 2px solid #717272;}
.service img { width: auto;}
.service .title1 span {
	font-size: 14px;
	color:#333333;
	font-family: arial;
	font-weight: 700;
	height: 26px;
	line-height: 26px;
	margin-left: 20px;
}

.service ul li .pull-right{ margin-right: 30px;}

.service ul { padding-left: 0px;  display: inline-block;}
.service ul li { color:#666666; font-size:1em; margin-top:10px; float:left; width: 100%; position:relative;}
.service ul li span { margin-right: 20px; float:left;}
.service ul li span:last-child {  position:absolute; right:0px; top:5px; margin-right:0px;}

#display { margin-top:38px; }
h3.publicTitle { border-top: 3px solid #c3c3c3; padding:20px 0 0 0; font-weight: bold; color:#6a6a6a;margin-bottom: 15px;}
h3.publicTitle span { font-weight: normal; color:#010101;}

h3.publicTitle p { display:none;}

#display div[role='tabpanel'] li {position:relative; max-height:255px; margin:10px 0; overflow:hidden;}
#display div[role='tabpanel'] li a { display:block; overflow:hidden; max-width:385px; margin:2px auto; position:relative;}
#display div[role='tabpanel'] li a .showInfo { position: absolute; top:0px; left:0px; width:100%; height:100%; opacity:0;}

#display div[role='tabpanel']:first-child {opacity: 1;}
#display .showInfo p{font-size:22px; color:#fff; margin-left: 5%;}
#display .showInfo p:first-child{ margin-top:50%;}
#display div[role='tabpanel'] li:nth-child(1) .showInfo { background: url(../images/g1.png);}
#display div[role='tabpanel'] li:nth-child(2) .showInfo { background: url(../images/g2.png);}
#display div[role='tabpanel'] li:nth-child(3) .showInfo { background: url(../images/g3.png);}
#display div[role='tabpanel'] li:nth-child(4) .showInfo { background: url(../images/g4.png);}
#display div[role='tabpanel'] li:nth-child(5) .showInfo { background: url(../images/g5.png);}
#display div[role='tabpanel'] li:nth-child(6) .showInfo { background: url(../images/g6.png);}

#display div[role='tabpanel'] li a:hover .showInfo { opacity:1;}

#display .nav-pills { display: inline-block; font-size: 14px; font-weight: normal; vertical-align: middle; margin-left: 60px; margin-top:-4px;}
#display .nav-pills li {margin: 0px;}
#display .nav-pills li>span { display: block; position: absolute; border-left: 1px solid #666; top: 5px; right: 0px; height: 14px;}
#display .nav-pills li:last-child>span { display: none;}
#display .nav-pills li:last-child { border:none;}
#display .nav-pills a { padding:4px 20px; border-radius: 0; text-align: center; color:#6a6a6a; }
#display .nav-pills a>span {display:none; width:100%;height:3px; position:absolute;left:0px; top:-24px; background:#000;}
#display .nav-pills a:hover { background:none;}
#display .nav-pills a:focus { outline:none;}
.nav>li>a:focus { background:none;}

#display .nav-pills li.active a { background:none; }
#display .nav-pills li.active a>span {display:block;}

#elite { margin-top:35px; }
#elite .nav-pills { display: inline-block;margin-top: 0px; font-size: 14px; font-weight: normal; vertical-align: middle;margin-left: 60px; margin-top:-4px;}
#elite .nav-pills li {margin: 0px; }
#elite .nav-pills li:last-child { border:none;}
#elite .nav-pills li>span { display: block; position: absolute; border-left: 1px solid #666; top: 5px; right: 0px; height: 14px;}
#elite .nav-pills li:last-child>span { display: none;}
#elite .nav-pills a { padding:4px 20px; border-radius: 0; text-align: center; color:#6a6a6a; position:relative; }
#elite .nav-pills a>span {display:none; width:100%;height:3px; position:absolute;left:0px; top:-24px; background:#000;}
#elite .nav-pills a:hover { background:none;}
#elite .nav-pills a:focus { outline:none;}

#elite .nav-pills li.active a {  background:none;}
#elite .nav-pills li.active a>span {display:block;}

#elite div[role='tabpanel'] { overflow:hidden;padding:32px 0px;}
#elite div[role='tabpanel']:first-child {opacity: 1;}
#elite div[role='tabpanel'] ul { width:10000px;  display:block;}
#elite div[role='tabpanel'] ul li { width: 125px; height:161px; overflow:hidden; float:left; margin-right:16px;}
#elite div[role='tabpanel'] ul li a { display:block; width:100%;height:100%;position:relative;}
#elite div[role='tabpanel'] ul li a .info { position:absolute;width:100%; height:48px; left:0px; bottom:0px; background:rgba(0, 0, 0, .5);padding-top:5px;}
#elite div[role='tabpanel'] ul li a .info p {padding: 0px 10px; color:#fff; font-size:12px;}
#elite div[role='tabpanel'] ul li a .info p .name { font-size:16px;}

.xwindex{color:#000;font-size:14px;padding-bottom:30px;}
.xwbox{width:355px; margin-top: 30px;}
.xwbox ul{margin-top:10px;}
.xwbox h3{color:#000;font-size:16px;background:url(../images/hjta.png) no-repeat left center; padding-left:25px;}
.xwbox h3 span{margin-left:8px;color:#e2e0e1;font-size:12px;}
.xwbox h3 a{ float:right;color:#000;font-size:12px;}
.xwbox li{border-bottom:1px dotted #4f4f4f;height:30px;line-height:30px;background:url(../images/hdaa.png) no-repeat left center;padding-left:12px; overflow:hidden;}
.xwbox li span{float:right;font-size:13px;color:#e2e0e1;}
.xwbox li a{color:#000;}

.xwbox:nth-child(2){margin-left: 15px;}

@media only screen and (max-width: 1116px) {
	#banner { height:250px; margin-top: 118px;}
	.video img { margin:0px auto; }
	
	#display .nav-pills a>span { top:-14px;}
	#elite .nav-pills a>span { top:-14px;}
	
	#mid { max-height: none;}
	.news { margin-top: 17px;}
	.news ul li { margin-bottom: 4px; max-width:none;}
	
	.video img { width: 100%; max-width: 570px; margin-top: 17px;}
	.service { margin-top: 4px; max-width: 288px;}
	.service ul li .pull-right{ margin-right: 51px;}
	
	#display .nav-pills { margin-bottom: 0px; margin-left:0px; width: 100%;}
	#display div[role='tabpanel'] li a { margin:0px auto;}
	#display .nav-pills li {margin: 0px 0px 28px 0px; width: 33.333333%;}
	#display .nav-pills li:nth-child(4n)>span {display:none;}
	#display .nav-pills li:last-child>span {display:none;}
	#display .nav-pills a { padding: 4px 16px;}
	
	#elite .nav-pills{ margin-bottom: 0px; margin-left:0px; width:100%;}
	#elite .nav-pills a { padding:4px 16px; }
	#elite .nav-pills li {margin: 0px 0px 28px 0px; width: 33.333333%;}
	#elite .nav-pills li:nth-child(3n)>span {display:none;}
	#elite .nav-pills li:last-child>span {display:none;}
	
	h3.publicTitle { border-top:none; padding:0px 0 0px 0;}
	h3.publicTitle p { display:block;border-bottom: 4px solid #c3c3c3; margin: 15px 0;}
	
	#display div[role='tabpanel'] li a .showInfo{ opacity:1;}
	#display .showInfo p:first-child{ margin-top:30%;}
	#elite div[role='tabpanel'] { padding-top:0px;}
	
	.xwbox{width:100%; margin-top: 17px;}
	.xwbox:nth-child(2){margin-left: 0px;}
	
	#elite div[role='tabpanel'] { overflow:hidden;}
	#elite div[role='tabpanel'] ul li { margin-right:30px;}
	.tab-content{ max-width:304px; margin: 0px auto; margin-top:-28px;}

	.flash-hd { margin: 10px 0; overflow:hidden;}
	.news ul li:nth-child(n+10) { display:none;  max-width:auto;}
	.news ul li a { display: inline-block; width: 100%; text-align:center;}
}

@media only screen and (max-width: 480px) {
	#banner { height:148px; margin-top: 118px;}

}


