@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, input, button, textarea, p {
	padding: 0;
	margin: 0
}
body {
	position: relative;
	min-width: 1268px;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #000;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	outline: 0;
	overflow-x: hidden
}
::-webkit-input-placeholder {
color:#999
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
button {
	-webkit-appearance: none;
	border: 0;
	background: 0 0
}
a, a:hover {
	-webkit-touch-callout: none;
	text-decoration: none
}
:focus {
	outline: 0;
	-webkit-tap-highlight-color: transparent
}
img {
	border: 0;
	vertical-align: top
}
li {
	list-style: none
}
em, i {
	font-style: normal
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	outline: 0
}
input, button, textarea, select {
	font-size: 100%;
	outline: 0;
	-webkit-appearance: none
}
input {
	border: 0
}
.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}
.clearfix {
	zoom: 1
}

#Nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: 1px solid rgba(255,255,255,.2);
	z-index: 9999;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
#Nav h1 {
	padding: 44px 355px 0 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -22px;
	background: url(/sitefiles/library/images/2023/8/3f797d4ac4c9489b.png) top center no-repeat
}
#Nav .navMain {
	width: 1200px;
	margin: 0 auto;
	height: 84px;
	position: relative;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
#Nav .NavList {
	float: right
}
#Nav .NavList>li {
	float: left;
	line-height: 84px;
	font-size: 16px;
	margin-right: 40px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
#Nav .NavList>li>a {
	position: relative;
	color: #FFF
}
#Nav .NavList>li>a.more {
	padding-right: 16px
}
#Nav .NavList>li>a.more:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 16px;
	height: 21px;
	background: url(../images/Nav-icon.png) 0 center no-repeat
}
#Nav .login-btn {
	float: right;
	width: 92px;
	height: 37px;
	margin-top: 23px;
	border: 1px solid #fff;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 37px;
	border-radius: 3px
}
#Nav.on {
	background: #fff;
	border-bottom: 1px solid #ebebeb
}
#Nav.on h1 {
	background: url(/sitefiles/library/images/2023/8/86628e82f8b805b.png) top center no-repeat
}
#Nav.on .NavList>li>a {
	color: #333
}
#Nav.on .NavList>li>a:hover {
	color: #f26522
}
#Nav.on .NavList>li>a.more:hover:after {
	background: url(../images/Nav-icon.png) -32px center no-repeat
}
#Nav.on .NavList>li>a.more:after {
	background: url(../images/Nav-icon.png) -16px center no-repeat
}
#Nav.on .login-btn {
	border: 1px solid #ccc;
	color: #333
}
#Nav.NoTop .navMain {
	height: 60px
}
#Nav.NoTop .NavList>li {
	line-height: 60px
}
#Nav.NoTop .login-btn {
	margin-top: 11px
}
#Nav .NavList>li:hover>a {
	color: #f26522
}
#Nav .NavList>li:hover>a.more:after {
	background: url(../images/Nav-icon.png) -32px center no-repeat
}
#Nav .SecondNav {
	display: none;
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	background: #fff;
	z-index: 9999;
	border-top: 1px solid #ebebeb
}
#Nav .SecondNav li {
	float: left;
	width: 230px;
	padding: 40px 0;
	line-height: 25px;
	font-size: 14px;
	color: gray;
	padding-left: 70px;
	margin: 0 50px;
	background-position: 0 center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #f2f2f2
}
#Nav .SecondNav li h4 a {
	font-size: 16px;
	color: #333
}
#Nav .SecondNav li h4 a:hover {
	color: #f26522
}
#Nav .SoluNav li {
	width: 260px;
	margin: 0 70px;
	padding: 40px 0;
	background: url(../images/Nav-bg2.png) right center no-repeat
}
#Nav .about {
	width: 160px;
	left: 946px
}
#Nav .about li {
	text-align: center;
	padding: 0;
	width: 130px;
	margin: 0 15px;
	line-height: 50px
}
#Nav .about li a {
	color: #333
}
#Nav .about li a:hover {
	color: #f26522
}

