body{
	font-family: "微软雅黑";
}
#footer{
	background: #f5f5f5;
}
#may-fif{
	width: 1200px;
	margin: auto;
}
#may-fif>div{
	width: 100%;
}

.sec-title{
	padding: 40px;
	font-size: 24px;
	letter-spacing: 1px;
	text-align:center;
	color:#004EA1;
	font-weight: 700;
}
.sec-title1{
	padding: 40px;
	color: #666666;
	font-size: 24px;
	letter-spacing: 1px;
	text-align:center;
}
.sec-title span{
	padding-bottom: 10px;
	position: relative;
	top:10px;
	border-bottom:5px #ddd solid;
	font-size:16px;
	margin:0px 0px;
}
.sec-title a{
	font-size: 14px;
	float: right;
	color: #004EA1;
	line-height: 48px;
}
/*.sec-title span{
	font-size: 14px;
	padding-left: 15px;
}*/
/*导航部分*/
#header{
	height: 100px;
	position: relative;
	z-index: 99;
}
#header .logo{
	display: block;
	position: absolute;
	left: 0;
	top: 8px;
	height: 46px;
	width: 300px;
}
#header .tel{
	position: absolute;
	right: 6px;
	top: 18px;
}
#nav{
	position: absolute;
	top: 0;
	left: 235px;
	width:924px;
	height: 100%;
}
#nav>li{
	float: left;
	width: 193px;
	height: 100%;
	position: relative;
}
#nav li.n1{
	width: 62px;
}
#nav li>a{
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	line-height: 100px;
	text-align: center;
	font-size: 16px;
}
#nav li.on a span{
	color: white;
}
#nav li span{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}
#nav li span.bkg{
	background: #004EA1;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	z-index: 1;
	display: none;
}
#nav li{
	float: left;
	width: 193px;
	height: 100%;
	position: relative;
}
#nav .item{
	width: 100%;
	height: 0px;
	position: absolute;
	top: 0%;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	overflow: hidden;
	position: relative;
}

#nav li:hover .item{
	height: auto;
}
#nav li.on span.bkg{
	display: block;
}
#nav .item .item-li{
	width: 192px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	color: white;
	overflow: hidden;
	/*background-color:#004ea1;
	opacity: 0.5;*/
	position: relative;
}
#nav .item .item-li a{
	color: white;
}
#nav .item .bgc{
	background: black;
	opacity: .3;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
#nav .item .line{
	display: block;
	width: 100%;
	height: 2px;
	background: url(../images/blue_line.png) no-repeat center;
	position: absolute;
	top: 35px;
}
/*焦点图*/
.banner{
	height: 600px;
	position: relative;
	overflow: hidden;
}
.banner .left-project{
	width: 1200px;
	margin: auto;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -600px;
}
.banner .nav-left{
	width: 200px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	border-radius: 20px;
	overflow: hidden;
}
.banner .nav-left .bkg{
	background: #333333;
	opacity: .5;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.banner .project-list{
	position: relative;
	z-index: 1005;
}
.banner .project-list li{
	padding: 0 22px 0 26px;
	height: 38.33px;
	line-height: 38.33px;
	color: white;
	letter-spacing: 1px;
}
.banner .project-list li span{
	float: right;
}
.banner .project-list li:hover{
	background: #333333;
}
/*灰色背景部分*/
.gary-bg{
	width: 100%;
	padding-bottom: 60px;
}
.gary-bg>div{
	width: 1200px;
	margin: auto;
	height: 100%;
}

/*卓越快讯*/
#zykx{
	position: relative;
	width: 100%;
}
#zykx .news-box{
	width: 725px;
	border: 1px solid #F1F1F1;
	height: 290px;
	border-radius: 10px;
	background: white;
	position: relative;
}
#zykx .news-box .inside-box{
	padding-top:45px;
	padding-left:10px;

}
#zykx .news-box .news-pic{
	border-radius: 10px;
}
#zykx .news-box .news-pic img{
	border-radius: 6px;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	position: relative;
	top: 0;
}
#zykx .news-box .news-pic img:hover{
	top: -5px
}
#zykx .six-box{
	height: 290px;
	width: 465px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: white;
	border-radius: 10px;
	border: 1px solid #F1F1F1;
	overflow: hidden;
}
#zykx .six-box li{
	float: left;
	width: 155px;
	height: 135px;
	position: relative;
	box-sizing: border-box;
}
#zykx .six-box li{
	border-bottom: 1px solid #F2F2F2;
	border-right: 1px solid #F2F2F2;
}

