@font-face {
  font-family: 'Conv_langdon';
  src: url('../other/langdon.eot');
  src: local('☺'), url('../other/langdon.woff') format('woff'), url('../other/langdon.ttf') format('truetype'), url('../other/langdon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{font-family:Arial, Helvetica, sans-serif,"微软雅黑";font-size: 14px;overflow-x: hidden;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0;}
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none;vertical-align: middle;max-width: 100%;}
a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
/*daohang*/
#nav{padding-bottom: 1px;}
#nav .logo{
  float: left;
  width: auto;
  margin-top: 12px;
}
@media (min-width:992px) {
  nav{
    float: right;
    margin-top: 15px;
  }
  nav li{
    float: left;
    position: relative;
  }
  nav li a:hover{color: #2577e3;}
  nav li .on{color: #2577e3;}
  nav li>a{
    padding: 22px 9px;
    display: block;
    font-size: 15px;
    color: #3a3a3a;
    text-align: center;
    transition:0.5s;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
  }
  nav li>a:after{content: '';display: block;width: 1px;height: 20px;background: #ddd;position: absolute;right: 0;top: 22px;}
  nav dl{
    position: absolute;
    display: block;
    background: #2577e3;
    top: 65px;
    opacity: 0;
    transition: opacity 1s ease;
    left: 9999px;
    z-index: 999;
  }
  nav dl dd{
    display: block;
  }
  nav dl a{
    color: #fff;
    display: block;
    font-size: 12px;
    padding: 8px 30px;
    white-space: nowrap;
  }
  nav dl a:hover{background: #fff;color:#222;}
  nav li:hover dl{
    opacity: 1;
    left: 0;
  }
#nav .nav-button{display: none;}
}
@media (min-width:1150px){
  nav li>a{padding: 22px 20px;}
}
@media (min-width:1280px){
  nav li>a{padding: 22px 24px;}
}
.close-nav{position: fixed;top:0;left:0;width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}
.nav-open{transform: translateX(0);}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
@media (max-width:991px){
  #nav .nav-button{width: 35px;height: 35px;border-radius: 3px;background: #2577e3;color: #fff;position: absolute;right: 10px;top: 72px;line-height: 35px;text-align: center;font-size: 20px;}
  nav{position: fixed;left: 0;top: 0;bottom: 0;width: 240px;box-shadow: 0 3px 5px #666;z-index: 99;padding: 10px 0;overflow: auto;background: #e5e5e5;transform: translateX(-300px);transition: 0.3s;}
  nav li>a{font-size: 16px;padding: 8px 10px;display: block;font-weight: bold;}
  nav li a:hover{background: #2577e3;color: #fff;}
  nav li dl{background: #eee;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
  nav li dd a{padding: 8px 20px;display: block;font-size: 13px;}
}
.footer{ width:100%;margin:0 auto;background: #181818 url(../images/btn.jpg) no-repeat 0% 0%;overflow:hidden; }
.f-bm{float:left; width:10%;margin-top:35px;}
.fr-logo{margin-top:30px;}
.online{ float:left; width:30%;margin-top:62px;margin-left:5%;margin-bottom:50px;}
.footer input,
.footer textarea{width: 100%;background: #2f2f2f;line-height: 30px;padding: 0 5px;margin-bottom: 15px;color:#fff;font-size:12px;}
.footer .submit{width: 150px;border: none;background: #2577e3;color: #fff;border-radius:10px;font-weight:bold;}
.footer .online p{ font-size:20px; color:#2577e3; font-weight:bold;margin-bottom:20px;}
.footer-pr{width:16%;float:left;margin-top:62px;margin-left:5%;margin-bottom:50px;}
.footer-pr li a{ font-size:14px; color:#fff; line-height:26px;}
.footer-pr li a:hover{ color:#2577e3;}
.footer-pr p{ font-size:20px; color:#2577e3; font-weight:bold;margin-bottom:20px;line-height:26px;}
.footer .contact-us li{margin-bottom: 15px; color:#fff;}
.footer a{color: #ddd;transition:0.3s;}
.footer  a:hover{color: #2577e3;}
.contact-us{ width:32%;float:right; margin-top:62px;margin-bottom:50px;}
.contact-us p{ font-size:20px; color:#2577e3; font-weight:bold;margin-bottom:20px;line-height:24px;}
.footer .contact-us i{ margin-right:10px;color:#2577e3;}
.medial i.fa.fa-facebook{ background:#3b5998;color:#fff;}
.medial{overflow: hidden;float: left;margin-top:20px;}
.medial i.fa{display: inline-block;width: 25px;height: 25px;text-align: center;line-height: 25px;float: left;margin-right:10px;}
.medial i.fa.fa-twitter{ background:#00b0e9;color:#fff;}
.medial i.fa.fa-google-plus{background:#d54736;color:#fff;}
.medial i.fa.fa-youtube{background:#2577e3;color:#fff;}
.medial i.fa.fa-linkedin{background:#fbc602;color:#fff;}
.footer-dr{width:100%;margin:0 auto;background: #181818;}
.footer-dr p{text-align:center; line-height:50px;border-top:1px solid #2f2f2f; color:#fff;height:50px;}
#scrollTop{border-radius:15px;display: none;background: #2577e3;font-size: 40px;text-align: center;color: #fff;position: fixed;z-index: 999999;bottom: 100px;right: 15px;cursor: pointer;}
#scrollTop .scrollTop{position: relative;display: block;width: 70px;height: 70px;}
#scrollTop i{position: absolute;left: 0;right: 0;top:3px;}
#scrollTop span{font-size: 18px;display: block;position: absolute;left:0;right: 0;bottom: 8px;}
@media (max-width:640px){
.f-bm,.footer-pr{display:none;}
.online {
    width: 45%;
    margin-top: 25px;
    margin-left: 1.5%;
    margin-bottom: 20px;}
.contact-us {
    width: 45%;
    margin-right: 1.5%;
    margin-top: 25px;
    margin-bottom: 20px;}
.footer-dr{padding-bottom:25px;}
}

.lx1_1{width:1200px; height:auto; margin:0 auto;}
.lx1_2{width:100%; height:auto; float:left; padding:10px 0; line-height:20px;}
.lx1_2 span{font-weight:bold; color:#2577e3;}
.lx1_2 a{ padding-left:10px;}
.lx1_3{width:100%; height:auto; float:left; background:#ebebeb;}
.lx1_4{width:100%; height:auto; float:left; padding-bottom:30px;}
.lx1_4 li{width:100%; height:40px; float:left; line-height:40px; border-bottom:1px solid #CCC;}
.lx1_4 li span{width:20%; height:auto; float:left;}
.lx1_4 li p{width:80%; height:auto; float:left; text-align:center;}