.site-footer{ background:#555;}
.footer-end{ background:#464646; overflow:hidden; height:50px; line-height:50px; color:#b1b1b1; font-size:12px;}
.footer-end a{ color:#b1b1b1;}
.footer-end-left{ float:left;}
.footer-end-left a{  padding-right:10px; margin-right:10px; line-height:12px; background:url(/zp/images/fgs.png) no-repeat right center;}
.footer-end-right{ float:right;}
.footer-link{background:#f7f7f7;padding:6px 0;overflow:hidden;}
.maxheight{height:35px;}
.footer-link dt{ float:left; font-size:16px; font-weight:bold; color:#737373;  height:35px; line-height:35px;}
.footer-link dd{ margin-left:88px; font-size:14px; line-height:35px; padding-right:30px;}
.footer-link dd a{ color:#6c6a6a; padding-right:10px; margin-right:10px; background:url(/zp/images/fgs.png) no-repeat right center; display:inline-block;}
.footer-link .zpcontainer{position:relative;} 
.links-toggle{ display:inline-block; width:20px; height:20px; background:url(/zp/images/arrow-d.png) no-repeat; position:absolute; right:0; top:8px; cursor:pointer;}
  .footer-link {
    background: #EFEFEF;
    padding: 6px 0;
    overflow: hidden;
}
   /*友情链接*/
.zpcontainer {
	width: 1200px;
	margin: 0 auto
}
.zpcontainer::before, .zpcontainer::after, .clearfix:before, .clearfix:after {
	content: " ";
	display: table
}
.clearfix {
	zoom: 1
}
.clearfix:after {
	content: " ";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block
}



.fl {
	float: left
}
.fr {
	float: right
}

.MainBoby {
	width: 1200px;
	margin: 0 auto
}
#ReturnTop {
	display: none;
	position: fixed;
	bottom: 50px;
	right: 0;
	width: 46px;
	height: 46px;
	cursor: pointer;
	background: url(../images/ScrollTop.png) center no-repeat
}
#on-line {
	display: none;
	width: 152px;
	position: fixed;
	z-index: 99999;
	right: 0;
	background: #fff;
	box-shadow: 0 0 6px rgba(45,50,55,.2)
}
#on-line h2 {
	line-height: 48px;
	font-size: 22px;
	color: #fff;
	background: #f26522;
	padding-left: 15px;
	position: relative
}
#on-line h2 a {
	position: absolute;
	font-size: 14px;
	line-height: 1;
	top: 9px;
	right: 9px;
	color: #fff
}
#on-line dl {
	margin: 0 5px;
	padding: 15px 0;
	border-bottom: 1px solid #f1f1f1
}
#on-line dt {
	padding-left: 15px;
	padding-bottom: 8px;
	font-size: 14px;
	color: #4c4c4c
}
#on-line dd {
	margin-top: 5px;
	text-align: left
}
#on-line dd a {
	color: #666;
	line-height: 36px;
	display: block;
	border-radius: 2px
}
#on-line dd a:hover {
	color: #fff;
	background: #ff6800
}
#on-line dd img {
	padding: 0 10px 0 20px;
	position: relative;
	top: 3px
}
#on-line .line-footer {
	padding: 10px 20px;
	font-size: 12px;
	color: #4c4c4c;
	line-height: 2
}
#on-line .line-footer .tel {
	font-size: 16px
}
.consult {
	text-align: center;
	display: none;
	z-index: 99999;
	cursor: pointer;
	position: fixed;
	padding: 10px 0;
	width: 46px;
	height: 49px;
	right: 0;
	background: #ff6800;
	border-radius: 3px
}
.consult p {
	padding-top: 5px;
	font-size: 13px;
	color: #fff
}
.consult img {
	position: relative;
	left: 4px
}
@font-face {
	font-family: HELVETICANEUELTPRO-THEX;
	src: url(/css/Fonts/HELVETICANEUELTPRO-THEX.otf)
}
.Always {
	height: 60px
}
.Always #Nav {
	background: #fff;
	border-bottom: 1px solid #ebebeb
}
.Always #Nav .navMain {
	height: 60px
}
.Always #Nav h1 {
	background: url(../images/Dz-Logo2.png) center no-repeat
}
.Always #Nav .NavList>li {
	line-height: 60px
}
.Always #Nav .NavList>li>a {
	color: #333
}
.Always #Nav .NavList>li>a:hover {
	color: #f26522
}
.Always #Nav .NavList>li>a.more:hover:after {
	background: url(../images/Nav-icon.png) -32px center no-repeat
}
.Always #Nav .NavList>li>a.more:after {
	background: url(../images/Nav-icon.png) -16px center no-repeat
}
#Footer {
	width: 100%;
	height: 250px;
	color: #e5e5e5;
	background: #202122
}
#Footer a {
	color: #e5e5e5
}
#Footer .FooterMain {
	width: 1200px;
	margin: 0 auto
}
#Footer .F-Left {
	float: left;
	width: 980px
}
#Footer .left-one {
	padding: 30px 0 15px;
	border-bottom: 1px solid #313233
}
#Footer .left-one .linkList {
	padding-top: 20px
}
#Footer .left-one .linkList a {
	float: left;
	padding: 0 10px;
	position: relative
}
#Footer .left-one .linkList a:hover {
	text-decoration: underline
}
#Footer .left-one .linkList a:not(:last-child):after {
	content: "";
	position: absolute;
	background: #3c3c3c;
	height: 80%;
	width: 1px;
	right: 0;
	top: 10%
}
#Footer .left-two, #Footer .left-three {
	color: #999
}
#Footer .left-two a, #Footer .left-three a {
	color: #999
}
#Footer .left-two {
	padding: 20px 10px 0 0;
	font-size: 12px
}
#Footer .left-two .linkList a {
	padding-right: 10px
}
#Footer .left-three {
	padding: 5px 10px 0 0;
	font-size: 12px
}
#Footer .Contact {
	float: left;
	line-height: 14px;
	padding: 0 20px 0 50px;
	background: url(../images/Footer-icon2.png) left center no-repeat
}
#Footer .Contact h3 {
	padding: 10px 0 3px;
	line-height: 20px;
	font-size: 20px
}
#Footer .FooterBtn {
	float: left;
	margin-left: 20px;
	padding-left: 70px;
	width: 70px;
	line-height: 60px;
	border-radius: 5px;
	background: url(../images/Footer-icon1.png) 15px center no-repeat
}
#Footer .FooterBtn:hover {
	background: #313233 url(../images/Footer-icon1.png) 15px center no-repeat
}
#Footer .Desc {
	margin-top: 15px;
	height: 0;
	overflow: hidden;
	padding: 30px 0 0 310px;
	background: url(../images/Footer-desc.png) left center no-repeat
}
#Footer .F-Right {
	float: right;
	width: 220px;
	text-align: center;
	color: #ccc
}
#Footer .F-Right img {
	padding-top: 40px
}
#Footer .F-Right h3 {
	font-size: 18px;
	padding: 10px 0
}
.yq-slider {
	width: 100%;
	height: 530px;
	margin: 0 auto;
	position: relative;
	overflow: hidden
}
.yq-slider .yq-slider-content {
	width: 100%;
	height: 100%
}
.yq-slider .yq-slider-content>li {
	position: absolute;
	display: none;
	list-style: none;
	width: 100%;
	height: 100%
}
.yq-slider .yq-slider-content>li a {
	display: block;
	height: 100%
}
.yq-slider .yq-slider-content>li.active {
	display: block
}
.yq-slider ol {
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}
.yq-slider ol li {
	position: relative;
	cursor: pointer;
	background: #fff;
	border-radius: 50%;
	float: left;
	display: inline;
	width: 16px;
	height: 16px;
	text-align: center;
	color: #fff
}
.yq-slider ol li:not(:last-child) {
	margin-right: 12px
}
.yq-slider ol li:hover, .yq-slider ol li.active {
	background: #7f7f7f;
	color: #7f7f7f
}
.yq-slider .nextbtn {
	display: none;
	width: 40px;
	height: 70px;
	position: absolute;
	top: 50%;
	margin-top: -35px;
	line-height: 70px;
	text-align: center;
	color: #e4e4e4;
	font-size: 30px;
	text-decoration: none
}
.yq-slider .pre {
	left: 0
}
.yq-slider .pre:hover, .yq-slider .next:hover {
	background: #000;
	opacity: .4;
	filter: alpha(opacity=40);
	color: #FFF
}
.yq-slider .pre:hover {
	border-radius: 0 5px 5px 0
}
.yq-slider .next {
	right: 0
}
.yq-slider .next:hover {
	border-radius: 5px 0 0 5px
}
.BtnList {
	position: absolute;
	bottom: 90px;
	left: 50%;
	margin-left: -205px
}
.BtnList .btn-product, .BtnList .btn-more {
	text-align: center;
	width: 195px;
	line-height: 50px;
	float: left;
	margin-left: 16px;
	color: #fff;
	border-radius: 5px
}
.BtnList .btn-more {
	margin-left: 0;
	background: #f16623;
	border: 1px solid #f16623
}
.BtnList .btn-product {
	background: transparent;
	border: 1px solid #fff
}
#news-con {
	width: 100%;
	background-color: #fff;
	font-family: "microsoft yahei"
}
#news-con .banner {
	background: url(../images/news-banner.jpg) no-repeat;
	height: 368px;
	width: 100%;
	min-width: 1200px;
	background-size: cover
}
#news-con .news-list {
	width: 1200px;
	margin: 0 auto
}
#news-con .news-list dl {
	width: 50%;
	padding-left: 23px;
	padding-right: 65px;
	box-sizing: border-box;
	margin-top: 75px;
	float: left;
	height: 109px
}
#news-con .news-list dt {
	float: left
}
#news-con .news-list dd {
	margin-left: 166px
}
#news-con .news-list dd a {
	display: block;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	max-height: 48px;
	overflow: hidden;
	color: #333
}
#news-con .news-list dd a:hover {
	color: #ef6b01
}
#news-con .news-list span {
	font-size: 12px;
	color: #b2b2b2;
	display: block;
	line-height: 24px
}
#news-con .news-list p {
	font-size: 12px;
	color: gray;
	line-height: 21px;
	height: 72px;
	margin-top: 5px;
	display: block
}
#news-con .page {
	text-align: center;
	display: block;
	margin: 65px 0
}
#news-con .page a {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 4px;
	border: 1px solid #d2d2d2;
	line-height: 40px;
	color: gray;
	text-align: center;
	border-radius: 3px;
	background-color: #fff
}
#news-con .page a:hover {
	background-color: #f4f4f4;
	border-color: #f4f4f4
}
#news-con .page a.current {
	border-color: #f36422;
	background-color: #f36422;
	color: #fff
}
#news-d-con {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 25px
}
#news-d-con .space {
	width: 100%;
	height: 84px
}
#news-d-con .news-main {
	width: 840px;
	margin-top: 35px
}
#news-d-con .news-main>h2 {
	color: #222;
	font-size: 30px;
	height: 55px;
	line-height: 55px
}
#news-d-con .news-main .source {
	color: #666;
	font-size: 12px;
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #e5e5e5;
	box-sizing: border-box
}
#news-d-con .news-main .source span {
	padding-right: 35px
}
#news-d-con .detail-con {
	padding-top: 30px;
	overflow: hidden
}
#news-d-con .detail-con img {
	max-width: 100%
}
#news-d-con .share {
	background-color: #f7f7f7;
	height: 68px;
	padding: 14px 10px;
	box-sizing: border-box;
	margin-top: 80px
}
#news-d-con .page-btn a {
	display: inline-block;
	float: left;
	margin: 0 8px;
	background-color: #e7e7e7;
	color: #555;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
	text-align: center
}
#news-d-con .page-btn a:hover {
	background-color: #f26522;
	color: #fff
}
#news-d-con .page-btn a.none {
	background-color: #e7e7e7;
	color: #d1d1d1
}
#news-d-con .share-btn {
	line-height: 40px;
	color: gray;
	font-size: 16px
}
#news-d-con .share-btn a {
	float: right;
	margin: 0 6px;
	color: #999;
	border: 1px solid #999;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0
}
#news-d-con .share-btn .bds_weixin {
	background-image: url(../images/weixin-1.png)
}
#news-d-con .share-btn .bds_weixin:hover {
	background-image: url(../images/weixin.png)
}
#news-d-con .share-btn .bds_tsina {
	background-image: url(../images/sina-1.png)
}
#news-d-con .share-btn .bds_tsina:hover {
	background-image: url(../images/sina.png)
}
#news-d-con .share-btn .bds_qzone {
	background-image: url(../images/qzone-1.png)
}
#news-d-con .share-btn .bds_qzone:hover {
	background-image: url(../images/qzone.png)
}
#news-d-con .recommend {
	margin-top: 20px
}
#news-d-con .recommend h3 {
	color: #333;
	font-size: 18px;
	height: 48px;
	line-height: 48px
}
#news-d-con .recommend dl {
	width: 50%;
	float: left;
	padding-right: 20px;
	box-sizing: border-box;
	padding-bottom: 35px
}
#news-d-con .recommend dt {
	float: left
}
#news-d-con .recommend dd {
	margin-left: 140px
}
#news-d-con .recommend dd a, #news-d-con .recommend dd span {
	display: block
}
#news-d-con .recommend dd a {
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	color: #333
}
#news-d-con .recommend dd a:hover {
	color: #f26522
}
#news-d-con .recommend dd span {
	font-size: 12px;
	color: #b2b2b2
}
#news-d-con .recommend dd p {
	color: gray;
	font-size: 12px;
	line-height: 18px;
	margin-top: 5px
}
#news-d-con .news-side {
	width: 314px;
	margin-top: 50px
}
#news-d-con .ad {
	width: 100%
}
#news-d-con .online-train {
	width: 100%;
	margin-top: 10px
}
#news-d-con .online-train h3 {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #333
}
#news-d-con .online-train dl {
	padding-bottom: 20px
}
#news-d-con .online-train dt {
	float: left
}
#news-d-con .online-train dd {
	margin-left: 154px;
	position: relative;
	height: 86px
}
#news-d-con .online-train dd a {
	color: #333;
	display: block;
	font-size: 14px;
	line-height: 16px;
	max-height: 32px;
	overflow: hidden
}
#news-d-con .online-train dd a:hover {
	color: #f26522
}
#news-d-con .online-train dd p {
	font-size: 12px;
	color: gray;
	margin-top: 5px;
	line-height: 16px;
	min-height: 32px
}
#news-d-con .online-train dd span {
	position: absolute;
	bottom: 0;
	display: block;
	font-size: 12px;
	color: #999;
	background: url(../images/icon-1.png) no-repeat left top;
	line-height: 12px;
	padding-left: 20px;
	margin-top: 5px
}
#intro-con .banner {
	height: 368px;
	width: 100%;
	min-width: 1200px;
	background-size: cover;
	overflow: hidden;
	background: #ef6b01 url(../images/intro-banner.jpg) center no-repeat
}
#intro-con .tit {
	width: 100%;
	box-sizing: border-box
}
#intro-con .tit h2 {
	font-size: 30px;
	font-weight: 100;
	color: #ef6b01;
	line-height: 48px
}
#intro-con .tit p {
	font-size: 16px;
	color: #999
}
#intro-con .intro-con1 {
	background-color: #fff;
	position: relative;
	width: 100%;
	border-bottom: 84px solid #ef6b01
}
#intro-con .intro-con1 .intro-con1-div {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0 250px 32px;
	box-sizing: border-box
}
#intro-con .intro-con1 .intro-con1-div>p {
	position: absolute;
	display: block;
	bottom: -94px
}
#intro-con .intro-con1 .con p {
	text-indent: 2em;
	font-size: 14px;
	line-height: 26px;
	color: #000;
	overflow: hidden;
	margin-top: 30px
}
#intro-con .intro-con1 .con img {
	float: right;
	margin-left: 60px;
	clear: left
}
#intro-con .intro-con2 {
	background-color: #ededed
}
#intro-con .intro-con2 .intro-con2-div {
	width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 70px 0 70px 32px
}
#intro-con .intro-con2 ul {
	display: block;
	margin-top: 15px
}
#intro-con .intro-con2 li {
	width: 33.33%;
	float: left;
	margin-top: 30px
}
#intro-con .intro-con2 li b {
	font-size: 20px;
	color: #000;
	line-height: 28px;
	font-weight: 100
}
#intro-con .intro-con2 li p {
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	color: #666;
	margin-top: 15px
}
#intro-con .intro-con3 {
	background-color: #fff;
	padding: 45px 0
}
#intro-con .intro-con3 .intro-con3-div {
	width: 1200px;
	margin: 0 auto;
	padding-left: 32px;
	box-sizing: border-box
}
#intro-con .intro-con3 .time-box {
	width: 1200px;
	overflow: hidden;
	position: relative
}
#intro-con .intro-con3 ul {
	padding-top: 50px;
	height: 250px;
	overflow: hidden;
	position: relative
}
#intro-con .intro-con3 ul li {
	float: left;
	width: 200px;
	padding: 0 20px;
	height: 250px;
	position: relative
}
#intro-con .intro-con3 ul li span {
	position: absolute;
	left: 20px;
	top: 0;
	width: 60px;
	height: 60px;
	font-size: 16px;
	border: 2px solid #f2936a;
	color: #f2936a;
	border-radius: 50%;
	text-align: center;
	line-height: 60px;
	font-weight: 700
}
#intro-con .intro-con3 ul li .descBox {
	position: absolute;
	top: 120px;
	left: 20px;
	width: 200px
}
#intro-con .intro-con3 ul li .descBox h4 {
	font-size: 16px;
	color: #000;
	padding-bottom: 20px
}
#intro-con .intro-con3 ul li .descBox p {
	font-size: 12px;
	color: #666;
	line-height: 20px;
	height: 80px;
	overflow: hidden
}
#intro-con .intro-con3 .time-range {
	display: block;
	margin: 60px auto 0;
	width: 383px;
	height: 4px;
	background-color: #c1c1c1;
	border-radius: 2px;
	position: relative
}
#intro-con .intro-con3 .time-range span {
	position: absolute;
	background-color: #ef6b01;
	top: -12px;
	left: 0;
	width: 23px;
	height: 23px;
	border-radius: 100%;
	box-shadow: 3px 3px 5px rgba(0,0,0,.21);
	cursor: pointer
}
#intro-con .intro-con4 {
	padding-top: 45px;
	padding-bottom: 85px;
	background-color: #ebebeb
}
#intro-con .intro-con4 .intro-con4-div {
	width: 1200px;
	margin: 0 auto;
	padding-left: 32px;
	box-sizing: border-box
}
#mien-con {
	width: 100%;
	text-align: center
}
#mien-con .banner {
	position: relative;
	background: #ef6b01;
	height: 367px;
	width: 100%;
	min-width: 1200px;
	background: url(../images/abutus-banner.jpg) center bottom no-repeat;
	background-size: cover
}
#mien-con h3 {
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	padding: 80px 0 45px
}
#mien-con .page1 {
	width: 100%;
	height: 694px;
	background: url(../images/abutus-bg2.jpg) center bottom no-repeat
}
#mien-con .page2 {
	width: 100%;
	height: 648px
}
.school-banner {
	background: url(../images/school-baner.jpg) no-repeat 50% 50%;
	height: 500px;
	width: 100%;
	min-width: 1200px;
	background-size: cover
}
#school-con {
	width: 1200px;
	margin: 40px auto 50px
}
#school-con .school-main {
	width: 840px
}
#school-con .school-main .learn-con h3, #school-con .school-main .review-con h3, #school-con .school-main .school-slide h3 {
	height: 23px;
	line-height: 23px;
	font-size: 24px;
	color: #000
}
#school-con .school-main .learn-con h3 a, #school-con .school-main .review-con h3 a, #school-con .school-main .school-slide h3 a {
	font-size: 14px;
	color: #989898
}
#school-con .school-main .learn-con h3 a:hover, #school-con .school-main .review-con h3 a:hover, #school-con .school-main .school-slide h3 a:hover {
	color: #f36422
}
#school-con .school-main .review-con h3, #school-con .school-main .school-slide h3 {
	color: #333
}
#school-con .school-main .learn-con ul {
	display: block;
	margin: 0 -16px 0
}
#school-con .school-main .learn-con li {
	float: left;
	margin-top: 25px;
	width: 25%;
	padding: 0 16px;
	box-sizing: border-box
}
#school-con .school-main .learn-con li a {
	color: #333;
	font-size: 14px
}
#school-con .school-main .learn-con li a:hover b {
	color: #f36422
}
#school-con .school-main .learn-con li img {
	height: 111px;
	max-width: 100%
}
#school-con .school-main .learn-con li b {
	display: block;
	height: 33px;
	line-height: 33px;
	font-weight: 100;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
