@import url('goble.css');
@import url('header.css');
@import url('zhezhao.css');
@import url('animate.css');


.slides-box{width: 100%; height: 100%; margin: auto; overflow: hidden;}
.slides{position: relative; height: 100%; width: 100%; margin: auto; float: left;}
.slides li{position: absolute; width: 100%; height: 100%;}
.slides li img{display: block;width: 100%;height:100%;}

/*.prev, .next{position: absolute; z-index: 99; top: 50%; margin-top: -40px; left: 0; height: 70px; width: 30px; color: #fff; cursor: pointer; background-color: #000; opacity: .5;}
.prev:hover, .next:hover{opacity: .7;}
.prev{background-image: url("data:image/gif;base64,R0lGODlhHgBGAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MkIwQTM1OTQ0MTQ3NDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY0M0UwQjkxMEQ3RTExRTVCOTJFQkFCNkU5QTFCNUE5IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0M0UwQjkwMEQ3RTExRTVCOTJFQkFCNkU5QTFCNUE5IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFCRDY2OUNGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFCRDY2OURGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAHgBGAAACUIyPqcvtD6OctNqLs968+w+G4kiWIYB6aMqtrOYCrTuv9ZvFt7zpPf2zBXEY31Al3CGTQ56yY2wuiTng8yqFWo9Lk/cLDovH5LL5jE6r15oCADs=");}
.next{left: auto; right: 0; background-image: url("data:image/gif;base64,R0lGODlhHgBGAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MkIwQTM1OTQ0MTQ3NDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg0QTYyN0Y0MEQ3RTExRTVBMTAyQURBQ0QxRjY2NTc1IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg0QTYyN0YzMEQ3RTExRTVBMTAyQURBQ0QxRjY2NTc1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFCRDY2OUNGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFCRDY2OURGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAHgBGAAACV4yPqcvtD6OctNqLs968+w+G4kiWFIB+aNqtLOcCXjy79Xq/G93aPf7TaXgwX1GYMQ6VGGKSeXE2oRZplFqxVrEn7kSb9X6BR5P5jE6r1+y2+w2Py+fmAgA7");}*/

