@charset "utf-8";

html {
	overflow-x: hidden
}

body {
	background-color: #fff
}

a,a:hover {
	-moz-transition: background .3s linear,color .3s linear;
	-webkit-transition: background .3s linear,color .3s linear;
	-o-transition: background .3s linear,color .3s linear;
	transition: background .3s linear,color .3s linear
}

.wrap {
	width: 100%
}

.bno {
	border: 0!important
}

.plno {
	padding-left: 0!important
}

.prno {
	padding-right: 0!important
}

#header {
	width: 100%;
	height: 58px;
	background-color: #e83828;
	position: relative;
	z-index: 9999999999;
	-webkit-transition: all .2s linear-out;
	-moz-transition: all .2s linear-out;
	-ms-transition: all .2s linear-out;
	transition: all .2s linear-out;
	min-width: 1024px
}

.topNav {
	width: 1024px;
	margin: 0 auto;
	min-height: 50px
}

.homeLogo {
	text-indent: -2000px;
	margin-top: 18px;
	background-image: url(../images/topLogo.png);
	height: 22px;
	width: 158px;
	display: block;
	float: left
}

.homeLogo a {
	height: 22px;
	display: block
}

.navList {
	margin-top: 19px;
	float: left;
	width: 500px;
	height: 30px;
	margin-left: 140px
}

.navList li {
	background-color: #e83828;
	position: relative;
	overflow: hidden;
	margin: 0 42px 0 0;
	padding: 4px 0 1px;
	float: left;
	display: block
}

.navList li.active {
	position: relative;
	border-bottom: 1px solid #fff
}

.navList li:hover {
	border-bottom: 1px solid #fff
}

.navList li a {
	color: #fff;
	font-size: 14px;
	font-weight: 700
}

.topTel {
	cursor: text;
	float: right;
	font-size: 20px;
	color: #fff;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: 700;
	background: url(../images/topTel.png) no-repeat;
	height: 25px;
	width: 130px;
	padding-left: 28px;
	display: block;
	margin-top: 16px
}

.topTel span {
	padding-left: 30px
}

.topTel:hover {
	background-position: 0 -25px
}

.flipmenu_box {
	background-color: #e83828;
	overflow: hidden;
	position: relative;
	padding: 0;
	margin: 0
}

.flipmenu_link,.flipmenu_link_active,.flipmenu_link_over {
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	white-space: pre;
	position: absolute;
	border: 0
}

.flipmenu_link {
	top: 0;
	left: 0;
	background-color: #e83828
}

.flipmenu_link_active,.flipmenu_link_over {
	color: #fff;
	background-color: #e83828
}

#header.fixed-nav {
	height: 58px
}

.fixed-nav .homeLogo {
	margin-top: 18px
}

.fixed-nav .navList,.fixed-nav .topTel {
	margin-top: 16px
}

.banner {
	height: 565px;
	margin: -45px auto 0;
	background-color: #EEE;
	min-width: 1024px
}

#kinMaxShow {
	visibility: hidden;
	width: 100%;
	height: 565px;
	overflow: hidden
}

.caseitem {
	width: 320px;
	height: 160px;
	overflow: hidden;
	position: relative;
	float: left
}

.caseitem .caption {
	cursor: pointer;
	width: 320px;
	height: 160px;
	background: url(../images/dianbg.png);
	color: #fff;
	font-weight: 700;
	position: absolute;
	left: 0;
	display: none
}

.caseitem .caption a {
	width: 320px;
	height: 160px;
	background: url(../images/zoom.png) center center no-repeat;
	text-decoration: none;
	color: #0cc7dd;
	font-size: 14px;
	padding: 5px;
	display: block
}

.caseitem .caption p a {
	padding: 5px;
	margin: 0;
	font-size: 12px;
	color: #fff;
	font-weight: 400
}

.caseitem img {
	border: 0;
	position: absolute
}

#hcase_wrapper {
	width: 1000px;
	margin: 0 auto
}

#hcase_wrapper li {
	background-color: #fff;
	width: 320px;
	height: 320px;
	float: left;
	display: inline;
	margin: 0 20px 0 0;
	box-shadow: rgba(0,0,0,.05) 0 5px 2px
}

#hcase_wrapper li dd {
	height: 160px
}

#hcase_wrapper li dd img {
	top: -160px;
	position: relative;
	z-index: 10
}