#zykx .six-box li a{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	text-align: center;
}
@keyframes turn {
  to {
    /*transform: rotateY(360deg);*/
  }
}
#zykx .six-box li img{
	display: inline-block;
	margin-top: 30px;
}
#zykx .six-box li:hover img{
	animation: turn 2s infinite;
	position: relative;
}
#zykx .six-box li span{
	display: block;
	text-align: center;
	margin-top: 5px;
	font-size: 15px;
	color: #3F3F3F;
	letter-spacing: 1px;
}
#zykx .news-list{
	width: 445px;
	position: absolute;
	right: 10px;
	top: 26px;
	padding: 6px 0;
}
#zykx .news-list li{
	list-style-type: square;

	padding: 6px 0;
	letter-spacing: 1px;
}
#zykx .news-list li:first-child a{
	color:#f40000;
	font-size:16px;
}


#zykx .news-list li a:hover{
	color: #084B91;
}
/*新闻滚动*/
#active{
	width: 100%;
	margin: 24px 0 3px 0;
}
#active .g-wrap{
	width: 1200px;
	margin: auto;
	height: 175px;
	position: relative;
}
#active .g-wrap .video{
	width: 310px;
	height: 100%;
	background: black;
}
#active .ac-item{
	width: 890px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
}
#active .ac-item a{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	-webkit-transition:left 300ms, -webkit-opacity 700ms;
	transition:left 300ms, opacity 700ms;
}
#active .ac-item .item-1{
	background: yellow;
	z-index: 1;
	animation-delay:.3s;
	-webkit-animation-delay:.3s;
}
#active .ac-item .item-2{
	background: red;
	z-index: 2;
	animation-delay:.5s;
	-webkit-animation-delay:.5s;
}
#active .ac-item .item-3{
	background: purple;
	z-index: 3;
	animation-delay:.8s;
	-webkit-animation-delay:.8s;
}

/*没有指向*/
#active .state-0 .item-1{left: 0;}
#active .state-0 .item-2{left: 296px;}
#active .state-0 .item-3{left: 592px;}
/*指向第一个*/
#active .state-1 .item-1{left: 0;}
#active .state-1 .item-2{left: 440px;}
#active .state-1 .item-3{left: 675px;}
/*指向第二个*/
#active .state-2 .item-1{left: 0;}
#active .state-2 .item-2{left: 225px;}
#active .state-2 .item-3{left: 665px;}
/*指向第三个*/
#active .state-3 .item-1{left: 0;}
#active .state-3 .item-2{left: 225px;}
#active .state-3 .item-3{left: 450px;}
/*基地环境和常见问题*/
#sec-1{
	width: 100%;
	overflow: hidden;
}
#sec-1>div{
	float: left;
	position: relative;
}
#sec-1>div:first-child{
	width: 740px;
	margin-right: 5px;
}
#sec-1>div:last-child{
	width: 448px;
}
#sec-1 .jdhj-box{
	padding: 15px 12px;
	border-radius: 15px;
	background: white;
}
.gallery{
	margin-bottom: 0px;
}
.flickity-page-dots{
	display: none;
}
.jdhj-info{
	padding-top: 28px;
}
.jdhj-info p{
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 25px;
	text-indent: 2em;
	color: #A4A4A4;
}
.jdhj-info p a{
	color: red;
}