#school-con .school-main .learn-con li span {
	display: block;
	font-size: 12px;
	line-height: 12px;
	color: #aaa;
	background: url(../images/icon-1.png) no-repeat;
	padding-left: 20px
}
#school-con .school-main .review-con {
	margin-top: 50px
}
#school-con .school-main .review-con ul {
	margin: 0 -21px 0
}
#school-con .school-main .review-con li {
	float: left;
	margin-top: 35px;
	width: 33.33%;
	padding: 0 21px;
	box-sizing: border-box
}
#school-con .school-main .review-con img {
	height: 141px;
	max-width: 100%
}
#school-con .school-main .review-con a {
	display: block
}
#school-con .school-main .review-con a:hover b {
	color: #f36422
}
#school-con .school-main .review-con b {
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	font-weight: 100;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
#school-con .school-main .review-con p {
	font-size: 14px;
	color: gray;
	line-height: 18px;
	height: 36px;
	overflow: hidden
}
#school-con .school-main .review-con span {
	font-size: 12px;
	color: #999;
	display: block;
	border-bottom: 1px solid #ebebeb;
	height: 30px;
	line-height: 30px
}
#school-con .school-slide {
	width: 315px
}
#school-con .school-slide .top, #school-con .school-slide .bottom {
	border: 1px solid #ebebeb
}
#school-con .school-slide .top {
	margin-top: 24px;
	padding: 15px 38px 35px
}
#school-con .school-slide .top strong {
	display: block;
	font-size: 32px;
	color: #333;
	text-align: center
}
#school-con .school-slide .top p {
	color: #666;
	font-size: 12px;
	line-height: 18px
}
#school-con .school-slide .top p span {
	color: #aaa
}
#school-con .school-slide .top p:nth-of-type(1) {
	font-size: 16px;
	line-height: 20px;
	padding: 10px 0 15px
}
#school-con .school-slide .top img {
	margin: 10px auto 0;
	display: block
}
#school-con .school-slide .top-btn {
	margin-top: 20px
}
#school-con .school-slide .top-btn span {
	position: relative;
	display: block;
	height: 1px;
	background-color: #ebebeb;
	text-align: center;
	margin: 26px 0
}
#school-con .school-slide .top-btn label {
	position: absolute;
	padding: 0 10px;
	margin-left: -10px;
	text-align: center;
	font-size: 14px;
	color: #ccc;
	background-color: #fff;
	line-height: 22px;
	margin-top: -10px;
	box-sizing: border-box
}
#school-con .school-slide .top-btn a {
	display: block;
	width: 235px;
	text-align: center;
	height: 43px;
	line-height: 43px;
	border-radius: 3px
}
#school-con .school-slide .top-btn .apply, #school-con .school-slide .top-btn .apply-end {
	font-size: 18px;
	color: #fff
}
#school-con .school-slide .top-btn .apply {
	background-color: #f36422
}
#school-con .school-slide .top-btn .apply-end {
	background-color: #cecece
}
#school-con .school-slide .top-btn .contact {
	font-size: 14px;
	color: #666;
	background-color: #ebebeb
}
#school-con .school-slide .top-btn .contact i {
	margin: 0 5px;
	color: #777f99
}
#school-con .school-slide .bottom {
	margin-top: 45px;
	padding: 0 30px 25px;
	box-sizing: border-box
}
#school-con .school-slide .bottom img {
	position: relative;
	margin: -15px auto 0;
	display: block
}
#school-con .school-slide .bottom strong, #school-con .school-slide .bottom b {
	text-align: center;
	display: block
}
#school-con .school-slide .bottom strong {
	font-size: 28px;
	line-height: 50px;
	color: #333;
	font-weight: 100
}
#school-con .school-slide .bottom b {
	font-size: 18px;
	line-height: 20px;
	color: #686868;
	font-weight: 100
}
#school-con .school-slide .bottom p {
	font-size: 12px;
	line-height: 24px;
	color: #666;
	margin-top: 18px
}
#review-div {
	width: 1200px;
	margin: 30px auto 60px
}
#review-div h3 {
	font-size: 24px;
	color: #333;
	border-bottom: 1px solid #ebebeb;
	height: 60px;
	line-height: 60px
}
#review-div ul {
	margin: -8px -25px 0
}
#review-div li {
	float: left;
	margin-top: 42px;
	width: 33.33%;
	padding: 0 25px;
	box-sizing: border-box
}
#review-div img {
	height: 204px;
	max-width: 100%
}
#review-div a {
	display: block
}
#review-div a:hover b {
	color: #f36422
}
#review-div b {
	display: block;
	font-size: 20px;
	color: #333;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 100
}
#review-div p {
	font-size: 14px;
	color: gray;
	line-height: 20px;
	height: 40px;
	overflow: hidden
}
#review-div span {
	font-size: 12px;
	color: #999;
	display: block;
	border-bottom: 2px solid #ebebeb;
	height: 35px;
	line-height: 35px
}
#review-div .page {
	text-align: center;
	display: block;
	margin-top: 60px
}
#review-div .page a {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 4px;
	border: 1px solid #d2d2d2;
	line-height: 40px;
	color: gray;
	text-align: center;
	border-radius: 3px;
	background-color: #fff
}
#review-div .page a:hover {
	background-color: #f4f4f4;
	border-color: #f4f4f4
}
#review-div .page a.current {
	border-color: #f36422;
	background-color: #f36422;
	color: #fff
}
#review-d-con {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 45px
}
#review-d-con .news-main {
	width: 840px;
	margin-top: 35px
}
#review-d-con .news-main h2 {
	color: #222;
	font-size: 30px;
	height: 55px;
	line-height: 55px
}
#review-d-con .news-main .source {
	color: #666;
	font-size: 12px;
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #e5e5e5;
	box-sizing: border-box
}
#review-d-con .news-main .source span {
	padding-right: 35px
}
#review-d-con .detail-con {
	padding-top: 30px;
	overflow: hidden
}
#review-d-con .detail-con img {
	max-width: 100%
}
#review-d-con .share {
	background-color: #f7f7f7;
	height: 68px;
	padding: 14px 10px;
	box-sizing: border-box;
	margin-top: 80px
}
#review-d-con .page-btn a {
	display: inline-block;
	float: left;
	margin: 0 8px;
	background-color: #e7e7e7;
	color: #555;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
	text-align: center
}
#review-d-con .page-btn a:hover {
	background-color: #f26522;
	color: #fff
}
#review-d-con .page-btn a.none {
	background-color: #e7e7e7;
	color: #d1d1d1
}
#review-d-con .share-btn {
	line-height: 40px;
	color: gray;
	font-size: 16px
}
#review-d-con .share-btn a {
	float: right;
	margin: 0 6px;
	color: #999;
	border: 1px solid #999;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0
}
#review-d-con .share-btn .bds_weixin {
	background-image: url(../images/weixin-1.png)
}
#review-d-con .share-btn .bds_weixin:hover {
	background-image: url(../images/weixin.png)
}
#review-d-con .share-btn .bds_tsina {
	background-image: url(../images/sina-1.png)
}
#review-d-con .share-btn .bds_tsina:hover {
	background-image: url(../images/sina.png)
}
#review-d-con .share-btn .bds_qzone {
	background-image: url(../images/qzone-1.png)
}
#review-d-con .share-btn .bds_qzone:hover {
	background-image: url(../images/qzone.png)
}
#review-d-con .recommend {
	margin-top: 20px
}
#review-d-con .recommend h3 {
	color: #333;
	font-size: 18px;
	height: 48px;
	line-height: 48px
}
#review-d-con .recommend ul {
	margin: 0 -21px
}
#review-d-con .recommend li {
	float: left;
	width: 33.33%;
	padding: 0 21px;
	box-sizing: border-box
}
#review-d-con .recommend img {
	height: 141px;
	max-width: 100%
}
#review-d-con .recommend a {
	display: block
}
#review-d-con .recommend a:hover b {
	color: #f36422
}
#review-d-con .recommend b {
	display: block;
	font-size: 14px;
	color: #333;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
