*{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:#333;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;}
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:color 0.5s ease;transition:color 0.5s ease;}
a:active,a:hover{ outline: 0;outline:none;color:#324945} 
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:6%}
.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:#324945;color:#324945 }
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:66%;overflow:hidden;width:100%}
.label>img{position:absolute;top:0;left:0;height:100%;min-width:100%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.label:hover>img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.top{height:40px;line-height:40px;text-align:right}
.top span{color:#707070;margin-left:30px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;display:inline-block;vertical-align:top}
.top span:hover{color:#e6000d}
.top span img{margin-right:10px;vertical-align:unset}
.head{background:#f8f8f8;height:100px;line-height:100px;position:relative; }
a.logo{height:100px;line-height:100px;float:left;}
.distance{clear:both;padding-bottom:70px;width:100%;}
.cont{width:1200px;margin:0 auto;position:relative;}
.guide{text-align:center;font-size:16px;float:right; }
.guide a{float:left;position:relative;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;padding:0 26px 0 25px}
.guide a:after{width:0%;height:16px;background:#cacaca;position:absolute;top:50%;left:-1px;content:"";display:block;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;margin-top:-8px}
.guide a.active,.guide a:hover{background:#324945;color:#fff}
.guide a img.sp{display:none}
.guide a.active img,.guide a:hover img{display:none}
.guide a.active img.sp,.guide a:hover img.sp{display:inline}
.bg{clear:both;position:relative;overflow:hidden}
@font-face {font-family: "iconfont";
    src: url('../css/iconfont.eot?t=1571558585853#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANoAAsAAAAACAAAAAMbAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDXAqCSIIMATYCJAMgCxIABCAFhG0HYxvpBhEVlPVkf0vuBGV7dZwDQ3QYZArfck8I+ttlr/smTNcfOpCyHhDMdaVi5mBGPiYe/lvjd9/M7Pp3oKlFDskkk6hiiaRSSZ8uVqpXQiSLZhOf79R/mRMsfBQbi5LnAV/g2W2NS1TAFnMU6tAOnHMZ5AOfRVomlo5hA1v/J3njAqBsdpEht/SqCVFCZRXlJbgDsLmRj5qe/WHnvm9rrg7YqAhVkmfh36NfyC43nTRHTnwCWMX//DHTJdBA8tm3uXQF4HhAA826aDqSAjphvmHsJsqDuJ9AbwmK7K0kC1AUYFUgTg15CCgpj6Jo8VaoSw4WcRuqTbfSApjnvx9fEEZLUmVg44FWTIDymOFv/l8diuEFBPF4hYxNoBAXSyOnwQuNxOvfItgP6LWS9P59nIVp///vnzFOFezI0puE/+IRkqyo1BqiBnJHcFwSN+fHxYjg/QuReP9GZN7/EYUPIKLiA4mo+UAd0YAWTKdjW8Ahibh1JKCx62pw0VhfscjUySZNDDvVslxPeAQYU2XEBcxkapMYeWbmPquGEz+jTvQ8NYWp6c3fKY3jtHA/YNr3RNXfnYP9FEW8qv2sDf1KSh8jwzwZmGHksiF0uFwz7QCwIL/hfsgv5Qekx+mDfJYLgPQ9bVuaXpXJuj/1Nx7/f/Tt9KsyFPD6liRrivGirURr7n/hthwqLh9o22J3h2sEWmOvLyT0evwTx6zXmLKFrUOENsXvYWssdiBrrcIW4iaoDDZDrbUDehvV1sHcn64pHTa4iRCm3SGZ9AKyaQ9sIT6hssgJtenI0DtI/AsHa0IXTxdGJWhBvyEaGh3SyynI/0J/L4qTfE7+Q56jH/qmy8Y/cUQeY8v88IOIA8dU4UN4GJZCMDElNNIEkenctq7skxpDdXFalFEJWtBviIZGRyfLKffzX+jvRXFNW4fxD3mOs0PfdC2wn5KxVdu1fGR++EHEgWOq8CHMw1IIpvJ5CY00oUdoOrdwnGsraeaX1Sc9hfQL8EYvg6RohsWcKGZ6cvRBjtFrCzrZaGXyxtJz3Iz4kh1jpQeu7tNiAQA=') format('woff2'),
    url('../css/iconfont.ttf') format('truetype') 
  }
.icon{font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 24px}
.home{text-align:center;padding-bottom:5%;overflow:hidden;}
.home dt{font-size:30px;color:#222222;line-height:1}
.home dd{font-size:16px;color:#cabe92;line-height:1;padding-top:9px;text-transform:uppercase;}
.home dd:after{width:50px;height:2px;background:#324945;display:block;margin:18px auto 0;content:""}
.vr{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.box{background-repeat:no-repeat;background-size:cover;background-position:center center;position:absolute;left:0;top:0;width:100%;height:100%;display:block;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.box:hover{-webkit-transform:scale(1.05);transform:scale(1.05);}
.long{padding-bottom:80px;clear:both;display:block;}
.flex{display:block;display:-webkit-box;display: flex;-webkit-box-pack:justify;justify-content: space-between;-webkit-box-align: center;align-items: center}
.wb{padding:4% 0;}
.line{border-top:1px solid #eee} 
.web{padding-left:48px;position:relative;font-size:18px;color:#666666}
.webs td{width:19%}
 .web img{position:absolute;left:0;top:50%;margin-top:-18px}
 .web span{display:block;font-size:14px;padding-top:2px}
.sites{padding:6% 0}
.sites td{vertical-align:top}
.sites td h3{font-size:18px;padding-bottom:10px}
.site p{color:#666666;line-height:1.5;margin-top:12px}
.code{width:130px;text-align:center}
.wd{color:#666666;padding-top:10px}
.copy{color:#999999;line-height:20px;background:#0f0f0f;padding:1% 0}
.copy:after{content:"";clear:both;display:block;width:100%;}
 .up{position:fixed;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);z-index:2000;padding:2.5% 0;overflow:hidden;display:none}
.ins{display:inline-block;vertical-align:middle;padding-right:48px}
.ins input{height:42px;background:#fff;line-height:40px;text-align:centrer;width:150px;border:none;margin:0 4px;border-radius:4px;font-size:16px;color:#666;text-align:center}
.ins select{ height:42px;background:#fff;line-height:40px;padding-left:10px;width:150px;border:none;background:url(../img/sel.png) no-repeat right center #fff;margin:0 4px;border-radius:4px;font-size:16px;color:#666;text-align:center} 
.btn{font-size:16px;line-height:42px;width:150px;background:#f2cca0;color:#444444;border:none;text-align:center;margin:0  5px;border-radius:4px;}
.clos{position:absolute;right:0;top:-10px}
.side{width:60px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.3);position:fixed;top:50%;right:0;z-index:3000;margin-top:-130px}
.side li{padding:10px 0;position:relative;text-align:center;color:#666666;cursor:pointer;}
.side li img.sp{display:none}
.side li a{display:block;}
.side li p{font-size:14px;line-height:1.2;padding-top:5px}
.side li:hover{background:#324945;color:#fff} 
.side li:hover a{ color:#fff} 
.side li:hover img{display:none} 
.side li:hover img.sp{display:inline} 
.tel{padding:10px 20px;position:absolute;background:#324945;color:#fff;text-align:center;line-height:1.2;left:0%;top:0;height:100%;box-sizing:border-box;white-space:nowrap;filter:alpha(opacity=0);opacity:0;-webkit-transform:translateX(0%);transform:translateX(0%);}
 .tel h3{font-size:18px;font-family:impact;padding-top:4px;font-weight:400}
 .side li:hover .tel{filter:alpha(opacity=100);opacity:1;left:0%;-webkit-transform:translateX(-100%);transform:translateX(-100%); }
 .green{-webkit-transition:color 0.5s ease;transition:color 0.5s ease;}
.green:hover{color:#324945}
 .webs td:hover{-webkit-animation:bounceIn 0.5s 0s  ease!important;animation:bounceIn  0.5s  0s ease!important;;}
 #focus{position:relative;}
 .codings{position:absolute;top:100%;right:0;width:100%;z-index:4000;display:none}
  .codings img{max-width:300px}
 
 
 @media screen and (max-width: 1600px) {
 
 }

 @media screen and (max-width: 1200px) {
.cont{width:98%; }
.long{padding-bottom:6%} 
.up{width:400px;padding:3%;bottom:0%; max-width:94%}
.up .flex{display:block;text-align:center;}
.ins{width:100%;padding-top:4%}
.ins input,.ins select{float:left;width:42%;margin:0 2% 4%}
 .clos{position:absolute;right:-10px;top:40px}
 }
 @media screen and (max-width: 1000px) { 
 .home dt{font-size:24px}
.home dd{font-size:14px}
.guide a{padding:0 10px}
 }
 
 @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:#324945;-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:#fff;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}  
.guide a::after{display:none;}
.web{padding-left:0;padding-top:48px;text-align:center;font-size:16px;}
.web img{top:0;margin-top:0;left:50%;margin-left:-18px;font-size:16px;}
 } 
 
 
 
 @media screen and (max-width: 640px) { 
.head{height:50px;line-height:50px}
a.logo{height:50px;line-height:50px; }
a.logo img{height:30px}
.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;}
.top{display:none}
.home dd{font-size:12px;padding-top:4px}
.home dd::after{margin-top:2%}
.home dt{font-size:17px}
.web span{font-size:12px}
.sites{display:none;}
.copy{font-size:12px;line-height:15px}
.webs td{width:33.3%;float:left;padding:3% 0}
.webs tr>td:nth-child(4){clear:both;}
.web{padding-top:40px;font-size:14px}
.side{-webkit-transform:scale(0.6);-webkit-transform-origin:100% 50%;transform:scale(0.6);transform-origin:100% 50%; }
.up .flex>img{height:30px}
.pager a, .current{width:34px;height:34px;font-size:14px;line-height:34px;}

 }