#sec-1 .faq-box{
	padding: 0px 12px 10px 12px;
	border-radius: 15px;
	background: white;
}
#sec-1 .faq-box ul{
	/*padding-left: 20px;*/
}
#sec-1 .faq-box li{
	color: #084B91;
	letter-spacing: 1px;
	padding: 8px 0px;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px dashed #999;
}
#sec-1 .faq-box li .new-li{
	width: 60%;
	height: 30px;
	font-size: 15px;
	overflow: hidden;
	display: inline-block;
}
#sec-1 .faq-box li a:last-child{
	padding: 3px 5px 3px 27px;
	background: url(../images/icon1_03.png) no-repeat 5px center;
	background-color: #C9C9C9;
	float: right;
	font-size: 12px;
	border-radius: 3px;
	color: #5e5e5e;
}
#sec-1 .faq-box li a:last-child:hover{
	background: url(../images/icon2_03.png) no-repeat 5px center;
	background-color: #004EA1;
	color: #FFFFFF;
}



/* 中软学子 */
.multipleColumn{ overflow:hidden; position:relative; width:100%;  border-radius: 15px; background: white;  display: none; }
.multipleColumn.fadeIn{display: block;}
.multipleColumn .hd{ overflow:hidden;  height:30px; padding:0 25px;  }
.multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/icoleft.gif") no-repeat;}
.multipleColumn .hd .next{ background:url("../images/icoright.gif") no-repeat;  }
.multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.multipleColumn .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; background:url("../images/icocircle.gif") 0 -9px no-repeat; }
.multipleColumn .hd ul li.on{ background-position:0 0; }

.multipleColumn .bd{ padding:10px; overflow:hidden;  }
.multipleColumn .bd ul{ overflow:visible; zoom:1; width:234px;  float:left; _display:inline; }
.multipleColumn .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:visible; text-align:center;  }
.multipleColumn .bd ul li .pic{ text-align:center;padding:4px 0; }
.multipleColumn .bd ul li .pic img{ width:226px; height:163px; display:block; border-radius: 15px;}
.multipleColumn .bd ul li .pic a:hover img{ border-color:#999;  }
.multipleColumn .bd ul li .title{ line-height:24px;   }
.multipleColumn .bd ul li .pic img{
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	position: relative;
	top: 0;
}
.multipleColumn .bd ul li .pic img:hover{
	top: -5px;
	box-shadow: 5px 5px 5px #C0C0C0;
}



/*合作院校,合作企业*/
.ladyScroll{width:1184px;height:290px;position:relative;padding: 0 8px;background: white;border-radius: 15px;display: none;}
.ladyScroll.fadeIn{display: block;}
.ladyScroll .prev,.ladyScroll .next{width:51px;height:45px;position:absolute;top:120px;left:0;z-index:100; cursor:pointer; background:url(../images/btns.png) no-repeat;}
.ladyScroll .next{ left:auto; right:0; background-position:0 -90px;}
.ladyScroll .prev:hover{ background-position:0 -45px; }
.ladyScroll .next:hover{ background-position:0 -135px; }

.ladyScroll .scrollWrap{width:100%;padding-top:30px;overflow:hidden;position:absolute;}
.ladyScroll dl{float:left;width:380px;text-align:center;position:relative;margin: 0 7px;}
.ladyScroll  dt{margin:0 auto;width:380px;overflow:hidden;}
.ladyScroll  img{display:block;width:380px;height:230px;border-radius: 15px;}

#sec-1,#sec-2,#sec-3{
	margin-top: 2px;
}
#sec-3 .sec-switch{
	padding: 10px;
	color: #666666;
	font-size: 24px;
	letter-spacing: 1px;
}
#sec-3 .sec-switch span{
	cursor: pointer;
	margin: 0 20px;
}
#sec-3 .sec-switch span.on{
	color: #004FA4;
}