#review-d-con .recommend p {
	font-size: 14px;
	color: gray;
	line-height: 18px;
	height: 36px;
	overflow: hidden
}
#review-d-con .recommend span {
	font-size: 12px;
	color: #999;
	display: block;
	border-bottom: 1px solid #ebebeb;
	height: 30px;
	line-height: 30px
}
#review-d-con .news-side {
	width: 314px;
	margin-top: 50px
}
#review-d-con .ad {
	width: 100%
}
#review-d-con .online-train {
	width: 100%;
	margin-top: 10px
}
#review-d-con .online-train h3 {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #333
}
#review-d-con .online-train dl {
	padding-bottom: 20px
}
#review-d-con .online-train dt {
	float: left
}
#review-d-con .online-train dd {
	margin-left: 154px;
	position: relative;
	height: 86px
}
#review-d-con .online-train dd a {
	color: #333;
	display: block;
	font-size: 14px;
	line-height: 16px;
	max-height: 32px;
	overflow: hidden
}
#review-d-con .online-train dd a:hover {
	color: #f26522
}
#review-d-con .online-train dd p {
	font-size: 12px;
	color: gray;
	margin-top: 5px;
	line-height: 16px;
	min-height: 32px
}
#review-d-con .online-train dd span {
	position: absolute;
	bottom: 0;
	display: block;
	font-size: 12px;
	color: #999;
	background: url(../images/icon-1.png) no-repeat left top;
	line-height: 12px;
	padding-left: 20px;
	margin-top: 5px
}
#d-train-con {
	width: 1200px;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 60px
}
#d-train-con h3 {
	height: 65px;
	line-height: 65px;
	font-size: 24px;
	color: #333;
	border-bottom: 1px solid #ebebeb;
	box-sizing: border-box
}
#d-train-con .d-train-list {
	width: 100%;
	margin-top: -40px
}
#d-train-con .d-train-list ul {
	display: block;
	text-align: right
}
#d-train-con .d-train-list ul li {
	display: inline-table;
	margin: 0 5px;
	font-size: 14px
}
#d-train-con .d-train-list ul li.on a {
	background-color: #f26522;
	color: #fff
}
#d-train-con .d-train-list ul a {
	display: block;
	padding: 0 15px;
	color: #666;
	line-height: 29px;
	border-radius: 3px
}
#d-train-con .d-train-list ul a:hover {
	color: #f26522
}
#d-train-con .d-train-list .bd {
	display: block;
	width: 100%;
	float: left;
	margin-left: -40px;
	margin-top: -10px
}
#d-train-con .d-train-list dl {
	width: 50%;
	float: left;
	padding-left: 40px;
	box-sizing: border-box;
	margin-top: 47px
}
#d-train-con .d-train-list dl dt {
	float: left
}
#d-train-con .d-train-list dl dd {
	position: relative;
	margin-left: 284px;
	height: 158px
}
#d-train-con .d-train-list dl dd a {
	color: #333;
	display: block;
	font-size: 20px;
	line-height: 30px;
	height: 60px
}
#d-train-con .d-train-list dl dd a:hover {
	color: #f26522
}
#d-train-con .d-train-list dl dd p {
	font-size: 14px;
	color: #939292;
	margin-top: 10px;
	line-height: 20px;
	height: 60px;
	overflow: hidden
}
#d-train-con .d-train-list dl dd span {
	position: absolute;
	bottom: 0;
	display: block;
	font-size: 12px;
	color: #999;
	line-height: 18px
}
#d-train-con .d-train-list dl dd span i {
	font-size: 18px;
	margin-right: 5px;
	color: #aaa;
	float: left
}
#d-train-con .page {
	text-align: center;
	display: block;
	margin-top: 60px
}
#d-train-con .page a {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 4px;
	border: 1px solid #d2d2d2;
	color: gray;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
	background-color: #fff
}
#d-train-con .page a:hover {
	background-color: #f4f4f4;
	border-color: #f4f4f4
}
#d-train-con .page a.current {
	border-color: #f36422;
	background-color: #f36422;
	color: #fff
}
.bg-f2f2f2 {
	background-color: #f2f2f2
}
#d-train-details {
	width: 1200px;
	margin: 50px auto
}
#d-train-details .video-conBox {
	width: 885px
}
#d-train-details .video-showBox {
	width: 885px;
	overflow: hidden
}
#d-train-details .video-conShareWrap {
	padding: 17px 0;
	border-bottom: 1px solid #ebebeb;
	height: 42px;
	line-height: 42px
}
#d-train-details .video-conShareWrap p {
	float: left
}
#d-train-details .video-conShareWrap h1 {
	font-size: 28px;
	color: #333;
	float: left
}
#d-train-details .video-conShareWrap span {
	background: url(../images/icon-1.png) no-repeat left center;
	font-size: 12px;
	color: #aaa;
	padding-left: 18px;
	margin-left: 15px;
	float: left;
	margin-top: 6px
}
#d-train-details .video-conShare {
	float: right;
	margin-right: 15px
}
#d-train-details .share-btn {
	line-height: 40px;
	color: gray;
	font-size: 16px
}
#d-train-details .share-btn a {
	float: right;
	margin: 0 6px;
	color: #999;
	border: 1px solid #999;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0
}
#d-train-details .share-btn .bds_weixin {
	background-image: url(../images/weixin-1.png)
}
#d-train-details .share-btn .bds_weixin:hover {
	background-image: url(../images/weixin.png)
}
#d-train-details .share-btn .bds_tsina {
	background-image: url(../images/sina-1.png)
}
#d-train-details .share-btn .bds_tsina:hover {
	background-image: url(../images/sina.png)
}
#d-train-details .share-btn .bds_qzone {
	background-image: url(../images/qzone-1.png)
}
#d-train-details .share-btn .bds_qzone:hover {
	background-image: url(../images/qzone.png)
}
#d-train-details .video-conDetailTxt {
	line-height: 20px
}
#d-train-details .video-conDetailTxt h3 {
	font-size: 20px;
	color: #333;
	margin-top: 20px;
	height: 25px;
	line-height: 25px
}
#d-train-details .video-conDetailTxt p {
	margin-top: 20px;
	color: #666;
	font-size: 14px
}
#d-train-details .video-slide {
	background-color: #fff;
	width: 315px
}
#d-train-details .video-slide dl {
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px
}
#d-train-details .video-slide dl dt {
	float: left
}
#d-train-details .video-slide dl dd {
	margin-left: 135px
}
#d-train-details .video-slide dl dd a {
	color: #333;
	display: block;
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	overflow: hidden
}
#d-train-details .video-slide dl dd a:hover {
	color: #f26522
}
#d-train-details .video-slide dl dd span {
	display: block;
	font-size: 12px;
	color: #aaa;
	background: url(../images/icon-1.png) no-repeat left top;
	line-height: 12px;
	padding-left: 20px;
	margin-top: 8px
}
#d-train-details .video-slide .replace {
	border-top: 1px solid #ebebeb;
	margin-top: 20px;
	height: 80px;
	line-height: 80px;
	text-align: center
}
#d-train-details .video-slide .replace a {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	height: 24px
}
#d-train-details .video-slide .replace i {
	color: #706f7a;
	margin-right: 10px;
	font-size: 20px
}
#Contact .banner {
	height: 368px;
	width: 100%;
	min-width: 1200px;
	background-size: cover;
	overflow: hidden;
	background: #ef6b01 url(../images/intro-banner.jpg) center no-repeat
}
#Contact .contactMain {
	background: #fff;
	padding: 80px 0
}
#Contact .map {
	float: left;
	width: 600px;
	height: 680px;
	position: relative
}
#Contact .map #allmap {
	width: 100%;
	height: 100%;
	overflow: hidden
}
#Contact .ContactDesc {
	float: left;
	width: 450px;
	margin-left: 150px
}
#Contact .ContactDesc h3 {
	color: #ef6b01;
	font-size: 30px;
	padding-bottom: 40px
}
#Contact .ContactDesc dl {
	padding-bottom: 40px;
	line-height: 24px
}
#Contact .ContactDesc dl dt {
	font-size: 18px;
	color: #313131
}
#Contact .ContactDesc dl dd {
	font-size: 16px;
	color: #333
}
#Contact .ContactDesc h4 {
	font-size: 24px;
	color: #333;
	padding: 50px 0;
	border-top: 1px solid #e5e5e5
}
#Contact .ContactDesc .BankList li {
	padding: 0 0 0 70px;
	margin-bottom: 50px;
	line-height: 24px
}
#Contact .ContactDesc .BankList li.Bank1 {
	background: url(../images/Bank-icon1.png) left center no-repeat
}
#Contact .ContactDesc .BankList li.Bank2 {
	background: url(../images/Bank-icon2.png) left center no-repeat
}
#Recruit .banner {
	position: relative;
	width: 100%;
	height: 500px;
	background: url(../images/recruit-banner.jpg) bottom center no-repeat;
	background-size: cover
}
#Recruit .banner h1 {
	font-size: 50px;
	line-height: 50px;
	padding-bottom: 20px
}
#Recruit .banner p {
	font-size: 18px;
	line-height: 18px
}
#Recruit .banner .Box {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -150px 0 0 -126px;
	z-index: 99;
	text-align: center;
	color: #fff
}
#Recruit .banner .animate {
	position: absolute;
	z-index: 998;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}