#hcase_wrapper li dt {
	margin: 6px 20px 0;
	line-height: 22px;
	color: #838383
}

#hcase_wrapper li dt h3 {
	border-bottom: 1px solid #E3E3E3;
	height: 30px;
	margin-bottom: 8px;
	padding-bottom: 4px;
	line-height: 30px;
	color: #323232;
	font-size: 16px
}

#hcase_wrapper li dt h3 a {
	color: #222
}

#hcase_wrapper li dt h3 a:hover {
	color: #E83828
}

.hcase-image-box {
	margin: 0;
	background-position: 0 0;
	background-repeat: repeat;
	position: relative;
	width: 320px;
	height: 160px;
	opacity: 0;
	z-index: 110
}

#hcase_wrapper .hcmore {
	font-size: 13px;
	float: right;
	color: #767676
}

#hcase_wrapper .hcmore:hover {
	color: #E83828
}

#hcase_wrapper .hcase_btn {
	float: right;
	margin-right: -43px;
	width: 33px;
	height: 68px;
	top: 72px;
	position: relative
}

.hcase_lbtn,.hcase_rbtn {
	overflow: flow;
	position: relative;
	cursor: pointer;
	width: 33px;
	height: 33px;
	display: block;
	margin: 0;
	padding: 0
}

.hcase_lbtn {
	background: url(../images/hcaseleft_btn.png) no-repeat #686868;
	margin-bottom: 2px
}

.hcase_lbtn:hover {
	background-color: #E83828
}

.hcase_rbtn {
	background: url(../images/hcaseright_btn.png) no-repeat #686868
}

.hcase_rbtn:hover {
	background-color: #E83828
}

.content {
	width: 100%;
	min-width: 1024px;
	position: relative;
	z-index: 9999;
	background-color: #fff
}

.htitle1,.htitle4 {
	padding-top: 30px;
	padding-bottom: 15px;
	margin-bottom: 7px;
	font-size: 50px;
	color: #444;
	height: 50px
}

.htitle2 {
	font-size: 24px;
	padding-bottom: 30px;
	color: #444
}

.hsercers {
	width: 100%;
	height: 215px;
	min-width: 1024px
}

.hserversList {
	position: relative;
	width: 1024px;
	height: 200px;
	margin: 14px auto 0
}

.hserversList li {
	float: left;
	width: 110px;
	padding: 0 33px;
	border-right: 1px #B0B0B0 dashed
}

.hserver2,.hserver3,.hserver4,.hserver5,.hserver6,.hserversList .hserver1 {
	color: #585858;
	font-size: 17px;
	margin: 0 0 15px;
	width: 110px;
	height: 65px;
	text-align: center;
	display: block;
	line-height: 150px;
	background: url(../images/hserver_list.png) no-repeat;
	cursor: pointer
}

.hserversList .hserver1 {
	background-position: 0 0
}

.hserversList .hserver1:hover {
	background-position: 0 -70px
}

.hserversList .hserver2 {
	background-position: -110px 0
}

.hserversList .hserver2:hover {
	background-position: -110px -70px
}

.hserversList .hserver3 {
	background-position: -220px 0
}

.hserversList .hserver3:hover {
	background-position: -220px -70px
}

.hserversList .hserver4 {
	background-position: -330px 0
}

.hserversList .hserver4:hover {
	background-position: -330px -70px
}

.hserversList .hserver5 {
	background-position: -440px 0
}

.hserversList .hserver5:hover {
	background-position: -440px -70px
}

.hserversList .hserver6 {
	background-position: -550px 0
}

.hserversList .hserver6:hover {
	background-position: -550px -70px
}

.hserversList .hstitle {
	color: #585858;
	font-size: 17px;
	padding-top: 64px;
	display: block
}

.hserversList a span:hover {
	color: #E83828
}

.hserversList .hsltxt {
	text-align: center;
	line-height: 22px;
	padding-top: 17px
}

.hserversList .hsltxt a {
	color: #7C7C7C;
	font-size: 12px
}

.hserversList .hsltxt a:hover {
	color: #E83828
}

.hserversList .hsltxt span {
	border: 0;
	display: inline-block;
	text-align: center
}

.hserversList a .hstitle:hover {
	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
	-o-transition: color .3s linear;
	-ms-transition: color .3s linear;
	transition: color .3s linear
}

