@charset "utf-8";
/**通用样式开始**/
body { width:100%;font-family: Microsoft Yahei,"微软雅黑"; font-size: 12px; color: #000; margin: 0px; padding: 0px;}
a { text-decoration: none; }
a:hover { text-decoration: underline;color:#e39b59; }
img { border:0px; }
*{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;  text-decoration: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
a img, iframe{ border:none;}
ol, ul{ list-style:none;}
ul,li{list-style:none;}
input[type="button"]{-webkit-appearance: none;}
.cl{ clear:both;}
.height100{ height:100%;}
.conmain{ width:100%; height:100%; position:absolute; top:0; left:0;}
body,html{overflow: hidden !important;}
/**通用样式结束**/

/*head*/
.headbox{ width:100%; height:70px; float:left; position: fixed; top:0; left:0; z-index:99999999; background:url(../images/headbg.png) repeat;}
.head{ width:100%; max-width:1200px; float:none; margin:0 auto; position:relative;}
.head .logo{ float:left; width:160px; padding-left:10px;}
.head .logo img{ float:left;}
.head .nav{ float:left; margin-left:225px;}
.head .nav li{ float:left; width:73px; margin-right:16px; line-height:70px;}
.head .nav li a{ float:left; width:73px; text-align:center; height:70px; font-size:16px; color:#fff; text-decoration:none;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition:0.3;-o-transition:0.3s;}
.head .nav li:hover a{ color:#e39b59; background:url(../images/nav-hover.jpg) no-repeat center top;}
.head .nav .active a{ color:#e39b59; background:url(../images/nav-hover.jpg) no-repeat center top;}
.navbox-trigger{ float:right; width:70px; height:70px; display:none; background:url(../images/p-nav-icon.png) no-repeat center center rgba(255,255,255,0.3); cursor:pointer;}


@media screen and (max-width:1200px){
#beian{display:none;}
.navbox-trigger{ display:block;}

.top-bar .bar{width:100%;height:100%;position:absolute;z-index:2}
.top-bar .navbox{visibility:hidden;opacity:0;position:absolute;top:100%;left:0;z-index:1;-webkit-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px);-webkit-transition:all .2s;transition:all .2s}
.top-bar .navbox-tiles{-webkit-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px)}
.top-bar.navbox-open .navbox-trigger{background-color:#484747;}
.top-bar.navbox-open .navbox{visibility:visible;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s}
.top-bar.navbox-open .navbox-tiles{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.head .nav{ width:20%; margin-left:84%; top:70px; background:#484747;/* padding:15px 2%;*/ z-index:999999;}
.head .nav li{ width:20%; margin:5px 2.5%; background:#e39b59;}
.head .nav li a{ width:100%; color:#fff;}
.head .nav li:hover a{ background:#e39b59; border:solid 2px #fff; color:#fff; height:70px; line-height:66px;}
.head .nav .active a{ background:#e39b59; border:solid 2px #fff; color:#fff;}
}

/* slide */
.slide,.slide li{width:100%;height:100%;}
.slide{overflow:hidden;position:relative;margin:0 auto;}
.slide li{position:absolute;overflow:hidden;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition:0.3;-o-transition:0.3s;}
.slide li.current{filter:alpha(opacity=100);-moz-opacity:1;opacity:1; z-index:999999;}
.slide li .image{position:absolute;top:-2px;left:-2px;}
.slide li .text{ position:absolute; left:50%; bottom:219px; margin-left:-153px;overflow:hidden;width:306px; text-indent:0;padding:6px 12px 6px 72px; border-radius:5px; background:url(../images/headbg.png) repeat;}
.slide li .text a{color:#fff;font-size:14px;line-height:17px;float:left;}
.slide li img{width:100%;height: auto;}
.slide li .text .title{ position:absolute; left:12px; width:60px; color:#e39b59; font-size:14px; font-weight:800; line-height:18px;}
.slide li .text p{ float:left; width:100%;color:#fff;font-size:12px; line-height:18px;text-indent:0;c}
.slide li .link{ position:absolute; z-index:99999; left:50%; bottom:106px; line-height:53px; font-size:20px; border:solid 1px #e39b59; border-radius:3px; text-align:center; }
.slide li .link:hover{ text-decoration:none;}
.slide li .link1{ width:312px; color:#fff; margin-left:-156px;}
.slide li .link2{ width:158px; color:#e39b59; margin-left:-79px;}

.slide .triggers{position:absolute;z-index:9999999;width:232px; left:50%; margin-left:-116px;text-align:center;bottom:146px;height:38px;padding:0 0 8px;}
.slide .triggers a{ float:left; margin:0 8px; width:42px; height:4px; background:#fff;}
.slide .triggers a:hover{ background:#e39b59;text-decoration:none;}
.slide .triggers a.current{ background:#e39b59;text-decoration:none;}
.slide .triggers a img{width:58px;height:38px;border:1px #999 solid;vertical-align:middle;opacity:.6;}
.slide .triggers a.current img{border:2px #2fac00 solid;opacity:1;}

.slide .link-watch{ width:85px;height:212px;display:block;position:absolute;top:50%; margin-top:-106px; background:url(../images/arrow.png) no-repeat 0 -218px;filter:alpha(opacity=60);cursor:pointer; z-index:9999999;}
.slide .link-watch.pre{left:30px;}
.slide .link-watch.next{right:30px;background-position:right -218px;}
.slide .link-watch.down{background-position-y:-2px;}

@media screen and (max-width:1200px){
.slide li .image{position:absolute;top:-2px;left:-2px; width:100%;}
.slide li img{ position:relative;width:1000px;height: auto; left:50%; margin-left:-500px;}
.slide li .text{bottom:120px;}
.slide li .link{  bottom:25px;}
.slide .triggers{bottom:65px;}

.slide .link-watch{width:43px;height:106px; margin-top:-106px; background:url(../images/arrow-p.png) no-repeat 0 -110px;}
.slide .link-watch.pre{left:10px;}
.slide .link-watch.next{right:10px;background-position:right -110px;}
.slide .link-watch.down{background-position-y:-2px;}
}

/*业务*/
.yewubox{padding-top:170px;}
.yewuboxbg{ background:url(../images/bg-01.jpg) no-repeat center top;}
.yewubox h1{ font-size:25px; text-align:center; color:#fff; line-height:50px;}
.yewubox h2{ font-size:25px; text-align:center; color:#e39b59; font-family:Georgia, "Times New Roman", Times, serif; line-height:45px;}
.yewubox .icon{ width:100%; max-width:950px; float:none; margin:108px auto 50px auto;}
.yewubox .icon a{ float:left; width:190px; padding:0 15px; color:#fff; position:relative; z-index:9999;}
.yewubox .icon i{ position:absolute; left:0; top:0; width:190px; height:100%; background:#ffab5e; z-index:500;clip: rect(250px,190px,250px,0);
-webkit-transition: all .5s ease-in-out .4s;
-moz-transition: all .5s ease-in-out .4s;
-ms-transition: all .5s ease-in-out .4s;
-o-transition: all .5s ease-in-out .4s;
transition: all .5s ease-in-out .4s;}
.yewubox .icon a:hover{ color:#e39b59;}
.yewubox .icon a:hover i{clip: rect(0,190px,250px,0);}
.yewubox .icon dl{ float:left; width:100%; position:relative; z-index:9999;}

.yewubox .icon dl .roll{ position:absolute; left:0; top:0; width:160px; height:160px;}
.yewubox .icon dl em{ position:absolute; left:0; top:0; width:100%; height:100%;display: block; background-repeat: no-repeat;background-image:url(../images/yewu-roll.png); background-position:0 0;
-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;
}

.yewubox .icon dl .rl{clip: rect(0,80px,160px,0);}
.yewubox .icon dl:hover .rl{clip: rect(160px,80px,160px,0);}
.yewubox .icon dl .rr{clip: rect(0px,160px,160px,80px);}
.yewubox .icon dl:hover .rr{clip: rect(0px,160px,0,80px);}


.yewubox .icon dt{ float:none; width:160px; margin:0 auto; height:160px;
-webkit-transition: all .5s ease-in-out .8s;
-moz-transition: all .5s ease-in-out .8s;
-ms-transition: all .5s ease-in-out .8s;
-o-transition: all .5s ease-in-out .8s;
transition: all .5s ease-in-out .8s;}
/*.yewubox .icon .icon01 dt{background:url(../images/yewu-01.png) no-repeat -160px top;}
.yewubox .icon .icon02 dt{background:url(../images/yewu-02.png) no-repeat -160px top;}
.yewubox .icon .icon03 dt{background:url(../images/yewu-03.png) no-repeat -160px top;}
.yewubox .icon .icon04 dt{background:url(../images/yewu-04.png) no-repeat -160px top;}
.yewubox .icon .icon05 dt{background:url(../images/yewu-05.png) no-repeat -160px top;}*/
.yewubox .icon .icon01 dt{background:url(../images/yewu-01.png) no-repeat -60px -223px;}
.yewubox .icon .icon02 dt{background:url(../images/yewu-02.png) no-repeat -60px -223px;}
.yewubox .icon .icon03 dt{background:url(../images/yewu-03.png) no-repeat -60px -223px;}
.yewubox .icon .icon04 dt{background:url(../images/yewu-04.png) no-repeat -60px -223px;}
.yewubox .icon .icon05 dt{background:url(../images/yewu-05.png) no-repeat -60px -223px;}

.yewubox .icon a:hover dt{ background-position: -60px -223px; border-bottom:solid 1px #fff;}
.yewubox .icon dd{ float:left; width:100%; font-size:18px; line-height:90px; text-align:center;}
.yewubox .icon a:hover dd{ color:#fff;}

@media screen and (max-width:1200px){
.yewubox{padding-top:90px;}
.yewubox h1{ font-size:20px; line-height:35px;}
.yewubox h2{ font-size:20px;line-height:35px;}
.yewubox .icon{ margin-top:20px; padding:0 2%;}
.yewubox .icon a{width:33.33%; padding:0 1.66%; margin:0 0 10px 0;}

.yewubox .icon i{ position:absolute; left:50%; top:0; width:80px; height:130px; margin-left:-40px; background:#ffab5e; z-index:500;clip: rect(130px,190px,130px,0);}
.yewubox .icon a:hover{ color:#e39b59;}
.yewubox .icon a:hover i{clip: rect(0,190px,130px,0);}
.yewubox .icon dl{ float:left; width:100%; position:relative; z-index:9999;}

.yewubox .icon dl .roll{ position:absolute; left:50%; top:0; width:80px; height:80px; margin-left:-40px;}
.yewubox .icon dl em{ position:absolute; left:0; top:0; width:100%; height:100%;display: block; background-repeat: no-repeat;background-image:url(../images/yewu-rolla.png); background-position:0 0;
-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;
}

.yewubox .icon dl .rl{clip: rect(0,40px,80px,0);}
.yewubox .icon dl:hover .rl{clip: rect(80px,40px,80px,0);}
.yewubox .icon dl .rr{clip: rect(0px,80px,80px,40px);}
.yewubox .icon dl:hover .rr{clip: rect(0px,80px,0,40px);}


.yewubox .icon dt{ float:none; width:80px; margin:0 auto; height:80px;}
.yewubox .icon .icon01 dt{background:url(../images/yewu-01a.png) no-repeat;}
.yewubox .icon .icon02 dt{background:url(../images/yewu-02a.png) no-repeat;}
.yewubox .icon .icon03 dt{background:url(../images/yewu-03a.png) no-repeat;}
.yewubox .icon .icon04 dt{background:url(../images/yewu-04a.png) no-repeat;}
.yewubox .icon .icon05 dt{background:url(../images/yewu-05a.png) no-repeat;}
.yewubox .icon a:hover dt{ background-position:left top; border-bottom:solid 1px #fff;}
.yewubox .icon dd{ float:left; width:100%; font-size:14px; line-height:45px; text-align:center;}
.yewubox .icon a:hover dd{ color:#fff;}

.yewubox .icon .icon04,.yewubox .icon .icon05{ width:40%; margin:0 5%; padding:0;}
}


/*体验*/
.expeboxbg{ background:url(../images/bg-03.jpg) no-repeat center top;}
.expebox .main{ width:100%; min-height:689px; max-width:769px; float:none; margin:0 auto; position:relative;padding-top:145px;}


#slides,#slides li{width:100%;height:100%;}
#slides{ display:block;overflow:hidden;position:relative;margin:0 auto; height:650px;}
#slides li{ display:block;position:absolute;overflow:hidden;}
#slides li .image{ display:block;position:absolute;top:-2px;left:-2px;}
#slides li .text{ display:block; position:absolute; left:50%; bottom:219px; margin-left:-153px;overflow:hidden;width:306px; text-indent:0;padding:6px 12px 6px 72px; border-radius:5px; background:url(../images/headbg.png) repeat;}
#slides li .text a{ display:block;color:#fff;font-size:14px;line-height:17px;float:left;}
#slides li img{ display:block;width:100%;height: auto;}
#slides li .text .title{ display:block; position:absolute; left:12px; width:60px; color:#e39b59; font-size:14px; font-weight:800; line-height:18px;}
#slides li .text p{ display:block; float:left; width:100%;color:#fff;font-size:12px; line-height:18px;text-indent:0;c}
#slides li .link{ display:block; position:absolute; z-index:99999; left:50%; top:545px; line-height:53px; font-size:20px; border:solid 1px #e39b59; border-radius:3px; text-align:center;width:312px; color:#fff; margin-left:-156px; }
#slides li .link:hover{ display:block; color:#e39b59; text-decoration:none;}


#full-screen-slider{ position: relative;}
#pagination{position:absolute;z-index:1000;width:140px; left:50%; margin-left:-70px;text-align:center;top:520px;height:38px;padding:0 0 8px;}
#pagination li{ float:left;}
#pagination li a{ float:left; margin:0 10px; width:8px; height:8px; background:#fff; border-radius:20px; text-indent:-9999px;}
#pagination li:hover a{ background:#e39b59;text-decoration:none;}
#pagination li.current a{ background:#e39b59;text-decoration:none;}
#pagination a img{width:58px;height:38px;border:1px #999 solid;vertical-align:middle;opacity:.6;}
#pagination a.current img{border:2px #2fac00 solid;opacity:1;}


@media screen and (max-width:1200px){
.expebox .main{min-height:0px; max-width:500px; width:100%; height:100%;padding-top:100px; overflow:hidden;}
#slides{ position:relative; max-height:465px; min-height:300px; height: auto; height:100%;}
#slides li .image{position:absolute;top:-2px;left:-2px;}
#full-screen-slider{ position:static;height: 100%;}
#slides li .link{ top: auto; bottom:15px; }
#pagination{width:235px; margin-left:-100px;text-align:center;top:520px;height:38px;padding:0 0 8px; top: auto; bottom:65px; padding-left:35px;}
#pagination li a{ float:left; margin:0 10px; width:20px; height:20px; background:#fff; border-radius:20px; text-indent:-9999px;}
}

/*案例*/

.casebox{padding-top:85px;}
.caseboxbg{ background:url(../images/bg-02.jpg) no-repeat center top;}
.casebox h1{ font-size:28px; text-align:center; color:#fff; line-height:40px;}
.casebox h2{ font-size:45px; text-align:center; color:#e39b59; font-family: Verdana, Geneva, sans-serif; line-height:65px;}
.casebox h3{ display:none;}
.casebox .list{ width:100%; max-width:1208px; float:none; margin:8% auto 50px auto;}
.casebox .list a{ float:left; width:302px; height:200px; padding:0 7px; margin-bottom:20px;}
.casebox .list a dl{ float:left; width:288px; height:340px; background:#fff;}
.casebox .list a dl dt{ float:left; width:100%;}
.casebox .list a dl dt img{ float:left; width:288px; height:auto;transition:All 0.3s ease-in-out;    -webkit-transition:All 0.3s ease-in-out;    -moz-transition:All 0.3s ease-in-out;    -o-transition:All 0.3s ease-in-out;}
.casebox .list a:hover dl dt img {transform:translate(0,-10px);    -webkit-transform:translate(0,-10px);    -moz-transform:translate(0,-10px);    -o-transform:translate(0,-10px);    -ms-transform:translate(0,-10px);}
.casebox .list a dl dd{ float:left; width:100%; padding:3px 6px; height:70px;}
.casebox .list a dl dd p{ float:left; width:100%; font-size:15px; color:#000; line-height:22px;}
.casebox .list a dl dd span{ float:left; width:100%; font-size:12px; color:#7f7f7f; line-height:18px;}
@media (min-width:320px) and (max-width:1024px){
.casebox .list a dl dt img{ float:left; width:100%; height:auto;transition:All 0.3s ease-in-out;    -webkit-transition:All 0.3s ease-in-out;    -moz-transition:All 0.3s ease-in-out;    -o-transition:All 0.3s ease-in-out;}
	}
/*课堂*/
.newketang{ background:url(../images/bg-03.jpg) no-repeat center top;}/*新闻中心*/
.congwuketang{ background:url(../images/bg-03_1.jpg) no-repeat center top;}
.casebox .auto { margin:0 auto;width:100%; max-width:1024px;}
.casebox .ketang{ width:100%;float:none; margin:130px auto 80px auto;}
.casebox .ketang li { float:left; width:33%; height:24px; line-height:24px; margin:15px 0; overflow:hidden; }
.casebox .ketang li a { color:#fff; font-size:18px; padding:0 20px;}
.casebox .kt {
    display: block;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 25px;
    line-height: 35px;
    text-align: center;

}

.casebox .kt a {
    border: 1px solid #ffab5e;
    color: #ffab5e;
    padding: 5px 30px;
	border-radius:5px;
}
@media (max-width:1024px){
	.casebox .ketang {padding:0 20px;}
	.casebox .ketang li { width:50%;}
	
	}
@media (max-width:768px){
	.headbox{ width:100%; height:40px; float:left; position: fixed; top:0; left:0; z-index:99999999; background:url(../images/headbg.png) repeat;}
    .head .logo img{height: 40px;}
    .navbox-trigger{width:40px; height:40px;}
    .head .nav li a{height:30px; font-size:12px;}
    .head .nav li{ float:left; width:60px; margin-right:16px; line-height:30px;}
    .head .nav{top:40px;}
    
    
	.casebox .ketang {padding:0 20px; margin-top:20px; margin-bottom:20px; text-align:center;}
	.casebox .ketang li {width:100%; margin:10px 0;}
	.casebox .ketang li a{font-size:15px; }
	
	}
@media screen and (min-width:901px) and (max-width:1200px){
.casebox h3{ display: block; text-align:center; font-size:25px; line-height:35px; font-family: Verdana, Geneva, sans-serif;}
.casebox h3 a{ color:#ffab5e; border: dotted 1px #ffab5e; padding:5px 15px;}
.casebox h3 a:hover{ color:#fff; background:#ffab5e; border:soild 1px #ffab5e; text-decoration:none;}
.casebox .list{ max-width:900px; margin-bottom:15px;}
.casebox .list a{ width:225px; height: auto; padding:0 7px;}
.casebox .list li{ display:none;}
.casebox .list li:first-child,.casebox .list li:nth-child(2),.casebox .list li:nth-child(3),.casebox .list li:nth-child(4){ display:block;}
.casebox .list a dl{ width:211px;}
.casebox .ketang{max-width:900px; margin-bottom:15px;}
}
@media screen and (max-width:900px){
.casebox h3{ display: block; text-align:center; font-size:25px; line-height:35px; font-family: Verdana, Geneva, sans-serif;}
.casebox h3 a{ color:#ffab5e; border: dotted 1px #ffab5e; padding:5px 15px;}
.casebox h3 a:hover{ color:#fff; background:#ffab5e; border:soild 1px #ffab5e; text-decoration:none;}
.casebox .list{ max-width:900px; padding:0 2%; margin-bottom:15px;}
.casebox .list a{ width:45%; height:auto; padding:0; margin:0 2.5% 20px 2.5%;}
.casebox .list li{ display:none;}
.casebox .list li:first-child,.casebox .list li:nth-child(2){ display:block;}
.casebox .list a dl{ width:100%; height:auto;}
}

/*资源*/
.resobox{padding-top:125px;}
.resoboxbg{ background:url(../images/bg-04.jpg) no-repeat center top;}
.resobox h1{ font-size:28px; text-align:center; color:#fff; line-height:40px;}
.resobox h2{ font-size:45px; text-align:center; color:#e39b59; font-family: Verdana, Geneva, sans-serif; line-height:65px;}
.resobox .list{ width:100%; max-width:1000px; float:none; margin:40px auto 100px auto;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.resobox .list li{ float:left; width:200px; height:140px; overflow:hidden; cursor:pointer; border:solid 1px #fff; border-top:none; border-right:none;}
.resobox .list1 li{ border-top:none;}
.resobox .list1{ margin-bottom:0;}
.resobox .list2{ margin-top:0;}
.resobox .list2 li{ border-bottom:none;}
.resobox .list li:first-child{ border-left:none;}
.resobox .list li img{ float:left; width:200px; height:280px;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;  transition:All 0.3s ease-in-out;    -webkit-transition:All 0.3s ease-in-out;    -moz-transition:All 0.3s ease-in-out;    -o-transition:All 0.3s ease-in-out;}
.resobox .list li:hover img{transform:translate(0,-140px);    -webkit-transform:translate(0,-140px);    -moz-transform:translate(0,-140px);    -o-transform:translate(0,-140px);    -ms-transform:translate(0,-140px);}
.resobox .list-p{ display:none;}

@media screen and (min-width:901px) and (max-width:1200px){
.resobox{padding-top:100px;}
.resobox h2{ font-size:30px; line-height:45px;}
.resobox .list{ display:none;}
.resobox .list-p{ display:block; width:100%; max-width:900px; float:none; margin:20px auto 100px auto;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; padding:0 3%;}
.resobox .list-p li{ float:left; width:80%; margin:0 10%; overflow:hidden; cursor:pointer; border:none; font-size:15px; line-height:35px; color:#fff; text-align:center; filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.resobox .list-p li span{ background:url(../images/point.png) no-repeat left center; padding-left:25px;}
}

@media screen and (max-width:900px){
.resobox{padding-top:100px;}
.resobox h2{ font-size:30px; line-height:45px;}
.resobox .list{ display:none;}
.resobox .list-p{ display:block; width:100%; max-width:900px; float:none; margin:20px auto 100px auto;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; padding:0 3%;}
.resobox .list-p li{ float:left; width:80%; margin:0 10%; overflow:hidden; cursor:pointer; border:none; font-size:15px; line-height:35px; color:#fff; text-align:center; filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.resobox .list-p li span{ background:url(../images/point.png) no-repeat left center; padding-left:25px;}
}

/*关于*/
.about-boxbg{background:url(../images/bg-05.jpg) no-repeat center top;}
.about-box .tabs{position: absolute;z-index:1000;width:75px; left:45%; top:180px; margin-left:-508px;text-align:center; line-height:50px; z-index:9999;}
.about-box .tabs a{ float:left; width:75px; height:50px; font-size:18px; color:#fff; background:#998878;}
.about-box .tabs a:hover{ background:#e39b59;text-decoration:none;}
.about-box .tabs a.active{ background:#e39b59;text-decoration:none;}

.swiper-container{ width:100%; height:100%; float:left; overflow:hidden;}
.swiper-slide{z-index:1000;width:100%; height:100%;  line-height:25px; font-size:14px; color:#fff; padding-top:180px; float:left;}
.swiper-slide .content-slide{ float:left; width:100%; position:relative; cursor: pointer; cursor: hand; cursor:e-resize;}
.swiper-slide .content-slide div{position:absolute; left:25%; width:70%;}

@media screen and (max-width:1200px){
.about-box .tabs{width:90%; left:0; top:80px; margin-left:5%;text-align:center; line-height:30px; z-index:9999;}
.about-box .tabs a{ float:left; width:33.3%; height:30px; font-size:18px; color:#fff; background:#998878; border-right:solid 1px #fff;}
.about-box .tabs a:last-child{ border:none;}

.swiper-container{ width:100%; height:100%; float:left; overflow:hidden; padding:0; position:relative;}
.swiper-slide{z-index:1000;width:100%; height:100%;  margin-left:0;line-height:16px; font-size:12px; color:#fff; padding-top:120px; }
.swiper-slide .content-slide div{position:absolute; left:0; padding:10px 5%; width:370px;}
}







/*联系*/
.contactbox{padding-top:250px;}
.contactboxbg{ background:url(../images/bg-06.jpg) no-repeat center top;}
.contactbox .main{ width:100%; max-width:875px; float:none; margin:0 auto 50px auto;}
.contactbox .main .msg{ float:left; width:100%; }
.contactbox .main .msg .ewm{ float:left; width:123px; height:123px;/* margin-left:76px;*/}
.contactbox .main .msg ul{ float:left; width:255px; margin-left:20px; margin-top:12px; font-size:13px; color:#000; font-weight:800; line-height:25px;}
.contactbox .main .msg .line{ float:left; width:100%; height:2px; margin-top:55px;}
.contactbox .main .btm{ float:left; width:100%; height:125px; background:url(../images/contact-bg.png) no-repeat center center;}
.contactbox .main .link a{padding-right: 10px;padding-bottom: 10px;font-size: 14px;color: #000;}

@media screen and (max-width:1200px){
.contactbox{padding-top:15px;}
.contactbox .main .msg .ewm{ position:relative; float:left; width:123px; height:123px; left:50%; margin-left:-61px;}
.contactbox .main .msg ul{ float:left; width:100%; margin-left:0; text-align:center; margin-top:5px;}
.contactbox .main .msg .line{margin-top:15px;}
.contactbox .main .btm{ height:50px; background:url(../images/contact-bga.png) no-repeat center center;}
}









/*新增*/
.kt-tw li { float: left;
    margin: 15px;
    overflow: hidden;
    width: 30%;
	background:#FFF;
	padding:5px;
	
	}
.kt-tw li h2 { font-size:16px; line-height:24px;}
.kt-tw li p { height:100px; overflow:hidden; font-size:14px;color:#999;padding-top: 10px;}
.kt-tw li a { color:#777;}
.kt-tw li img { float:left; margin-right:10px; width:150px; height:150px;}
.h-z { background:#FFF; width:300px; height:400px; margin:0 auto;}
.h-l { float:left; width:50%;}
.h-r { float:right;}
@media (max-width:768px){
	.kt-tw li { width:90%;}
	.kt-tw { height:200px; overflow:hidden;}
	}

/*合作*/
.about-box-s .tabs { margin-left:-95px; width:200px; top:250px;}
.about-box-s .tabs a { width:100px;}
.about-box-s .swiper-slide { padding-top:350px;}
.about-box-s .swiper-slide .content-slide div { left:25%;}
@media (max-width:1200px){
	.about-box-s .tabs { margin-left:-95px; left:50%; top:200px;}
	.about-box-s .swiper-slide .content-slide div { left:5%; width:90%;}
	.about-box-s .swiper-slide { padding-top:250px;}
	}