*{margin:0;padding:0;font-family: '微软雅黑','microsoft yahei','',sans-serif;outline:none;}
html{display:block;}
body{background:#fafafa;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:#085b51}
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;}
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;}
.form-control {width: 272px;height: 20px;line-height:20px;padding:4px 0 4px 10px;font-size: 14x;
    color: #333333;background-color: #fff;background-image: none; border: 1px solid #ccc;-webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, .1);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .1); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.form-control:focus { border-color:#;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(222,35,54,.7);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(222,35,54,.7);}
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}
.btn {background:#085b51;color:#fff; font-size:14px;line-height:30px; padding:0 25px;display:inline-block;vertical-align:top;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: 5px au to -webkit-focus-ring-color;outline-offset: -2px; outline:none; background:#f49900}
.btn:hover,.btn:focus,.btn.focus {text-decoration: none;color:#fff; background:#f49900}
.btn:active,.btn.active {background-image: none; outline: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {cursor: not-allowed;  filter: alpha(opacity=65); box-shadow: none;opacity: .65;}
a.btn.disabled,fieldset[disabled] a.btn {pointer-events: none;}
.pager {text-align:center;font-size:0;padding-top: 2%;clear:both;letter-spacing:-4px;}
.pager li {display: inline-block;vertical-align:top;margin:0 5px;letter-spacing:normal;color:#333333}
.pager li.sp{border:none;margin:0;}
.pager li > a {width:30px;line-height:28px;color:#666;font-size:14px;display:block; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;border:1px solid #999;}
.pager.sp li > a,.pager.sp li > span {color:#fff;}
.pager li > span{line-height:28px;color:#999;font-size:14px; }
.pager li > a:hover,.pager li > a:focus,.pager li.active > a {color:#fff; background:#085b51;border-color:#085b51;}
.pager.sp li > a:hover,.pager.sp li > a:focus,.pager.sp li.active > a {color:#333; background:#ffbd49;border-color:#ffbd49;}




.pagination {text-align:center;font-size:0;padding-top: 2%;clear:both;letter-spacing:-4px;}
.pagination li {display: inline-block;vertical-align:top;margin:0 5px;letter-spacing:normal;color:#333333}
.pagination li.sp{border:none;margin:0;}
.pagination li > a ,.pagination li > span{width:30px;line-height:28px;color:#666;font-size:14px;display:block; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;border:1px solid #999;}
.pagination.sp li > a,.pagination.sp li > span {color:#fff;}
.pagination li > a:hover,.pagination li > a:focus,.pagination li.active > a,.pagination li.active >span {color:#fff; background:#085b51;border-color:#085b51;}
.pages .pagination li > a:hover,.pages .pagination li > a:focus,.pages .pagination li.active > a,.pages .pagination li.active > span  {color:#333; background:#ffbd49;border-color:#ffbd49;}





select{padding:0 0 0 10px;-webkit-appearance:none;-moz-appearance:none; -ms-appearance:none; appearance:none;}
.clear{clear:both;display:block;}
.modal{position:fixed;top:0;left:0;height:100%;width:100%;background:#000;background:rgba(0,0,0,.8);z-index:4200;align-items:center;display:none;}
.modal>img{max-width:100%;position:fixed;max-height:96%;top:30%;left:40%;box-shadow:10px 10px 20px rgba(0,0,0,.5);filter:alpha(opacity=0);opacity:0; -webkit-transform: translateY(-80px);-webkit-transition:all 0.5s ease-out 0.2s;transform: translateY(-80px);transition:all 0.5s ease-out 0.2s;transition:all 0.5s ease-out 0.2s;}
.modal.active>img{ -webkit-transform: translateY(0);transform: translateY(0);filter:alpha(opacity=100);opacity:1;}
a.corn{position:absolute;top:0;right:0;width:30px;display:block;height:30px;margin-top:-40px; }
a.corn b{display:block;height:100%;width:4px;background:#fff;position:absolute;left:13px;top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
a.corn b.sp{display:block;height:4px;width:100%;background:#fff;position:absolute;left:0px;top:13px;-webkit-transform:rotate(-225deg);transform:rotate(-225deg);}
.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:#fff;line-height:100px;height:100px;-webkit-transition:all 1s ease;transition:all 1s ease;border-bottom:4px solid #085b51}
a.logo{float:left;height:100px;-webkit-transition:all 1s ease;transition:all 1s ease;}
a.logo img{max-height:90%;}
.distance{clear:both;padding-bottom:4%}
.distance2{clear:both;padding-bottom:1%}
.cont{width:1200px;margin:0 auto}
.guide{text-align:center;font-size:16px;color:#000;float:right;}
.guide a{padding:0 26px;display:inline-block;vertical-align:top; }
.guide a.active{background:#085b51;color:#ffbd49}
.bg{clear:both;overflow:hidden;}
.bg.sp{background:#24242e;}
.home{text-align:center;padding:50px 0 40px}
.home h3{font-size:32px;color:#333333;}
.home h3 span{color:#085b51}
.home.sp h3{color:#fff;}
.home.sp h3 span{color:#ffbd49}
.home p{font-size:20px;color:#085b51;white-space:nowrap}
.home.sp p{color:#ffbd49}
.home p span{display:inline-block;vertical-align:middle;padding:0 25px;font-family:'宋体','MSSerif';font-weight: bold}
.distance{padding-bottom:5%}
.foot{padding:30px 0;background:#1a1a22;color:#666;border-top:5px solid #085b51;text-align:center;clear:both;}
.site{font-size:14px;margin-bottom:7px;}
.copy{font-size:14px}
.share{position:fixed;right:3%;bottom:10%;width:51px;z-index:3000}
.call{width:51px;height:51px;display:block;background:url(../img/phone.png) no-repeat center center;clear:both;background-size:cover;}
.call:hover{background:url(../img/phone2.png) no-repeat center center;background-size:cover;}
.totop{width:51px;height:51px;margin-bottom:20px;background:url(../img/top.png) no-repeat center center;display:none;float:left;background-size:cover;}
.totop:hover{background:url(../img/top2.png) no-repeat center center;background-size:cover;}
@-webkit-keyframes flipInY {
    0% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in;opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  -webkit-transition-timing-function: ease-in; }
    60% {  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  opacity: 1;}
    80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
    100% { -webkit-transform: perspective(400px);}}
@keyframes flipInY {
    0% {transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transition-timing-function: ease-in;opacity: 0; }
    40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  transition-timing-function: ease-in; }
    60% {  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  opacity: 1;}
    80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
    100% { transform: perspective(400px);}}
.phone{background:#ebebeb;color:#fff;font-weight:bold;padding:0 20px;border-radius:20px;white-space:nowrap;line-height:3;background:#085b51;position:absolute;right:100%;bottom:0;opacity:0;transform:scale(0);transform-origin:100% 50%;transition:all 0.5s ease;}
.call:hover .phone{opacity:1;transform:scale(1);}


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

}

@media screen and (max-width: 1200px) {
    .cont{width:98%; }
    .guide a{padding:0 20px}
    .home{padding:4.5%  0 3.5%}
}
@media screen and (max-width: 1000px) {
    .guide a{padding:0 15px;font-size:14px;}
    .head{height:80px;line-height:80px}
    a.logo{height:80px}
    .foot{padding:4% 0}
}
@media screen and (max-width: 800px) {
    .head{border-bottom:none;position:fixed;top:0;left:0;width:100%;z-index:3000;height:80px;line-height:80px}
    a.logo{margin-left:15px}
    a.menu{position:fixed;z-index:4000;display:block;width:40px;height:40px;top:20px;right:30px;}
    a.menu b{height:4px;display:block;background:#085b51;-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;position:fixed;top:0;padding-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;}
    .guide a{display:block;float:none;font-size:18px;line-height:3; }
    .home h3{font-size:26px}
    .home p{font-size:14px}
    .site,.copy{font-size:12px;}
    .share{right:2%;bottom:10%;width:30px}
    .call{width:30px;height:30px; }
    .totop{width:30px;height:30px;margin-bottom:10px; }
    #obj1 .home *{opacity:1;-webkit-animation:fadeInUp  1s 0.2s ease-in-out both;animation:fadeInUp 1s  0.2s ease-in-out both;}
    .phone{font-size:14px;line-height:30px}
}
@media screen and (max-width: 640px) {
    .head{line-height:50px;height:50px}
    .home h3{font-size:20px}
    .home p{font-size:12px}
    a.logo{height:40px;}
    a.menu{right:20px;top:5px;-webkit-transform:scale(0.8);transform:scale(0.8);}
    .guide a{font-size:15px;line-height:2.7;}
    .guide{padding-top:50px;width:160px;right:-160px}


}