.homeCase {
	background-color: #EEE;
	height: 470px;
	padding-bottom: 20px;
	min-width: 1024px
}

.homeCase .hCaselist {
	width: 1024px;
	margin: 0 auto;
	overflow: hidden
}

.homeCase .hCaselist .hcase {
	width: 320px;
	height: 310px;
	background-color: #fff;
	float: left;
	margin-right: 20px
}

.homeCase .hCaselist .hcname {
	font-size: 16px;
	padding-bottom: 10px;
	margin-bottom: 8px;
	border-bottom: 1px solid #E3E3E3
}

.hCaselist .hcname a {
	color: #222
}

.hCaselist .hcname a:hover {
	color: #E83828
}

.hCaselist .hcase .hcaseTxt {
	margin: 18px 20px 0;
	color: #767676;
	line-height: 18px;
	padding-top: 158px
}

.hCaselist .hcase .hcmore {
	font-size: 13px;
	text-align: right
}

.hcase .hcmore a {
	color: #767676
}

.hcase .hcmore a:hover {
	color: #E83828
}

.homeClient {
	height: 275px;
	width: 1024px;
	min-width: 1024px;
	margin: 0 auto
}

.homeClient .hclogo1,.homeClient .hclogo2,.homeClient .hclogo3,.homeClient .hclogo4,.homeClient .hclogo5 {
	width: 195px;
	height: 150px;
	cursor: pointer;
	float: left;
	padding-right: 6px
}

.homeClient .hclogo1 img,.homeClient .hclogo2 img,.homeClient .hclogo3 img,.homeClient .hclogo4 img,.homeClient .hclogo5 img {
	border: 1px solid #D4D4D4
}

.homeClient .hclogo1 img:hover,.homeClient .hclogo2 img:hover,.homeClient .hclogo3 img:hover,.homeClient .hclogo4 img:hover,.homeClient .hclogo5 img:hover {
	border: 1px solid #E83828
}

.homeClient .hclogo1 {
	background: url(../images/hcase_logo1.jpg) no-repeat
}

.homeClient .hclogo2 {
	background: url(../images/hcase_logo2.jpg) no-repeat
}

.homeClient .hclogo3 {
	background: url(../images/hcase_logo3.jpg) no-repeat
}

.homeClient .hclogo4 {
	background: url(../images/hcase_logo4.jpg) no-repeat
}

.homeClient .hclogo5 {
	background: url(../images/hcase_logo5.jpg) no-repeat
}

#carousel {
	width: 1024px;
	height: 152px;
	overflow: hidden;
	position: relative
}

#carousel li {
	height: 152px;
	position: relative
}

#carousel li img {
	width: 193px;
	height: 150px
}

.hAboutus {
	min-width: 1024px;
	background-color: #fff
}

.hAboutus .hAboutwrap {
	width: 1024px;
	margin: 0 auto 40px;
	height: 330px
}

.hAboutwrap .habout {
	float: left;
	margin: 25px 0 0;
	padding-right: 34px;
	width: 470px;
	border-right: 1px #B9B9B9 dashed
}

.habouttxt h3,.habouttxt h4 {
	font-size: 16px;
	color: #222;
	padding-bottom: 24px
}

.habouttxt p {
	line-height: 22px;
	color: #666
}

.habouttxt .ctxtmore {
	padding-top: 16px
}

.habouttxt .ctxtmore a {
	color: #d11417
}

.habouttxt .ctxtmore a:hover {
	text-decoration: underline
}

.hEvaluate {
	width: 460px;
	float: left;
	margin: 25px 0 0;
	padding-left: 35px;
	position: relative;
	z-index: 1
}

.hEvaluate ul {
	width: 460px
}

.hEvaluate ul li {
	font-style: italic;
	line-height: 20px;
	float: left;
	font-size: 14px;
	color: #454545;
	margin-bottom: 22px
}

.hEvaluate li span {
	font-size: 14px;
	color: #d11417;
	margin: 0;
	padding: 0
}

.hEvaluate li p {
	text-align: right;
	color: #767676;
	font-size: 14px;
	font-style: normal;
	padding-top: 16px
}

.hEvaluate .heMore {
	clear: left
}