/*课程中心*/
.kczx{
	margin-bottom: 80px;
}
.sub{
	height: 357px;
	margin: 5px 0 46px;
	position: relative;
}
.sub-logo-main{
	width: 600px;
	float: left;
	background: white;
	height: 100%;
	text-align: center;
	box-shadow:2px 3px 6px #b1b1b1;
	margin-right: 20px;
}
.sub-ul{
	width: 580px;
	height: 100%;
	float: left;
	background: white;
	border-bottom-right-radius: 7px;
	border-top-right-radius: 7px;
	box-shadow:2px 3px 6px #b1b1b1;
}
/*.sub-logo-main>div{
	float: left;
}*/

.sub .sub-main{
	width: 380px;
	height: 100%;
}
.sub .tage {
    position: relative;
    width: 116px;
    height: 116px;
    margin: 10px auto;
}

.sub .nums-tage {
    position: absolute;
    width: 90px;
    height: 60px;
    top: 24px;
    left: 15px;
    color: #fff;
    font-size: 36px;
    z-index: 1;
}

.sub .nums-tage .p1 {
	display: block;
	position: relative;
	right:3px;
    width: 96px;
    height: 42px;
    text-align: center;
}

.sub .nums-tage .p2 {
    font-size: 14px;
}

.sub .bg-tage {
    display: block;
    width: 116px;
    height: 116px;
    border-radius: 50%;
    line-height: 116px;
    background: url(../images/round.png) no-repeat 0 0;
    animation: run 3s infinite linear;
}
.sub h5 {
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    color: #818181;
}
.sub .sub-main>h5{
    margin-top: 15px;
}
.sub .area{
	padding: 3px 20px;
	color: white;
	background: black;
	position: absolute;
	left: 240px;
	top: 15px;
	border-radius: 5px;
	font-size: 16px;
}
@keyframes run {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.sub-time{
	overflow: hidden;
}
.sub-time ul li {
    width: 180px;
    float: left;
    line-height: 20px;
}

.sub-time ul li:nth-child(2) {
    border-left: 1px solid #bfbfbf;
    padding-left: 5px;
    padding-right: 5px;
}

.sub-time ul li h5 {
    font-size: 14px;
    color: #B2B2B2;
}

.sub-time ul li p {
    font-size: 16px;
    color: #8E8E8E;
}
.sub .sub-btn{
	display: block;
	width: 150px;
	height: 33px;
	background: black;
	color: white;
	line-height: 33px;
	font-size: 16px;
	border-radius: 6px;
	margin: 20px auto;
}
.sub-ul li{
	float: left;
	width: 240px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #F1F1F1;
	margin: 9px 4px;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	position: relative;
	top: 0;
	overflow: hidden;
	padding:0 10px 0 10px;
}
.sub-ul li:hover{
	top: -5px;
}
.sub-ul li img{
	/*margin-left: 46px;*/
	margin-top: -8px;
	width: 26px;
}
.sub-ul li span{
	padding: 0 12px;
	font-size: 20px;
	color: #888888;
}

.sub-ul div{
	padding: 5px 20px;
}

.sub-logo img{
	width: 100%;
}
.sub.sub-java .area,.sub.sub-java .sub-btn{
	background: #6CC0FC;
}
.sub.sub-php .area,.sub.sub-php .sub-btn{
	background: #4DC5DF;
}
.sub.sub-ios .area,.sub.sub-ios .sub-btn{
	background: #809FFA;
}
.sub.sub-ui .area,.sub.sub-ui .sub-btn{
	background: #F8B42F;
}
.sub.sub-java .sub-ul li:hover{
	border-color: #6CC0FC;
}
.sub.sub-php .sub-ul li:hover{
	border-color: #4DC5DF;
}
.sub.sub-ios .sub-ul li:hover{
	border-color: #809FFA;
}
.sub.sub-ui .sub-ul li:hover{
	border-color: #F8B42F;
}

#top-banner{
	width: 100%;
	height: 121px;
	background: url(../images/toubu.jpg) no-repeat center;
	position: relative;
	display: none;
	z-index: 9999;
}
#top-banner .info{
	width: 1200px;
	height: 100%;
	position: relative;
	margin: auto;
}
#top-banner .info>ul{
	height: 33px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
}
#top-banner li{
	float: left;
	color: white;
	font-size: 12px;
	height: 33px;
	line-height: 33px;
	padding-left: 33px;
	background: url(../images/sz1.png) no-repeat 4px center;
	background-size: 27px;
	margin-left: 20px;
}

