@charset "utf-8";*{padding:0;margin:0}
body{font-size:14px;font-family:"微软雅黑"}
li,ol,ul{list-style:none}
img{border:none;vertical-align:middle}
blockquote,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0;font-weight:400}
a:link{color:#333;text-decoration:none}
a:visited{color:#333;text-decoration:none}
a:hover{color:#333;text-decoration:none}
.clear{clear:both;font-size:0;font-family:sans-serif;height:0;line-height:0}
.fl{float:left}
.fr{float:right}
.wrap{width:1280px;margin-left:auto;margin-right:auto}
@media only screen and (max-width:1366px){.wrap{width:1100px}
.cl_con02 .cl_c02_bottom.wrap{width:1200px}
}
@media only screen and (max-width:1200px){.wrap{width:100%;padding-right:20px;padding-left:20px;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.cl_con02 .cl_c02_bottom.wrap{width:100%}
}
@media only screen and (max-width:767px){body{font-size:12px}
.wrap{padding-right:10px;padding-left:10px}
}


.container{max-width:1140px;margin:0 auto}
.c-nav .show{display:inline-block}
.c-nav .hiden{display:none}
.c-nav{width:100%;background:#000;}
.c-nav .navFlex{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-content:center;color:#fff}
.c-nav ul{list-style:none;margin-bottom:0;padding-left:0}
.c-nav ul li{display:inline-block;line-height:105px;font-size:1.1rem;background:#000;padding:0 15px; margin:0 10px;}
.c-nav ul li a{color:#fff;padding-bottom:2px;text-decoration:none;width:100%}
.c-nav ul li:hover{background:#0062b9}
.c-nav ul li:hover a{color:#fff}
.c-nav .btnImg{height:20px;width:25px;padding:3px 8px 3px 8px;box-sizing:content-box;margin-right:5px}
@media screen and (max-width:1200px){.c-nav ul li{margin-left:20px}
}
@media screen and (max-width:992px){.c-nav ul li{margin-left:10px}
}
@media screen and (max-width:768px){.c-nav ul li:nth-child(4),.c-nav ul li:nth-child(5){display:none}
}
@media screen and (max-width:576px){.c-nav{padding:10px 0 10px 0;opacity:.9}
.c-nav .navFlex{flex-wrap:wrap;font-size:20px;justify-content:space-between}
.c-nav .logo{margin-left:.5rem;width:45%}
.c-nav ul{margin-top:10px}
.c-nav ul li{padding-top:0;margin-left:0;display:block;line-height:3rem;background:#000}
.c-nav ul li a{color:#fff;width:100%;display:block}
.c-nav ul li:nth-child(4),.c-nav ul li:nth-child(5){display:block}
.c-nav .hiden{display:block}
.c-nav .show{width:100%;font-size:14px;text-align:center;display:none}
}

.more{margin-top:61px;position:relative;overflow:hidden}
.more a{overflow:hidden;color:#000;display:block;width:220px;height:50px;line-height:50px;text-align:center;border:1px solid #000;transition:all .6s cubic-bezier(.785,.135,.15,.86)}
.more a span{display:block;width:100%;height:50px;line-height:50px;text-align:center;transition:all .6s cubic-bezier(.785,.135,.15,.86) .1s;position:relative}
.more a span:after{content:attr(data-tit);position:absolute;height:50px;top:0;left:0;right:0;color:transparent;transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;transform:translate(0,100%)}
.more a:hover{border:1px solid #f60}
.more a:hover span{color:transparent;transform:translate(0,-100%)}
.more a:hover span:after{background-color:#f60;color:#fff}
@media only screen and (max-width:1600px){.more{margin-top:70px}
.more a{width:160px;height:40px;line-height:40px}
.more a span{height:40px;line-height:40px}
.more a span:after{height:40px}
}
@media only screen and (max-width:1366px){.more{margin-top:40px}
}
@media only screen and (max-width:1100px){.more{margin-top:20px}
.more a{width:120px;height:30px;line-height:30px}
.more a span{height:30px;line-height:29px;font-size:12px}
.more a span:after{height:30px}
}
@media only screen and (max-width:650px){.more{margin-top:20px}
}
.part2{padding:5% 0;background:url(../images/index2-bg.jpg) no-repeat center}
.brandIdeaCon{width:39.8058%}
.brandIdeaCon .en{color:#fff;position:relative;opacity:0;top:-30px}
.brandIdeaCon .name{color:#fff;margin:4% 0 4% -14px;position:relative;opacity:0;top:-30px}
.brandIdeaCon .desc{color:#fff;line-height:1.8;position:relative;opacity:0;left:30px}
.brandIdeaCon .dis{color:#fff;line-height:28px}
.brandIdeaCon .moreBtn a{display:inline-block;width:140px;height:46px;line-height:46px;text-align:center;color:#fff;background:#36b4b3;margin-top:14%;border:1px solid transparent;opacity:0}
.brandIdeaCon .moreBtn a:hover{background:0 0;border:1px solid #36b4b3;color:#36b4b3}
.brandIdeaImg{width:49.93%;height:0;padding-bottom:28.086%;position:relative;opacity:0;top:30px}
.brandIdeaImg:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.brandIdeaList{padding:6% 0 0}
.brandIdeaList .brandIdeaLi{width:31.9%;position:relative;opacity:0;top:30px}
.brandIdeaList .brandIdeaLi:hover img.scale{-webkit-transform:scale(1.05);transform:scale(1.05)}
.brandIdeaList .brandIdeaLi a{display:block;width:100%;height:0;padding-bottom:48.913%}
.brandIdeaList .brandIdeaLi_con{top:50%;left:50%;transform:translate(-50%,-30%);text-align:center;width:86%;padding:6%;box-sizing:border-box}
.brandIdeaList .iconImg{background-position:center;background-repeat:no-repeat;height:45px}
.brandIdeaList .brandIdeaLi:first-child .iconImg{background-image:url(../images/index2-icon1.png)}
.brandIdeaList .brandIdeaLi:nth-child(2) .iconImg{background-image:url(../images/index2-icon2.png)}
.brandIdeaList .brandIdeaLi:last-child .iconImg{background-image:url(../images/index2-icon3.png)}
.brandIdeaList .brandIdeaLi .name{color:#fff;line-height:2;margin-top:3%;margin-bottom:1%}
.brandIdeaList .brandIdeaLi .desc{color:#330;line-height:1.6;opacity:0}
.brandIdeaList .brandIdeaLi:first-child:hover .iconImg{background-image:url(../images/index2-icon1_hover.png)}
.brandIdeaList .brandIdeaLi:nth-child(2):hover .iconImg{background-image:url(../images/index2-icon2_hover.png)}
.brandIdeaList .brandIdeaLi:last-child:hover .iconImg{background-image:url(../images/index2-icon3_hover.png)}
.brandIdeaList .brandIdeaLi:hover .brandIdeaLi_con{background:rgba(255,255,255,.8);transform:translate(-50%,-50%)}
.brandIdeaList .brandIdeaLi:hover .name{color:#330}
.brandIdeaList .brandIdeaLi:hover .desc{opacity:1}
.brandIdeaList .brandIdeaLi:nth-child(2){margin:0 2.151%}
@media only screen and (max-width:769px){.brandIdeaImg{padding-bottom:58%}
}
@media only screen and (max-width:630px){.brandIdeaCon{display:block;float:none;width:100%}
.brandIdeaCon .name{margin:10px 0 10px -15px}
.brandIdeaCon .moreBtn a{margin-top:20px}
.brandIdeaImg{width:100%;float:none;display:block;padding-bottom:42%;margin-top:2%}
}
@media only screen and (max-width:600px){.brandIdeaList .brandIdeaLi{float:none;display:block;width:100%;margin:1% 0}
.brandIdeaList .brandIdeaLi:nth-child(2){margin:1% 0}
.brandIdeaList .brandIdeaLi a{padding-bottom:42%}
}
@media only screen and (max-width:425px){.brandIdeaCon .moreBtn a{width:120px;height:34px;line-height:34px;margin-top:10px;margin-bottom:6px}
}
.index-team-box{width:100%;overflow:hidden;background:url(../images/index-team-bg.jpg) no-repeat}
.index-team{margin:80px auto;position:relative;overflow:hidden}
.index-team-tit{font-size:36px;color:#fff}
.index-team-line{width:89px;height:2px;background:#4cd5e7;margin:30px 0}
.index-team-dis{font-size:16px;color:#fff}
.index-team-more{position:absolute;right:0;top:0px; margin-top: 0;}
.index-team-list{margin:59px 0}
.index-team-list ul li{width:50%;float:left;background:#ededed;position:relative}
.index-team-list ul li .index-team-info,.index-team-list ul li .index-team-pic{width:50%;float:left;overflow:hidden;box-sizing:border-box}
.index-team-list ul li .index-team-info{padding:7% 4%}
.index-team-list ul li .index-team-pic{position:relative}
.index-team-list ul li .index-team-info .title{font-size:30px;color:#333}
.index-team-list ul li .index-team-info .keyword{font-size:16px;color:#333;margin:10px 0}
.index-team-list ul li .index-team-info .information{font-size:16px;color:#666;line-height:28px}
.index-team-list ul li:nth-child(3) .index-team-info,.index-team-list ul li:nth-child(4) .index-team-info{float:right}
.index-team-list ul li:nth-child(3) .index-team-pic:before,.index-team-list ul li:nth-child(4) .index-team-pic:before{width:0;height:0;content:"";position:absolute;left:45%;top:0;border:15px solid transparent;border-top-color:#fff}
@media screen and (max-width:576px){
	
.part2{padding:5% 0;background:url(../images/index2-bg.jpg) center; margin-top:10px;}
	.index-team{margin:20px auto;}
.index-team-more{position:absolute;right:10px;top:0px; margin-top: 0px;}
.index-team-tit{font-size:1.4rem;color:#fff}
.index-team-line{width:89px;height:2px;background:#4cd5e7;margin:15px 0}
	.index-team-list ul li{width:100%;float:left;background:#ededed;position:relative}
	.index-team-list ul li .index-team-info,.index-team-list ul li .index-team-pic{width:100%;}
	.index-team-list ul li .index-team-pic:before{display:none;}

	
}

.index-engineering-box{width: 100%; height: 800px; background: url(../images/index-engineering-bg.jpg) no-repeat center;}
.index-engineering-info{width: 50%; float: right; box-sizing: border-box; background: #fff; padding: 60px 70px; margin-top: 140px;}
.index-engineering-info-tit{font-size: 36px; color: #333;}
.index-engineering-info-dis1{font-size: 16px; color: #333; margin: 15px 0;}
.index-engineering-info-dis2{font-size: 16px; color: #666; line-height: 30px;}
.index-engineering-info-more{width: 200px; line-height: 50px; text-align: center; border: 1px solid #666666; font-size: 16px; color: #333; margin: 50px 0;}


@media screen and (max-width:576px){

	.index-engineering-box{width: 100%; height: 400px;}
	.index-engineering-info{width: 100%; clear: both; box-sizing: border-box; background: #fff; padding: 20px; margin-top: 50px;}
	.index-engineering-info-tit{font-size: 1.4rem; color: #333;}
	.index-engineering-info-more{margin: 20px 0; line-height:40px;}
}


.content .box3{overflow:hidden}
.content .box3 .index-news-tit{font-size:36px;color:#000}
.content .box3 .index-news-line{width:89px;height:2px;background:#4cd5e7;margin:30px 0}
.content .box3 .box3-con ul li{position:relative;cursor:pointer;padding:60px 50px;width:33.3%;float:left;background:#fafafa;border:1px solid #f1f1f1;background-size:auto 100%;background-repeat:none;background-position:center center;-moz-box-sizing:border-box;box-sizing:border-box;z-index:99}
.content .box3 .box3-con ul li:hover{background:rgba(0,0,0,.8)}
.content .box3 .box3-con ul li:hover h2{color:#fff;z-index:1000}
.content .box3 .box3-con ul li:hover p{color:#fff;z-index:1000}
.content .box3 .box3-con ul li:hover .p{color:rgba(255,255,255,.6);z-index:1000}
.content .box3 .box3-con ul li:hover .img{display:block}
.content .box3 .box3-con ul li:hover .hover{display:block}
.content .box3 .box3-con ul li .hover{display:none;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.65);z-index:999}
.content .box3 .box3-con ul li .img{position:absolute;left:0;top:0;max-width:100%;height:100%;z-index:0;margin:0;display:none;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.content .box3 .box3-con ul li h2{font-size:24px;color:#666;margin-bottom:35px;position:relative;z-index:10}
.content .box3 .box3-con ul li p{font-size:18px;margin-bottom:30px;position:relative;z-index:100}
.content .box3 .box3-con ul li p:nth-of-type(1){height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.content .box3 .box3-con ul li p:nth-last-child(1){font-size:14px;margin-bottom:0}
.content .box3 .box3-con ul li p:nth-last-child(1) img{margin-top:3px;margin-right:8px}
.content .box3 .box3-con ul li .p{position:relative;margin-bottom:40px;height:60px;line-height:20px;font-size:14px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all;z-index:10}
.content .box3 .box3-con ul li .box3-right{background:url(../images/right.png) no-repeat left center;padding-left:20px}
.content .box3 .box3-con ul li:hover .box3-right{background:url(../images/right2.png) no-repeat left center;padding-left:20px}
@media screen and (max-width:1050px){
.content .box3{padding:40px 80px}
.content .box3 .box3-con ul li{width:50%;padding:30px 20px}
}
@media screen and (max-width:768px){
.content .box3{padding:30px 15px}
.content .box3 .box3-con ul li{width:100%;padding:30px 20px}
.content .box3 .box3-con ul li h2{font-size:14px}
.content .box3 .box3-con ul li p{font-size:16px}
.content .box3 .box3-con ul li p:nth-of-type(1){height:auto;white-space:normal}
.content .box3 .box3-con ul li p:nth-last-child(1){font-size:12px}
.content .box3 .box3-con ul li .p{display:block;height:auto}
}

.index-customer{margin:80px auto;overflow:hidden}
.index-customer-tit{font-size:36px;color:#333}
.index-customer-line{width:89px;height:2px;background:#4cd5e7;margin:30px 0}
.index-customer ul li{float:left;border:2px solid #e0e0e0;margin-right:30px;margin-bottom:20px}

@media screen and (max-width:576px){

	.content .box3{padding:10px 15px}
	.content .box3 .index-news-tit{font-size:1.4rem;color:#000}
	.content .box3 .index-news-line{width:60px;height:2px;background:#4cd5e7;margin:20px 0}

	.index-customer{margin:20px auto;overflow:hidden}
	.index-customer-tit{font-size:1.4rem;color:#333}
	.index-customer-line{width:60px;height:2px;background:#4cd5e7}
	.index-customer ul li{float:left;border:2px solid #e0e0e0; width: 30%; margin: 1%; box-sizing: border-box; margin-bottom:1rem}
	.index-customer ul li img{width: 100%;}
}


#index-process{background:url(../images/process-bg.jpg) no-repeat center center/cover;padding:75px 0 80px}
#index-process .list{font-size:0;margin-top:35px;margin-bottom:30px;text-align:center}
#index-process .list .item{width:87px;text-align:center;display:inline-block;vertical-align:middle;position:relative;z-index:1}
#index-process .list .item .ico{width:30px;height:30px;margin:0 auto 15px;overflow:hidden}
#index-process .list .item .ico:after{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:100% auto;border-right:50px solid transparent;position:relative;z-index:1;left:-50px;-webkit-filter:drop-shadow(#acaba9 50px 0);filter:drop-shadow(#acaba9 50px 0);-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;display:block;content:''}
#index-process .list .item .ico.i1:after{background-image:url(../images/process-1.png)}
#index-process .list .item .ico.i2:after{background-image:url(../images/process-2.png)}
#index-process .list .item .ico.i3:after{background-image:url(../images/process-3.png)}
#index-process .list .item .ico.i4:after{background-image:url(../images/process-4.png)}
#index-process .list .item .ico.i5:after{background-image:url(../images/process-5.png)}
#index-process .list .item .ico.i6:after{background-image:url(../images/process-6.png)}
#index-process .list .item .ico.i7:after{background-image:url(../images/process-7.png)}
#index-process .list .item .ico.i8:after{background-image:url(../images/process-8.png)}
#index-process .list .item .ico.i9:after{background-image:url(../images/process-9.png)}
#index-process .list .item .name{font-size:16px;color:#333}
#index-process .list .item .url{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0}
#index-process .list .item:hover{margin-top:-10px}
#index-process .list .arrow{width:22px;height:22px;margin:5px 20px 0;display:inline-block;vertical-align:middle;overflow:hidden}
#index-process .list .arrow:after{width:100%;height:100%;background:url(../images/service-arrow.png) no-repeat center center;border-right:22px solid transparent;position:relative;z-index:1;left:-22px;-webkit-filter:drop-shadow(#4cd5e7 22px 0);filter:drop-shadow(#4cd5e7 22px 0);-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;display:block;content:''}
#index-process .btn{width:186px;height:48px;line-height:48px;font-weight:400;font-size:16px;color:#fff;background-color:#e60012;border-radius:5px;margin:0 auto;text-align:center;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}
#index-process .btn:before{width:20px;height:19px;background-image:url(../images/ico-booking.png);background-repeat:no-repeat;margin-top:-2px;margin-right:5px;display:inline-block;vertical-align:middle;content:''}
#index-process .btn:hover{background-color:#f65763}
.inner #index-process{background:0 0}
.inner #index-process .index-title .title-0{color:#333}
.inner #index-process .list .item .ico:after{-webkit-filter:drop-shadow(#e60012 50px 0);filter:drop-shadow(#e60012 50px 0)}
.inner #index-process .list .arrow:after{-webkit-filter:drop-shadow(#b5b5b5 22px 0);filter:drop-shadow(#b5b5b5 22px 0)}
.inner #index-process .list .item .name{color:#666}
.factory #index-process{background:url(../images/factory-process.jpg) no-repeat center center/cover}
.factory #index-process .index-title .title-1{color:#fff}
.factory #index-process .btn{background-color:transparent;border:1px solid #fff}

@media screen and (max-width:1260px){
	#index-process .list .arrow{margin:5px 8px 0;}
}
@media screen and (max-width:1050px){
	#index-process .list .arrow{margin:5px 0px 0;}
}
@media screen and (max-width:768px){
	#index-process{padding: 30px 0;}
	#index-process .list .arrow{margin:5px 8px 0;}
	#index-process .list .item{margin-bottom: 40px;}
}


.footer-box{width:100%;background:#333;overflow:hidden}
.footer{margin:40px auto 0;overflow:hidden;border-bottom:1px solid #444;padding-bottom:35px}
.footer-tit{font-size:18px;color:#fff;margin-bottom:20px}
.footer-tel{margin-left:26px;width:395px;color:#fff}
.footer-info{color:#ccc;margin:15px 0;line-height:28px}
.footer-info img{margin-right:15px}
.footer-inp{margin-left:30px;width:570px;color:#fff}
.footer-inp input[type=text]{background:#666;box-sizing:border-box;padding-left:10px;margin-right:10px;color:#fff;height:35px;line-height:35px;outline:0;
	border:none;border-radius:2px;margin-bottom:10px;width:240px; color:#FFFFFF }
.footer-inp input.text2{width: 490px;}
.footer-inp textarea{width:490px;height:74px;background:#666;box-sizing:border-box;padding:10px;border-radius:2px;border:none;color:#FFFFFF}
.footer-inp input[type=button]{display:block;width:120px;height:40px;line-height:40px;background:#4cd5e7;color:#fff;border:none;border-radius:2px;margin:10px 0}
.footer-ewm img{margin:0 5px}
.footer-ewm-info{font-size:14px;color:#ccc;height:50px;line-height:50px;text-align:center}
.copy{text-align:center;height:66px;line-height:66px;color:#999}

@media screen and (max-width:576px){
	
	.footer-inp,.footer-tel{width:98%; margin-left:2%;}
	.footer-inp input[type=text]{width:100%}
.footer-inp input.text2{width: 100%;}
	.footer-inp textarea{width:100%;}
	.footer-ewm{float:left; margin-left:1%; margin-top:10px;}
	.copy{line-height:30px; margin:10px;}
}


.footer-inp input::-webkit-input-placeholder, .footer-inp textarea::-webkit-input-placeholder {
  color: #fff;
  
}



.footer-inp input::-moz-placeholder, textarea::-moz-placeholder {
  color: #fff;
  
}

.footer-inp input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #fff;
  
}



/*关于西派*/
.inner_banner {
	position: relative;
  }
  .inner_banner img {
	width: 100%;
  }
  .inner_banner .text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	/* padding-bottom: 150px; */
  }
  .inner_banner.global_banner .text {
	padding-bottom: 0;
  }
  .inner_banner .text h4 {
	font-weight: bold;
  }
  .inner_banner .text h6 {
	position: absolute;
	left: 0;
	right: 0;
	margin: 60px auto 0;
	width: 520px;
  }
  .global_banner .text h6 {
	position: static;
	margin-top: 80px;
	width: auto;
  }
  .banner_nav {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
  }
  .banner_nav #bNav {
	position: absolute;
	top: -120px;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
	width: 0;
	height: 0;
  }
  .banner_nav ul {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
  }
  .banner_nav li {
	flex-grow: 1;
	border-right: 1px solid #fff;
  }
  .banner_nav li:last-child {
	border-right: none;
  }
  .banner_nav li a {
	display: block;
	height: 80px;
	line-height: 80px;
	background-color: rgba(76, 213, 231, 0.9);
	font-size: 18px;
	color: #fff;
	text-align: center;
	cursor: pointer;
  }
  .banner_nav li.active a {
	color: #4cd5e7;
	background: #fff;
  }
  
  .common_tit {
	text-align: center;
	position: relative;
	z-index: 9;
	width: 33%;
	min-width: 500px;
	margin: auto;
  }
  .common_tit h3 {
	font-size: 48px;
	line-height: 48px;
	color: #fff;
	font-family: 'AR';
	opacity: 0;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 1s ease-in-out 0.6s;
	-moz-transition: all 1s ease-in-out 0.6s;
	-ms-transition: all 1s ease-in-out 0.6s;
	-o-transition: all 1s ease-in-out 0.6s;
	transition: all 1s ease-in-out 0.6s;
  }
  .common_tit h3.blod {
	font-family: Arial;
	font-weight: bold;
  }
  .common_tit h4 {
	font-size: 30px;
	color: #fff;
	margin-top: 20px;
	opacity: 0;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
  }
  .common_tit h6 {
	font-size: 18px;
	color: #fff;
	line-height: 34px;
	margin-top: 36px;
	opacity: 0;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 1s ease-in-out 0.2s;
	-moz-transition: all 1s ease-in-out 0.2s;
	-ms-transition: all 1s ease-in-out 0.2s;
	-o-transition: all 1s ease-in-out 0.2s;
	transition: all 1s ease-in-out 0.2s;
  }
  .common_tit.inner_tit {
	width: 100%;
	position: relative;
  }
  .common_tit.inner_tit h3,
  .common_tit.inner_tit h4,
  .common_tit.inner_tit h6 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
  }
  .common_tit.inner_tit h6 span {
	font-family: ArialMT;
	font-size: 30px;
	color: #f39800;
  }
  .common_tit2 {
	text-align: center;
  }
  .common_tit2 h3 {
	font-size: 26px;
	font-weight: bold;
	line-height: 34px;
	color: #595656;
	position: relative;
  }
  .common_tit2 h6 {
	font-size: 18px;
	line-height: 24px;
	color: #595656;
	margin-top: 10px;
	font-family: 'AR';
  }
  .common_tit2 h3::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 58px;
	height: 2px;
	background-color: #4cd5e7;
  }
  .common_tit2 h3::after {
	content: '';
	display: block;
	width: 152px;
	height: 1px;
	background-color: #ddd;
	margin: 18px auto 0;
  }
  .common_tit2.min h3 {
	font-size: 24px;
	font-weight: normal;
  }
  .ind_sec3_t.active + .ind_sec3 .common_tit h3,
  .ind_sec3_t.active + .ind_sec3 .common_tit h4,
  .ind_sec3_t.active + .ind_sec3 .common_tit h6,
  .section.active .common_tit h3,
  .section.active .common_tit h4,
  .section.active .common_tit h6 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
  }

  .about_sec1{padding:100px 0;overflow: hidden;background:-webkit-linear-gradient(top,#f8f8f8 80%,#fff 100%);
	background:-o-linear-gradient(top,#f8f8f8 80%,#fff 100%);background:-moz-linear-gradient(top,#f8f8f8 80%,#fff 100%);
	background:linear-gradient(to bottom,#f8f8f8 80%,#fff 100%)}
  .about_sec1_t{text-align:center;}
  .about_sec1_t>.container{position:relative;padding-bottom:40px}
  .about_sec1_t .common_tit2{position:relative;z-index:1}
  .about_sec1_t img.bg{position:absolute;left:0;right:0;width:100%;margin:auto;bottom:0}
  .about_sec1_t_inner{width:980px;margin:auto;position:relative;z-index:1}
  .about_sec1_t_inner h3{font-size:24px;font-weight:700;color:#595656;margin:50px 0 0}
  .about_sec1_t_inner h4{font-size:20px;color:#999;font-family:Arial;margin:0 0 50px}
  .about_sec1_t_inner p{font-size:16px;line-height:32px;color:#595656;margin-top:50px}
  .about_sec1_b{margin-top:-120px}
  .about_sec1_b li{float:left;width:calc((100% - 160px)/ 3);margin-right:80px}
  .about_sec1_b li:last-child{margin-right:0}
  .about_sec1_b .about_sec1_b_t a{display:block;position:relative}
  .about_sec1_b .about_sec1_b_t a img{width:100%}
  .about_sec1_b .about_sec1_b_t a .text{padding:50px 0;text-align:center;position:absolute;top:0;left:0;width:100%;height:100%}
  .about_sec1_b .about_sec1_b_t a .text>h3{font-size:26px;font-weight:700;line-height:34px;color:#ea5404;margin-top:60px}
  .about_sec1_b .about_sec1_b_t a .text>h6{font-family:Arial;font-size:14px;line-height:34px;color:#595656;opacity:.5}
  .about_sec1_b .about_sec1_b_t a .text p{font-size:24px;line-height:34px;color:#595656}
  .about_sec1 .about1P{text-align:center;position:absolute;left:0;bottom:20px;width:100%;z-index:9}
  .about_sec1 .about1P span{width:12px;height:12px;background:#595656;opacity:1;margin:0 12px}
  .about_sec1 .about1P .swiper-pagination-bullet-active{background:#ea5404}
  .about_sec1_b_b{margin-top:70px;position:relative;padding:100px 0 80px}
  .about_sec1_b_b img{width:100%}
  .about_sec1_b_b .text ul{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}
  .about_sec1_b_b .text li{margin:auto;width:auto;float:none;text-align:center}
  .about_sec1_b_b .text li p{font-size:14px;color:#fff}
  .about_sec1_b_b .text li p span{font-family:Arial;font-weight:700;font-size:60px}
  .about_sec1_b_b_inner{position:relative;width:424px;height:404px;top:20px;margin:40px auto}
  .about_sec1_b_b_inner img{width:auto;position:absolute}
  .about_sec1_b_b_inner img:nth-child(1){left:0;right:0;top:0;bottom:0;margin:auto;z-index:9}
  .about_sec1_b_b_inner img:nth-child(2){left:0;right:0;top:-20px;margin:auto}
  .about_sec1_b_b_inner img:nth-child(3){right:0;top:85px}
  .about_sec1_b_b_inner img:nth-child(4){right:60px;bottom:20px}
  .about_sec1_b_b_inner img:nth-child(5){left:60px;bottom:20px}
  .about_sec1_b_b_inner img:nth-child(6){left:0;top:85px}
  .about_sec1_b_b_inner p{display:block;position:absolute;color:#333;font-size:14px}
  .about_sec1_b_b_inner p:nth-of-type(1){left:21%;top:88%}
  .about_sec1_b_b_inner p:nth-of-type(2){left:6%;top:45.5%}
  .about_sec1_b_b_inner p:nth-of-type(3){left:75.5%;top:45%}

  .about_sec1_b{margin-top:20px;padding-bottom:0}
  .about_sec1_b .about_sec1_b_t a .text>h3{font-size:20px;line-height:30px}
  .about_sec1_b .about_sec1_b_t a .text p{font-size:16px;line-height:24px;color:#595656}
  .about_sec1_b_b{margin-top:0}
  .about_sec1_b_b .text li p span{font-size:28px}
  .about_sec1_b_b .text ul{display:block}
  .about_sec1_b_b .text ul li{width:50%;float:left;margin-bottom:10px}
  .about_sec1_b_b .text_outer{position:static}
  .about_sec1_b_b .text li p{font-size:14px;color:#fff}


  .about_sec1_b .about_sec1_b_t a{display:block;position:relative}
  .about_sec1_b .about_sec1_b_t a img{width:100%}
  .about_sec1_b .about_sec1_b_t a .text{padding:50px 0;text-align:center;position:absolute;top:0;left:0;width:100%;height:100%}
  .about_sec1_b .about_sec1_b_t a .text>h3{font-size:26px;font-weight:700;line-height:34px;color:#4cd5e7;margin-top:60px}
  .about_sec1_b .about_sec1_b_t a .text>h6{font-family:Arial;font-size:14px;line-height:34px;color:#595656;opacity:.5}
  .about_sec1_b .about_sec1_b_t a .text p{font-size:24px;line-height:34px;color:#595656}


.course-tit{font-size:36px;color:#333333; text-align: center;}
.course-line{width:89px;height:2px;background:#4cd5e7;margin:30px auto}

.course-honor-bg{width: 100%; height: 778px; background: url(../images/course-honor-bg.jpg) no-repeat center; overflow: hidden;}
.course-honor{margin: 80px auto;}
.course-honor-info{width: 870px; margin: 0 auto; font-size: 18px; color: #fff; line-height: 30px;}


/* apply */
.apply{width:1220px;margin:60px auto 0 auto; position: relative; overflow: hidden;}
.apply_array{width:270px;float:left; box-sizing: border-box; text-align: center;}
.apply_array .vote{position:absolute;line-height:26px;margin-top:10px;padding-left:29px;width:83px;display:block;background:url(imgs/vote.gif) no-repeat 0px 0px;
	height:26px;color:#282828;margin-left:-6px;text-decoration:none;}
.apply_last{margin-right:0px}
.apply_img{text-align:center;width:240px;height:180px; margin:0 auto}
.apply_img img{width:100%}
.apply_array a{text-decoration:underline}
.apply_array a:hover{color:#e01111}
.apply_info{text-align:center;padding:15px 0; font-size: 16px; color: #fff;}
.apply_nav{position:relative;width:1080px; margin: 0 auto;height:252px;overflow:hidden}
.apply_w{position:absolute;float:left;left:0px;top: 20px;}
.apply .img_l{cursor:pointer; position: absolute; left: 0; top: 100px;}
.apply .img_r{cursor:pointer; position: absolute; right: 0; top: 100px; z-index: 99999999;}
  
#main .section06 {
	padding: 0 74px 0 20px;
	overflow: hidden;
	text-align: center;
	background: #5f63d1;
}
#main .section06 .imgBox {
	margin: 0 auto;
	max-width: 1261px;
	height: 675px;
	position: relative;
}
#main .section06 .imgBox img {
	display: block;
	position: relative;
}
#main .section06 .imgBox .img01 {
	position: absolute;
	left: 0;
	top: 175px;
}
#main .section06 .imgBox .img02 {
	position: absolute;
	left: 35.4%;
	top: -84px;
	z-index: 10;
	width: 343px;
	height: 341px;
	background: url(../images/sec06_img02.png) no-repeat center top;
	color:#fff;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	box-sizing: border-box;
	padding-top: 160px;
}
#main .section06 .imgBox .img03 {
	position: absolute;
	left: 19.4%;
	bottom: -42px;
	z-index: 20;
	width: 404px;
	height: 404px;
	background: url(../images/sec06_img03.png) no-repeat center top;
	color:#fff;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	box-sizing: border-box;
	padding-top: 155px;
}
#main .section06 .imgBox .img04 {
	position: absolute;
	left: 57.1%;
	top: 293px;
	z-index: 5;
	width: 290px;
	height: 287px;
	background: url(../images/sec06_img04.png) no-repeat center top;
	color:#fff;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	box-sizing: border-box;
	padding-top: 105px;
}
#main .section06 .imgBox .img02 a,
#main .section06 .imgBox .img03 a,
#main .section06 .imgBox .img04 a {
	color: #fff;
}
#main .section06 .imgBox .img05 {
	position: absolute;
	left: 35.3%;
	top: 211px;
	z-index: 21;
}
#main .section06 .imgBox .img06 {
	position: absolute;
	left: 59.2%;
	top: 86px;
}
#main .section06 .imgBox .img07 {
	position: absolute;
	left: 45.1%;
	top: 283px;
}
#main .section06 .imgBox .img08 {
	position: absolute;
	left: 50%;
	bottom: -38px;
}
#main .section06 .imgBox .img09 {
	position: absolute;
	right: 0;
	top: 150px;
}
#main .section06 .imgBox .img10 {
	position: absolute;
	left: 54.3%;
	top: 210px;
	z-index: 30;
}


@media screen and (max-width:576px){
	.inner_banner .text{padding-bottom: 50px;}
	.common_tit h3{font-size: 1.2rem;}
	.common_tit h4{font-size: 1rem; margin-top: 0;}
	.banner_nav li a{line-height: 40px; height: 40px; font-size: 1rem;}
	.about_sec1{padding: 30px 0;}
	.about_sec1_t_inner{width: 100%;}
	.about_sec1_b{display: none;}
	.about-sec__item{display: none;}
	.course-honor-bg{height: auto;}
	.course-honor{}
	.course-honor-info{width: 100%;}
	.apply,#main .section06{display: none;}
}

/*关于西派*/



/*经典案例*/
.case{ margin: 60px auto;}
.case-tit{font-size: 36px; color: #333; text-align: center;}
.case-line{width: 89px; height: 2px; background-color: #4cd5e7; margin: 20px auto 50px; overflow: visible;}

#outer {margin:0 auto;}
#tab {overflow:hidden;zoom:1;background:#47c2d2;}
#tab li {float:left;color:#daf3f6;height:100px;	cursor:pointer;	line-height:100px;padding:0 20px; font-size: 18px;}
#tab li.current {color:#fff; font-weight: bold; border-bottom: 4px solid #ffffff;}
#content {}
#content i {font-style: normal;display:none; margin: 30px 0;}
#tab li a{color:#FFFFFF}
.caselist{}
.caselist ul li{margin-bottom: 30px; overflow: hidden; background: #fff; transition: 1s;}
.caselist ul li .caselist-pic{float: left; width: 52%; box-sizing: border-box;}
.caselist ul li .caselist-info{float: left;width: 48%; box-sizing: border-box; padding: 40px 60px;}
.caselist ul li .caselist-info-tit{font-size: 24px; color: #333;}
.caselist ul li .caselist-info-keyword{font-size: 16px; color: #999; line-height: 28px; margin: 10px 0;}
.caselist ul li .caselist-info-more{font-size: 16px; color: #4cd5e7;}
.caselist ul li:hover{background: #47c2d2; transition: 1s;}
.caselist ul li:hover .caselist-info-tit{color: #fff; transition: 0.5s;}
.caselist ul li:hover .caselist-info-keyword{color: #fff; transition: 0.5s;}
.caselist ul li:hover .caselist-info-more{color: #fff; transition: 0.5s;}


@media screen and (max-width:576px){

.case{ margin: 20px auto;}
.case-tit{font-size: 1.4rem; color: #333; text-align: center;}
.case-line{width: 60px; height: 2px; background-color: #4cd5e7; margin: 20px auto 50px; overflow: visible;}


#outer {margin:0 auto;}
#tab {overflow:hidden;zoom:1;background:#47c2d2;}
#tab li {clear: both;;color:#daf3f6;	cursor:pointer; height: auto; line-height:40px; font-size: 1.1rem;}
#tab li.current {color:#fff; font-weight: bold; border-bottom: 2px solid #ffffff;}
#content {}
#content i {font-style: normal;display:none; margin: 30px 0;}
#tab li a{color:#FFFFFF}

.caselist{}
.caselist ul li{margin-bottom: 30px; overflow: hidden; background: #fff; transition: 1s;}
.caselist ul li .caselist-pic{float: left; width: 100%; box-sizing: border-box;}
.caselist ul li .caselist-info{float: left;width: 100%; box-sizing: border-box; padding: 20px;}
.caselist ul li .caselist-info-tit{font-size: 1.2rem; color: #333;}
.caselist ul li .caselist-info-keyword{font-size: 16px; color: #999; line-height: 28px; margin: 10px 0;}
.caselist ul li .caselist-info-more{font-size: 16px; color: #4cd5e7;}
.caselist ul li:hover{background: #47c2d2; transition: 1s;}
.caselist ul li:hover .caselist-info-tit{color: #fff; transition: 0.5s;}
.caselist ul li:hover .caselist-info-keyword{color: #fff; transition: 0.5s;}
.caselist ul li:hover .caselist-info-more{color: #fff; transition: 0.5s;}
}

/*经典案例*/

/*新闻*/
.news{width: 100%; background: #f8f8f8; overflow: hidden; padding: 60px 0;}
.news ul li{height: 215px; overflow: hidden; margin-bottom: 30px; background: #fff;}
.news ul li .news-pic{float: left; width: 28%; box-sizing: border-box;}
.news ul li .news-info{float: left; width: 57%; box-sizing: border-box; padding: 30px 40px;}
.news ul li .news-info-tit{font-size: 22px; color: #333; font-weight: bold;}
.news ul li .news-info-keyword{font-size: 16px; color: #333; line-height: 28px; margin: 10px 0;}
.news ul li .news-info-more{font-size: 16px; color: #333;}
.news ul li .news-time{float: right; width: 15%; padding-top: 50px; text-align: center; box-sizing: border-box; font-size: 42px; color: #999999;}
.news ul li .news-time span{font-size: 16px; display: block;}
.news ul li:hover{background: #47c2d2; color: #fff;}
.news ul li:hover .news-info-tit{color: #fff;}
.news ul li:hover .news-info-keyword{color: #fff;}
.news ul li:hover .news-info-more{color: #fff;}
.news ul li:hover .news-time{color: #fff;}


@media screen and (max-width:576px){
	.inner_banner .text{height: auto;}
	.common_tit h3{line-height: 1.8rem;}

	
.news{width: 100%; background: #f8f8f8; overflow: hidden; padding: 30px 0;}
.news ul li{height: auto; clear: both; overflow: hidden; margin-bottom: 30px; background: #fff;}
.news ul li .news-pic{float: left; width: 100%; box-sizing: border-box;}
.news ul li .news-info{float: left; width: 100%; box-sizing: border-box; padding: 20px;}
.news ul li .news-info-tit{font-size: 22px; color: #333; font-weight: bold;}
.news ul li .news-info-keyword{font-size: 16px; color: #333; line-height: 28px; margin: 10px 0;}
.news ul li .news-info-more{font-size: 16px; color: #333;}
.news ul li .news-time{float: right; width: 100%; padding-top: 0px; text-align: left; padding: 0px 20px; box-sizing: border-box; font-size: 1.2rem; color: #999999;}
.news ul li .news-time span{font-size: 16px; display: block;}
.news ul li:hover{background: #47c2d2; color: #fff;}
.news ul li:hover .news-info-tit{color: #fff;}
.news ul li:hover .news-info-keyword{color: #fff;}
.news ul li:hover .news-info-more{color: #fff;}
.news ul li:hover .news-time{color: #fff;}
}
/*新闻*/

/*新闻详细*/
.news-view-box{ width: 100%; overflow: hidden;
    background:linear-gradient(
        to right,
        #fafafa 0%,
        #fafafa 50%,
        #fff 50%,
        #fff 100%
        );
		

}
.news-view{ margin: 0 auto; overflow: hidden;}
.news-view-l{width: 70%; float: left; padding: 70px 0; border-right: 1px solid #e2ebf0; box-sizing: border-box; background: #fafafa; 
	overflow: hidden; display:block}
.news-view-ltit{font-size: 30px; color: #022020;}
.news-view-ltime{font-size: 14px; color: #999; margin: 20px 0;}
.news-view-ltime span{margin-right: 60px;}
.news-view-ltime img{margin: 0 10px;}
.news-view-info{font-size: 16px; color: #444; line-height: 28px; margin-right: 80px;}
.news-view-info img{margin: 10px 0; width: 100%; display: block;}
.news-view-list{margin: 70px 0;}
.news-view-list ul li{width: 30%; height: 60px; font-size: 16px; color: #666; line-height: 60px; text-align: center; float: left; margin-right: 20px; border: 1px solid #dedede;}
.news-view-list ul li:hover{background: #47c2d2; cursor: pointer;}
.news-view-list ul li:hover a{color: #fff;}
.news-view-list ul li img{margin: 0 20px; vertical-align: middle;}

.news-view-r{width: 29%; float: left; padding: 70px 0; padding-left: 30px; box-sizing: border-box;}
.news-view-rtit{font-size: 30px; color: #333; position: relative; border-bottom: 1px solid #e2ebf0; padding-bottom: 15px; margin-bottom: 15px;}
.news-view-rtit::before{width: 3px; height: 32px; background: #3aba98; content: ""; position: absolute; left: -30px; top: 5px;}
.news-view-rlist{}
.news-view-rlist ul li{ border-bottom: 1px solid #e2ebf0; padding-bottom: 15px; margin-bottom: 15px;}

.news-view-rlist ul li .news-view-rlist-pic{float: left; width: 33%; margin-right: 2%;}
.news-view-rlist ul li .news-view-rlist-pic img{width: 100%;}
.news-view-rlist ul li .news-view-rlist-time{font-size: 16px; color: #999;}
.news-view-rlist ul li .news-view-rlist-tit{font-size: 14px; color: #333;}


@media screen and (max-width:576px){
	.news-view-box{background: none;}
	.news-view-l{width: 100%; padding: 30px 0;background: none; border-right:none;}
	.news-view-ltit{font-size: 1.2rem; color: #022020;}
	.news-view-ltime span{margin-right: 30px;}
	.news-view-info{margin-right: 0px;}
	.news-view-info img{width:100%; display: block;}
	.news-view-list ul li{width: 100%; margin-bottom: 1rem; box-sizing: border-box;}
	
	.news-view-r{width: 100%; padding: 30px 0; padding-left: 15px;}
	.news-view-rtit{font-size: 1.3rem;}
	.news-view-rtit::before{left: -15px;height: 25px; top: 3px;}
}
/*新闻详细*/

/*联系我们*/
.contact-top{margin: 100px auto 50px; overflow: hidden;}
.contact-top ul li{font-size: 36px; color: #999; float: left; margin-right: 60px; position: relative;}
.contact-top ul li:first-child:before{width: 2px; height: 34px; background: #333; content: ""; position: absolute; right: -30px; top: 12px;}
.contact-top ul li a{color: #999;}
.contact-top ul li.on a{color: #333;}

#main .section01 {
	margin: 0 auto;
	padding: 71px 75px 66px;
	max-width: 1148px;
	text-align: right;
}
#main .section01 h2 {
	margin-bottom: 13px;
}
#main .section01 li {
	margin-left: 33px;
	display: inline-block;
}
#main .section01 li a {
	color: #666;
	font-size: 14px;
	display: inline-block;
	line-height: 28px;
	position: relative;
}
#main .section01 .txt {
	color: #666;
	font-size: 14px;
	display: inline-block;
	line-height: 28px;
	position: relative;
}
#main .section01 li a:hover {
	color: #333;
}
#main .section01 li a:before {
	content:"";
	position: absolute;
	bottom: -10px;
	width: 0;
	height:2px;
	border-bottom: 2px solid #333;
	transition: all 0.4s;
}
#main .section01 li a:hover:before ,#main .section01 li a.act:before{
	width: 100%;
}


@media screen and (max-width:576px){
	
.contact-top{margin: 30px auto ; overflow: hidden;}
.contact-top ul li{font-size: 1.2rem; margin-right: 20px;}
.contact-top ul li:first-child:before{width: 2px; height: 34px; background: #333; content: ""; position: absolute; right: -10px; top: 2px;}
	
}


/*联系我们*/

/*联系我们-加入我们*/
.recruit-bg{width: 100%; background: #f4f4f4; overflow: hidden;}
.recruit{width: 1200px; margin: 40px auto; box-sizing: border-box;}
.recruit-tit{height: 50px; line-height: 50px; background: #888;}
.recruit-tit span{width: 20%; display: inline-block; color: #fff; font-size: 16px; padding-left: 3%; box-sizing: border-box;}
.recruit-more{width: 131px; height: 38px; line-height: 38px; text-align: center; margin: 20px 0; background: #47c2d2; color: #fff;}
.recruit-more a{color: #fff;}
.sideMenu{}
.sideMenu h3.on{ background:#fff url(../images/recruit1.jpg) no-repeat 96% 50%;}
.sideMenu h3{ height:60px; line-height:60px;  border-bottom:1px solid #e3e3e3; background:#fff url(../images/recruit2.jpg) no-repeat 96% 50%; cursor:pointer;}
.sideMenu h3 span{width: 20%; display: inline-block; padding-left: 3%; box-sizing: border-box; color: #333;}
.sideMenu ul{  background: #f9f9f9; padding: 20px 30px; color:#999; display:none; /* 默认都隐藏 */ }
.sideMenu ul li{font-size:16px; line-height: 28px; color:#666; background: #f9f9f9; overflow:hidden;}

	
.theme-popover-mask{position:fixed;top:0;left:0;z-index:9998;display:none;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40)}
.theme-popover{position:fixed;top:50%;left:50%;z-index:9999;display:none;margin:-250px 0 0 -400px;width:800px;height:500px; box-sizing: border-box; padding: 40px 120px; border-radius:5px; background-color:#fff; box-shadow:0 0 10px #666}
.theme-poptit{position:absolute; right:40px; top:40px; transform:scale(4); color: #999;}
.Reservations-tit{font-size:24px; color:#202020; text-align:center; margin:20px 0 10px;}
.Reservations-p{font-size:18px; color:#666; text-align:center; margin-bottom: 20px;}
.Reservations-inp{margin-bottom: 20px;}
.Reservations-text{width:445px; height:40px; outline: none; border: none; border-bottom:1px solid #cfcfcf; margin-left: 20px; padding-left:20px; font-size:14px; color:#585858;}
.Reservations-button{width: 175px; height: 48px; margin: 0 10px; color: #fff; box-sizing: border-box; background: #25c5d3; border: 1px dashed #dedede;}
.Reservations-span{margin: 0 40px; color: #999;}
.Reservations-submit{width:320px; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; display: block; background: #47c2d2; border-radius: 5px; outline: none;
color: #fff; border: none; cursor: pointer;}


@media screen and (max-width:576px){
	.recruit{width: 100%; }
	.recruit-tit span{width: auto; }
	.sideMenu h3 span{width: auto; margin-right: 10px;} 
}

/*联系我们-加入我们*/

/*经典案例详细*/
.caseview{margin: 75px auto;}
.caseview-tit{ font-size: 36px; color: #333; margin-bottom: 30px;}
.caseview-information{font-size: 16px;color: #666;}
.caseview-information span{margin-right: 20px;}
.caseview-list{margin: 50px 0; overflow: hidden;}
.caseview-list ul li{width: 200px; height: 60px; font-size: 18px; color: #666; line-height: 60px; text-align: center; float: left; margin-right: 20px; border: 1px solid #bdbdbd; background: #fff; cursor:pointer}
.caseview-list ul li.on{border: 1px solid #47c2d2; background: #47c2d2; color: #fff;}

#flash{width:100%;overflow:hidden;margin:0 auto;clear:both;position:relative;padding:0 0;background-color:#eff3f4;}
#flash a{width:100%;display:none}
#flash img{width:100%}
.flash_bar{width:100%;text-align:center;height:24px;overflow:hidden;position:absolute;padding-top:8px!important;padding-top:0;bottom:0;left:0;text-align:center;}
.flash_bar .dq{display:inline-block;width:12px;height:12px;margin:3px 5px;cursor:pointer;background:#fff; border: 1px solid #fff; border-radius: 100%;}
.flash_bar .no{display:inline-block;width:12px;height:12px;margin:3px 5px;cursor:pointer; border: 1px solid #fff; border-radius: 100%;}
#flashBg{overflow:hidden;width:100%;clear:both;margin:0;padding:0}
#flashLine{background:url(../images/touming.png) repeat-x center bottom;width:100%;clear:both}

.caseview-bottom{margin: 60px auto; overflow: hidden;}
.caseview-bottom-l{width: 70%; float: left;font-size: 16px;color: #333; line-height: 28px;}
.caseview-bottom-r{width: 25%; float: right; text-align: right;font-size: 16px;color: #333; line-height: 35px;}


@media screen and (max-width:576px){

}

/*经典案例详细*/

/*精英团队*/
.contact-now{background: #f5f5f5; overflow: hidden; padding: 56px 0;}
.contact-now input{width: 31%; box-sizing: border-box; height: 60px; line-height: 60px; border: 1px solid #dedede; border-radius: 5px; padding-left: 15px;
	 margin-right: 2%;}
.contact-now input:last-child{margin-right: 0;}
.contact-now textarea{width:97.5%; box-sizing: border-box; padding: 1%; line-height: 30px; border: 1px solid #dedede; height: 200px; margin: 20px 0; border-radius: 5px;}
.contact-now input[type="button"]{width:97.5%; box-sizing: border-box; line-height: 60px; border: 1px solid #dedede; height: 60px; border-radius: 5px;
background: #4cd5e7; text-align: center; font-size: 18px; color: #fff;}



.mod-banner .list{width:386px; height:320px; background:#FFFFFF; margin:0 auto;}
.mod-banner .list img{width:100%; text-align:center;}
.mod-banner .list h1{font-size:16px; color:#333; font-weight:normal; line-height: 50px; border-bottom: 1px solid #eeeeee; background: url(../images/mod-banner-icon1.png) no-repeat right center;}

.run {
	POSITION: relative; HEIGHT: 360px; width:1300px; margin:25px auto 0;
}
.runlf {
	Z-INDEX: 100; LEFT: 0px; WIDTH: 26px; POSITION: absolute; TOP: 150px; HEIGHT: 43px
}
.runrg {
	Z-INDEX: 100; RIGHT: 0px; WIDTH: 26px; POSITION: absolute; TOP: 150px; HEIGHT: 43px
}
.runlf IMG {
	CURSOR: pointer
}
.runrg IMG {
	CURSOR: pointer
}#gdq {
	 OVERFLOW: hidden; WIDTH: 1158px; PADDING-TOP: 15px; POSITION: absolute; margin:0 auto; left:60px
}
#gdq DIV {
	WIDTH: 50000px
}


#gdq UL LI {
	FLOAT: left; WIDTH: 386px;
}
#focus_img {margin-left:70px; margin-top:25px}
#focus_img UL LI {
	FLOAT: left; WIDTH: 386px;
}

.mod-banner{width:1300px;  position:relative; margin: 60px auto;}
#focus_img img{ cursor:pointer;}
#focus_btn{position:absolute;top:1000px;left:400px;z-index:9;}
#btn_focus_prev,#btn_focus_next{width:60px;height:60px;cursor:pointer; display:block; position:absolute; top:230px}
#btn_focus_prev{
	right:0px;
	background-image:url(../images/icon_r.png);
	background-position: right top;
}
#btn_focus_next{
	left:0px;
	background-image:url(../images/icon_l.png);
	background-position: left top;
}

#btn_focus_next:hover{-webkit-filter:drop-shadow(#4cd5e7 0 0);filter:drop-shadow(#4cd5e7 0 0);
	-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;}
/*精英团队*/

.pages{width:100%; margin:0 auto; text-align:center;margin-top:0px; margin-bottom:30px; margin-top:15px}
/*淘宝风格*/
.paginator { font: 12px "微软雅黑"; margin:0 auto; }
.paginator a {border:solid 1px #FCFCFC;color:#000;cursor:pointer;text-decoration:none; background-color:#FCFCFC;}
.paginator a:visited {/*padding: 1px 6px;*/ border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {border:1px solid #4cd5e7;color:#FFF;background-color:#4cd5e7; font-family:"微软雅黑"}
.paginator a:hover {border:solid 1px #4cd5e7;color:#fff;text-decoration:none; background:#4cd5e7; display:block}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{/*height:20px;line-height:20px;min-width:20px;_width:10px;*/margin-right:5px;text-align:center;
 white-space:nowrap;font-size:12px;font-family:微软雅黑;padding:5px 10px; display:inline-block;}

 
 @media screen and (max-width:576px){
	.mod-banner{display: none;}
	
.contact-now{padding: 30px 0;}
	.contact-now input{width: 100%; margin-bottom: 1rem;}
}


.caseview-list li.current {color:#fff;background:#47c2d2;}
#piccontent {}
#piccontent ul {display:none;	}