.happtab {
	height: 10px;
	position: absolute;
	z-index: 3;
	overflow: hidden;
	top: 270px
}

.happtab span {
	width: 10px;
	height: 10px;
	margin-right: 6px;
	float: left;
	display: inline-block;
	border-radius: 4px;
	background: #C2C2C2;
	filter: alpha(opacity=80);
	moz-opacity: .8;
	opacity: .8;
	cursor: pointer
}

.happtab span.curr {
	background: #E83828;
	filter: alpha(opacity=90);
	moz-opacity: .9;
	opacity: .9
}

.content_more {
	width: 1024px;
	font-size: 17px;
	margin: 10px auto 0;
	text-align: center;
	color: #575757;
	clear: both;
	position: relative;
	z-index: 1;
	padding: 0
}

.content_more a {
	color: #575757
}

.content_more a:hover {
	color: #E83828
}

.hnews_b {
	width: 460px;
	float: left;
	margin: 25px 0 0;
	padding-left: 35px
}

.hnews_b ul {
	width: 460px
}

.hnews_b ul li {
	width: 460px;
	float: left;
	line-height: 28px;
	padding-bottom: 8px
}

.hnews_b ul li a {
	color: #535353;
	padding-left: 17px;
	font-size: 14px;
	background: url(../images/hotnews_liicon.png) no-repeat
}

.hnews_b ul li a:hover {
	color: #d11417;
	text-decoration: underline;
	background: url(../images/hotnews_liicon_hover.png) no-repeat
}

.hnews_b ul li .hntime {
	float: right;
	color: #767676;
	font-size: 13px
}

.hnews_b .ctxtmore {
	clear: both;
	padding-top: 5px
}

.hnews_b .ctxtmore a {
	color: #d11417
}

.hnews_b .ctxtmore a:hover {
	text-decoration: underline
}

#list_pages {
	padding-bottom: 50px;
	margin-left: 20px
}

#list_pages ul {
	width: 100%;
	height: 32px;
	text-align: center
}

#list_pages ul li {
	font-size: 18px;
	height: 32px;
	float: left;
	line-height: 32px;
	margin-right: 10px
}

#list_pages ul li a {
	color: #454545
}

#list_pages ul li a:hover {
	color: #d11417;
	text-decoration: underline
}

#list_pages ul .preclass {
	background: url(../images/preclasspic.png) no-repeat
}

#list_pages ul .thisclass {
	color: #d11417;
	text-decoration: underline
}

#list_pages ul .nextclass {
	background: url(../images/nextclasspic.png) no-repeat
}

#list_pages ul .nextclass a,#list_pages ul .thisclass a {
	display: block;
	width: 32px;
	height: 32px
}

#ScrollToTop {
	cursor: pointer;
	position: fixed;
	z-index: 4;
	right: 80px;
	bottom: -10px;
	width: 50px;
	display: block;
	height: 30px;
	padding: 20px 20px 39px 0;
	-moz-transition: bottom 250ms linear-out;
	-webkit-transition: bottom 250ms linear-out
}

#ScrollToTop.Offscreen {
	bottom: -100px;
	-moz-transition-duration: 250ms;
	-webkit-transition-duration: 250ms
}

.Button2.WhiteButton {
	border: 0;
	background: url(../images/backtotop.png) -4px -9px no-repeat
}

.Button2.WhiteButton:active,.Button2.WhiteButton:hover {
	background: url(../images/backtotop.png) -4px -58px no-repeat
}

.on-contact {
	display: none;
	width: 40px;
	height: 152px;
	line-height: 50px;
	cursor: pointer;
	background: url(../images/pr_contact.png) no-repeat;
	right: 0;
	top: 40%;
	position: fixed;
	overflow: hidden;
	z-index: 999999;
	zoom: 1
}

.on-contact a {
	color: #696969;
	padding-left: 40px;
	width: 40px;
	height: 152px;
	display: block
}

.page_rnav {
	top: 43%;
	right: 60px;
	z-index: 100;
	position: fixed
}

.page_rnav li {
	margin-bottom: 8px;
	text-align: left;
	background: url(../images/pageroll_mav_ico2.png) center left no-repeat;
	width: 76px;
	padding-left: 20px;
	display: block;
	height: 20px;
	color: #6F6F6F;
	font-weight: 700;
	cursor: pointer;
	font-size: 14px
}

