@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:#686868;}
.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:#686868;}
.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 #686868 ;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;padding-top: 56px;}


/*           头部            */
header {position:fixed;z-index:999;width:100%;border-bottom:1px solid #ccc;}
.international-bar{background: #2f2f2f;}
.international-bar h6{float: right;font-size: 12px; line-height: 25px; background: url(../m_images/global.png) no-repeat 26px top; padding:0 20px 0 42px; color: #fff;}
.international-bar.active h6{background-position-y: bottom}
.international-bar h6:after{content: ''; display: inline-block; vertical-align: middle; margin-left: 5px; width: 12px; height: 7px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid #fff;}

.langset i{position: absolute; right: 0; top: 25px; background: #000; padding: 5px; z-index: 333; width: 100%; height: 100%; opacity: 0; visibility: hidden;}
.international-bar .langset .inner-panel{padding: 10px; background: #d2d2d2; position: absolute;right: 0; top: 25px; width: 60%; z-index: 666; display: none;}
                    
.international-bar.active .langset i{visibility: visible; opacity: .6;}
.international-bar.active h6{background-color: #d2d2d2; color: #2f2f2f;}
.international-bar.active h6:after{border-top-color:  #2f2f2f;}
.langset a{font-size: 14px; color: #2f2f2f; line-height: 38px; display: block;}
.langset a+a{border-top: 1px solid #747474;}

.logo-bar {height:56px;background:#fff;padding: 10px 13px; position: relative;}
.logo, .logo img{height: 100%;}
.nav-btn {position:absolute;right:12px;top:10px;height: 38px; width: 38px; color:#888;font-size:30px;cursor:pointer;padding:0 20px;color:#686868;}
.nav-btn:before {content: ''; display: block; width: 100%; height: 2px; background: #686868; position:absolute;left: 0; top:11px; -webkit-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; transition: ease-in-out .4s;}
.nav-btn.active:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);-webkit-transform-origin: 31% 264%; -moz-transform-origin: 31% 264%; -ms-transform-origin: 31% 264%; -o-transform-origin: 31% 264%; transform-origin: 31% 264%;}
.nav-btn:after {content: ''; display: block; width: 100%; height: 2px; background: #686868; position:absolute;left: 0; top:23px;-webkit-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; transition: ease-in-out .4s;}
.nav-btn.active:after {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);-webkit-transform-origin: 36% -160%; -moz-transform-origin: 36% -160%; -ms-transform-origin: 36% -160%; -o-transform-origin: 36% -160%; transform-origin: 36% -160%; } 
nav  {background:rgba(0,0,0,.7);position:absolute;width:100%;left: 0; top:56px;font-size:16px;text-align:left;z-index:999;height:200%;overflow:hidden; -webkit-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; transition: ease-in-out .4s; opacity: 0; visibility: hidden;}
nav.in-active{opacity: 1; visibility: visible;}
nav > ul {padding:16px 0; background: #2f2f2f; position:absolute; right: -60%; top: 0;width: 60%; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;}
nav.in-active>ul{right: 0;}
nav>ul>li {line-height:55px;font-size: 16px;padding: 0 15px 0 31px;}
nav>ul>li .sub-nav-btn{line-height:55px;display: block; float: right; width: 40px; text-align: center; vertical-align: middle; color: #fff; -webkit-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; transition: ease-in-out .4s;}
nav>ul>li.current .sub-nav-btn{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} 
nav>ul>li+li {border-top: 1px solid #595959;}
nav>ul a {color:#fff;display: inline-block;}
nav li .sub-nav{margin: 0; display: none;}
nav li .sub-nav li{font-size: 14px; line-height: 24px; margin-bottom: 16px;padding-left: 30px;}
nav li .sub-nav li a{display: block; color: #fff}
nav li.current> h6 a,nav > ul h6 a:hover ,nav ul h6 a:active {color:#686868;}
nav .lang{padding-top: 20px;}
nav .lang .current{    color: #686868;}
nav .lang span{color: #fff;margin: 0 3px;}

.breadcrumb{position: relative;}
.breadcrumb h6{font-size: 14px; line-height: 46px; padding: 0 13px; background: #686868; color: #fff}
.breadcrumb h6.active span{-webkit-transition: ease-in-out .4s; -o-transition: ease-in-out .4s; transition: ease-in-out .4s;}
.breadcrumb h6.active span{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.breadcrumb ul{background: #fff; padding: 9px 0 11px; text-align: center;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0, .3); box-shadow: 0px 0px 15px 0px rgba(0,0,0, .3);display: none; position: absolute;left: 0; top:47px; width: 100%; z-index: 444}
.breadcrumb li{font-size: 14px; line-height: 40px;}
.breadcrumb li+li{border-top: 1px solid #ececec;}
.breadcrumb li a{color: #6e6e6e;}
.breadcrumb li a:hover,.breadcrumb li a:focus,.breadcrumb li a:active{color: #686868;}

.tel {font-size:30px;background:#686868;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;}
::-webkit-input-placeholder {color:#bababa;  }
:-moz-placeholder {  color:#bababa;  }
::-moz-placeholder { color:#bababa;  }
:-ms-input-placeholder {  color:#bababa;  }
.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:#686868;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:#686868;border:none;margin:24px 0 28px;}

footer {background:#e6e6e6;}
.footer-box {padding:2rem 0 6rem;}
.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:#686868;color:#fff;}

.foot-nav{position: fixed; bottom: 0; left: 0; width: 100%; z-index: 888; background: #686868}
.foot-nav li{float: left; width: 25%; font-size: 14px;  line-height: 26px; text-align: center; background-position: center 6px; background-repeat: no-repeat; }
.foot-nav li a{color: #fff;display:block;padding-top: 31px;}
.foot-nav li+li{border-left: 1px solid rgba(255,255,255,.5);}
.foot-nav .link-home{background-image: url(../m_images/icon_home.png);}
.foot-nav .link-message{background-image: url(../m_images/icon_messag.png);}
.foot-nav .link-contact{background-image: url(../m_images/icon_contact.png);}
.foot-nav .link-top{background-image: url(../m_images/icon_top.png);}


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

}

/*手机站banner切换点颜色*/
.am-slider-default .am-control-nav li a.am-active {background-color:#686868; }