#sec-4{
	overflow: hidden;
}
/*= common css to all effects =*/
.single-member{width: 285px; float: left; margin-right: 9.3px; background-color: #fff; text-align: center; position: relative;border-radius: 10px;}
.single-member:last-child{margin-right: 0px;}
.member-image img{max-width: 100%; vertical-align: middle;}
.effect-3 h3 {font-size: 24px; font-weight: normal; margin: 10px 0 0; text-transform: uppercase;}
.effect-3 h5 {font-size: 16px; font-weight: 300; margin: 0 0 15px; line-height: 22px;color: #666666;}
.effect-3 p {font-size: 14px; font-weight: 300; line-height: 30px; padding: 0 30px; margin-bottom: 10px;text-align: left;color: #999999;}
.social-touch a{display: inline-block; width: 27px; height: 26px; vertical-align: middle; margin: 0 2px; background-image: url(../images/social-icons.png); background-repeat: no-repeat; opacity: 0.7; transition: 0.3s;}
.social-touch a:hover{opacity: 1; transition: 0.3s;}
.fb-touch{background-position: 0 0;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.icon-colored .fb-touch{background-position: 0 -27px;}
.icon-colored .tweet-touch{background-position: -35px -27px;}
.icon-colored .linkedin-touch{background-position: -71px -27px;}
/*= common css to all effects end =*/
/*= effect-3 css =*/
.effect-3{max-height: 302px; min-height: 302px; height: 285px; overflow: hidden;width: 293px;float: left;}
.effect-3 h3{padding-top: 7px; line-height: 33px;}
.effect-3 .member-image{border-bottom: 5px solid #6CC0FC; transition: 0.4s; height: 210px; width: 100%; display: inline-block; float: none; vertical-align: middle;}
.effect-3 .member-info{transition: 0.4s;}
.effect-3 .member-image img{width: 100%; vertical-align: bottom;}
.effect-3 .social-touch{background-color: #e5642b; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
.effect-3:hover .member-image{border-bottom: 0; border-radius: 0 0 50px 50px; height: 75px; display: inline-block; overflow: hidden; width: 109px; transition: 0.4s;border: 2px solid #F5F5F5; border-top: 0px;}
/*= effect-3 css end =*/

/*更新课程*/
#more-sub{
	width: 100%;
}
#more-sub .g-wrap{
	width: 1200px;
	margin: auto;
	height: 300px;
	position: relative;
}
#more-sub .ac-item{
	width: 1200px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
}
#more-sub .ac-item a{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	-webkit-transition:left 300ms, -webkit-opacity 700ms;
	transition:left 300ms, opacity 700ms;
}
#more-sub .ac-item .item-1{
	z-index: 1;
	animation-delay:.3s;
	-webkit-animation-delay:.3s;
}
#more-sub .ac-item .item-2{
	z-index: 2;
	animation-delay:.5s;
	-webkit-animation-delay:.5s;
}
#more-sub .ac-item .item-3{
	z-index: 3;
	animation-delay:.8s;
	-webkit-animation-delay:.8s;
}
#more-sub .ac-item .item-4{
	z-index: 4;
	animation-delay:.8s;
	-webkit-animation-delay:.8s;
}

