@charset "UTF-8";

/*                 重置                  */
p,* + p, * + hr, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure ,h1,h2,h3,h4,h5,h6{margin:0;}
ul, ol {padding:0;}
body {height:100%;}
ul li {list-style-type: none;}
.bb {border-bottom:3px solid #d7d7d7;margin-bottom:22px;}
.pd {padding:0 3%;}
.fl {float:left;color:#0c6ace;}
.fr {float:right;}
.clear {
    overflow: hidden;
    height: 0;
    content="";
    display: block;
    clear:both;
    visibility:hidden;
}
.clearfix::after {
    overflow: hidden;
    height: 0;
    content="";
    display: block;
     clear:both;
    visibility:hidden;
}
.clearfix:after {content:'';height:0;display:block;overflow: hidden;}
.am-direction-nav {display:none;}
.am-control-nav {bottom:8px !important;}
.am-tabs img {width:100%;}
.am-thumbnail{width:100%;}
.am-tabs .am-nav-tabs .am-active a {color:#0c6ace;}
.am-tabs .am-nav-tabs  a {color:#656565;}
.am-tabs .am-nav-tabs .am-active a ,.am-tabs .am-nav-tabs .am-active a:hover,.am-tabs .am-nav-tabs  a:hover {border:2px solid #0c6ace ;border-radius:15px;background:#fff;}
.am-nav-tabs > li{margin-bottom:0}
.am-tabs-bd .am-tab-panel {padding:0}
.am-nav-tabs > li>a {margin-bottom:0;border:2px solid transparent;}
.am-tabs-nav {margin-bottom:18px;}
.am-nav-tabs,.am-tabs-bd {border:none;}
.news li:last-child {border-bottom:none;margin-bottom:0}
.am-nav li a {padding:2px 25px;line-height:1.2;}
.am-active,#reset .am-active a {outline:none !important;}
.am-thumbnail {margin:0;border-bottom:none;}


html {background:#ddd}
.mhome {margin: 0 auto;-max-width: 640px;left:0;top:0;}

/*           头部            */
header {position:fixed;z-index:999;width:100%;border-bottom:1px solid #ccc;}
.logo-bar {height:56px;background:#fff;}
.logo {margin-left:10px;}
.logo img {width: auto;height: 56px;}
.nav-btn {position:absolute;right:0;top:3px;color:#888;font-size:30px;cursor:pointer;padding:0 20px;color:#0c6ace;}
nav  {background:#ebebeb;position:absolute;width:100%;top:56px;font-size:16px;text-align:center;z-index:999;height:200%;display:none;overflow:hidden;}
nav ul {padding:10px 3%;}
nav ul li {line-height:2;margin:5px 0;}
nav ul a {color:#696969;padding:10px 0;display:block;}
nav li.current a,nav ul a:hover ,nav ul a:active {color:#0c6ace;}

.tel {font-size:30px;background:#0c6ace;text-align:center;padding:1px;}
.tel-num {border:1px solid #fff;}
.tel-num a {color:#fff;}
.mb {background-position:500px 0 !important;}



/*          底部           */
.form {background:#f3f3f3;padding-top:20px;font-family:arial,'microsoft yahei';}
.m-form {border-bottom:1px solid #c2c2c2;margin-bottom:12px;}
.m-form label {margin:0;font-size:12px;font-weight:normal;color:#bababa;}
.m-form .form-txt {font-size:12px;font-weight:normal;color:#bababa;padding-left:7px;}
.m-form input {border:none;width:90%;font-size:12px;font-weight:normal;color:#bababa;background:#f3f3f3}
.m-form textarea {-webkit-appearance: none;border-radius:0;border:1px solid #c2c2c2;width:100%;font-size:12px;font-weight:normal;color:#bababa;resize:none;height:140px;background:#f3f3f3}
.m-form  .am-icon-edit {margin-right:7px;}
.m-form span {color:#0c6ace;margin-right:3px;font-size:16px;}
.m-form .small {font-size:14px;}
.submit {font-size:14px;line-height:35px;width:126px;text-align:center;cursor: pointer;color:#fff;background:#0c6ace;border:none;margin:24px 0 28px;}

footer {background:#e6e6e6;}
.footer-box {padding:2rem 0;}
.cr ,.sns {display:inline-block;padding:10px 0;}

.cr ,.cr a {color:#7e7e7e;font-size:14px;line-height:1.5;}
.sns {float:right}
.sns .code {display: inline-block;width: 48px;height: 48px;vertical-align: top;margin-right: 15px;}
.sns a {font-size:20px;margin-right:15px;background:#d2d2d2;color:#555;}
.sns a:hover {background:#0c6ace;color:#fff;}


/*      动画       */
#rocket-to-top div {
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 74px;
}
#rocket-to-top .level-2 {
    background: url("../m_images/rocket_button_up.png") no-repeat scroll -74px 0 transparent;
    display: block;
    height: 125px;
    z-index: 1;
    opacity:0;
}
#rocket-to-top .level-3 {
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 125px;
    z-index: 2;
}
#rocket-to-top {
    background: url("../m_images/rocket_button_up.png") no-repeat scroll 0 0 transparent;
    cursor: default;
    display: none;
    height: 125px;
    margin: -125px 0 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 100%;
    width: 74px;
    z-index: 999;
}

@keyframes animated_div {
    0%{height:0}
    65%{height:95%}
    75%{height:80%}
    85%{height:79%}
    90%{height:80%}
    95%{height:79%}
    97%{height:80%}
    99%{height:79%}
    100%{height:80%}
}

@-webkit-keyframes animated_div {
    0%{height:0}
    65%{height:95%}
    75%{height:80%}
    85%{height:79%}
    90%{height:80%}
    95%{height:79%}
    97%{height:80%}
    99%{height:79%}
    100%{height:80%}
}

@keyframes animated_div2 {
    0%{height:80%}
    100%{height:0}
}

@-webkit-keyframes animated_div2 {
    0%{height:80%}
    100%{height:0}
}


.navDown {
    animation:animated_div .3s 1 ease-in-out forwards alternate;
    -webkit-animation:animated_div .3s 1 ease-in-out forwards alternate;
}
.navUp {
    animation:animated_div2 .2s 1 ease-in forwards alternate;
    -webkit-animation:animated_div2 .2s 1 ease-in forwards alternate;
}

.btnRotate-90 {
    transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    transition:all 0.5s ;
    -webkit-transition:all 0.5s ;
}

.btnRotate-0 {
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transition:all 0.3s ;
    -webkit-transition:all 0.3s ;
}

@media only screen and (min-width:767px) {
   .sns {text-align:right;}

}