/*--------必要的CSS样式---------*/
body{font-family:'Microsoft YaHei';font-size: 14px;}
*{margin: 0;padding: 0;}
a,img{border: 0;}
a{color: #00367f;text-decoration: none;}
a{transition: all 300ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;}
a:hover{color: #ff6600;}
li {list-style-type: none;}
.clear{width: 100%;height: 40px;}
.son{width: 1200px;margin: auto;overflow: hidden;}
.left{float: left;}
.right{float: right;}
.hidden{overflow: hidden;}

/*--------网站公共部分代码开始---------*/

/*头部公共部分 top*/
.logo_tel{height: 100px;border-bottom: 2px solid #ff6600;}
.logo_tel .logo{margin-top: 21px;width: 500px;height: 80px;}
.wx_code{margin-top: 7px;}
.wx_code img{width: 86px;height: 86px;float: left;}
.wx_code span{height:75px;display: inline-block;writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr;float: left;margin-top: 12px;color:#666;margin-left: 5px;}
.biaoyu{margin-top: 23px;margin-left: 20px;}
.biaoyu span{display: block;color:#666;position: relative;padding-left: 25px;line-height: 30px;}
.biaoyu span:before{
    position: absolute;
    width: 14px;
    height: 14px;
    display: block;
    content: '';
    background: #ff6600;
    left: 0;
    transform: rotate(45deg);
    top: 8px;
}
.logo_tel .tel{margin-top: 20px;width: 315px;height: 70px;background: url('../Image/tel.png')no-repeat 0px 5px;text-indent: 60px;}
.logo_tel .tel h3{color: #262626;font-size: 18px;}
.logo_tel .tel h2{color: #ff6600;font-size: 33px;position: relative;top:0;}

.daohang{height: 58px;line-height: 58px;background-color: #00367f;}
.daohang ul{width: 1300px;}
.daohang ul li{float: left;width: 148px;border-right:1px solid #1a4a8c;}
.daohang ul li{transition: all 300ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;}
.daohang ul li:hover{background-color: #ff6600;}
.daohang ul:first-child li{border-left:1px solid #1a4a8c;}
.daohang ul li a{display: block;color: #ffffff;text-align: center;}


/*头部公共部分 结束*/


/*----------------底部公共部分开始--------------------*/
.footer{height: 205px;width: 100%;background-color: #323030;padding-top: 60px;overflow: hidden;}
.footer .footer_lxwm{width: 480px;}
.footer .footer_lxwm .title{color: #ffffff;font-size: 16px;background: url('../Image/01.png')no-repeat 0px 5px;text-indent: 30px;}
.footer .footer_lxwm ul{color: #929292;margin-top: 10px;text-indent: 30px;}
.footer .footer_lxwm ul li{height: 30px;line-height: 30px;}

.footer .youqing_links{width: 300px;}
.footer .youqing_links .title{color: #ffffff;font-size: 16px;background: url('../Image/02.png')no-repeat 0px 5px;text-indent: 30px;}
.footer .youqing_links ul{margin-top: 10px;text-indent: 30px;}
.footer .youqing_links ul a{color:#929292;}
.footer .youqing_links ul li{height: 30px;line-height: 30px;}


.footer .erweima{width: 100px;height: 140px;}
.footer .erweima img{display: block;width: 100px;height: 100px;}
.footer .erweima .txt{height: 40px;line-height:40px;text-align: center;color: #929292;}


.footer .admin{height: 60px;line-height: 60px;border-top: 1px solid #434343;color: #929292;}
.footer .admin a{color: #929292;}
/*----------------底部公共部分结束--------------------*/


/*产品列表，左侧展示*/
.pro_list_title{width: 230px;height: 61px;text-align: center;background-color:#0045a0;}
.pro_list_title h2{font-size: 24px;color: #FFFFFF;margin-top: 10px;}
.pro_list_title h4{font-size: 12px;color: #5d8ece;}


.pro_list{width: 176px;border: 7px solid #0045a0;min-height: 300px;padding: 20px;padding-bottom: 30px;}
.pro_list ul li{text-indent: 30px;height: 44px;line-height: 44px;background: url('../Image/prolist.png')no-repeat 0px 15px;border-bottom: 1px dashed #e5e5e5;}
.pro_list ul li a{color: #373737;}
.pro_list ul li{transition: all 300ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;}
.pro_list ul li:hover{text-indent:40px;background: url('../Image/prolist_hover.png')no-repeat 0px 15px;}
.pro_list ul li:hover a{color:#f04c36;}
.pro_list ul .current{background: url('../Image/prolist_hover.png')no-repeat 0px 15px !important;;}
.pro_list ul .current a{color: #f04c36 !important;}
/*产品列表，左侧展示 end*/
/*自写组件部分*/
.layuiLayer {
  background: none !important; }
  .layuiLayer .layui-layer-title {
    height: 30px;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border-bottom: none; }
  .layuiLayer .layui-layer-setwin {
    top: 7px; }
    .layuiLayer .layui-layer-setwin .layui-layer-close1 {
      background-color: #fff;
      background-position: 2px -39px;
      border-radius: 3px; }

.float_nav {
  position: fixed;
  right: 0;
  bottom: 80px;
  width: 42px;
  height: auto;
  z-index: 999; }
  .float_nav a {
    display: block;
    width: 40px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    line-height: 40px;
    background: #fff;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    /* Firefox 4 */
    -webkit-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -o-transition-timing-function: ease;
    /* Opera */ }
    .float_nav a:last-child {
      opacity: 0; }
    .float_nav a:hover {
      background: #163b7f; }
      .float_nav a:hover i {
        color: #fff; }
    .float_nav a i {
      color: #999;
      font-size: 20px; }

.float_nav_on {
  transform: translateX(100px);
  -ms-transform: translateX(100px);
  -moz-transform: translateX(100px);
  -webkit-transform: translateX(100px);
  -o-transform: translateX(100px); }

.float_contact_on {
    right: 0%!important;
   }

.float_contact {
  width: 463px;
  height: 260px;
  position: fixed; 
  z-index: 1000;
  left: 50%;
  top: 50%;
  transform:translate(-50%,-50%);


  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  /* Firefox 4 */
  -webkit-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -o-transition-timing-function: ease;
  /* Opera */
  -webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, 0.17);
  box-shadow: 0 5px 9px rgba(4, 0, 0, 0.17);
  }
  .float_contact .p1 {
    line-height: 16px;


    color: #333;
    font-size: 14px;
    letter-spacing: 1px; }
    .float_contact .p1 i {
      display: block;
      position: absolute;
      top:60px;
      right: 20px;
      font-size: 20px;
      transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transition: 0.5s;
      -moz-transition: 0.5s;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition-timing-function: ease;
      -moz-transition-timing-function: ease;
      /* Firefox 4 */
      -webkit-transition-timing-function: ease;
      /* Safari 和 Chrome */
      -o-transition-timing-function: ease;

      /* Opera */
      cursor: pointer; }
      .float_contact .p1 i:hover {
        transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -o-transform: rotate(135deg); }
  .float_contact .p2 {
    padding: 12px 20px;
    height: 20px;
    line-height: 20px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    /* Firefox 4 */
    -webkit-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -o-transition-timing-function: ease;
    /* Opera */
    background: rgba(0, 0, 0, 0.05); }
    .float_contact .p2:hover {
      background: #333; }
      .float_contact .p2:hover a i {
        color: #fff; }
      .float_contact .p2:hover a div {
        color: #fff; }
    .float_contact .p2 a {
      width: 100%;
      height: 100%;
      display: block; }
    .float_contact .p2 i {
      display: block;
      float: left;
      font-size: 20px;
      transition: 0.3s;
      -moz-transition: 0.3s;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition-timing-function: ease;
      -moz-transition-timing-function: ease;
      /* Firefox 4 */
      -webkit-transition-timing-function: ease;
      /* Safari 和 Chrome */
      -o-transition-timing-function: ease;
      /* Opera */ }
    .float_contact .p2 div {
      height: 20px;
      line-height: 20px;
      float: left;
      font-family: thyFont3;
      margin-left: 10px;
      transition: 0.3s;
      -moz-transition: 0.3s;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition-timing-function: ease;
      -moz-transition-timing-function: ease;
      /* Firefox 4 */
      -webkit-transition-timing-function: ease;
      /* Safari 和 Chrome */
      -o-transition-timing-function: ease;
      /* Opera */ }
  .float_contact .p3 {
    color: #333;
    padding: 12px 20px; }
    .float_contact .p3 div {
      text-align: center;
      margin-top: 4px; }
      .float_contact .p3 div span {
        font-size: 14px;
        font-family: thyFont3; }