/*没有指向*/
#more-sub .state-0 .item-1{left: 0;}
#more-sub .state-0 .item-2{left: 300px;}
#more-sub .state-0 .item-3{left: 600px;}
#more-sub .state-0 .item-4{left: 900px;}
/*指向第一个*/
#more-sub .state-1 .item-1{left: 0;}
#more-sub .state-1 .item-2{left: 480px;}
#more-sub .state-1 .item-3{left: 720px;}
#more-sub .state-1 .item-4{left: 960px;}
/*指向第二个*/
#more-sub .state-2 .item-1{left: 0;}
#more-sub .state-2 .item-2{left: 240px;}
#more-sub .state-2 .item-3{left: 720px;}
#more-sub .state-2 .item-4{left: 960px;}
/*指向第三个*/
#more-sub .state-3 .item-1{left: 0;}
#more-sub .state-3 .item-2{left: 240px;}
#more-sub .state-3 .item-3{left: 480px;}
#more-sub .state-3 .item-4{left: 960px;}
/*指向第四个*/
#more-sub .state-4 .item-1{left: 0;}
#more-sub .state-4 .item-2{left: 240px;}
#more-sub .state-4 .item-3{left: 480px;}
#more-sub .state-4 .item-4{left: 720px;}

/*轮播插件*/
* {
	margin: 0;
	padding: 0;
}

#jdjxc .clear {
	clear: both;
}

#jdjxc ul {
	list-style: none;
}

#jdjxc {
	width: 1200px;
	margin: 0 auto;
}

#imgRolling {
	clear: both;
}

#imgRolling .imagebg {
	height: 550px;
	overflow: hidden;
	position: relative;
}

#imgRolling .imagebg li {
	height: 550px;
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
	display: block;
	text-align: center;
}

#imgRolling .scrollbg {
	height: 282px;
	background: url(../images/scroll_bg.png) no-repeat center center;
}

#imgRolling .scroll {
	width: 1090px;
	height: 282px;
	position: relative;
	margin: 0 auto;
}

#imgRolling .pre,
.next {
	display: block;
	position: absolute;
	width: 44px;
	height: 44px;
}

#imgRolling a.pre {
	background: url(../images/arr_l.png);
	top: 90px;
	left: 0;
}

#imgRolling a.pre:hover {
	background: url(../images/arr_l_on.png);
}

#imgRolling a.next {
	background: url(../images/arr_r.png);
	top: 90px;
	right: 0;
}

#imgRolling a.next:hover {
	background: url(../images/arr_r_on.png);
}

#imgRolling .outScroll_pic {
	width: 952px;
	height: 282px;
	overflow: hidden;
	margin-left: 70px;
	position: relative;
	top: 2px;
}

#imgRolling .outScroll_pic .scroll_img {
	position: absolute
}

#imgRolling .scroll_img {
	margin: 0 auto;
	width: 40000px;
	height: 282px;
}

#imgRolling .scroll_img li {
	float: left;
	height: 135px;
	width: 171px;
	margin: 60px 9px;
	_margin: 5px 14px 5px 4px;
	cursor: pointer;
}

#imgRolling .scroll .present {
	width: 170px;
	height: 135px;
	border: 2px #fff solid;
	background: url(../images/arr_on.png) 50% -4px no-repeat;
	z-index: 10;
	position: absolute;
	top: 60px;
	left: 0;
}

/*优势*/
	.beis{
		/*height: 2410px;*/
    background: url(../images/step-bg.png) center center no-repeat;
    background-size: 100% 100%;
    margin-top: 35px;
	}
	 .clearfix{*zoom:1;}/*兼容IE清除浮动*/