.page_rnav a:hover li {
	background: url(../images/pageroll_mav_ico1.png) center left no-repeat;
	color: #E83828
}

.page_rnav a:hover {
	border: none
}

.page_rnav .current {
	color: #E83828;
	background: url(../images/pageroll_mav_ico1.png) center left no-repeat
}

.page_rnav2 {
	top: 41%;
	right: 70px;
	z-index: 100;
	position: fixed
}

.page_rnav2 li {
	margin-bottom: 8px;
	text-align: left;
	background: url(../images/pageroll_mav_ico2.png) center left no-repeat;
	width: 76px;
	padding-left: 20px;
	display: block;
	height: 20px;
	color: #6F6F6F;
	font-weight: 700;
	cursor: pointer;
	font-size: 14px
}

.page_rnav2 a:hover li {
	background: url(../images/pageroll_mav_ico1.png) center left no-repeat;
	color: #E83828
}

.page_rnav2 a:hover {
	border: none
}

.page_rnav2 .current {
	color: #E83828;
	background: url(../images/pageroll_mav_ico1.png) center left no-repeat
}

.navList li .mu_cur {
	padding-top: 6px;
	background: url(../images/topnavli_bghover.png) no-repeat
}

.L_mu_subnav {
	background: url(../images/topnav_bg.png);
	width: 100%;
	height: 385px;
	position: absolute;
	margin-top: 58px;
	padding-top: 18px;
	z-index: 9999;
	left: 0;
	top: 0;
	right: 0;
	overflow: hidden;
	display: none
}

.L_mu_subnav .mu_2 {
	width: 1024px;
	margin: 0 auto;
	padding-left: 90px
}

#proNav .panel {
	width: 204px;
	min-height: 163px;
	height: auto!important;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 20px
}

#proNav .panel h3 {
	font-size: 14px;
	color: #B6B6B6;
	margin-bottom: 10px;
	border-bottom: 1px solid #828282;
	padding-bottom: 7px;
	padding-left: 60px;
	line-height: 50px;
	background: url(../images/topnav_bg_icon.png) no-repeat
}

#proNav .panel h3:hover {
	background: url(../images/topnav_bg_iconhover.png) no-repeat
}

#proNav .panel h3:hover a {
	color: #EF5345;
	border-bottom: 1px solid #EF5345
}

#proNav .panel h3.topicon1,#proNav .panel h3.topicon1:hover {
	background-position: 0 0
}

#proNav .panel h3.topicon2,#proNav .panel h3.topicon2:hover {
	background-position: -205px 0
}

#proNav .panel h3.topicon3,#proNav .panel h3.topicon3:hover {
	background-position: -410px 0
}

#proNav .panel h3.topicon4,#proNav .panel h3.topicon4:hover {
	background-position: 0 -66px
}

#proNav .panel h3.topicon5,#proNav .panel h3.topicon5:hover {
	background-position: -205px -66px
}

#proNav .panel h3.topicon6,#proNav .panel h3.topicon6:hover {
	background-position: -410px -66px
}

#proNav .panel h3 a {
	color: #B6B6B6;
	-moz-transition: 0;
	-webkit-transition: 0;
	-o-transition: 0;
	transition: 0
}

#proNav .panel h3 a:hover {
	color: #EF5345
}

#proNav .panel li {
	font-size: 13px;
	line-height: 25px;
	padding-left: 3px
}

#proNav .panel li:hover {
	background-color: #EF5345
}

#proNav .panel li:hover a {
	color: #fff
}

#proNav .panel li a {
	color: #A5A5A5;
	-moz-transition: 0;
	-webkit-transition: 0;
	-o-transition: 0;
	transition: 0
}

#proNav .panel li a:hover {
	color: #fff
}

.topQQ {
	background: url(../images/topqq_icon.png) no-repeat;
	width: 22px;
	height: 24px;
	display: block;
	margin-right: 7px;
	margin-top: 18px;
	float: right
}

.topQQ:hover {
	background-position: 0 -25px
}

.topweibo {
	background: url(../images/topweibo_icon.png) no-repeat;
	width: 26px;
	height: 24px;
	display: block;
	margin-right: 7px;
	margin-top: 18px;
	float: right
}

.topweibo:hover {
	background-position: 0 -25px
}

#bdshare a {
	padding-right: 4px
}