@charset 'utf-8';

body {
	width: 100%;
	min-width: 1000px;
	font-family: "Microsoft YaHei";
}



.header {
	width: 1000px;
	margin: 0 auto;
	height: 110px;
	overflow: hidden;
}
.header .logo {
	display: block;
	width: 412px;
	height: 77px;
	margin-top: 14px;
	margin-left: 14px;
	float: left;
}

.search-box{
	overflow: hidden;
	float: right;
	margin-top: 40px;
}
.search {
	overflow: hidden;
	width: 258px;
	height: 26px;
	border: 1px #c7d1e2 solid;
	border-radius: 13px;
	float: left;
	margin-right: 10px;
}
.search input {
	width: 225px;
	height: 24px;
	line-height: 26px;
	border: none;
	border-right: none;
	float: left;
	text-indent: 20px;
	outline: none;
	box-shadow:none;
	font-size: 12px;
}
.search a {
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	background: url(../images/glass.png) no-repeat center center;
}
.search-box a.cha,
.search-box a.eng{
	display: block;
	float: left;
	width: 31px;
	height: 31px;
	margin-left: 10px;
}
/*header----end*/
.navigation {
	width: 100%;
	height: 40px;
	background: #e6e6e6;
}
.navigation ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.navigation ul.nav {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
}
.nav li {
	float: left;
	height:20px;
	list-style: none;
	padding: 10px 0;

}
.nav li a {
	display: block;
	font-size: 14px;
	text-decoration: none;
	color: #333;
	height: 20px;
	line-height: 20px;
	padding: 0 50px;
	border-left: 1px #b3b3b3 solid;
}
.nav li:last-child a{
	border-right: 1px #b3b3b3 solid;
}
.nav li:hover a{
	color: #127ce4;
}
.nav .nav-1 {
	position: absolute;
	z-index: 999;
	top: 150px;
	display: none;
	overflow: hidden;
	margin-left: -20px;
	padding-left: 0;
}
.nav .nav-1 li {
	float: left;
	height: 15px;
	padding: 10px 0;
}
.nav .nav-1 li a {
	font-size: 14px;
	line-height: 15px;
	color: #797878;
	display: block;
	height: 15px;
	padding: 0 20px;
	border-right: 1px #d5d5d5 solid;
	border-left: none;
}
.nav .nav-1 li a:hover{
	color: #127ce4;
}
.sub_menu-bg {
	position: absolute;
	z-index: 99;
	top: 150px;
	display: none;
	width: 100%;
	height: 40px;
	background: #f7f7f7;
}

/*nav----end*/


.banner-box {
	width: 100%;
	height: 564px;
	position: relative;
	overflow: hidden;
}
.banner {
	width: 1920px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}
.banner-box ol, ul {
	list-style: none;
	padding: 0;
}
.banner .d1 {
	width: 1920px;
	height: 564px;
	display: block;
}
.banner .d2 {
	width: 100%;
	clear: both;
	position: absolute;
	z-index: 100;
	left: 0;
	top: 530px;
}
.banner .d2 ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow: hidden;
}
.banner .d2 li {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	border: 2px #fff solid;
	margin: 0 5px;
	display: inline-block;
}
.banner .d2 li.nuw {
	background: #127ce4;
	border-color: #127ce4;
}


.banner-inner {
	height: 364px;
}
/*banner----end*/

