@charset "utf-8";
/******= Common =******/


/* Animate */
@-webkit-keyframes moveIcon{0%{-webkit-transform:translateY(-10px);opacity:0;}100%{-webkit-transform:translateY(0);opacity:1;}}
@keyframes moveIcon{0%{transform:translateY(-10px);opacity:0;}100%{transform:translateY(0);opacity:1;}}

/******= Index =******/
.page_index{position:relative;background:url("../images/bg_index.jpg") no-repeat 50% 50%;background-size:100% 100%;}
.page_index{position:absolute;left:50%;top:50%;width:870px;height:576px;margin:-288px 0 0 -435px;text-align:center;}
.page_index .logo a{display:block;width:220px;height:260px;margin:0 auto 90px;overflow:hidden;text-indent:-9999px;background:url("../images/logo_index.png") no-repeat 50% 50%;}
.page_index .copy{margin-top:88px;border-top:1px dotted #7f7e7e;padding-top:25px;}
.page_index .copy p{font-size:10px;line-height:20px;color:#4d4d4d;}

/******= Page =******/
.page_about{background:url("../images/bg.jpg");}
.page_about .top{padding:0 40px;height:115px;overflow:hidden;}
.page_about .logo{float:right;padding:24px 20px 0 0;}
.page_about .logo a{display:block;width:255px;height:75px;overflow:hidden;text-indent:-9999px;background:url("../images/logo.png") no-repeat 50% 50%;}
.page_about .nav{float:left;margin-top:40px;}


.page_about .main{position:relative;height:100%;margin:0 40px;background-color:rgba(255,255,255,0.6);overflow:hidden;}
.page_about .copy{height:48px;padding:0 40px;text-align:right;}
.page_about .copy p{font-size:10px;line-height:48px;color:#4d4d4d;}

.section{position:relative;background-repeat:no-repeat;background-position:left center;background-size:47% 100%;background-attachment:fixed;}


@media screen and (max-width:1199px) {
.section{position:relative;background-repeat:no-repeat;background-attachment:fixed;}

}

.slide{background-repeat:no-repeat;background-position:center center;background-size:100%;}

.tips_icon1{position:absolute;width:47%;height:100%;padding:0 3%;text-align:center;}
.tips_icon1 .arrow{position:absolute;left:50%;bottom:8.6%;width:30px;margin-left:-15px;animation:moveIcon 1s linear infinite forwards;-webkit-animation:moveIcon 1s linear infinite forwards;-moz-animation:moveIcon 1s linear infinite forwards;}
.tips_icon1 .culture{position:absolute;right:-83%;bottom:4%;width:110px;  }
.section .detail{position:relative;width:47%;height:100%;padding:0 3%;/*text-align:center;*/ float:right;}
.section .detail h2{position:relative;display:block;width:90px;height:140px;margin:0 auto 4.3%;text-indent:-9999px;background:url("../images/title.png") no-repeat 0 -9999px;}
.section .detail .writing{position:relative;padding:16px 0;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;}
.section .detail .writing p{font-size:13px;line-height:25px;}

@media screen and (max-width:1199px) {
.section1{ display:none;}
.section .detail{position:relative;width:100%;height:100%;padding:0 3%;text-align:center; float:right;}
#section6{background-image:none;background-size:0% 0%;}

}



#section1 .detail .title{padding-top:15%; text-align:center;}
#section2 .detail .title{padding-top:17%;text-align:center;}
#section4 .detail .title{padding-top:16%;text-align:center;}
#section5 .detail .title{padding-top:9%;text-align:center;}
#section6 .detail .title{padding-top:9%;text-align:center;}

#section1 .detail h2{background-position:0 0;}
#section2 .detail h2{background-position:-90px 0;}
#section4 .detail h2{background-position:-270px 0;}
#section5 .detail h2{width:100px;background-position:-360px 0;}
#section6 .detail h2{width:100px;background-position:-450px 0;}

#section3 h2{position:absolute;display:block;left:3.38%;top:5.4%;z-index:10;width:130px;height:140px;text-indent:-9999px;background:url("../images/title.png") no-repeat -180px 0;}
#section3 .arrow{position:absolute;left:50%;bottom:8.6%;z-index:10;width:30px;margin-left:-15px;animation:moveIcon 1s linear infinite forwards;-webkit-animation:moveIcon 1s linear infinite forwards;-moz-animation:moveIcon 1s linear infinite forwards;}
#section3 .culture{position:absolute;right:3%;bottom:4%;z-index:10;width:110px;}
#section4 ul{display:inline-block;width:100%;margin:0 auto;}
#section4 li{float:left;width:50%;font-size:13px;line-height:25px;text-align:left;}
#section5 .detail img{margin:5px 0;}

#section5 .detail img{margin:5px 0;}

.clearab:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.clearab{zoom:1;}

.pc_show{ display:block;}
.phone_show{ display: none;}

@media screen and (max-width:1199px) {
.pc_show{ display:none;}
.phone_show{ display: block;} 
}








#nav{float:right;clear:both;margin:10px 0;width:887px;height:40px;text-align:center;}
#nav ul{float:left;}
#nav li{position:relative;float:left;height:51px;width:130px;}
#nav a{float:left;display:block;padding-top:6px;width:130px;height:45px;font-size:15px;line-height:18px;blr:expression(this.onFocus=this.blur());outline:0;position:relative}
#nav a:hover,#nav .active a{color:#74362b;text-decoration:none;font-weight:700}
#nav a span{font-size:11px;line-height:12px;padding-bottom:15px;display:block;font-weight:300;cursor:pointer;position:relative}
#nav .n{background:url(../images/i2.png) no-repeat 0 3px;width:16px;height:51px;float:left}
/*#nav li ul{display:none;position:absolute;top:50px;left:-15px;width:116px;padding:10px 0;background:url(../images/nav2.png) repeat-y;z-index:11}
#nav li ul li{line-height:30px;height:30px;margin:0;background-image:none;position:relative;z-index:2}
#nav li ul a,#nav li.active ul a{background:0;font-weight:300;height:auto;color:#000;line-height:24px;width:110px;margin-left:3px;font-size:12px;float:none;padding:0 0 6px;background:url(../images/nav2.png) no-repeat -234px -100px;_background:url(../images/nav2_1.gif) no-repeat 0 -30px}
#nav li ul a:hover{background:url(nav2.png) no-repeat -234px 0;_background:url(../images/nav2_1.gif) no-repeat 0 0;color:#fff;font-weight:300}
#nav li ul .t{position:relative;z-index:2;top:14px;left:0;width:116px;height:4px;font-size:0;line-height:0;overflow:hidden;background:url(../images/nav2.png) no-repeat -116px 0;_background:url(../images/nav2_2.png) no-repeat}*/