*{margin:0;padding:0;font-family:'微软雅黑',microsoft yahei;outline:none;color:#333}
html{display:block;overflow-x:hidden;} 
body{background:#fff;display:block;-webkit-text-size-adjust:none;overflow-x:hidden;width:100%;margin:0 auto; }
footer,header,section,figure,nav,article,aside,hgroup{display:block;}
audio,canvas,progress,video{display: inline-block;vertical-align: baseline;vertical-align:top;}
audio:not([controls]) {display: none;height: 0;}
img{vertical-align:middle;border:none;}
svg:not(:root) {overflow: hidden;}
button,input,optgroup,select,textarea {font: inherit;color: inherit;}
button {overflow: visible;}
button,select { text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;background:none}
input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box;  padding: 0;margin-right:5px;width:auto;max-height:16px;max-width:16px;position:relative;top:1px}
fieldset {padding: .35em .625em .75em;margin: 0 2px;border: 1px solid #c0c0c0;}
fieldset {padding: .35em .625em .75em;margin: 0 2px;border: 1px solid #c0c0c0;}
legend {padding: 0; border: 0;}
textarea {overflow: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top}
option{padding:5px 0;display:block;line-height:20px;text-indent:10px;}
optgroup {font-weight: bold;}
table { border-spacing: 0;border-collapse: collapse;width:100%}
td,th {padding: 0;}
b,i,em,span{color:inherit}
input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
a{text-decoration: none;border: 0;color:inherit;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
a:active,a:hover{ outline: 0;outline:none;color:#50331b} 
hr {border: none;height:0;}
p {margin: 0;display:block;}
ul,ol,dl { padding:0;margin:0;}
li{list-style:none;padding:0;margin:0;}
dt,dd {font-weight:normal;display:block;color:inherit}
table { background-color: transparent;width:100%;}
caption { padding-top: 8px;padding-bottom: 8px;color: #777; text-align: left;}
th {text-align: left;}
input[type="file"] {display: block;}
input[type="range"] {display: block;width: 100%;}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {outline:none}
output {display: block;font-size:14px; line-height: 14px;color: #333333;}
input::placeholder,textarea::placeholder{ color: #777;}
input::-webkit-input-placeholder,textarea:-moz-placeholder{color: #999;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#999;}
input[type="radio"],input[type="checkbox"]{width:14px;outline:none;}
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled { cursor: not-allowed;}
button{border:none}
.pager {text-align:center;font-size:0;clear:both;letter-spacing:-4px;padding-top:1%}
.pager a {-webkit-transition:all 0.5s ease;background:#fff;transition:all 0.5s ease;display: inline-block;vertical-align:top;letter-spacing:normal;padding:0 10px;line-height:28px;color:#333;font-size:14px;margin:4px;border:1px solid #333;border-radius:2px }
.pager a.sp{border:none;margin:0;}
.pager.sp  a,.pager.sp span {color:#fff;}
.pager span{line-height:28px;color:#333;font-size:14px; padding:0 10px; display:inline-block;letter-spacing:normal;margin:4px;border:1px solid #333;border-radius:2px }
.pager  a:hover,.pager a:focus,.pager span.current {background:#50331b;border-color:#50331b;color:#fff }
.pager.sp li > a:hover,.pager.sp li > a:focus,.pager.sp li.active > a {background:#50331b;border-color:#50331b;color:#fff  }
select{padding:0 0 0 10px;-webkit-appearance:none;-moz-appearance:none; -ms-appearance:none; appearance:none;}
.clear::after{clear:both;display:block;content:"";width:100%;}
.clear{clear:both;display:block;}
.label{position:relative;display:block;padding-bottom:75%;overflow:hidden;width:100%}
.label>img{position:absolute;top:0;left:0;height:100%;min-width:100%;}
.head{background:#ffffff;box-shadow:0 2px 4px rgba(0,0,0,.2);height:120px;position:relative;z-index:3000 }
.cont{width:1200px;margin:0 auto;position:relative;}
.guide{text-align:center;font-size:0;text-align:center;letter-spacing:-5px;}
.guide a{margin:0  25px;display:inline-block;vertical-align:top;font-size:14px;letter-spacing:normal;position:relative;line-height:120px;height:120px}
.guide a::after{width:0px;height:3px;background:#50331b;position:absolute;content:"";display:block;top:66%;left:50%;margin-left:0px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
a.logo{margin:0 40px}
a.logo img{max-width:100%}
.guide a.active{color:#50331b;font-weight:bold; }
.guide a.active::after,.guide a:hover::after{width:10px;margin-left:-5px}
.bg{clear:both;position:relative;overflow:hidden; }
.long{padding-bottom:5.5%;clear:both;display:block;}
.margin{height:80px;clear:both;display:block;}
@font-face{
    font-family:apple;
     src:url(thin.ttf);
}
.home{text-align:center;padding-top:5.5%;padding-bottom:3%;}
.home dt{font-size:17px;line-height:1.1;padding-bottom:0.5%;font-weight:bold;font-family:apple }
.home dd{font-size:42px;color:#b6b4b0;line-height:1;padding-bottom:1.5%;font-weight:200;font-family:apple }
.home img{display:block;margin:0 auto}
.vr{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.foot{background:#fcf9f3;clear:both;padding:5% 0} 
.one{width:22%;padding-right:5%;text-align:center;}
.one img{max-width:90%}
.three{padding-left:5%}
.two{white-space:nowrap;border-left:1px solid #e6e3de;border-right:1px solid #e6e3de;text-align:center;padding:0 5%;width:48%}
.web{display:inline-block;color:#222;margin:0 9%;vertical-align:top;text-align:left;}
.web dt{font-size:14px;line-height:2;display:block;margin-bottom:15px;padding-top:10px}
.web dt a{color:#222;font-weight:bold;}
.web dd{min-height:48px}
.web dd a{font-size:12px;line-height:2;display:block;}
.way dd{font-size:12px;line-height:18px;padding:6px 0;color:#222;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.way dd img{margin-right:9px}
.way dd img.sp{display:none}
.way dd:hover{color:#50331b}
.way dd:hover img{display:none;}
.way dd:hover img.sp{display:inline;}
.way dt{font-size:14px;color:#222;margin-bottom:10px}
.cod{margin-top:24px;display:inline-block;}
.cod img{max-width:95px;} 
.cod dd{font-size:12px;color:#222;padding-top:4px;text-align:center;}
.copy{background:#50331b;color:#fff;text-align:center;font-size:14px;padding:1.5% 0}
.scroll{position:fixed;right:50%;margin-right:-650px;bottom:20%;z-index:3000;display:none;}
.scroll img.vr{position:absolute;top:0;left:0;filter:alpha(opacity=0);opacity:0;}
.scroll:hover img.vr{filter:alpha(opacity=100);opacity:1;}
.news li{width:31.4%;float:left;margin-bottom:3%}
.news li:nth-child(3n-1){margin-left:2.9%;margin-right:2.9%;}
a.cover{padding-bottom:60%;position:relative;display:block;overflow:hidden;}
a.cover label{font-size:32px;line-height:1.1;color:#fff;padding:5px 12px;background:#50331b;position:absolute;top:0;left:9%;text-align:center;border-radius: 0 0 6px 6px;}
a.cover label span{display:block;font-size:50%}
a.cover::after{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/da.png) no-repeat center center;background-size:cover;content:"";filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.news li dd{font-size:16px;line-height:28px;color:#777}
.news li dt{padding:4.5% 0 3%;color:#222;font-weight:bold;}
.news li dt a{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:top;max-width:100%;}
.news li.ac  a.cover label{-webkit-transform:translateY(-100%);transform:translateY(-100%);}
.news li.ac  a.cover::after{filter:alpha(opacity=100);opacity:1;}
.news li.ac dt a{color:#50331b} 
.news::after{clear:both;content:"";display:block;}
.souce{width:1380px;margin-left:-90px;overflow:hidden;}
.his{font-size:0;letter-spacing:-5px;white-space:nowrap;padding:0 60px;position:relative;}
.his li{width:168px;display:inline-block;vertical-align:bottom;padding-right:50px;text-align:right;letter-spacing:normal;}
.his li>img{position:relative;vertical-align:top;left:4px} 
.rong{padding:8px 13px 11px;border:2px solid #fff;background:#fff;color:#222;text-align:left;white-space:normal}
.his li:hover .rong,.his li.active .rong{background:none;color:#fff}
.rong dt{font-size:16px;margin-bottom:12px}
.rong dt::after{width:34px;height:2px;background:#222;content:"";display:block;margin-top:11px}
.his li:hover .rong dt::after,.his li.active .rong dt::after{background:#fff}
.rong dd{font-size:14px;line-height:21px;filter:alpha(opacity=60);opacity:.6;}
.his.sp{margin-left:10px}
.his.sp li{padding-left:50px;padding-right:0;text-align:left;vertical-align:top}
.his.sp li>img{left:-3px} 
.ring{border-bottom:1px solid #fff;clear:both;position:relative;margin:-6px 0 -4px;z-index:300}
.ar{position:absolute;top:-12px;right:0;background:#1a130c;border-radius:50%;cursor:pointer;}
.al{position:absolute;top:-12px;left:0;background:#1a130c;border-radius:50%;cursor:pointer;}
.skill li{width:19%;float:left;margin-right:1.25%;margin-bottom:1.25%;position:relative;cursor:pointer;}
.skill li:nth-child(5n){margin-right:0}
.skill li::after{border:5px solid #50331b;width:100%;height:100%;content:"";display:block;position:absolute;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pmo{display:none}


 @media screen and (max-width: 1400px) {
.souce{width:100%;margin-left:0} 
 }

 @media screen and (max-width: 1200px) {
.cont{width:98%; }
.guide a,a.logo{margin:0 1%}
.home dd{font-size:30px}
.scroll{right:2%;margin-right:0}

 }
 @media screen and (max-width: 1000px) { 
 a.logo{width:30%}
 .his li{padding-right:20px}
 .his.sp li{padding-left:20px}
 }
 
 @media screen and (max-width: 800px) {  
.logo{max-height:30px;max-width:70%; }
a.menu{position:fixed;z-index:4000;display:block;width:40px;height:40px;top:20px;right:2%;}
a.menu b{height:4px;display:block;background:#50331b;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;margin-top:4px;box-shadow:0 0 2px 1px #fff}
a.menu b.sp{margin-top:10px;}
a.menu b.mi{margin-top:10px;}
a.menu.active b{margin-top:18px;margin-bottom:-4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
a.menu.active b.sp{margin-top:-4px; }
a.menu.active b.mi{margin-top:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.head{height:0px;background:none}
a.logo{position:absolute;top:0px;left:-2px;width:100px;}
.guide{width:200px;background:#fff;margin-top:0;position:fixed;top:0;padding-top:80px;padding-bottom:20px;z-index:4000;-webkit-transition:all 1.5s cubic-bezier(0.5,0,0.03,1);transition:all 1.5s cubic-bezier(0.5,0,0.03,1);right:-210px;}
.guide.active{right:0;box-shadow:0 0 14px rgba(0,0,0,.5)}
.guide a{display:block;float:none;font-size:18px;line-height:3;width:100%;margin:0;padding:0;height:auto}  
.guide a::after{height:100%;left:0;top:0;margin-left:0;}
.guide a.active::after{margin-left:0;width:4px;}
.guide a.active{background:#f7f7f7}
.home dd{font-size:20px}
.one{display:none;}
.two{border-left:none;padding:0;border-right:none;width:auto}
.web{margin:0 5%}
a.logo{display:none;}
.pmo{position:fixed;display:block;left:2%;top:5px;z-index:2000}
 } 
 
 
 
 @media screen and (max-width: 640px) { 
.guide a{font-size:16px;line-height:2.5 }
.guide{width:160px;right:-170px;padding-top:40px}
a.menu{-webkit-transform:scale(0.8);transform:scale(0.8);top:0px}
.scroll{-webkit-transform:scale(0.8);transform:scale(0.8);right:0}
.home dd{font-size:16px}
.home dt,.word{font-size:14px}
.copy{font-size:12px}
.foot,.ring{display:none;}
.news li dd{font-size:12px;line-height:18px;height:54px;overflow:hidden;}
.news li dt a{font-size:16px}
.news li{width:100%;position:relative;}
a.cover{width:40%;float:left;padding-bottom:30%}
.news li:nth-child(3n-1){margin-left:0;margin-right:0}
a.cover label{font-size:14px}
.pp{margin-left:42%}
.skill li{width:32%;margin-right:2%;margin-bottom:2%}
.skill li:nth-child(5n){margin-right:2%}
.skill li:nth-child(3n){margin-right:0%}
.his{width:48%!important;float:left;margin-left:1%!important;margin-right:1%!important;white-space:normal;position:static;padding:0}
.his li{width:100%!important;padding-left:0!important;padding-right:0!important;margin-bottom:2%}
.his li > img{display:none;}
.rong{padding:3%;}
.rong dd{font-size:12px;line-height:18px}
.rong dt{font-size:14px;margin-bottom:5px}
.rong dt::after{display:none;}
 }