#Recruit .banner .animate1 {
	left: 50%;
	bottom: 105px;
	width: 94px;
	height: 120px;
	margin-left: -230px;
	background: url(../images/recruit-animate-1.png) center no-repeat
}
#Recruit .banner .animate2 {
	z-index: 999;
	left: 50%;
	bottom: 80px;
	width: 132px;
	height: 165px;
	margin-left: -80px;
	background: url(../images/recruit-animate-2.png) center no-repeat
}
#Recruit .banner .animate3 {
	left: 50%;
	bottom: 105px;
	width: 94px;
	height: 120px;
	margin-left: 133px;
	background: url(../images/recruit-animate-3.png) center no-repeat
}
#Recruit .banner .animate4 {
	position: absolute;
	left: 50%;
	bottom: 132px;
	width: 600px;
	height: 300px;
	margin-left: -300px;
	background: url(../images/recruit-animate-4.jpg) center no-repeat;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}
#Recruit .recruitMain {
	background: #fff;
	padding: 0 0 50px
}
#Recruit .navList {
	width: 549px;
	margin-left: 50px;
	float: left;
	border-right: 1px solid #f2f2f2
}
#Recruit .navList>dl {
	position: relative;
	float: left;
	width: 224px;
	margin-right: 50px;
	height: 40px;
	padding: 20px 0;
	border-bottom: 1px solid #f2f2f2;
	cursor: pointer
}
#Recruit .navList>dl.on dt {
	color: #ef6b01
}
#Recruit .navList dt {
	font-family: HELVETICANEUELTPRO-THEX;
	position: absolute;
	font-size: 48px;
	line-height: 48px;
	color: #ccc
}
#Recruit .navList dd {
	padding-left: 70px;
	line-height: 24px
}
#Recruit .navList dd h3 {
	color: #333
}
#Recruit .navList dd span {
	padding-right: 20px;
	color: #5c5c5c;
	font-size: 12px
}
#Recruit .navList dd i {
	display: none
}
#Recruit .navList dd.hot i {
	font-size: 20px;
	color: #ef6b01;
	display: inline-block;
	padding-left: 10px
}
#Recruit .RecruitContent {
	float: left;
	margin: 0 50px;
	width: 500px
}
#Recruit .RecruitContent li {
	display: none
}
#Recruit .RecruitContent li.on {
	display: block
}
#Recruit .RecruitContent h3 {
	font-size: 24px;
	color: #000;
	padding-bottom: 20px
}
#Recruit .RecruitContent .RecruitBtn {
	text-align: center;
	width: 150px;
	line-height: 40px;
	display: inline-block;
	color: #fff;
	background: #ef6b01;
	border-radius: 5px;
	margin: 20px 10px 0 0
}
#Recruit .recruitDesc {
	margin-top: 150px;
	width: 1200px;
	height: 400px;
	background: url(../images/recruit-desc.jpg) bottom center no-repeat;
	background-size: cover
}
#Server {
	position: relative;
	width: 100%;
	height: 705px;
	background: url(../images/cxt/server-bg.jpg) center no-repeat
}
#Server h2 {
	padding: 75px 0;
	text-align: center;
	font-size: 36px;
	color: #fff;
	position: relative
}
#Server .ServerBox {
	width: 1200px;
	height: 404px;
	overflow: hidden;
	position: relative
}
#Server .serverList {
	margin-left: -24px;
	position: relative
}
#Server .serverList li {
	float: left;
	width: 282px;
	height: 404px;
	margin-left: 24px;
	text-align: center;
	overflow: hidden;
	background: #fff
}
#Server .serverList li img {
	width: 282px
}
#Server .serverList h3 {
	padding: 30px 0 20px;
	font-size: 24px;
	color: #000
}
#Server .serverList p {
	color: gray;
	font-size: 14px;
	line-height: 24px
}
#Server ol {
	position: absolute;
	left: 50%;
	bottom: 50px;
	margin-left: -28px
}
#Server ol li {
	float: left;
	height: 20px;
	width: 20px;
	background: #fff;
	border-radius: 50%;
	cursor: pointer
}
#Server ol li.type1 {
	margin-right: 16px
}
#Server ol li.on {
	background: #f26522
}
#Index .IndexBox {
	text-align: center
}
#Index .indexTitle {
	padding-top: 50px;
	font-size: 36px;
	line-height: 36px;
	color: #333
}
#Index .indexDesc {
	padding: 20px 0 50px;
	font-size: 18px;
	line-height: 18px;
	color: #787878
}
#Index .transition {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
#Product {
	background: #FFF;
	padding-bottom: 80px
}
#Product .MainBoby {
	width: 1268px;
	overflow: hidden
}
#Product .productList {
	margin-left: 1px
}
#Product .productList li {
	position: relative;
	float: left;
	width: 298px;
	border: 1px solid #e4e4e4;
	background: #f9f9f9;
	text-align: center;
	margin-left: -1px;
	height: 405px
}
#Product .productList h3 {
	padding: 30px 0 50px;
	font-size: 34px;
	line-height: 34px;
	color: #000
}
#Product .productList .ProductDesc {
	padding: 60px 0;
	font-size: 16px;
	line-height: 24px;
	color: #4c4c4c
}
#Product .productList .ProductBox {
	width: 298px;
	float: left
}
#Product .productList .ProductMain {
	display: none;
	width: 268px;
	float: left;
	text-align: left;
	position: absolute;
	top: 90px;
	left: 300px;
	padding-left: 10px
}
#Product .productList .ProductMain:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 1px;
	left: 0;
	top: 0;
	background: #ededed
}
#Product .productList .ProductMain h4 {
	padding-left: 20px;
	color: #44bfe9;
	background: url(../images/Server-icon.png) 3px center no-repeat
}
#Product .productList .ProductMain dl {
	padding-top: 5px;
	padding-left: 20px
}
#Product .productList .ProductMain dt {
	padding: 7px 0 3px
}
#Product .productList .ProductMain dt a {
	font-size: 16px;
	color: #000
}
#Product .productList .ProductMain dt a:hover {
	color: #f26522
}
#Product .productList .ProductMain dd {
	color: #a3a3a3;
	line-height: 18px
}
#Product .productList li.on {
	background: #fff;
	border-top: 1px solid #f26522;
	box-shadow: 0 0 6px rgba(45,50,55,.2)
}
#Product .productList li.on .ProductMain, #Product .productList li.on .ProductBtn {
	display: block
}
#Product .productList li.on.on:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: #f26522;
	height: 2px;
	width: 100%
}
#Product .ProductBtn {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 20px;
	width: 140px;
	margin-left: -70px;
	line-height: 40px;
	font-size: 14px;
	color: #d9713a;
	border: 1px solid #d9713a;
	border-radius: 5px;
	background: #fff url(../images/Productbtn-bg.png) 60% center no-repeat;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