.products-block{
	width: 100%;
	background: #f0f0f0;
	border-bottom: 1px #dbdbdb solid;
	overflow: hidden;
}
.products-block .pro-main{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.products-block .pro-main li{
	width: 275px;
	height: 364px;
	padding: 0 29px;
	padding-top: 44px;
	background: url(../images/pro-bj.png);
	float: left;
}
.products-block .pro-main li img{
	display: block;
}
.products-block .pro-main li h2{
	font-size: 20px;
	color: #424242;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.products-block .pro-main li p{
	font-size: 14px;
	color: #818080;
	line-height: 1.8;
	height: 50px;
	overflow: hidden;
}
a.more{
	display: block;
	width: 104px;
	height: 30px;
	margin: 0 auto;
	border: 2px #aeaeae solid;
	border-radius: 3px;
	font-size: 14px;
	color: #8f8f8f;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
}
a.more:hover{
	background: #177de3;
	border-color: #177de3;
	color: #fff;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
/*products block--end*/

.news-block{
	width: 1120px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 45px;
	position: relative;
}
.title{
	font-size: 24px;
	color: #424242;
	text-align: center;
	margin: 0;
	margin-bottom: 40px;
}

.news-block ul{
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

.news-scroll{
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
}

.news-scroll ul li{
	width: 462px;
	height: 179px;
	padding: 12px;
	border: 1px #dbdbdb solid;
	position: relative;
	float:left;
	margin-right: 24px;
}
.news-block .mr_frBtnL {
	width: 42px;
	height: 42px;
	background: url(../images/prev-next.png) no-repeat left top;
	cursor: pointer;
	display: inline;
	position: absolute;
	top: 196px;
	left: 0;
}
.news-block .mr_frBtnL:hover{
	background: url(../images/prev-next.png) no-repeat left bottom;
}
.news-block .mr_frBtnR {
	float: right;
	width: 42px;
	height: 42px;
	background: url(../images/prev-next.png) no-repeat right top;
	cursor: pointer;
	display: inline;
	z-index: 99;
	position: absolute;
	top: 196px;
	right: 0;
}
.news-block .mr_frBtnR:hover{
	background: url(../images/prev-next.png) no-repeat right bottom;
}

.news-title{
	overflow: hidden;
}
.news-title h3{
	height: 20px;
	margin: 0;
	border-left: 4px #f56d35 solid;
	font-size: 16px;
	color: #818080;
	font-weight:normal;
	padding-left: 14px;
	float: left;
}
.news-title a{
	display: block;
	width: 21px;
	height: 20px;
	float: right;
	background: url(../images/go.png) no-repeat left center;
}
.news-bar{
	overflow: hidden;
	margin-top: 25px;

}
.news-bar a.news-pic{
	display: block;
	width: 150px;
	height: 100px;
	float: left;
}
.news-bar div{
	width: 286px;
	float: right;
}
.news-bar div a{
	display: block;
	font-size: 16px;
	color: #818080;
	font-weight: bold;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news-bar div p{
	font-size: 12px;
	color: #8c8c8c;
	line-height: 1.6;
	height: 57px;
	overflow: hidden;
}
.news-scroll .news-more{
	font-size: 12px;
	color: #848ea0;
	background: url(../images/go-1.png) no-repeat left center;
	padding-left: 12px;
	position: absolute;
	right: 14px;
	bottom: 10px;
	text-decoration: none;
}
/*news block--end*/

.about-block{
	width: 100%;
	background: #f2f2f2;
	border-top: 2px #e9e9e9 solid;
	overflow: hidden;

}
.about-block .main{
	width: 1000px;
	margin: 0 auto;
	background: url(../images/img/gear.jpg) no-repeat 570px top;
	padding-top: 50px;
	padding-bottom: 45px;
}
.about-block .main .about-brand{
	width: 590px;
	margin: 0 auto;
	font-size: 14px;
	color: #818080;
	line-height: 1.8;
	text-align: center;
}
.about-bar{
	overflow: hidden;
	margin-top: 50px;
}
.about-l{
	width: 658px;
	height: 330px;
	overflow: hidden;
	float: left;
	background: #ffffff;
}
.about-l .about-pic{
	display: block;
	width: 330px;
	height: 330px;
	float: left;
}
.about-l div{
	width: 278px;
	/*height: 280px;*/
	float: right;
	padding: 25px;
	padding-bottom: 0;
}
.about-l div span{
	display: block;
	font-size: 14px;
	color: #177de3;
}
.about-l div a{
	display: block;
	font-size: 16px;
	color: #818080;
	text-decoration: none;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 25px;
}
.about-l div p{
	font-size: 12px;
	color: #818080;
	line-height: 2;
	margin: 0;
	/*height: 168px;*/
	overflow: hidden;
}
.about-l .about-more{
	display: block;
	width: 22px;
	height: 22px;
	background: url(../images/go-2.png) no-repeat left center;
	float: right;
	margin: 0;
	margin-top: 10px;
}
.about-bar .about-2{
	width: 268px;
	height: 300px;
	padding: 30px;
	padding-bottom: 0;
	float: right;
	background: url(../images/img/about-2.jpg) no-repeat left center;

}
.about-bar .about-2 h2{
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 16px;
	color: #fff;
	text-align: center;
}
.about-bar .about-2 p,
.about-bar .about-2 p a{
	font-size: 14px;
	color: #dbe3ef;
	line-height: 1.8;
	margin: 0;
	text-decoration: none;
}
.about-link1{
	display: inline-block;
	height: 50px;
	font-size: 14px;
	color: #a5c2ed;
	font-weight: bold;
	padding-left: 58px;
	line-height: 50px;
	text-decoration: none;
	background: url(../images/gear-1.png) no-repeat left center;
	float: left;
	margin-top: 10px;
}
.about-link2{
	display: inline-block;
	height: 50px;
	font-size: 14px;
	color: #a5c2ed;
	font-weight: bold;
	padding-left: 58px;
	line-height: 50px;
	text-decoration: none;
	background: url(../images/gear-2.png) no-repeat left center;
	float: right;
	margin-top: 10px;
}
.about-block .more{
	margin-top: 30px;
}

.bottom {
	width: 100%;
	background: #142237;
	padding: 30px 0;
	border-top: 3px #2a7aca solid;
}
.bottom .main {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
.bottom .bom-l{
	padding: 0;
	margin: 0;
	list-style: none;
	width: 666px;
	float: left;
	border-right: 1px #253952 solid;
}
.bottom .bom-l li{
	width: 200px;
	float: left;
	margin-right: 20px;
}
.bottom .bom-l li h2{
	font-size: 16px;
	color: #8399bb;
	margin-top: 0;
}
.bottom .bom-l li a{
	font-size: 14px;
	color: #5d6e88;
	text-decoration: none;
	display:block;
	line-height: 1.8;
}
.bottom .bom-l li a:hover{
	color: #fff;
}
.bottom .bom-l .bom-1 a{
	display:inline-block;
	width: 85px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.bottom .bom-r{
	width: 240px;
	float: left;
	margin-left: 48px;
}
.bottom .small-nav{
	overflow: hidden;
}
.bottom .small-nav p{
	margin: 0;
}
.bottom .small-nav a{
	font-size: 14px;
	color: #8399bb;
	line-height: 1.8;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	width:110px;
}
.bottom .small-nav a:hover{
	color: #fff;
}
.chat-link{
	overflow: hidden;
	margin-top: 20px;
}
.chat-link a{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	background: url(../images/chat-link.png) no-repeat;
}
.chat-link a.link-1{
	background-position: 0 0;
}
.chat-link a.link-2{
	background-position: -30px 0;
}
.chat-link a.link-3{
	background-position: -60px 0;
}
.chat-link a.link-4{
	background-position: -90px 0;
}
.chat-link a.link-5{
	background-position: -120px 0;
}
/*bottom----end*/
.footer {
	width: 100%;
	height: 54px;
	background: #0f1a2a;
}
.footer .main{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
.footer p {
	margin: 0;
	font-size: 12px;
	color: #51627a;
	float: left;
	line-height: 54px;
}
.footer span{
	display: block;
	float: right;
	font-size: 12px;
	color: #51627a;
	float: right;
	line-height: 54px;
}
/*index--------------------------------end*/

.headline{
	width: 100%;
	height: 52px;
	background: #edf6f9;
}
.headline .main{
	width: 1000px;
	margin: 0 auto;
}
.headline .main h1{
	margin: 0;
	font-size: 24px;
	color: #fff;
	line-height: 52px;
	display: inline-block;
	padding: 0 34px;
	background: #167ce6;
	float: left;
}
.sub-menu{
	overflow: hidden;
	float: right;
	padding: 0;
	margin: 0;
	list-style: none;
}
.sub-menu li{
	display: block;
	float: left;
}
.sub-menu li a{
	display: block;
	height: 50px;
	padding: 0 35px;
	font-size: 18px;
	color: #797878;
	line-height: 52px;
	text-decoration: none;
}
.sub-menu li a:hover,
.sub-menu li a.sub-active{
	color: #ef7b44;
	font-weight: bold;
	border-bottom: 2px #ef7b44 solid;
}

.main-content{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 50px;
}
.subtitle{
	overflow: hidden;
	height: 46px;
	line-height: 46px;
	font-size: 12px;
	color: #a4a4a4;
	background: url(../images/house.png) no-repeat left center;
	padding-left: 18px;
	margin-left: 20px;
}
.subtitle a{
	font-size: 12px;
	color: #a4a4a4;
	text-decoration: none;
}

.main-text p{
	font-size: 14px;
	color: #818080;
	line-height: 1.8;
	margin: 0;
}

.about-text p img{
	display: block;
	margin: 0 auto;
	margin-top: 20px;
}
/*about us--end*/

.products-text ul{
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
.products-text ul li{
	height: 252px;
	background: #f2f2f2;
	overflow: hidden;
	padding: 2px;
	margin-bottom: 10px;
}
.products-text ul li .pro-pic{
	display: block;
	width: 316px;
	height: 252px;
	float: left;
}
.products-text ul li div{
	width: 640px;
	float: left;
	margin-left: 30px;
}
.products-text ul li div a{
	font-size: 16px;
	color: #6b6b6b;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-top: 25px;
	margin-bottom: 20px;
}
.products-text ul li div a:hover{
	color: #ef7b44;
}
.products-text ul li div p{
	height: 75px;
	overflow: hidden;
}
.products-text ul li  a.pro-more{
	font-size: 14px;
	color: #f08450;
	background: url(../images/go-3.png) no-repeat left center;
	padding-left: 26px;
	float: right;
}

.page {
	text-align: center;
	margin-top: 20px;
}
.page a {
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 1px #d1dae4 solid;
	font-size: 12px;
	color: #444444;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
}
.page a.page-active, .page a:hover {
	background: #ff7c07;
	color: #fff;
	border-color: #ff7c07;
}
/*products--end*/
.product-scroll{
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}
.inkPhoBox {
	width: 490px;
	float: left;
}
.inkPhoBox ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.inkPhoBox .mod18 {
	width: 488px;
	position: relative;
}
.inkPhoBox #prev {
	background:url(../images/img/scroll/btn.png) no-repeat left top;
	height: 20px;
	width: 20px;
	position: absolute;
	z-index: 99;
	left: 0px;
	top: 30px;
	cursor: pointer;
}
.inkPhoBox #prev:hover{
	background:url(../images/img/scroll/btn.png) no-repeat left bottom;
}
.inkPhoBox #next {
	background:url(../images/img/scroll/btn.png) no-repeat right top;
	height: 20px;
	width: 20px;
	position: absolute;
	z-index: 99;
	top:30px;
	right: 0px;
	cursor: pointer;
}
.inkPhoBox #next:hover{
	background:url(../images/img/scroll/btn.png) no-repeat right bottom;
}
.inkPhoBox .mod18 #prevTop {
	display: none
}
.inkPhoBox .mod18 #nextTop {
	display: none
}
.inkPhoBox .mod18 li {
	float: left;
}
.inkPhoBox .mod18 .cf li {
	position: relative;
	color: #fff;
}
.inkPhoBox .mod18 .cf a {
	display: block;
	width: 486px;
	height: 387px;
	position: absolute;
	color: #fff;
}
.inkPhoBox .bigImgBox {
	width: 486px;
	height: 387px;
	border: 1px #e2e1e1 solid;
}
.inkPhoBox .mod18 .picBox {
	width: 486px;
	height: 387px;
	position: relative;
	overflow: hidden;
}
.inkPhoBox .mod18 .picBox ul {
	height: 514px;
	position: absolute;
	left: 0;
}
.inkPhoBox .mod18 .picBox li {
	width: 486px;
	height: 387px;
}
.inkPhoBox .smImgBox {
	width: 486px;
	height: 82px;
	margin-top: 20px;
	position: relative;
}
.inkPhoBox .mod18 .listBox {
	width: 440px;
	height: 82px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.inkPhoBox .mod18 .listBox ul {
	height: 82px;
	position: absolute;
}
.inkPhoBox .mod18 .listBox li {
	width: 101px;
	height: 80px;
	padding-right: 10px;
	cursor: pointer;
	position: relative;
}
.inkPhoBox .mod18 .listBox li i {
	display: none;
}
.inkPhoBox .mod18 .listBox li a {
	display: block;
	width: 101px;
	height: 80px;
}
.inkPhoBox .mod18 .listBox img{
	border: 1px solid #e4e3e3;
}
.inkPhoBox .mod18 .listBox .on img {
	border: 1px solid #167ce6;
}
.inkPhoBox .mod18 .listBox .on i {
	display: block;
}
.ink-text{
	width: 483px;
	float: right;
}
.ink-text p{
	font-size: 16px;
	color: #6b6b6b;
	font-weight: bold;
	line-height: 3;
}
.ink-text p strong{
	color: #167ce6;
}
.ink-text .ink-more{
	display: inline-block;
	height: 42px;
	padding: 0 35px;
	background: #167ce6;
	font-size: 16px;
	color: #fff;
	line-height: 42px;
	text-decoration: none;
	margin-top: 50px;
}
.parameter-title{
	font-size: 16px;
	color: #167ce6;
	border-bottom: 1px #ededed solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 30px;
}
.similar-products{
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	margin-top: 30px;
}
.similar-products li{
	width: 234px;
	height: 186px;
	border: 1px #ededed solid;
	float: left;
	margin-left: 18px;
	margin-left: 13px\9;
}
.similar-products li:nth-child(4n+1){
	margin-left: 0;
}
/*products detail--end*/

.news-text ul{
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
.news-text ul li{
	height: 180px;
	background: #edf6f9;
	margin-bottom: 30px;
}
.news-text ul li .news-photo{
	display: block;
	width: 238px;
	height: 180px;
	float: left;
}
.news-text ul li div{
	width: 744px;
	float: right;
}
.news-text ul li div a{
	font-size: 16px;
	color: #6a6a6a;
	text-decoration: none;
	display: block;
	margin-top: 18px;
	margin-bottom: 15px;
}
.news-text ul li div a:hover{
	color: #167ce6;
}
.news-text ul li div span{
	display: block;
	font-size: 14px;
	color: #a5a4a4;
	margin-bottom: 10px;
}
.news-text ul li div  p{
	height: 50px;
	overflow: hidden;
}
.news-text ul li div a.news-more{
	display: inline-block;
	height: 22px;
	background:url(../images/add.png) no-repeat 2px center #167ce6;
	font-size: 12px;
	color: #fff;
	padding-left: 28px;
	padding-right: 12px;
	line-height: 22px;
	margin-top: 10px;
}
/*news-end*/
.news01-text .news-title{
	font-size: 16px;
	color: #333333;
	text-align: center;
}
.news01-text .date{
	display: block;
	border-bottom: 1px #ededed solid;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.news01-text .date a{
	display: inline-block;
	font-size: 13px;
	color: #666666;
	text-decoration: none;
	margin: 0 25px;
}
.news01-text p img{
	display: block;
	margin: 0 auto;
	margin-top:20px;
}
/*news detail--end*/

.feedback-text table {
	width: 1000px;
	margin-top: 10px;
}

.feedback-text input,
.feedback-text textarea {
	font-size: 14px;
	width: 91%;
	height: 38px;
	line-height: 38px;
	margin: 0;
	margin: 10px 0;
	padding: 0;
	padding-left: 5px;
	color: #666666;
	border: 1px solid #e5e5e5;
	background: none;
}
.feedback-text textarea {
	width: 95.4%;
	height: 140px;
	max-height: 260px;
	padding-left: 5px;
	resize: vertical;
}
.feedback-text input:focus,
.feedback-text textarea:focus {
	border-color: #b2b8c6;
	outline: none;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(174, 184, 198, .3);
}
.feedback-text input.submit,
.feedback-text input.reset{
	padding: 0;
	font-size: 14px;
	line-height: 36px;
	width: 80px;
	height: 36px;
	color: #fff;
	background: #167ce6;
	border: none;
	margin-right: 22px;
}
.feedback-text input.reset{
	background: #b2b2b3;
}
/*feedback--end*/

.contact-text{
	overflow: hidden;
}
.contact-text .con-block{
	width: 265px;
	float: left;
}
.contact-text .con-block h3{
	font-size: 16px;
	color: #167ce6;
	margin-top: 0;
}
.contact-text .con-block p a{
	color: #666666;
	text-decoration: none;
}
.contact-text .con-block a.erweima{
	display: block;
	margin-top: 30px;
}
.contact-text .map{
	display: block;
	width: 698px;
	height: 427px;
	float: right;
	border: 3px #e5e5e5 solid;
}

.pop .bottom{
	margin: 0;
	padding: 0;
	border: none;
}

    .qqserver .qqserver-header:after,
    .qqserver .qqserver-header:before,
    .qqserver li a:after,
    .qqserver li a:before {
        display: table;
        content: ' '
    }

    .qqserver .qqserver-header:after,
    .qqserver li a:after {
        clear: both
    }

    .qqserver .qqserver-header,
    .qqserver li a,
    .tabs,
    .user-main,
    .view-category,
    .view-category-list>li {
        *zoom: 1
    }

    .qqserver {
        position: fixed;
        top: 50%;
        right: 0;
        height: 209px;
        margin-top: -104px
    }

    .qqserver.unfold .qqserver-body {
        right: 0
    }

    .qqserver .qqserver-body {
        position: absolute;
        right: -144px;
        width: 122px;
        height: 183px;
        padding: 12px 10px;
        -webkit-transition: .3s cubic-bezier(.19, 1, .22, 1);
        -o-transition: .3s cubic-bezier(.19, 1, .22, 1);
        transition: .3s cubic-bezier(.19, 1, .22, 1);
        border: 1px solid #62b651;
        border-radius: 4px;
        background: #f4f7fa
    }

    .qqserver .qqserver_fold {
        position: absolute;
        right: 0;
        padding: 14px 7px;
        cursor: pointer;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        background: #70ca5d
    }

    .qqserver .qqserver-header {
        padding-bottom: 10px;
        padding-left: 6px;
        border-bottom: 1px dashed #d1d4cc
    }

    .qqserver .qqserver-header * {
        float: left
    }

    .qqserver .qqserver_arrow {
        margin-top: -1px;
        margin-left: 7px;
        cursor: pointer
    }

    .qqserver li {
        margin-top: 6px
    }

    .qqserver li a {
        display: block;
        padding: 6px 12px 4px
    }

    .qqserver li a div {
        font-size: 14px;
        float: left;
        margin-right: 11px;
        color: #697466
    }

    .qqserver li a span {
        font-size: 12px;
        line-height: 18px;
        float: left;
        text-indent: 4px;
        color: #fff
    }

    .qqserver li a span.qqserver-service-alert {
        font-weight: 400;
        display: block
    }

    .qqserver li a:hover {
        text-decoration: none;
        border-radius: 4px;
        background: #eaebe9
    }

    .qqserver li a:hover div {
        color: #62b651
    }

    .qqserver .qqserver-footer {
        margin-top: 10px;
        padding-top: 0px;
        padding-bottom: 14px;
        padding-left: 11px;
        border-top: 1px dashed #d1d4cc
    }

    .qqserver .qqserver-footer .text-primary {
        color: #70CA5D;
        font-size: 14px;
        text-decoration: none;
    }

    .qqserver .qqserver_icon-alert {
        display: inline-block;
        margin-right: 10px;
        vertical-align: -3px;
        *display: inline;
        *zoom: 1;
        *vertical-align: -1px
    }

    .qqserver-header div {
        width: 90px;
        height: 18px;
        background-image: url(../images/jsdaima.png);
        background-position: -419px -80px
    }

    .qqserver_icon-alert {
        width: 16px;
        height: 14px;
        background-image: url(../images/jsdaima.png);
        background-position: -595px -85px
    }

    .qqserver li a span {
        width: 30px;
        height: 23px;
        background-image: url(../images/jsdaima.png);
        background-position: -265px 0
    }

    .qqserver li a .qqserver-service-alert {
        width: 30px;
        height: 22px;
        background-image: url(../images/jsdaima.png);
        background-position: -342px 0
    }

    .qqserver_fold div {
        width: 26px;
        height: 132px;
        background-image: url(../images/jsdaima.png);
        background-position: 0 0
    }

    .qqserver_fold:hover div {
        width: 26px;
        height: 132px;
        background-image: url(../images/jsdaima.png);
        background-position: -27px 0
    }

    .qqserver_arrow {
        width: 18px;
        height: 18px;
        background-image: url(../images/jsdaima.png);
        background-position: -435px 0
    }

    .qqserver_arrow:hover {
        width: 18px;
        height: 18px;
        background-image: url(../images/jsdaima.png);
        background-position: -435px -38px
    }