*{margin:0;padding:0;}
html{overflow-x:hidden;} 
body{background:#fff;-webkit-text-size-adjust:none;overflow-x:hidden;font-family: '微软雅黑','microsoft yahei','',sans-serif;outline:none;color:#222;font-size:14px }
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;}
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:color 0.5s ease;transition:color 0.5s ease;}
a:active,a:hover{ outline: 0;outline:none;color:#f08300} 
hr {border: none;height:0;}
p {margin: 0;display:block;color:inherit;}
.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;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[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:4%}
.pager a,.current{-webkit-transition:all 0.5s ease; transition:all 0.5s ease;display: inline-block;vertical-align:top;letter-spacing:normal;width:50px;line-height:50px;color:#929292;font-size:18px;margin:0 10px;border:1px solid #e2e2e2;border-radius:50% }
.pager  a:hover,.pager a:focus,.pager .current {border-color:#f08300;color:#f08300 }
select{padding:0 0 0 10px;-webkit-appearance:none;-moz-appearance:none; -ms-appearance:none; appearance:none;}
.clear{clear:both;display:block;}
.label{position:relative;display:block;padding-bottom:62.5%;overflow:hidden;width:100%}
.label>img{position:absolute;top:0;left:0;height:100%;width:100%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-object-fit:cover;object-fit:cover;}
.label:hover>img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.head{height:80px;line-height:80px;position:absolute;top:0;width:100%;left:0;z-index:3000;border-bottom:1px solid rgba(255,255,255,.2) }
a.logo{height:80px;line-height:80px;position:absolute;top:0;left:0}
.distance{clear:both;padding-bottom:70px;width:100%;}
.cont{width:1200px;margin:0 auto;position:relative;}
.guide{text-align:right }
.guide a{color:#fff;position:relative;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;margin-left:45px;display:inline-block;vertical-align:top}
.guide a.active,.guide a:hover{color:#f08300}
.guide a:first-child img{margin-right:7px}
.guide a:first-child img.sp{display:none;}
.guide a:first-child.active  img,.guide a:first-child:hover  img{display:none;}
.guide a:first-child.active img.sp,.guide a:first-child:hover img.sp{display:inline;}
.bg{clear:both;position:relative;overflow:hidden}
.tl{width:20px;height:40px;background-image:url(../img/tl.png);background-position:center center;background-repeat:no-repeat;position:absolute;top:50%;left:0;margin-top:-20px;z-index:10;cursor:pointer;}
.tr{width:20px;height:40px;background-image:url(../img/tr.png);background-position:center center;background-repeat:no-repeat;position:absolute;top:50%;right:0;margin-top:-20px;z-index:10;cursor:pointer;}
.tl:hover{background-image:url(../img/tl2.png)}
.tr:hover{background-image:url(../img/tr2.png)}
.home{text-align:center;padding-bottom:65px;overflow:hidden;}
.h2{font-size:34px;line-height:1;font-family:simhei;letter-spacing:1px}
.h2 img{margin-right:10px;vertical-align:-1px}
.h2:after{content:"";width:28px;height:2px;background:#f08300;display:block;margin:20px auto 0;}
.home p{font-size:22px;color:#dadada;line-height:1;padding-top:19px;text-transform:uppercase;}
.vr{-webkit-transition:background 0.5s ease;transition:background 0.5s ease;}
.long{padding-bottom:80px;clear:both;display:block;}
.flex{display:block;display:-webkit-box;display: flex;-webkit-box-pack:justify;justify-content: space-between;}
 @font-face {font-family: light;
    src: url(../css/light.ttf)
  }
.news li{width:32%;margin:1.5% 2% 1.5% 0;float:left;}
.news li:nth-child(3n){margin-right:0}
.tim{color:#999999;line-height:1;margin-bottom:5%;line-height:1}
.tim b{font-size:42px;letter-spacing:-2px;margin-right:7px;font-family:arial}
.ndd{line-height:20px;color:#999999;height:40px;overflow:hidden;}
.ndt{padding:5% 0 4%;}
 .ndt a{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:top;max-width:100%;}
.more{color:#999999;padding-top:2%;text-align:right}
.foot{background:#222222;border-top:4px solid #f08300;clear:both;}
.webs{padding-right:26%;position:relative;padding-bottom:6%;border-bottom:1px solid rgba(255,255,255,.4)}
.site li{display:inline-block;vertical-align:top;margin-right:4%}
.copy{color:#999999;text-align:center;line-height:1.5;padding:2% 0;font-size:12px}
.pp{line-height:32px;color:#999999}
.sdt{font-size:20px;margin-bottom:20px;color:#fff}
.cod{position:absolute;right:0;top:0;text-align:center;}
.cod p{padding-left:44px;background:url(../img/pho.png) no-repeat left center;font-size:22px;color:#fff;margin-top:12px;white-space:nowrap;line-height:44px}
.side{width:59px;position:fixed;right:7px;z-index:300;bottom:10%}
.side li{margin-top:8px}
.side a{display:block;height:59px;line-height:59px;text-align:center;background:#0b5fad;border-radius:5px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.side a:hover{background:#f08300}
.his{height:352px;background:url(../img/his.jpg) no-repeat center center;background-size:cover;text-align:center;}
.his li{display:inline-block;padding:0 6%;color:#fff;font-size:12px;text-shadow:1px 1px 1px rgba(0,0,0,.2);background:url(../img/xx.png) no-repeat left center;margin-top:5%;-webkit-transition:color 0.5s ease;transition:color 0.5s ease;}
.his li:hover{color:#f08300}
.kw{font-size:106px;line-height:1;margin-bottom:20px;text-shadow:2px 2px 3px rgba(0,0,0,.3);font-family:light}
.his li:first-child{background:none}
.profie{font-size:18px;line-height:30px;text-align:center;padding:0 4% 4%}
.cai li{width:23.5%;padding:10px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.1);box-sizing:border-box;display:inline-block;}
.cai li>.label{padding-bottom:93%}
.wd{padding:20px 0 10px;text-align:center;font-size:20px}
.wd p{font-size:16px;filter:alpha(opacity=80);opacity:.8;padding-top:5px}
.cai li:hover{background:#f08300;color:#fff}
.wd p:after{Width:23px;height:2px;background:#f08300;display:block;margin:14px auto 0;content:""}
.cai li:hover .wd p:after{background:#fff}
.cod img{max-width:100%;}



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

 @media screen and (max-width: 1200px) {
.cont{width:98%; }
.long{padding-bottom:6%} 
 .home{padding-bottom:5%}
 }
 @media screen and (max-width: 1000px) { 
 .guide a{margin-left:20px}

 
 
 }
 
 @media screen and (max-width: 800px) {  
.logo{max-height:30px;max-width:70%; }
.head{height:80px;line-height:80px}
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:#f08300;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;margin-top:4px;}
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);}
.guide{width:200px;background:#222;margin-top:0;position:fixed;top:0;top:80px;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;right:-200px;}
.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; text-align:center;}  
.guide a::after{display:none;}
.site{display:none}
.cod{position:static;width:200px;margin:0 auto}
.webs{padding-right:0}

 } 
 
 
 
 @media screen and (max-width: 640px) { 
.head{height:50px;line-height:50px}
a.logo{height:50px;line-height:50px; }
a.logo img{height:20px}
.guide a{font-size:16px; }
.guide{width:160px;right:-160px;top:50px}
a.menu{-webkit-transform:scale(0.8);transform:scale(0.8);top:5px}
.pager span,.pager a{margin:2px;width:40px;height:40px;line-height:40px}
.flex{-webkit-box-lines:single;flex-wrap:wrap}
.h2{font-size:18px;letter-spacing:normal;}
.h2 img{height:20px;margin-right:4px}
.home p{font-size:13px;padding-top:5px;}
.h2::after{margin-top:6px}
.profie{font-size:14px;line-height:20px}
.kw{font-size:40px}
.his{height:250px}
.cai li{width:49%;margin-bottom:2%;padding:6px}
.wd{font-size:15px;padding:14px 0 9px}
.wd p{font-size:13px}
.news li{width:49%!important;margin-right:2%!important}
.news li:nth-child(3n){margin-right:2%!important}
.news li:nth-child(2n){margin-right:0%!important}
.tim{display:none}
.ndt a{font-size:16px;font-weight:bold}
.side{width:40px;right:0}
.side a{width:40px;height:40px;line-height:40px}
.side a img{height:20px}


 }