#Product .ProductBtn:hover {
	width: 120px;
	padding-right: 20px;
	color: #fff;
	background: #d9713a url(../images/Productbtn-bg.png) 75% center no-repeat
}
#Product .product-box {
	position: relative
}
#Product .product-box .product-list {
	float: left;
	width: 960px;
	border: 1px solid #ededed;
	border-right: 0;
	border-top: 2px solid #f26522
}
#Product .product-box .product-list li {
	border-right: 1px solid #f6f6f6;
	width: 319px;
	text-align: center;
	float: left;
	padding-bottom: 28px
}
#Product .product-box .product-list h2 {
	font-size: 26px;
	color: #333;
	padding: 30px 0 40px
}
#Product .product-box .product-list .desc-box {
	padding: 40px 0
}
#Product .product-box .product-list .desc-box p {
	font-size: 15px;
	color: #4c4c4c
}
#Product .server-box {
	position: relative;
	margin-top: 50px
}
#Product .ds-server {
	float: left;
	width: 960px;
	border: 1px solid #ededed;
	text-align: center;
	border-right: 0
}
#Product .ds-server>h2 {
	margin: 35px 0 12px
}
#Product .ds-server>p {
	font-size: 16px;
	color: #999
}
#Product .server-list li {
	float: left;
	height: 90px;
	padding: 30px 25px;
	width: 270px
}
#Product .server-list .img-box {
	margin-right: 14px;
	width: 81px;
	height: 81px;
	float: left
}
#Product .server-list h3 {
	margin-bottom: 5px;
	text-align: left
}
#Product .server-list h3 a {
	color: #333;
	font-size: 18px
}
#Product .server-list .ds-desc p {
	text-align: left;
	color: #999;
	line-height: 20px;
	font-size: 14px
}
#Product .dz-build {
	position: absolute;
	cursor: pointer;
	left: 960px;
	text-align: center;
	border: 1px solid #ededed;
	background: #f7f7f7;
	height: 400px;
	width: 305px
}
#Product .dz-build>h2 {
	margin: 35px 0 20px;
	color: #000;
	font-size: 26px
}
#Product .dz-build .show-box {
	float: left;
	width: 205px;
	padding: 30px 50px 0
}
#Product .dz-build .show-box>p {
	margin: 30px 0 36px;
	font-size: 15px;
	color: #4c4c4c
}
#Product .dz-build .show-box>a {
	font-size: 14px;
	color: #f26522
}
#Product .dz-build .ProductMain {
	position: absolute;
	left: 100%;
	width: 268px;
	padding: 0 30px;
	float: left;
	text-align: left;
	border-left: 1px solid #ededed
}
#Product .dz-build .ProductMain h4 {
	padding-left: 20px;
	color: #44bfe9;
	background: url(../images/Server-icon.png) 3px center no-repeat
}
#Product .dz-build .ProductMain dl {
	padding-top: 5px;
	padding-left: 20px
}
#Product .dz-build .ProductMain dt {
	padding: 7px 0 3px
}
#Product .dz-build .ProductMain dt a {
	font-size: 16px;
	color: #000
}
#Product .dz-build .ProductMain dt a:hover {
	color: #f26522
}
#Product .dz-build .ProductMain dd {
	color: #a3a3a3;
	line-height: 18px
}
#Product a.mainbtn {
	display: inline-block;
	width: 120px;
	line-height: 40px;
	color: #f26522;
	border: 1px solid #ef6b01;
	border-radius: 4px
}
#Product a.mainbtn:hover {
	color: #fff;
	background: #ef6b01
}
#Product .show-more {
	color: #f26522
}
#Solution {
	background: #56c5eb;
	padding-bottom: 80px
}
#Solution .indexTitle, #Solution .indexDesc {
	color: #fff
}
#Solution .Solu-Main {
	position: relative
}
#Solution .Solu-Main a.prev, #Solution .Solu-Main a.next {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -25px
}
#Solution .Solu-Main a.prev {
	left: -70px;
	background: url(../images/Solution-btn.png) 0 center no-repeat
}
#Solution .Solu-Main a.next {
	right: -70px;
	background: url(../images/Solution-btn.png) -50px center no-repeat
}
#Solution .soluBox {
	width: 1200px;
	position: relative;
	overflow: hidden
}
#Solution .soluList {
	width: 200%;
	margin-left: -24px;
	position: relative;
	left: 0
}
#Solution .soluList .animateDom {
	-webkit-transition: transform .5s, background .5s;
	-moz-transition: transform .5s, background .5s;
	-ms-transition: transform .5s, background .5s;
	-o-transition: transform .5s, background .5s;
	transition: transform .5s, background .5s
}
#Solution .soluList li {
	float: left;
	width: 282px;
	height: 395px;
	margin-left: 24px;
	background: #fff;
	cursor: pointer;
	overflow: hidden
}
#Solution .soluList li img {
	width: 282px;
	height: 265px
}
#Solution .soluList li .ListBox {
	padding: 25px 15px 36px;
	color: gray;
	font-size: 14px;
	line-height: 20px
}
#Solution .soluList li h3 {
	color: #333;
	font-size: 18px;
	padding-bottom: 10px;
	text-align: center
}
#Solution .soluList li p {
	height: 40px;
	overflow: hidden
}
#Solution .soluList li a.solubtn {
	display: none;
	width: 110px;
	line-height: 35px;
	margin: 0 auto;
	text-align: center;
	background: #fff;
	color: #ef6b01;
	border-radius: 5px
}
#Solution .soluList li:hover {
	background: #ef6b01
}
#Solution .soluList li:hover .BigBox {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px)
}
#Solution .soluList li:hover h3 {
	color: #fff
}
#Solution .soluList li:hover p {
	display: none
}
#Solution .soluList li:hover a.solubtn {
	display: block
}
#Wsxt {
	background: #FFF;
	padding-bottom: 80px
}
#Wsxt .listBox {
	width: 1221px
}
#Wsxt .wsxtList {
	margin-left: -21px
}
#Wsxt .wsxtList dl {
	float: left;
	width: 386px;
	margin-left: 21px
}
#Wsxt .wsxtList dt {
	padding-bottom: 15px
}
#Wsxt .wsxtList dt a {
	color: #999;
	padding-right: 20px;
	position: relative
}
#Wsxt .wsxtList dt a i {
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
	width: 14px;
	background: url(../images/wsxt-title.png) 0 center no-repeat
}
#Wsxt .wsxtList dt a:hover {
	color: #f26522
}
#Wsxt .wsxtList dt a:hover i {
	background: url(../images/wsxt-title.png) -14px center no-repeat
}
#Wsxt .wsxtList dd {
	height: 200px;
	overflow: hidden
}
#Wsxt .wsxtList dd>img {
	width: 386px;
	height: 200px
}
#Wsxt .wsxtList .NewsList li {
	font-size: 16px;
	height: 49px;
	line-height: 49px;
	border-bottom: 1px solid #efefef
}
#Wsxt .wsxtList .NewsList label {
	color: #333
}
#Wsxt .wsxtList .NewsList a {
	color: #666
}
#Wsxt .wsxtList .NewsList a:hover {
	color: #ef6b01
}
#Wsxt .wsxtList .MainBox {
	padding: 30px 15px;
	overflow: hidden;
	height: 140px;
	background: #44bfe9
}
#Wsxt .wsxtList .MainBox .imgBox {
	float: left
}
#Wsxt .wsxtList .MainBox .imgBox img {
	width: 140px;
	height: 140px
}
#Wsxt .wsxtList .MainBox .descBox {
	color: #fff;
	float: left;
	width: 200px;
	margin-left: 15px;
	font-size: 14px
}
#Wsxt .wsxtList .MainBox strong {
	font-size: 30px;
	font-weight: 400;
	padding-right: 10px
}
#Wsxt .wsxtList .MainBox p {
	line-height: 20px
}
#Wsxt .wsxtList .MainBox p.desc {
	padding: 2px 0 18px;
	height: 40px;
	overflow: hidden
}
#Wsxt .wsxtList .MainBox .joinbtn {
	margin-left: -5px;
	color: #fff;
	display: block;
	line-height: 20px;
	padding-left: 16px;
	background: url(../images/dot-1.png) left 2px no-repeat
}
#Dzdt {
	padding-bottom: 70px
}
#Dzdt .listBox {
	overflow: hidden;
	width: 1222.5px;
	margin-left: -22.5px
}
#Dzdt .news-box {
	float: left;
	width: 385px;
	margin-left: 22.5px
}
#Dzdt h4 {
	padding-bottom: 15px
}
#Dzdt h4 a {
	color: #666;
	font-size: 20px
}
#Dzdt .news-list {
	padding-top: 15px
}
#Dzdt .news-list a {
	line-height: 32px;
	color: #666;
	font-size: 14px
}
#Dzdt .news-list a:hover {
	color: #ef6b01
}
#Dzdt .news-list a label {
	color: #333
}
#Dzdt .more-btn {
	margin-top: 20px;
	width: 80px;
	line-height: 32px;
	text-align: center;
	display: inline-block;
	color: #ef6b01;
	border-radius: 4px;
	border: 1px solid #ef6b01
}
#Dzdt .more-btn:hover {
	color: #fff;
	background: #ef6b01
}
#cooperate {
	background: #f5f5f5;
	padding-bottom: 50px
}
#cooperate .listBox {
	width: 1220px
}
#cooperate .coopList {
	margin-left: -20px
}
#cooperate .coopList li {
	overflow: hidden;
	position: relative;
	float: left;
	width: 285px;
	margin: 0 0 30px 20px;
	background: #fff
}
#cooperate .coopList li>img {
	height: 150px;
	width: 285px
}
#cooperate .coopList .liBox {
	padding: 15px;
	font-size: 14px;
	line-height: 20px;
	color: #a7a7a7
}
#cooperate .coopList .liBox>p {
	height: 60px;
	overflow: hidden
}
#cooperate .coopList h3 {
	color: #333;
	font-size: 16px;
	line-height: 16px;
	padding-bottom: 15px
}
#cooperate .coopList .coopBtn {
	margin-top: 15px;
	display: block;
	color: #b3b3b3;
	font-size: 12px;
	line-height: 22px;
	padding-left: 30px;
	background: url(../images/coopBtn-bg.jpg) left center no-repeat
}
#cooperate .bg, #cooperate .erweima, #cooperate .sao {
	position: absolute
}
#cooperate .bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	filter: alpha(opacity=0)
}
#cooperate .erweima {
	width: 100%;
	text-align: center;
	top: -130px
}
#cooperate .erweima img {
	width: 130px;
	height: 130px
}
#cooperate .sao {
	top: 100%;
	width: 100%;
	text-align: center;
	color: #fff
}

 a {
            color: #3C3C3C;
            text-decoration: none;
        }

            a:hover {
                text-decoration: none;
            }

        .side-nav2 {
            position: fixed;
            top: 200px;  /*120px*/
            right: 5px;
            z-index: 9999;
        }

            .side-nav2 li {
                margin-bottom: 2px;
                position: relative;
            }

                .side-nav2 li > a {
                    display: inline-block;
                    width: 54px;
                    height: 54px;
                    border: 1px solid #dfdfdf;
                    text-align: center;
                    background: #fff;
                    overflow: hidden;
                }

                .side-nav2 li a.side-nav-home {
                    background: #fff;
                }

                .side-nav2 li a.side-nav-qq {
                    background: url(../images/sidenavsp.png) no-repeat;
                    background-position: 0 0;
                }

                .side-nav2 li a.side-nav-dh {
                    background: url(../images/sidenavsp.png) no-repeat;
                    background-position: 0 -56px;
                }

                .side-nav2 li a.side-nav-rwm {
                    background: url(../images/sidenavsp.png) no-repeat;
                    background-position: 0 -112px;
                }

                .side-nav2 li a.side-nav-top {
                    background: url(../images/sidenavsp.png) no-repeat;
                    background-position: 0 -168px;
                }

        .popleft {
            background:#EA7240;
            color: #fff;
            position: absolute;
            right: 57px;
            width: 190px;
            height: 56px;
            top: 0px;
            color: #fff;
            line-height: 58px;
            font-size: 16px;
            display: none;
        }

            .popleft .qqkficon {
                padding: 6px 12px;
                background: url(/zp/images/qqkf.png) no-repeat;
                margin-right: 6px;
            }

            .popleft .qqkf {
                color: #fff;
                width: 50%;
                display: inline-block;
                text-align: center;
                font-size: 16px;
            }

            .popleft a {
                color: #fff;
                text-align: center;
                display: block;
                font-size: 22px;
            }

        .rwm {
            text-align: center;
            padding: 15px;
        }

     .fr{ float:right;}
.news-item-header{ height:50px; line-height:50px; background:#f2f2f2; overflow:hidden;}
.news-item-tit{ float:left; font-size:20px; color:#4e4e4e; margin-left:20px; font-weight:500;}
.news-item-header .more-news{ float:right; color:#999; font-size:16px; margin-right:12px;}
.news-list{ padding:15px 2px;}
.news-item{ width:540px;}
.news-list li{ overflow:hidden; padding:10px 0;}
.news-list li:hover{ background:#f2f2f2;}
.news-list .pic-c{ float:left; width:112px; padding-left:12px;}
.news-list .text-c{ margin-left:138px;}
.news-list .text-c p{ color:#9a9a9a; margin-top:6px; line-height:20px; height:38px; overflow:hidden; padding-right:10px;}
.news-list .text-c h3 a{ color:#666666; font-size:14px;}