.pagination{position: absolute;z-index: 99;}
.pagination li{float: left;}
.pagination li a{display: block; width: 22px;margin:0 5px; height: 4px; border-radius:10px; background: #fff;color: #fff; text-align: center; font-family: Arial;text-decoration: none;}
.pagination .active{background: #F6B42D;}

/*中间*/
.container{width: 1400px;height: 100%;margin:0 auto;}
.container .banner>img{width: 100%;height: auto;}
.container>dl{overflow: hidden;margin-bottom: 20px;margin-top:30px;}
.container>dl>dd{float: left;width: 25%;margin-top: -4px;}
.container>dl>dd>a>img{width: 100%;height:auto;}


/*按钮*/
.mores{clear:both; margin:30px auto;text-align:center; }
.mores a{display:inline-block;line-height:34px; padding:4px 50px; border:1px solid #999; color:#808080;border-radius:5px;font-size:16px;}
.mores a:hover, .moresa:active {background:#fab702; border-color:#fab702; color:#222; text-decoration:none; }



/*通用*/
.Til_title{width: 100%;height: 40px;border-bottom: 4px solid #e6e6e6;}
.cityName{font-size: 18px;height: 40px;float: left;line-height: 40px;color: #0c0300;border-bottom: 4px solid #BC3006;width:80px;}
.cityName em{font-size:14px;position:absolute;font-style: italic;color:#b0b0b0;text-align:left;margin-left:15px;margin-top:2px;}
.cityMore{float: right;color: #999;padding-top:16px;}
.cityMore a{color: #999;background:url(../images/newsmore.png) no-repeat; width:22px; height:18px; display: block;}
.cityMore a:hover{background:url(../images/headMore.png) no-repeat; width:22px; height:18px;}


/*合作 s*/
.works_content{width:1200px;height:100%;margin:20px auto;}
.works_content ul li{position:relative;float:left;width:16.5%;}
.works_content ul li img{width:180px;height:100px;vertical-align:middle;margin:10px;}

.works_content ul li .border-left{width: 1px;height: 0px;background:rgba(246, 180, 45, 0.5);position:absolute;left:-1px;bottom: 0;}
.works_content ul li .border-bottom{width: 0px;height: 1px;background: rgba(246, 180, 45, 0.5);position:absolute;left:0;bottom: 0px;}
.works_content ul li .border-top{width: 0px;height: 1px;background: rgba(246, 180, 45, 0.5);position:absolute;right:0;top: 0px;}
.works_content ul li .border-right{width: 1px;height: 0px;background: rgba(246, 180, 45, 0.5);position:absolute;right:-1px;top: 0;}

/*联系我们*/
.conatct-box{width:1150px;height:100%;margin:20px auto;}
.conatct-box .conatct-left{width:500px;float: left;margin-top: 100px;}
.conatct-box .conatct-left .contact-info{width: 100%;margin:40px auto;height:90px;border-left:1px solid #F6B42D;padding-left: 10px;}
.conatct-box .conatct-left .contact-info p{width: 100%;font-size:16px;height: 30px;line-height: 30px;color:#999;}

.conatct-box .conatct-left .contact-code{width: 100%;margin: 20px auto;}
.conatct-box .conatct-left .contact-code img{float: left;}

.conatct-box .conatct-left .foot-logo{clear:both;width:100%;}
.conatct-box .conatct-left .foot-logo img{width:115px;height: 15px;margin-top: 60px;}


.conatct-box .conatct-right{width:650px;float: right;}
.conatct-box .conatct-right img{width:100%;height: auto;}


/*人物*/
.renwu-box{width:1200px;height:420px;margin:20px auto;}

.renwu-box ul li{width: 280px;height:410px;float: left;margin:0 10px;background:rgba(0,0,0,.25);text-align: center;position: relative;overflow:hidden}
.renwu-box ul li h3{line-height:35px;font-size: 16px;font-weight: bold;color:#fff;}
.renwu-box ul li h5{line-height:30px;font-size: 14px;font-weight: normal;color:#fff;}
.renwu-box ul li p{line-height:20px;height:20px;font-size: 14px;font-weight: normal;overflow: hidden;color:#fff;text-transform: uppercase;}
.renwu-box ul li .member-image{transition:.5s;width:280px;display:inline-block;}
.renwu-box ul li .member-image img{width:280px;height:auto;}
.renwu-box ul li .member-info{transition:.5s;height: 80px;}
.renwu-box ul li:hover .member-image{border-bottom:0;border-radius:0 50px;height:200px;display:inline-block;overflow:hidden;width:260px;transition:.4s}

.load-more{width:100px;margin: 40px auto 20px auto;text-align: center;}
.load-more a{margin:0 auto;font-size:16px;color:#F6B42D;font-weight:bold;text-transform: uppercase;}
.load-more p{display: block;font-size: 14px;color:#F6B42D;border-bottom: 2px solid #F6B42D;padding: 5px 0;}

/*模块*/
#index-side{position: fixed; left: 0;right:0;top: 20%;z-index: 10; width: 100px; height:500px; background:url('../images/left-navs-bg.png')  no-repeat center top;}

#menu {position: absolute;left:45px;top:75px; width: 6px; margin:0 auto; padding: 0; list-style-type: none;}
#menu li{float: left;width:100%;height:80px;line-height: 80px;}

#menu .menu-info{width:90px;height:28px;line-height:28px;margin: 0 auto;}
#menu .menu-info i{float:left;display: block;width: 6px; height: 28px;overflow: hidden;background:transparent;z-index: 9999;border-radius:6px;}
#menu .menu-info span{float: right;width:60px;height:30px;display: block;color:#999;font-size: 12px;}

/*#menu .active .menu-info i{width: 6px; height: 28px;background: #F6B42D;border-radius:6px;}*/
#menu .active .menu-info i{width: 6px; height: 28px;background: #F6B42D;border-radius:6px;}
#menu .active .menu-info span{color: #F6B42D;font-size: 12px;}




.section{position:relative;left:0;top:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.section-content{position:relative;display:block;top:20%;width: 80%;height:100%;margin: 0 auto;}

#superContainer{height: 100%; position: relative;}

.slide{float: left;}
.slide, .slidesContainer{height: 100%; display: block;}
.slides{height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.tableCell{/*display: table-cell;*/ vertical-align: middle; width: 100%; height: 100%;}
.slidesContainer{float: left; position: relative;}

.controlArrow{position: absolute; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px;}
.controlArrow.prev{left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent;}
.controlArrow.next{right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff;}

.scrollable{overflow: scroll;}

.easing{-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out;}

#fullPage-nav{position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1;}
#fullPage-nav.right{right: 17px;}
#fullPage-nav.left{left: 17px;}

.fullPage-slidesNav{position: absolute; z-index: 4; left: 50%; opacity: 1;}
.fullPage-slidesNav.bottom{bottom: 17px;}
.fullPage-slidesNav.top{top: 17px;}

#fullPage-nav ul,.fullPage-slidesNav ul{margin: 0; padding: 0;}
#fullPage-nav li,.fullPage-slidesNav li{display: block; width: 14px; height: 13px; margin: 7px; position:relative;}
.fullPage-slidesNav li{display: inline-block;}
#fullPage-nav li a,.fullPage-slidesNav li a{display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
#fullPage-nav li .active span,.fullPage-slidesNav .active span{background: #333;}
#fullPage-nav span,.fullPage-slidesNav span{top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1;}

.fullPage-tooltip{position: absolute; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; top: -2px;}
.fullPage-tooltip.right{right: 20px;}
.fullPage-tooltip.left{left: 20px;}


/*通用*/
.section-box{width:1200px;height:110px;margin: 10px auto;}
.section-box .section-til{width: 100%;}
.section-box .section-til em{font-size: 56px;color:#707070;float: left;font-family: FZYXFW;font-weight:bold;}
.section-box .section-til span{line-height:75px;font-size: 28px;color:#868686;float: right;}
.section-box .section-til p{clear:both;width:100%;font-size: 14px;color:#868686;height:35px;line-height: 35px;border-top: 1px solid #aaa;}


/*作品 切换*/
.project{width: 1200px;height:450px;margin: 0 auto;position: absolute;left: 0;right: 0;text-align: center;}
.project li {width:300px; height:450px; overflow: hidden;position: absolute;}
.project li a {display: block; width:300px; height:450px; color: #fff;}
.project li img{width:420px;height:630px;}

.project li p{position: absolute; top: 170px;left:0;right:0;width:300px;color: #fff;text-align: center;z-index: 999; text-transform: uppercase; }

.project li p.project-cn{font-size: 24px;}
.project li p.project-en{font-size: 18px;margin-top: 40px;}
.project-bg {position: absolute; top: 0; left: 0;right:0; background: #000;opacity: .6; filter: alpha(opacity=60); width:100%; height:450px; z-index: 1; }
.project li a:hover .project-bg {opacity: 0;}
.project li a:hover .project-bg p{position: absolute; top: 0; left: 0;right:0;width: 420px;margin: 0 auto;text-align: center;}