.wrap{ width: 1200px; margin: 0px auto;}
.icon{ background: url(../images/icon.png) no-repeat;}
.ellipsis{ text-overflow: ellipsis; overflow:hidden; white-space: nowrap;}
.ellipsis-2{ word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.radius{border-radius: 100%;  -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%;}
.pdt30{ padding: 30px;}
.ptb30{ padding-bottom:30px; padding-top:30px;}
.plr30{ padding-left:30px; padding-right:30px;}
.bg{ background: #f2f4f5;}
.blue{ color: #52b5fa;}
.block{ color: #0F1725;}
.orange{ color: #fa7252;}

.header { height: 90px; background: #fff;  z-index: 15; width: 100%; min-width: 1200px; position: relative; }
.header .logo {background: #fff; position: absolute;	width: 19.68%; text-align: center; box-sizing: border-box; vertical-align: middle;	height: 90px; padding: 7px 30px;}
.header .logo  img{text-align: center; width: 100%; vertical-align: middle; max-width: 314px;}
.header .menu { margin-left: 19.68%; padding-top: 20px;}
.header .menu ul li{ float: left; margin-right: 55px;  line-height: 70px;  display: block; font-size: 16px;  position: relative;}
.header .menu ul li.current a{ color: #fa7252;}
.header .menu ul li .sub-menu{display: none;  position: absolute;  top: 70px;  left: 50%;  margin-left: -60px;  width: 120px;  background-color: #13061D;  z-index: 2; /*border: #E5E5E5 1px solid;*/ padding: 10px 0;}
.header .menu ul li .sub-menu a{ display: block; height: 40px; color: #fff; line-height: 40px; text-align: center; font-size: 15px;}
.header .menu ul li .sub-menu a:hover{ color: #fa7252;}

.header .fast-link{ line-height: 16px; font-size: 16px;  width: 1200px; margin: 0px auto; margin-top: 20px; text-align: right;}
.header .fast-link .tel{color: #0f1725; display: none;}
.header .fast-link .tel span{vertical-align: middle; width: 18px; height: 18px; display: inline-block; background-position: 0px 0px;}
.header .fast-link .log{ margin-left: 10px; width: 80px; height: 32px; border: #0f1725 1px solid; display: inline-block; line-height: 32px; text-align: center; border-radius: 4px; font-size: 15px;}
.header .fast-link .log:hover{ background: #fa7252; color: #fff; border: #fa7252 1px solid;}

.banner{ height: 650px; width: 100%; background: #000;}

/* Slider Style*/
.cd-slider {	position: relative;	width: 100%; background: #f2f4f5;	height: 650px;	overflow: hidden;	}
.cd-slider li {	position: absolute;	top: 0;	left: 0; 	width: 100%;	height: 100%;	visibility: hidden;	transition: visibility 0s 1s;  will-change: visibility;}
.cd-slider .image {	position: absolute;	top: 0;	left: 0%;	width:100%;	height: 100%;	/*background-size: cover;*/	background-position: 50% 50%;	opacity: 0;	transition:opacity .5s cubic-bezier(0.99, 0.01, 0.45, 0.9) .5s; }
.cd-slider li.current .image {opacity: 1;		/*clip: rect(0, 100rem, 50rem, 0);*/}
.cd-slider .content {	position: absolute;	top: 202px;	left: 3%;	width:425px;	height: 245px; padding: 30px;	 box-sizing: border-box; background: #0f1725a6;	}
.cd-slider .content h2 {transform: translateY(-30%);	text-overflow: ellipsis;	overflow: hidden;		opacity: 0;	transition: transform .5s, opacity .5s;  will-change: transform, opacity; font-size: 30px; color: #fff; margin-top: 40px;}
.cd-slider .content p { margin: 0;	display: inline-block;	font-size: 18px; color: #fff;	text-transform: lowercase; padding: 20px 0px;		opacity: 0;	transform: translateY(-100%);	transition: transform .5s .1s, opacity .5s .1s;  will-change: transform, opacity;}
.cd-slider li.current {	visibility: visible;	transition-delay: 0s;}
.cd-slider li.current .content h2 {	transform: translateY(0);	opacity: 1;	transition-delay: 1s;}
.cd-slider li.current .content p {	transform: translateY(0);	opacity: 1;	transition-delay: 1.1s;}
.cd-slider li.prev_slide .image {	clip: rect(0, 100rem, 50rem, 0);}
.cd-slider nav {	position: absolute;	bottom: 20px;	left: 20px;		z-index: 2;}
.cd-slider .prev, .cd-slider .next, .cd-slider .counter {	vertical-align: middle;}
.cd-slider .prev, .cd-slider .next {	position: relative;	display: inline-block;	height: 30px;	width: 30px;  border: 0;  cursor: pointer;  background: transparent; outline: none; }
.cd-slider .prev::before, .cd-slider .next::before {	content: '';	position: absolute;	top: 50%;  left: 0;	transform: translateY(-50%);	border: 5px solid transparent;	border-right-width: 10px;	border-right-color: #0f1725;	border-left-width: 0;	width: 0;	height: 0;}
.cd-slider .prev::after, .cd-slider .next::after {	content: '';	position: absolute;	top: 50%;	transform: translateY(-50%) translateZ(0);	left:10px;	background: #0f1725;	height: 1px;	min-height: 1px;	width: 5px;	transition: width .3s;}
.cd-slider .next::before {	right: 0;  left: auto;	border-left-width: 10px;	border-left-color: #0f1725;	border-right-width: 0;}
.cd-slider .next::after {	right: 10px;	left: auto;}
.cd-slider .counter {	display: inline-block;	font-size: 20px;}
.cd-slider .counter span:first-child{ color: #fa7252;}
.cd-slider .counter span:last-child::before {	content: '/';	margin: 0 20px;}
.cd-slider .prev:hover::after,.cd-slider .next:hover::after {	width: 10px;}


.section-tit{ color: #303030; font-size: 24px; position: relative; min-height: 50px;}
.section-tit span { z-index: 1; position: relative;}
.section-tit span.en{ color: #f2f4f5; position: absolute; left: 0; font-family: arial; font-size: 36px; z-index: 0;}
.view-all{color:#fa7252; padding-top: 10px; padding-left: 40px;  position: relative; display: block; clear: both;}
.view-all:before{ content: ''; width: 32px; height: 1px;  background: #fa7252; position: absolute; left: 0; top: 18px; display: inline-block;}



.about-section{ width: 1200px; margin: 70px auto;}
.about-section .introduce{ width: 490px; padding-left: 60px; box-sizing: border-box; font: 15px/26px "微软雅黑"; color: #666; margin-top: 35px; position: relative;}
.about-section .introduce:before{content: ''; background: #fa7252; height: 1px; width: 32px; position: absolute; left: 0; top: 12px;}
.about-section .more{ padding-left: 60px; font-size: 15px; color: #303030; margin-top: 40px; display: block;}
.about-section .more:hover{ transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px);  color: #fa7252;}
.about-icon{ float: right; width: 500px;}
.about-icon li{ width: 250px; text-align: center; color: #666; font-size: 16px; float: left; margin-bottom: 40px;}
.about-icon li:hover{transform: translateY(-5px);}
.about-icon li span{ border: #0f1725 1px solid; width: 56px; height: 56px; position: relative; display:block; margin: 0px auto 10px auto; background: url(../images/icon.png) no-repeat; border-radius: 50%; -webkit-border-radius: 50%;}
.about-icon li:hover span{background-color: #fa7252; border: #fa7252 1px solid;  	-webkit-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;        animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;}
.about-icon li span.icon1{ background-position: -19px 0px;}
.about-icon li:hover span.icon1{ background-position: -19px -56px;}
.about-icon li span.icon2{ background-position: -85px 0px;}
.about-icon li:hover span.icon2{ background-position: -85px -56px;}
.about-icon li span.icon3{ background-position: -151px 0px;}
.about-icon li:hover span.icon3{ background-position: -151px -56px;}
.about-icon li span.icon4{ background-position: -217px 0px;}
.about-icon li:hover span.icon4{ background-position: -217px -56px;}
.about-icon li small{ text-transform: uppercase; margin-top: 5px; color: #999999; display: block; font-size: 12px;}
.campus-section{ background: #f2f4f5; padding: 70px 0px; width: 100%; min-width: 1200px;}
.campus-section .section-tit span.en{ color: #fff;}
.campus-ul{}
.campus-ul li{ width: 277px; height: 346px; overflow: hidden; position: relative; margin-top: 30px; float: left; margin-right: 30px;	}
.campus-ul li:hover{ transform: translateY(-10px); box-sizing: #d9dbdb 0px 0px 5px; -webkit-box-sizing: #d9dbdb 0px 0px 5px; -moz-box-sizing: #d9dbdb 0px 0px 5px; -ms-box-sizing: #d9dbdb 0px 0px 5px;}
.campus-ul li .mask{height: 100%;	opacity: 0;	position: absolute;	text-align: left;	top: 0;	width: 100%;	z-index: 3; -webkit-transform: scale(0.5);	-moz-transform: scale(0.5);	-ms-transform: scale(0.5);	-o-transform: scale(0.5);	transform: scale(0.5); -webkit-transition: all .3s ease-out;	-moz-transition: all .3s ease-out;	-ms-transition: all .3s ease-out;	-o-transition: all .3s ease-out;	transition: all .3s ease-out; background: rgba(0,0,0,.3); border-radius: 4px; -webkit-border-radius: 4px;}
.campus-ul li:hover .mask{opacity: 1;	-webkit-transform: scale(1);	-moz-transform: scale(1);	-ms-transform: scale(1);	-o-transform: scale(1);	transform: scale(1);}
.campus-ul li img{ border-radius: 4px; width: 277px; height: 346px; display: block; -webkit-border-radius: 4px;}
.campus-ul li .area{ line-height: 20px; position: absolute; right: 25px; top: 25px; color: #fff; font-size: 18px; z-index: 4;}
.campus-ul li .area span{ float: left; background-position: -283px 0px; width: 20px; height: 20px; display: inline-block; vertical-align: middle;}
.campus-ul li .plan{ width: 247px; height: 70px; bottom: 15px; left: 15px; position: absolute; background: rgba(0,0,0,.4); border-radius: 4px; -webkit-border-radius: 4px; color: #fff; box-sizing: border-box; padding: 10px; font-size: 15px; z-index: 4;}
.campus-ul li .plan p{font-size: 15px; margin-bottom: 10px;}
.campus-ul li .plan p em{ width: 18px; height: 18px; background: #fa7252; display: inline-block; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; vertical-align: middle; margin-right: 5px; float: left;}
.campus-ul li:nth-child(4){ margin-right: 0;}
.campus-ul li.other{ width: 1200px; height: 220px;}
.campus-ul li.other img{width: 1200px; height: 220px;}
.campus-ul li.other .plan{ left: auto; right: 15px;}

.campus-u2 {}
.campus-u2 li{ width: 277px; height: 346px; overflow: hidden; position: relative; margin-top: 30px; float: left; margin-right: 30px;	}
.campus-u2 li:hover{ transform: translateY(-10px); box-sizing: #d9dbdb 0px 0px 5px; -webkit-box-sizing: #d9dbdb 0px 0px 5px; -moz-box-sizing: #d9dbdb 0px 0px 5px; -ms-box-sizing: #d9dbdb 0px 0px 5px;}
.campus-u2 li .mask{height: 100%;	opacity: 0;	position: absolute;	text-align: left;	top: 0;	width: 100%;	z-index: 3; -webkit-transform: scale(0.5);	-moz-transform: scale(0.5);	-ms-transform: scale(0.5);	-o-transform: scale(0.5);	transform: scale(0.5); -webkit-transition: all .3s ease-out;	-moz-transition: all .3s ease-out;	-ms-transition: all .3s ease-out;	-o-transition: all .3s ease-out;	transition: all .3s ease-out; background: rgba(0,0,0,.3); border-radius: 4px; -webkit-border-radius: 4px;}
.campus-u2 li:hover .mask{opacity: 1;	-webkit-transform: scale(1);	-moz-transform: scale(1);	-ms-transform: scale(1);	-o-transform: scale(1);	transform: scale(1);}
.campus-u2 li img{ border-radius: 4px; width: 277px; height: 346px; display: block; -webkit-border-radius: 4px;}
.campus-u2 li .area{ line-height: 20px; position: absolute; right: 25px; top: 25px; color: #fff; font-size: 18px; z-index: 4;}
.campus-u2 li .area span{ float: left; background-position: -283px 0px; width: 20px; height: 20px; display: inline-block; vertical-align: middle;}
.campus-u2 li .plan{ width: 247px; height: 70px; bottom: 15px; left: 15px; position: absolute; background: rgba(0,0,0,.4); border-radius: 4px; -webkit-border-radius: 4px; color: #fff; box-sizing: border-box; padding: 10px; font-size: 15px; z-index: 4;}
.campus-u2 li .plan p{font-size: 15px; margin-bottom: 10px;}
.campus-u2 li .plan p em{ width: 18px; height: 18px; background: #fa7252; display: inline-block; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; vertical-align: middle; margin-right: 5px; float: left;}
.campus-u2 li:nth-child(4){ margin-right: 0;}
.campus-u2 li.other{ width: 1200px; height: 220px;}
.campus-u2 li.other img{width: 1200px; height: 220px;}
.campus-u2 li.other .plan{ left: auto; right: 15px;}

.famous-section{ background: #fff; width: 100%; min-width: 1200px; padding: 70px 0;}
.famous-section .introduce{ width: 440px; color: #666666; font-size: 14px; line-height: 26px; margin-top: 50px; overflow: hidden; float: left;}
.famous-section .introduce p{ margin-bottom: 35px; display: block;}
.famous-section .introduce ul li{ width: 120px; height: 60px; float: left; margin-bottom: 30px; margin-right: 26px;}
.famous-section .introduce ul li img{filter: grayscale(100%); -webkit-filter: grayscale(100%); -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;   transition: all 0.5s;}
.famous-section .introduce ul li:hover img{ filter: grayscale(0%); -webkit-filter: grayscale(0%);}
.famous-section .introduce ul li:last-child(4n){ margin-right: 0;}
.famous-section .teacher{ width: 675px; float: right; margin-top: 50px;}
.famous-section .teacher .FocusImg {	width: 675px;	height: 390px;	position: relative;	z-index: 9;	margin: 0 auto;}
.famous-section .teacher .FocusImg .pic {	width: 100%;	height: 100%;	position: relative;	z-index: 98;	overflow: hidden; box-sizing: border-box; padding-left: 30px;	}
.famous-section .teacher .FocusImg .pic li {	width: 100%;	height: 100%;			position: absolute;	z-index: 100;	opacity: 0;}
.famous-section .teacher .FocusImg .pic li .img{ width: 292px; height: 390px; display: block; float: left; border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden;}
.famous-section .teacher .FocusImg .pic li:hover img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05);}
.famous-section .teacher .FocusImg .pic li .content{ float: right; width: 340px;}
.famous-section .teacher .FocusImg .pic li .content h3{ font-size: 18px; color: #0f1725; margin-top: 15px;}
.famous-section .teacher .FocusImg .pic li .content h3 small{ color: #999; display: block; margin-top: 10px;}
.famous-section .teacher .FocusImg .pic li .content p{ height:260px; font-size: 14px; color: #666; padding-top: 40px; padding-bottom: 40px; box-sizing: border-box; overflow: hidden; line-height: 26px;}
.famous-section .teacher .FocusImg .pic li .content .more{  font-size: 15px; color: #303030;  display: block;}
.famous-section .teacher .FocusImg .pic li .content .more:hover{ transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px);  color: #fa7252;}

.famous-section .teacher .FocusImg .num {	width: 10px;	height: 100%;	top: 50%; 	position: absolute;	z-index: 101;	left: 0;	font-size: 0px;	text-align: center;}
.famous-section .teacher .FocusImg .num a {	width: 10px;	height: 10px;	line-height: 24px;	text-align: center;	font-size: 0px;	display: inline-block;	margin: 3px 0px;	background: #372c3f;	color: #999; text-indent: -99999;	-webkit-border-radius: 100%;	-moz-border-radius: 100%;	-ms-border-radius: 100%;	border-radius: 100%;}
.famous-section .teacher .FocusImg .num a.current {	background: #fa7252;	color: #FFF;}
.partner-seciton{ margin-top: 30px;}
.partner-seciton .partner-ul{ margin-top: 50px; height: 170px; }
.partner-seciton .partner-ul li{ width: 380px; padding: 30px;  box-sizing: border-box; background: #f2f4f5; border-radius: 4px; -webkit-border-radius: 4px; height: 170px; overflow: hidden;  color: #999999; font-size: 14px; margin-right: 30px; float: left; cursor:pointer;}
.partner-seciton .partner-ul li:hover{ background: #fff;/* box-shadow: #d9dbdb 0px 0px 5px;*/ transition: height transform;   height: 170px;  }
.partner-seciton .partner-ul li img{ margin-right: 20px; width: 100px; height: 100px; border-radius: 100%; -webkit-border-radius: 100%; border: #fff 4px solid; float: left; display: block;}
.partner-seciton .partner-ul li span{font-size: 18px; color: #0f1725; margin-bottom: 15px;  display: block; margin-top:20px;}
.partner-seciton .partner-ul li:last-child{ margin-right: 0;}

.reward-section{ width: 100%; overflow: hidden; background: url(../images/reward-bg.png) no-repeat left top; height: 488px; padding: 70px 0px; box-sizing: border-box;}
.reward-section .section-tit span{ color: #fff;}
.reward-section .section-tit span.en{ color:rgba(255,255,255,0.05);} 

.reward-section .slider{ margin-top: 70px;}
.flex { display: -webkit-flex; display: flex; -webkit-flex-direction: row;  flex-direction: row; -webkit-justify-content: flex-start; justify-content: flex-start;}
.reward-section .slider-wrapper div {position: relative;}
.reward-section .slider-wrapper .slide{ width: 1200px; }
.reward-section .slide-image {height: 205px; width: 330px; background: #fff; border-radius: 4px; margin-right: 295px;}
.reward-section .slide-image .word{padding: 80px 0px 0px 65px; color: #0f1725; font-size: 18px; line-height: 52px;}
.reward-section .slide-image .word span{ width: 45px; height: 45px; display: inline-block; background:url(../images/icon.png) no-repeat; float: left; margin-right: 10px; }
.reward-section .slide-image .word span.icon1{ background-position: 0px -139px;}
.reward-section .slide-image .word span.icon2{ background-position: -46px -139px;}
.reward-section .slide-image .word span.icon3{ background-position: -92px -139px;}
.reward-section .slide-image .word span.icon4{ background-position: -138px -139px;}
.reward-section .slide-image .word span.icon5{ background-position: -184px -139px;}
.reward-section .slide-image .word span.icon6{ background-position: -230px -139px;}
.reward-section .slide:hover .slide-image{ background: #fa7252;}
.reward-section .slide:hover .slide-image .word{ color: #fff;}
.reward-section .slide:hover .word span.icon1{ background-position: 0px -185px;}
.reward-section .slide:hover .word span.icon2{ background-position:-46px -185px;}
.reward-section .slide:hover .word span.icon3{ background-position: -92px -185px;}
.reward-section .slide:hover .word span.icon4{ background-position: -138px -185px;}
.reward-section .slide:hover .word span.icon5{ background-position: -184px -185px;}
.reward-section .slide:hover .word span.icon6{ background-position: -230px -185px;}

.reward-section .slide-content {width: 495px; color: #fff; padding-right:80px ;}
.reward-section .slide-content .slide-text {font-size:20px; line-height: 40px; padding-left: 120px; position: relative; height: 170px;}
.reward-section .slide-content .slide-text:before{ content: ''; position: absolute; background: #fa7252; height: 1px; width: 32px; left: 0; top: 12px;}
.reward-section div.overlay-blue {width: 100%; height: 100%; position: absolute; top: 0; transition: 0.5s ease all;}
.reward-section div.overlay-blue:hover {background-color: rgba(13, 27, 43, 0.2);}
.reward-section .arrows{width:24px;  position: relative; margin-left: 60px;}
.reward-section .arrow {display: inline-block; position: absolute; width:8px; height:8px; background: transparent; text-indent: -9999px; border-top: 2px solid #fff; border-left: 2px solid #fff; transition: all .1s ease-in-out; text-decoration: none; color: transparent;
}
.reward-section .arrow:hover {border-color: #fa7252; border-width: 2px;}
.reward-section .arrow:before {display: block; height: 200%; width: 200%; margin-left: -50%; margin-top: -50%; content: ""; transform: rotate(45deg);}
.reward-section .arrow.prev {transform: rotate(-45deg); left: 0;}
.reward-section .arrow.next {transform: rotate(135deg); right: 0;}




.activity-section{ padding: 70px 0px; width: 1200px; margin: 0px auto;}
.activity-ul{ width: 850px; float: left; margin-top: 70px;}
.activity-ul li{ margin-bottom: 30px; width: 420px; float: left;}
.activity-ul li:hover .time{ transform: translateX(3px);  -webkit-transform: translateX(3px); background: #fa7252; color: rgba(255,255,255,0.5); border: #FA7252 1px solid;}
.activity-ul li:hover .time span{ color: #fff;}
.activity-ul li .time{ text-align: center; font-size: 16px; color: #999999; font-family: arial; width: 90px; height: 62px; border: #e5e5e5 1px solid; border-radius: 4px; -webkit-border-radius: 4px; float: left;}
.activity-ul li .time span{ color: #0f1725; font-size: 28px; display: block; margin-top: 5px;}
.activity-ul li .text{ padding-left: 20px; float: left;}
.activity-ul li .text .decs{ color: #999; font-size: 14px;}
.activity-ul li .text .title{ font-size: 18px; color: #0F1725; margin-top: 10px; margin-bottom:10px;}
.activity-ul li:hover .text{ transform: translateX(-3px);  -webkit-transform: translateX(-3px);}

.FocusNew {	width: 350px;	height: 235px; float: right;	position: relative;	z-index: 9;	margin: 0 auto;}
.FocusNew .pic {	width: 100%;	height: 100%;	position: relative;	z-index: 98;	overflow: hidden;	background: #eee;}
.FocusNew .pic li {	width: 100%;	height: 100%;	background-position: center center;	background-repeat: no-repeat;	position: absolute;	z-index: 100;	opacity: 0;}
.FocusNew .pic li a{ display: block; width: 100%; height: 100%;}
.FocusNew .num {	text-align: center;	width: 100%;	height: 10px;	bottom:-20px; 	position: absolute;	z-index: 101;	left: 0;	font-size: 0px;	text-align: center;}
.FocusNew .num a {	width: 10px;	height: 10px;	line-height: 24px;	text-align: center;	font-size: 0px;	display: inline-block;	margin: 0px 3px;	background: #372c3f;	color: #999; text-indent: -99999;	-webkit-border-radius: 100%;	-moz-border-radius: 100%;	-ms-border-radius: 100%;	border-radius: 100%;}
.FocusNew .num a.current {	background: #fa7252;	color: #FFF;}




.footer{ background: #13061d; width: 100%; min-width: 100%; margin-top: 70px; display: block; clear: both;}
.footer .link{ border-bottom: #372c3f 1px solid; width: 1200px; margin: 0px auto; height: 70px; text-align: center; line-height: 70px;}
.footer .link a{ color: #fff; font-size: 15px; margin: 0px 26px;}
.footer .fast-menu{ width: 1200px; margin: 0px auto;}
.footer .fast-menu dl{ width: 220px; padding: 30px 0px; float: left;}
.footer .fast-menu dl dt{ font-size: 15px; color: #fff;}
.footer .fast-menu dl dd{ line-height: 28px; margin-top: 20px;}
.footer .fast-menu dl dd a{ color: #808080; display: block;}
.footer .fast-menu dl dd a:hover{ color: #fa7252;}
.footer .fast-menu dl.wechat{ width: 335px; position: relative; }
.footer .fast-menu dl.wechat:after{ content: ''; position: absolute; right: 0; display: inline-block; top: 30px; height: 62%; width: 1px; background: #372c3f;}
.footer .fast-menu dl.wechat img{ border: #fff 4px solid; float: left;}
.footer .fast-menu dl.wechat .text{ width: 170px; margin: 15px 20px 0px 20px; float: left; text-align: center; color: #fff; font-size: 15px;}
.footer .fast-menu dl.wechat .text p{ color: #808080; font-size: 13px; margin-top: 10px; line-height: 20px;}
.footer .fast-menu dl.tel{ color: #808080; width: 200px; text-align: center; font-size: 13px;}
.footer .fast-menu dl.tel p{ color: #fff;  font-size: 18px; margin-top: 25px; margin-bottom: 5px;}
.footer .fast-menu dl.tel p span{width: 14px; height: 18px; background-position: 0px -25px; display: inline-block; margin-right: 5px; vertical-align: middle;}
.footer .copyright{ text-align: center; height: 60px; line-height: 60px; color: #808080; font-size: 14px; font-family: arial;}
.footer.white{ background: #fff;}
.footer.white .fast-menu dl dt{ font-size: 15px; color: #0F1725;}
.footer.white .fast-menu dl.wechat:after{ background: #f5f5f5;}

.sub-banner{ height:260px; background: #0F1725;}
.sub-main{ background: #fff; width: 1200px; margin: 0px auto;}
.sub-nav{ width: 220px; float: left; display: block; position: relative;}
.sub-nav .box.fiexd{ position: fixed; top: 0; width:220px;}
.sub-nav .tit{ padding-left: 20px; font-size:20px; position: relative; height: 70px; background: #0F1725; color: #fff; line-height: 70px; display: block;}
.sub-nav .tit span { z-index: 1; position: relative;}
.sub-nav .tit span.en{ color:rgba(255,255,255,0.1); position: absolute;  top: 10px; left: 20px;  font-family: arial; font-size: 24px; z-index: 0;}
.sub-nav ul li{ line-height: 50px; padding-left: 20px; font-size: 15px; position: relative; margin-top: 1px;}
.sub-nav ul li a{ display: block;}
.sub-nav ul li span{display: inline-block; position: absolute; z-index: 2; width:6px; height:6px; background: transparent; text-indent: -9999px; border-top: 1px solid #0F1725; border-left: 1px solid #0F1725; transition: all .1s ease-in-out; text-decoration: none; color: transparent; transform: rotate(135deg); right: 20px; top: 50%; margin-top: -4px;}
.sub-nav ul li.current,.sub-nav ul li:hover{ background: #fa7252;  }
.sub-nav ul li.current span,.sub-nav ul li:hover span{ right: -3px; background: #fa7252;  border-top: 1px solid #fa7252; border-left: 1px solid #fa7252;}
.sub-nav ul li.current a,.sub-nav ul li:hover a{ color: #fff;}
.sub-content{ float: right; width:980px; position: relative; padding: 50px; box-sizing: border-box; min-height: 300px;}
.sub-content:before{ content: ''; background: #F2F4F5; width: 1px; height: 100%; display: inline-block; position: absolute; left: 0px; top: 0; z-index: 1;}

.single-page{ font-size: 16px; line-height: 25px; color: #666;}
.single-page p{ margin-bottom: 10px;}
.single-page .headtop{ border-bottom: #F5F5F5 1px solid; padding-bottom: 20px; margin-bottom: 20px; text-align: center;}
.single-page .headtop h1{ color:#0F1725; font-size: 24px; margin-bottom: 10px;}
.single-page .headtop .time{ color: #999; font-size: 15px; display: inline-block;}
.single-page .headtop .time span{ color: #808080;}
.single-page img{max-width: 100%;}

.site{ width: 1200px; margin: 0px auto; line-height:70px; font-size: 14px;}
.site a{ position: relative; padding: 0px 10px; color: #808080;}
.site a:after{ content: '/'; position: absolute; right: 0px; top: 0px; display:inline-block; color: #E5E5E5; line-height: 24px;} 
.site span{ color: #fa7252; margin-left: 10px; }


.SelectControls {	width: 200px;	height: 32px;	background: #FFF;	position: relative;	cursor: pointer;	z-index: 1;}
.SelectControls .Selected {	border: #E5E5E5 1px solid;	height: 30px;	display: block;	padding: 0 10px;	font-size: 12px;	line-height: 30px;	position: relative;	z-index: 2;}
.SelectControls .icon-arrow {	width: 12px;	height: 7px;	display: block;	position: absolute;	z-index: 1;	right: 10px;	top: 50%;	margin-top: -4px;	background: url(../images/SelectControlsArrow.png) no-repeat left top;}
.SelectControls.active .icon-arrow {	background-position: 0px -7px;}
.SelectControls ul {	position: absolute;	left: 0;	top: 32px;	border: #ccc 1px solid;	border-top: none;	max-height: 180px;	overflow: hidden;	overflow-y: auto;	background: #FFF;	display: none;}
.SelectControls.active ul {	display: block;}
.SelectControls ul li {	height: 32px;	line-height: 32px;	font-size: 12px;	color: #333;	padding: 0 10px;}
.SelectControls ul li:hover {	background: #eee;	color: #ff4539;}


/*animation*/

@-webkit-keyframes flip-horizontal-bottom {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
}
@keyframes flip-horizontal-bottom {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
}


.topic-header{ background: #fff; padding: 20px 0px;}
.topic-header .logo img{ float: left;}
.topic-header .logo .name{ font-size: 18px; color: #0F1725; padding-left: 15px; float: left; padding-top: 5px;}
.topic-header .logo .name p{ color: #808080; font-family: arial; font-size: 14px; margin-top: 10px;}
.topic-header .fast-link{ line-height: 16px; font-size: 16px;  width: 1200px; margin: 0px auto 0px auto;  text-align: right; padding-top: 10px;}
.topic-header .fast-link .tel{color: #0f1725; display: inline-block;}
.topic-header .fast-link .tel span{vertical-align: middle; width: 18px; height: 18px; display: inline-block; background-position: 0px 0px;}
.topic-header .fast-link .log{ margin-left: 10px; width: 80px; height: 32px; border: #0f1725 1px solid; display: inline-block; line-height: 32px; text-align: center; border-radius: 4px; font-size: 15px;}
.topic-header .fast-link .log:hover{ background: #fa7252; color: #fff; border: #fa7252 1px solid;}
.topic-header .fast-link .log.home{background: #fa7252; color: #fff; border: #fa7252 1px solid;}


.topic-menu { background: #0F1725; width: 100%; min-width: 1200px; height: 50px;}
.topic-menu ul{ margin: 0px auto; width: 1200px;}
.topic-menu ul li{ float: left; width: 150px; text-align: center;  line-height: 50px;  display: block; font-size: 16px;  position: relative;}
.topic-menu ul li span{border-left: 5px transparent solid; vertical-align: middle; margin-left: 5px; border-top: 5px #fff solid; border-right: 5px transparent solid; display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;  -ms-transform:rotate(180deg);}
.topic-menu ul li a{ color: #fff;}
.topic-menu ul li.current a{ color: #fff; background: #fa7252; display: block;}
.topic-menu ul li.current span{ transform:rotate(180deg);  -webkit-transform:rotate(180deg);  -moz-transform:rotate(180deg);  -ms-transform:rotate(180deg); }
.topic-menu ul li .sub-menu{display: none;  position: absolute;  top: 50px;  left: 50%;  margin-left: -75px;  width: 150px;  background-color: #fff;  z-index: 10; /*border: #E5E5E5 1px solid;*/ padding: 10px 0;}
.topic-menu ul li .sub-menu a{ background: #fff; display: block; height: 40px; color: #0F1725; line-height: 40px; text-align: center; font-size: 15px;}
.topic-menu ul li .sub-menu a:hover{ color: #fa7252;}

.topic-introduce{ width: 540px; float: left; background: #fff; height: 420px; margin-top: 40px;}
.topic-introduce .city{ text-align: center; width: 540px; height: 160px; box-sizing: border-box; padding: 30px 0px;}
.topic-introduce .city h2{ color: #fff; font-size: 24px; padding-top: 20px;}
.topic-introduce .city .time{ font-size: 16px; color: rgba(255,255,255,.8); margin-top: 15px; display: block;}
.topic-introduce .content{ padding: 30px; }
.topic-introduce .content .decs{font-size: 16px; line-height: 26px; height: 80px;  overflow: hidden;}
.topic-introduce .contact{float: left; line-height: 24px; color: #808080; font-size: 15px;}
.topic-introduce .contact .btn{ display: block; border-radius: 4px; -webkit-border-radius: 4px; width: 160px; height: 40px; background: #fa7252; font-size: 16px; color: #fff; text-align: center; line-height: 40px; margin-top: 10px;}
.topic-introduce .wechat{ float: right; background: #F5F5F5; padding: 5px; margin-top: 10px;}
.topic-introduce .wechat img{ width: 92px; height: 92px; display: block;}

.topic-banner{ width: 660px; float: right; background: #fff; height: 420px; margin-top: 40px;}
.FocusTopic {	width: 660px;	height: 420px; float: right;	position: relative;	z-index: 9;	margin: 0 auto;}
.FocusTopic .pic {	width: 100%;	height: 100%;	position: relative;	z-index: 98;	overflow: hidden;	background: #fff;}
.FocusTopic .pic li {	width: 100%;	height: 100%;	background-position: center center;	background-repeat: no-repeat;	position: absolute;	z-index: 100;	opacity: 0;}
.FocusTopic .pic li a{ display: block; width: 100%; height: 100%;}
.FocusTopic .pic li .mask{ background: rgba(0,0,0,.3); height: 50px; position: absolute; bottom: 0px; left: 0px; width: 100%; box-sizing: border-box; padding:15px 20px; font-size: 15px; color: #fff;}
.FocusTopic .num {	text-align: right;	width: 100%;	height: 10px;	bottom:20px; 	position: absolute;	z-index: 101;	right:20px;	font-size: 0px;	}
.FocusTopic .num a {	width: 10px;	height: 10px;	line-height: 24px;	text-align: center;	font-size: 0px;	display: inline-block;	margin: 0px 3px;	background: #372c3f;	color: #999; text-indent: -99999;	-webkit-border-radius: 100%;	-moz-border-radius: 100%;	-ms-border-radius: 100%;	border-radius: 100%;}
.FocusTopic .num a.current {	background: #fa7252;	color: #FFF;}

.topic-news{ margin-top: 40px; background: #fff; padding-bottom: 40px;}
.topic-news .tit{ font-weight: bold; height: 60px; padding: 0px 30px 20px 40px; line-height: 60px; font-size: 18px; position: relative;}
.topic-news .tit:before{ content: ''; background: #fa7252; height: 16px; width: 2px; display: inline-block; top: 22px; position: absolute; left: 30px;}
.topic-news .tit .view-all{ line-height: 16px; font-weight: normal; font-size: 13px; top: 15px; position: absolute; right: 20px;}

.topic-news .headline{ float: left; margin-left: 30px; width: 480px;}
.topic-news .headline dt{ background: #f2f4f5;}
.topic-news .headline dt .time{ text-align: center; font-size: 16px; color: #999999; font-family: arial; width: 90px; height: 62px; background: #0F1725; float: left;}
.topic-news .headline dt .time span{ color: #fff; font-size: 28px; display: block; margin-top: 5px;}
.topic-news .headline dt .text{ float: left; width:350px ; margin-left: 20px; font-size: 16px; line-height: 60px; font-weight: bold;}
.topic-news .headline dd{ display: block; clear: both;}
.topic-news .headline dd .pic{ width: 480px; height:160px;}
.topic-news .headline dd p{ font-size: 14px; color: #808080; line-height: 20px; padding: 15px 0px;}
.topic-news .headline .more{  font-size: 15px; color: #303030; margin-top: 20px; float: right; display: block;}
.topic-news .headline .more:hover{ transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px);  color: #fa7252;}
.topic-news .news-ul { width: 630px; margin-right: 30px; float: right;}
.topic-news .news-ul li{position: relative; padding-bottom: 21px; display: block; clear: both; height: auto; overflow: hidden; padding-left: 15px;}
.topic-news .news-ul li:before{ content: ''; width: 6px; height: 6px; background: #0F1725; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 0; top: 8px;}
.topic-news .news-ul li:hover:before{ background: #fa7252;}
.topic-news .news-ul li a{ font-size: 15px; float:left;}
.topic-news .news-ul li span{ float: right; color: #999; font-size: 14px;}


.scrollpicbox {	height:325px;	position: relative; width: 1140px; margin: 0px auto; position: relative;}
.scrollpicbox .bun{	display: block;	position: absolute; z-index: 99; display: inline-block; position: absolute; width:8px; height:8px; background: transparent; text-indent: -9999px; border-top: 2px solid #0F1725; border-left: 2px solid #0F1725; transition: all .1s ease-in-out; text-decoration: none; color: transparent; top: -55px;}
.scrollpicbox .lbun{	cursor: pointer; right: 18px;      transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.scrollpicbox .rbun{	 right: 0px;  transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.scrollpicbox .bun:hover{ border-top-color: #FA7252; border-left-color: #FA7252;} 
.scrollpicbox .scrollpic {	width: 1140px;	height: 345px;	overflow: hidden;	z-index: 98;	position: absolute;	left: 0px;	top: 0px;}
.scrollpicbox ul {	position: absolute;	left: 0px;	top: 0px;	width: 5000px;}
.scrollpicbox .item{ 	width:234px;		float: left; display: block;}
.scrollpicbox .item .box{ background: #fff; width: 210px; overflow: hidden;}
.scrollpicbox .item .box .pic{ width: 210px; height: 280px; overflow: hidden;}
.scrollpicbox .item .box .pic img{ width: 100%; display: block;}
.scrollpicbox .item .box .name{ font-size: 15px; margin-top: 15px;}
.scrollpicbox .item .box .name p{ font-size: 13px; color: #808080; margin-top: 5px;}
.scrollpicbox .item .box:hover img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05);}

.topic-news-list{}
.topic-news-list dl{ padding-bottom:30px; margin-bottom: 30px; border-bottom: #F5F5F5 1px solid; display: block; clear: both; height: auto; overflow: hidden;}
.topic-news-list dl:hover dt{ transform: translateX(5px); -webkit-transform: translateX(5px);}
.topic-news-list dl:hover dd{ transform: translateX(-5px); -webkit-transform: translateX(-5px);}
.topic-news-list dl dt{ width: 160px; height: 107px; float: left;}
.topic-news-list dl dt img{ width: 100%;}
.topic-news-list dl dd{ float: right; width: 690px;}
.topic-news-list dl dd .name{ font-size: 16px; font-weight: bold;}
.topic-news-list dl dd p{ font-size: 14px; line-height: 20px; color: #808080; margin-top: 10px; height: 38px; }
.topic-news-list dl dd a{ color: #fa7252; margin-top: 20px; display: block; font-size: 14px;}
.topic-news-list dl dd a:hover{ color: #0F1725;}

.topic-teacher-list{}
.topic-teacher-list dl{ padding-bottom:30px; margin-bottom: 30px; border-bottom: #F5F5F5 1px solid; display: block; clear: both; height: auto; overflow: hidden;}
.topic-teacher-list dl dt{ width: 150px; height: 200px; float: left;}
.topic-teacher-list dl dt img{ width: 100%;}
.topic-teacher-list dl dd{ float: right; width: 710px; font-size: 14px; color: #808080;}
.topic-teacher-list dl dd .name{ font-size: 16px; color: #0F1725; margin-bottom: 10px;}
.topic-teacher-list dl dd .info{ margin-top: 20px; line-height: 20px;}
.topic-teacher-list dl dd .info span{ font-weight: bold; color: #0F1725; padding-bottom: 10px; display: block; clear: both;}
.topic-teacher-list dl dd .info p{ padding-left: 65px;}

.mini-page{height:38px; text-align:center; margin-top:30px; font-size:0px;}
.mini-page a{height:38px; min-width: 28px; line-height:38px; padding:0 5px;  background:#fff; border: #E5E5E5 1px solid; font-size:16px; display:inline-block; *display:inline; *zoom:1; white-space:nowrap; margin:0 5px; color:#0F1725;}
.mini-page a i{ width:12px; height:12px; display:inline-block; vertical-align:middle; *display:inline; *zoom:1; margin-top:-4px; vertical-align: middle; line-height: 12px; }
.mini-page a:hover{ color:#fa7252;}
.mini-page a.disabled{ background: #E5E5E5; color: #999;}
.mini-page a.prv{ font-size: 14px; padding-right: 10px;}
.mini-page a.next{ font-size: 14px; padding-left: 10px;}
.mini-page .active{ background-color:#fa7252; color:#fff;}
.mini-page .active:hover{ color:#FFF;}

/*------------------2018-09-20----------------------*/
.tab .about-list h2 {

	font-size: 20px;

	color: #333333;

	text-align: left;

	line-height: 88px;
	border-bottom:1px solid #ebebeb;
	margin-bottom:20px;
	margin-top:-40px;

}



.tab .about-list p {

	font-size: 16px;

	color: #333333;

	line-height: 28px;

	text-indent: 2em;
	margin-bottom:0px;

}



.tab .about-list p span {

	color: #f4a65a;

}



.tab .about-list h3 {

	font-size: 20px;

	color: #333333;

	text-align: left;

	line-height: 88px;
	border-bottom:1px solid #ebebeb;

}

.c-school {
    margin: 30px 0px;
}

.c-school lable {
    width: 188px;
    display: inline-block;
    text-align: right;
}

.c-school b {
    display: inline-block;
}

.c-school b span {
    width: 120px;
    line-height: 30px;
    display: inline-block;
    margin-right: 35px;
    color: #333333;
    text-align: center;
    font-size: 16px;
    background: #cbcbcb;
    cursor: pointer;
}

.c-school b span.active {
    background: #fa7252;
    color: #FFFFFF;
}

.about-list table tr td {

	text-align: center;

	width: 168px;

	border: 1px solid white;

	color: #333333;

	font-size: 14px;

	height: 50px;

}



.about-list table tr td:last-child:hover {

	color: #f4a65a;

	cursor: pointer;

}



.about-list table tr th {

	width: 168px;

	border: 1px solid white;

}



.tab .about-list table tr th p {

	font-size: 16px;

	color: #FFFFFF;

	line-height: 30px;

	text-indent: inherit;

}



.about-list table tr th .english {

	background: #fd876b;

}



.about-list table tr th .chinese {

	background: #fa7252;

}



.about-list table tr:nth-child(odd) {

	background: #fedfd7;

}



.about-list table tr:nth-child(even) {

	background: #feede9;

}

.icon1{
					width: 20px;
					height: 20px;
					display: block;
					background: url('../images/88.png');
					background-size: 100%;
					background-repeat: no-repeat;
					    margin: 4px auto;
				}
.icon2{
					width: 20px;
					height: 20px;
					display: block;
					background: url('../images/2.png');
					background-size: 100%;
					background-repeat: no-repeat;
					    margin: 4px auto;
				}
				
				
				
.c-qian b {
    display: inline-block;
}

.c-qian b span {
    width: 120px;
    line-height: 30px;
    display: inline-block;
    margin-right: 35px;
    color: #333333;
    text-align: center;
    font-size: 16px;
    background: #cbcbcb;
    cursor: pointer;
}

.c-qian b span.active {
    background: #fa7252;
    color: #FFFFFF;
}

.about-con h2{

	border-bottom:1px solid #ebebeb;
	margin-bottom:20px;
	margin-top:-40px;

	color: #333333;

	text-align: left;

	line-height: 88px;

}





.about-con table tr td {

	text-align: center;

	border: 1px solid white;

	color: #333333;

	font-size: 14px;

	height: 50px;

}





.about-con table tr th {

	border: 1px solid white;

	    font-weight: normal;

	    font-size: 16px;

	color: #FFFFFF;

	text-indent: inherit;

	height: 50px;

	width: 245px;

	background: #17b7fe;

}

.about-con table{

	width:850px;

	margin:0 auto;

}

.about-con table tr th .english {

	background: #30bffe;

}



.about-con table tr th .chinese {

	background: #17b7fe;

}



.about-con table tr:nth-child(odd) {

	background: #fedfd7;

}



.about-con table tr:nth-child(even) {

	background: #feede9;

}

.about-con .shooling-title{

	font-size: 18px;

	color: #FFFFFF;

	text-align: center;

	line-height: 46px;

	width: 849px;

	margin: 0 auto;

	height: 46px;

	background:url(../img/images/shool-bg_03.png) center center no-repeat;

}

.ind-box4{
	width: 100%;
	padding: 100px 0;
	background: url(../images/img25.jpg) right center no-repeat;
}
.ind-box4 .mian{
	width: 1530px;
	margin: 0 auto;
	max-width: 92%;
}
.ind-box4 .mian .title{
	margin-bottom: 75px;
}
.ind-box4 .mian .title h2{
	font-size: 24px;
    color: #222222;
    line-height: 1;
    padding-left: 80px;
    font-family: 'ProximaNovaSemibold';
    background: url(../images/img19.jpg) left 19px no-repeat;
}
.ind-box4 .mian .title h3{
	font-size: 30px;
    padding-left: 80px;
    color: #4a4045;
    line-height: 1.5;
}
.ind-box4 .max-box{
	padding-left: 80px;
	overflow: hidden;
}
.ind-box4 .max-box ul{
	width: 100.5%\9;
	display: block;
}

.ind-box4 .max-box ul li{ 
	width: 25%;
	float:left;
	_display:inline; 
	overflow:hidden; 
	text-align:center;  
	margin-bottom: 80px
}
.ind-box4 .max-box ul li.on{
	margin-bottom: 0
}
.ind-box4 .max-box ul li .mbox{
	text-align: left;
	padding-left: 55px;
	position: relative;
}
.ind-box4 .max-box ul li .mbox em{
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 12px;
}
.ind-box4 .max-box ul li .mbox em img{
	display: block;
	width: 100%;
}
.ind-box4 .max-box ul li .mbox .tit{
	font-size: 72px;
	color: #222222;
	line-height: 0.9;
	font-family: 'Century Gothic';
	font-weight: bold;
	display: inline;
	width: auto;
	position: relative;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.ind-box4.on .max-box ul li .mbox .tit{
	font-size: 63px;
}
.ind-box4 .max-box ul li .mbox .tit .i{
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	right: -43px;
	top: 0;
	font-size: 48px;
}
.ind-box4 .max-box ul li .mbox .detaile{
	font-size: 16px;
	line-height: 1.6;
	color: #333333;
	margin-top: 12px;
	height: 74px;
}

.suspend{

	position: fixed;

	top: 55%;

	right: 0;

	z-index: 100;

	

	

}

.suspend ul .item1 .QQ img{



}

.suspend ul li{

	width: 52px;

	height: 52px;

	cursor: pointer;

	margin-bottom: 1px;

	position: relative;

}

.suspend ul .item1{

	background: url(../images/supend_03.jpg);

}

.suspend ul .item2{

	background: url(../images/supend_05.jpg);

}

.suspend ul .item3{

	background: url(../images/supend_07.jpg);

}

.suspend ul .item4{

	background: url(../images/supend_09.jpg);

}

.suspend ul .item1:hover{

	background: url(../images/supend-hover_03.jpg);

}

.suspend ul .item2:hover{

	background: url(../img/images/supend-hover_06.jpg);

}

.suspend ul .item3:hover{

	background: url(../images/supend-hover_08.jpg);

}

.suspend ul .item4:hover{

	background: url(../images/supend-hover_10.jpg);

}

.suspend ul .item1:hover .QQ{

	display: block;

}

.suspend ul .item2:hover .tel{

	display: block;

}

.suspend ul .item3:hover .code{

	display: block;

}

.suspend .QQ{

position: absolute;

	top: 0;

	right:58px;

	display:none;

}	

.suspend .tel{

	position: absolute;

	top: 0;

	left: -189px;

	

		display: none;

}	

.suspend .code{

	position: absolute;

	top: 0;

	right:58px;

	display:none;

}