.clearfix:after{content:"\200B";height:0;display:block;visibility:hiden;clear:both;}
.khu{
	width: 100%;
	height: 319px;
}
.kcu{
	width: 100%;
	height: 319px;
}
.khu .yi{
	width: 455px;
    text-align: left;
    float: left;
    height: 205px;
    margin-top: 78px;
    margin-left: 200px;
}
.kcu .si{
	width: 455px;
    text-align: left;
    float: left;
    height: 205px;
    margin-top: 39px;
    margin-left:100px;
}
.khu .er{
	width: 345px;
    height: 205px;
    margin-right: 120px;
    margin-left: 30px;
    margin-top: -15px;
    float: right;
}
.kcu .san{
	width: 345px;
    height: 205px;
    margin-left: 118px;
    margin-top: 9px;

    float: left;
}
.kcu .san img{
	width: 100%;
}
.khu .er img{
	width: 100%;
}
.yi h1{
	    font-size: 24px;
    color: #1264ad;
    padding-top: 10px;
}
.yi p{
	font-size: 16px;
    font-weight: 500;
    color: #272636;
    margin: 13px 0;
}
.yi a{
	display: block;
    width: 260px;
    height: 58px;
    line-height: 58px;
    border-radius: 6px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background-image: -webkit-gradient(linear,left top,right top,from(#b68662),to(#e4dfb7));
    background-image: linear-gradient(to right,#b68662,#e4dfb7);
}
.yi a:hover{
	 background-image: -webkit-gradient(linear,left top,right top,from(#e4dfb7),to(#b68662));
    background-image: linear-gradient(to right,#e4dfb7,#b68662);
    transition: all 0.5s;
}
.si h1{
	    font-size: 24px;
    color: #1264ad;
    padding-top: 10px;
}
.si p{
	font-size: 16px;
    font-weight: 500;
    color: #272636;
    margin: 10px 0;
}
.si a{
	display: block;
    width: 260px;
    height: 58px;
    line-height: 58px;
    border-radius: 6px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background-image: -webkit-gradient(linear,left top,right top,from(#b68662),to(#e4dfb7));
    background-image: linear-gradient(to right,#b68662,#e4dfb7);
}
.si a:hover{
	 background-image: -webkit-gradient(linear,left top,right top,from(#e4dfb7),to(#b68662));
    background-image: linear-gradient(to right,#e4dfb7,#b68662);
    transition: all 0.5s;
}

/*案例中心*/
	.icase{ padding:50px 0; background-color:#fff;}
	.icase h3{ font-size:26px; text-align:center;}
	.icase p{ color:#666; text-align:center;line-height: 40px;}
	.icasebox{ width:1200px; margin:0 auto;}
	.rollBox{width:100%; height:350px; position:relative;}
	.rollBox .LeftBotton{position:absolute;width:23px;height:41px; background:url(../images/aleft.png) no-repeat;cursor:pointer;left:-50px;top:150px;}
	.rollBox .RightBotton{position:absolute;width:23px;height:41px; background:url(../images/aright.png) no-repeat;cursor:pointer;right:-50px;top:150px;}
	.rollBox .Cont{ width:1200px;overflow:hidden;position:absolute;left:0;top:0;}
	.rollBox .ScrCont{width:10000px;}
	.rollBox .Cont .pic{display:inline; float:left; width:380px; margin-right:30px; position:relative;}
	.rollBox .Cont .pic dl{}
	.rollBox .Cont .pic dl dt{ margin-bottom:10px;}
	.rollBox .Cont .pic dl dt img{ width:100%; height:250px;}
	.rollBox .Cont .pic dl dd{ color:#666;}
	.rollBox .Cont .pic dl dd a{ font-size:15px; display:block; text-align:center;}
	.rollBox #List1,.rollBox #List2{float:left;    height: 279px;
    overflow: hidden;}

 /*企业动态*/

/*--------------SLIDER----------------*/

#slider {
	width: 100%;
	margin: 0 auto;
}


/*--------------CONTROLS--------------*/

/*position controls*/
.controls li {
	top: 50%;
	margin-top: -30px;
}

.controls li:nth-child(1) {
	left: 0;
}

.controls li:nth-child(2) {
	right: 0;
}


/*------------PAGINATION------------*/

/*style pagination*/
.pagination li {
	background-color: #ddd;
}

.pagination li.active {
	background-color: #000;
}


/*-------------HELPERS----------------*/

.responsive {
	width: 100%;
	height:399px;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.slsp{
	width: 100%;
    display: inline-block;
    font-size: 16px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    height: 38px;
    line-height: 42px;
    text-align: center;
}