* {font-family: "sans-serif";}
body {font-size:18px; color:#5d524d; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-x: hidden;}
input,textarea,select {font-size:12px; color:#000; outline:none;}
h1,h2,h3,h4,h5,h6,button {outline:none; font-weight:normal;}
a {color:#5d524d; text-decoration:none; outline:none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;	-o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
a:hover {color:#ded3cc;}

sup {font-size: 12px;}


.Wrap {width:1140px; margin:auto;}

img {width: 100%; display: block;}

.IndexLogo {width: 150px; position: absolute; top: 30px; left: 40px; z-index: 10;}


.video-back{display:block;padding:200px 0px 0px 0px;text-align:center;}
.video-back h1{display:block;text-align:center;color:#fff;text-shadow:2px 2px 4px #000;font-size:50px;}
.video-back p{display:block;color:#fff;text-shadow:2px 2px 1px #000;margin:0px;padding:0px;margin-bottom:20px;}
.video-back img{width:150px;}

.Slogen {position: absolute; width: 100%; text-align: center; color: #fff; font-size: 60px; top: 50%; margin-top: -150px;}
.Slogen h2 a {width: 150px; line-height: 50px; color: #5d524d; background: #ded3cc; margin: 30px auto; font-size: 14px; display: block;}
.Slogen h2 a:hover {margin: 20px auto;}

.NavIcon {position: fixed; top: 50px; right: 50px; z-index: 10; width: 35px; cursor: pointer; height: 35px; padding: 10px; border-radius: 100%; background: #f9d13e;}
.Nav {position: fixed; z-index: 11; background: #fcf9f8; width: 390px; height: 100%; right: 0px; top: 0px;}
.Nav ul {position: absolute; top: 50%; margin-top: -230px; height: 460px; width: 100%;}
.Nav li a {display: block; text-align: center; font-size: 30px; padding-bottom: 20px;}
.Nav li a.Current {color: #ded3cc;}

.Close {position: absolute; top: 20px; right: 20px; width: 30px; cursor: pointer;}

.BannerTitle {position: absolute; bottom: 50px; width: 100%; text-align: center;}
.BannerTitle h2 {font-size: 18px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;}
.BannerTitle h3 {font-size: 72px;}
.BannerTitle h4 {font-size: 48px;}


#back-to-top {position:fixed; bottom:60px; right:20px; z-index:1000;}
#back-to-top a {display:block; width:35px; height:28px; border-radius: 100%; background:#ded3cc; padding-top:7px; color:#fff; text-align:center;}

.Frame {padding: 100px 0px;}

.Profile {width: 800px; margin: auto;}
.Profile h2 {font-size: 36px; letter-spacing: -1px; padding-bottom: 30px;}

.inner-ban {box-sizing: border-box; height: 420px; position: relative;}
@keyframes mouseMove {
  0% {
    margin-top: 20px;
  }
  50% {
    margin-top: 36px;
  }
  100% {
    margin-top: 20px;
  }
}

.BigTitle {text-align: center; font-size: 48px; padding-bottom: 30px; color: #5d524d;}

.Line {border-left: #ded3cc 1px solid; padding: 20px 0px 10px 20px; width: 800px; margin: auto;}
.Line li {font-size: 24px; padding-bottom: 20px; position: relative; color: #666;}
.Line li:before {content: ""; border-radius: 100%; width: 15px; height: 15px; background: #ded3cc; position: absolute; left: -28px; top: 7px;}


.ProfileMid {background: url(../image/profile.jpg) no-repeat center center; padding: 150px 0px; height: 200px; text-align: center;}
.ProfileMid h2 {font-size: 48px; margin: auto; background: rgba(255,255,255,0.7); width: 540px; line-height: 70px;}
.ProfileMid h3 {font-size: 36px; margin: auto; background: rgba(255,255,255,0.7); width: 540px; line-height: 60px;}
.ProfileMid a {display: block; background: #ded3cc; font-size: 16px; line-height: 50px; width: 280px; margin: 40px auto 0px auto; color: #5d524d; text-transform: uppercase;}
.ProfileMid a:hover {margin: 30px auto 0px auto;}

.Bottom {padding: 50px 0px; text-align: center; background: #f5f5f5;}
.Bottom p {font-size: 18px;}
.Bottom > img {width: 200px; margin: 30px auto;}


.IndexAbout {background: #fcf9f8; padding: 100px 0px;}
.IndexAboutFrame {width: 780px; margin: auto;}
.IndexAboutFrame h2 {font-size: 12px; text-transform: uppercase; letter-spacing: 5px; padding-bottom: 20px}
.IndexAboutFrame h3 {font-size: 36px; padding-bottom: 10px; line-height: 40px;}
.IndexAboutFrame p {color: #666; line-height: 30px;}
.IndexAboutFrame span {display: block; padding: 10px 0px 0px 0px; font-size: 22px;}

.IndexMid {background: #efefef; padding: 100px 0px;}
.IndexMid h2 {font-size: 40px; padding: 100px 0px 40px 0px; line-height: 40px;}
.IndexMid > div > img {float: right; width: 350px; padding-left: 50px;}
.IndexMid p {line-height: 30px;}


.ProfileMidFrame {background: #ded3cc; padding: 60px 0px;}
.ProfileMidFrame p {line-height: 30px; color: #5d524d; opacity: 0.5;}


.News li {float: left; width: 340px; margin: 20px; position: relative;}
.News span {font-size: 16px; color: #062104; letter-spacing: 1px;}
.News h2{padding: 5px 0px 0px 0px; font-size: 16px; height: 40px;}
.News p {color: #888; font-size: 14px;}
.NewsImg {width: 340px; height: 200px; overflow: hidden; margin-bottom: 10px;}
.NewsImg img {transition:transform 1s;}
.News li:hover .NewsImg img {transform:scale(1.3); opacity: 0.8;}
.News em a {width: 150px; line-height: 50px; color: #5d524d; background: #ded3cc; border: #ded3cc 1px solid; margin: 30px auto; font-size: 16px; display: block; text-align: center;}
.News em a:hover {background: #fff; color: #5d524d;}

.NewsTitle h2 {font-size: 40px; padding-bottom: 20px;}
.NewsTitle span {color: #ded3cc; font-size: 16px; letter-spacing: 2px; display: block; padding-bottom: 20px;}

.ND > img {width: 70%; margin: auto;}

.NewsRight {background: #f6f5f0; padding: 15px;}
.NewsRight h2 {font-size: 16px; font-weight: 700;}
.NewsRight a {display: block; background: #fff; margin-top: 20px;}
.NewsRight h3 {font-size: 16px; color: #ded3cc;}
.NewsRight span {font-size: 14px; color: #666; padding-bottom: 5px;}


.NewsPath {margin: 50px 0px 0px 0px; font-size: 18px; border-top: #e5e5e5 1px dashed; padding-top: 19px;}
.NewsPath a {display: block; margin-bottom: 10px; padding-left: 20px; display: block; color: #666;}
.NewsPath a:hover {color: #ded3cc;}
.NewsPath a.NewsPathAleft {background: url(../image/arrow_left.png)left 5px no-repeat;}
.NewsPath a.NewsPathAright{background: url(../image/arrow_right.png)left 5px no-repeat;}
.NewsPath a.NewsBack {background: url(../image/back.png)left center no-repeat; }

.Contact {float: left; width: 50%;}
.Contact h2 {font-size: 18px; font-weight: 700; padding-bottom: 10px;}
.Contact li {line-height: 40px;}
.Contact li.CL {float: left; width: 80px; font-weight: 700; text-align: right;}
.Contact li.CR {margin-left: 100px;}

.ProPic li {float: left; width: 520px; margin: 20px 10px 0px 10px; border: #e5e5e5 1px solid; padding: 14px; background: #fff; text-align: center; line-height: 30px;}



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