*{margin:0;padding:0;font-family: '微软雅黑','microsoft yahei','',sans-serif;outline:none;}
html{display:block;} 
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;}
i,em{font-style:normal;}
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;}
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;}
td,th {padding: 0;}
input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
a{text-decoration: none;border: 0;color:inherit;-webkit-transition:color 0.5s ease;transition:color 0.5s ease;}
a:active,a:hover{ outline: 0;outline:none;color:#e31545}
hr {border: none;height:0;}
p {margin: 0;display:block;}
small,.small { font-size: 85%;}
.nowrap{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}
.text-lowercase {text-transform: lowercase;}
.text-uppercase {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}
ul,ol,dl { padding:0;margin:0;}
li{list-style:none;padding:0;margin:0;}
dt,dd {font-weight:normal;display:block;}
abbr[title],abbr[data-original-title] {cursor: help;border-bottom: 1px dotted #777;}
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{ color: #666;}
input::-webkit-input-placeholder{color: #666;}
input:-moz-placeholder{color:#666;}
input::-moz-placeholder{color:#666;}
.form-group {margin-bottom: 15px;width:100%;}
.radio,.checkbox {position: relative;display: block;}
.radio label,.checkbox label {min-height: 14px;padding-left: 20px;  font-weight: normal;cursor: pointer;}
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;padding-top: 1%;clear:both;letter-spacing:-4px;}
.pager a {margin:0 2px;display: inline-block;vertical-align:top;letter-spacing:normal;border-radius:2px;padding:0 12px;line-height:32px;color:#333333;font-size:14px;background:#f5f5f5;-webkit-transition:background 0.5s ease; transition:background 0.5s ease; }
.pager a.sp{border:none;margin:0;}
.pager.sp  a,.pager.sp span {color:#fff;}
.pager span{margin:0 2px;display: inline-block;vertical-align:top;letter-spacing:normal;border-radius:2px;padding:0 12px;line-height:32px;color:#333333;font-size:14px;background:#f5f5f5;-webkit-transition:background 0.5s ease; transition:background 0.5s ease; }
.pager  a:hover,.pager a:focus,.pager span.current {color:#fff; background:#e31545; }
.pager.sp a:hover,.pager.sp a:focus,.pager.sp span.current {color:#333; background:#e31545; }
select{padding:0 0 0 10px;-webkit-appearance:none;-moz-appearance:none; -ms-appearance:none; appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.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{position:fixed;top:0;left:0;padding:1.5% 3%;right:0;z-index:3000; background:url(../images/shadow.png) no-repeat bottom center;background-size:cover;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.head.active{background:rgba(0,0,0,.5)}
.head a.logo{display:inline-block;vertical-align:top }
.guide{float:right;}
.guide li{float:left;font-size:16px;line-height:72px;margin-left:50px;color:#fff}
.guide li.active a{color:#e31545}
.cont{width:1200px;margin:0 auto}
.foot{clear:both;background:#191919;padding-top: 4.6%;padding-left:5%;padding-right:5% }
.copy{font-size:14px;color:#cccccc;padding-top:3%;padding-bottom:3%;border-top:1px solid #fff;border-top:1px solid rgba(255,255,255,.1);text-align:center;margin-top:5%}
.webs{width:100%;}
.sites{padding-right:20%;}
.webs td{width:38%;color:#cccccc;vertical-align:top}
.web{white-space:nowrap;display:table;width:100%;}
.site{padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:30px}
.web li{color:#cccccc;display:table-cell;width:60%;}
.sites dd{padding:10px 0;font-size:14px; }
.web2 li{width:40%}
.codes{text-align:center;float:right}
.codes p{font-size:14px;margin-top:3%;text-align:center;}
.web a.active{color:#e31545}
 .plam{position:relative;}
.plam::after{display:block;content:"";clear:both;margin-bottom:-2%}
.plam li{width:32%;float:left;margin-left:2%;padding-bottom:44%;position:relative;margin-bottom:2%}
.plam li a{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.plam li:first-child,.plam li:nth-child(4n+1){margin-left:0}
.plam li>dd{background:rgba(0,0,0,.6);position:absolute;bottom:0;left:0;right:0;color:#fff;font-size:16px;padding:3%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.plam li.sp{padding-bottom:21%}
.plam li:first-child+li+li+li,.plam li:nth-child(4n){margin-top: -23%;margin-left: 34%;}
#group{padding:0 5%;width:90%;}
.shead{padding:3% 0}
#group img{border-radius:10px;}
#group .owl-item{display:block;position:relative;}
#group .owl-item::before{content:"";border:2px solid #fff;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
#group .owl-item:hover::before{filter:alpha(opacity=100);opacity:1;}
 
 @media screen and (max-width: 1400px) {
 .guide li{margin-left:30px}
 }
 @media screen and (max-width: 1200px) {
.cont{width:98%; }
 .guide{width:200px;background:#333;background:rgba(0,0,0,.3);position:fixed;top:0;padding-top:80px;bottom:0;right:0;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);overflow-y:auto;}
.guide.active{right:-200px;}
.guide li{float:none;margin-left:0;line-height:3;text-align:center;font-size:18px}
.guide li a{display:block;text-shadow:1px 1px 2px rgba(0,0,0,.8)}
a.menu{position:fixed;z-index:4200;display:block;width:40px;height:40px;top:10px;right:3%;margin-top:1.5%}
a.menu b{height:4px;display:block;background:#fff;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;margin-top:4px;box-shadow:0 0 4px rgba(0,0,0,.5)}
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);box-shadow:none}
a.menu.active b.sp{margin-top:-4px; }
a.menu.active b.mi{margin-top:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.sites{padding-right:5%}
 }
 @media screen and (max-width: 1000px) {
 .head a.logo img{height:60px}
 .plam li > dd{font-size:14px}
 }
 
 @media screen and (max-width: 800px) { 
 .head a.logo img{height:45px}
.guide{padding-top:50px}
.webs td{display:block;width:100%;}
.sites dd{padding:5px 0;font-size:12px}
.site{padding-bottom:10px;padding-top:10px;margin-bottom:10px}
.codes{float:none;padding-top:2%}
.codes img{max-width:40%!important}
.copy{font-size:12px;padding-top:2%;padding-bottom:2%}
a.menu{top:3px}
 }
 
 
 
 @media screen and (max-width: 640px) { 
.guide li{line-height:2.5;font-size:16px}
.guide{width:150px}
.guide.active{right:-150px;}
.head a.logo img{height:30px}
.guide{padding-top:40px}
a.menu{-webkit-transform:scale(0.8);transform:scale(0.8);top:-5px}
.codes p, .plam li > dd{font-size:12px}
.plam li{width:49%!important;padding-bottom:49%!important;margin-bottom:2%;position:relative!important;left:0!important;margin-left:2%!important}
.plam li > dd{position:static;}
.plam li:nth-child(2n+1){margin-left:0!important}
.plam li:first-child+li+li+li,.plam li:nth-child(4n){margin-top:0%;margin-left: 2%;}
 } 
