*{-webkit-tap-highlight-color: transparent;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;} 
	p{margin: 0;}
html{font-family:arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif;  font-size: 14px;}   
ul{list-style:none ;}
a:hover{text-decoration: none;}
.img img,.img{width: 100%;display: block;}
.linear{ -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;}
h3,h2{margin: 0;}
.width{width: 100%;}


@font-face {
  font-family: 'iconfont';  /* project id 561488 */
  src: url('//at.alicdn.com/t/font_561488_m33reomsiub.eot');
  src: url('//at.alicdn.com/t/font_561488_m33reomsiub.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_561488_m33reomsiub.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_561488_m33reomsiub.woff') format('woff'),
  url('//at.alicdn.com/t/font_561488_m33reomsiub.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_561488_m33reomsiub.svg#iconfont') format('svg');
}
.iconfont{
      font-family:"iconfont" !important;
      font-size:16px;font-style:normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale;}


.right-fix{position: fixed;right: 0;top: 24%;width: 70px;text-align: center;box-shadow: -2px 1px 12px rgba(0, 0, 0, .5);z-index: 999;}
    .right-fix li{border-bottom: 1px solid #999;padding: 8px 0;list-style: none;  -webkit-transition: all .5s ease;-moz-transition: all .5s ease; transition: all .5s ease;background: #fff;}
    .right-fix a{color: #333;font-size: 14px;text-decoration: none;display: block;}
    .right-fix img{width: 60%;display: inline-block;}
    .right-fix li:hover{background: #1c50a6;}
    .right-fix i{color:#1c50a6;font-size: 38px; }
	.right-fix li:hover i{color: #fff;}
	.right-fix li:hover a{color: #fff;}
	.fix-weixin,.fix-call,.fix-email{position: relative;}
	.l-show{position: absolute;z-index: -2; top: 0;left: 0;top: -90px;box-shadow: -2px 1px 4px rgba(0, 0, 0, .5);opacity: 0;  -webkit-transition: all .5s ease;-moz-transition: all .5s ease; transition: all .5s ease;}
	.l-show img{width: 145px;}
	.l-show p{padding: 4px;background:#1c50a6;color: #fff;font-size: 16px;}
	.fix-weixin:hover .l-show{left: -146px;opacity: 1;}
	.fix-call>p,.fix-email>p{    position: absolute;letter-spacing: 1px;
    z-index: -2;
    padding: 24.5px 16px;
    background: #1c50a6;
    color: #fff;
    font-size: 29px;
    font-weight: 600;
    font-style: italic;
    left: 0;
    top: 0px;
    letter-spacing: 1px;
    box-shadow: -1px 2px 8px rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;}
     .fix-call:hover p{left: -222px;opacity: 1;}
     .fix-email:hover p{
        left: -330px;opacity: 1;
     }
	


      @media (min-width: 1200px){
      .container {
          width: 1200px;
      }
    }

    
     
 .head-top {
    position: relative;
    width: 100%;
    height: 46px;
    line-height: 45px;
    background-color: #0389FF;
    color: #fff;
    /* overflow: hidden; */

    }
.head-top a{color: #fff;}
.social-media i{font-size: 22px;display: inline-block;color: #fff;}

.top-contact{text-align: right}
.top-contact a{margin-right: 8px;}
.index_menu{width: 100%;background:rgba(28, 80, 166,.0);    height: 60px;position: absolute;z-index: 999;top: 45px;
border-bottom: 1px solid hsla(0, 0%, 100%, .15);}
.index_menu a{color: #fff;display: block;}
.index_menu:hover{background:rgba(28, 80, 166,1);}
.index-nav{overflow: hidden;float: right;text-align: right;}
.index-nav>li{ margin-left: 1%;list-style: none;text-align: center;
display: inline-block;
line-height: 60px;

padding: 0 12px;
position: relative;
font-size: 16px;}
.index-nav li:nth-child(1){margin-left: 0;}

.logo{padding: 0;}
.logo img{height: 60px;padding: 5px 5px;}
.line{    position: absolute;
width: 0;
height: 3px;
left: 0;
bottom: 0;
background: #f58423;
}
.social-media a{display: inline-block;margin-right: 14px;}
.top-contact i{font-size: 21px;vertical-align: middle;margin-right: 6px;}
.head-top a:hover,.social-media i:hover,.head-top span:hover{color: #03263A;}

.index-nav li:hover>a{color: #f58423;}
.index-nav li:hover .line{width: 100%;}
.menu-pro,.biyi_menu{position: fixed;width: 100%;left: 0;background: #373d41;font-size: 0;opacity: 0;height: 0;overflow: hidden;}
.pro-nav{display: inline-block;width:25%;overflow: hidden;    vertical-align: top;}

.main-pro{width: 96%;float: right;text-align: left;padding-top: 20px;}
.pro-nav ul{width: 50%;float: left;}
.pro-nav li,.biyi-menu {font-size: 14px;line-height: 35px;}
.pro-nav h3 {font-size: 18px;padding:0 12px 8px 0;border-bottom: 1px solid #f58423;display: inline-block;}
.menu-pro-list:hover .menu-pro{opacity: 1;height: 300px;}
.biyi:hover .biyi_menu{opacity: 1;height: 60px;}

.menu-fix{position: fixed !important;top: 0 !important;    background: rgba(28, 80, 166,1);}
.head-hide{height: 0;opacity: 0;}
.menu-pro-fix{top: 60px !important;}
.biyi-menu ul{width: 100%;overflow: hidden;}
.biyi-menu li{float: left;line-height: 60px;text-align: left;margin-right:4%;}
.biyi_menu .main-pro{padding: 0;}
.right-menu .biyi-menu {margin-right: 25%;}
.right-pr-menu .biyi-menu {margin-right: 12%;}
.right-ab-menu .biyi-menu {margin-right: 0%;}
.right-menu .biyi-menu li{float: right;margin-right: 9%;text-align: right;}
.moblie-menu{text-align: right;color: #fff;font-size: 22px;line-height: 60px;display: none;height: 60px;}
.index-nav li i{float: right;font-size: 22px;margin-right: 15px;}

	
.yz-menu .main-pro{position: relative;}
.yz-menu h3{font-size:16px ;color: #fff;display: block;text-align: center;margin:12px 0 8px;border-bottom: 0;}
    .yz-cj{width: 25%;float: left;margin-right: 5%;}
    .yz-cj .yz_img{height:40px;line-height: 40px;}
    .yz-cj .yz_img img{width: 20px;height:20px;border-radius: 50%;}
    .yz-cj .yz_img span{padding-left: 10px;}
    .yz-menu .pro-nav ul{width: 100%;}
    .yz-cj li{float: left;width: 49%;}
    .yz-cj li:nth-child(2n){margin-left: 2%;}
    .yz-xyz{width: 50%;position: relative;float: left;}
    .yz-xyz .yz_img{height:40px;line-height: 40px;}
    .yz-xyz .yz_img img{width: 20px;height:20px;border-radius: 50%;}
    .yz-xyz .yz_img span{padding-left: 10px;}
    .yz-xyz ul{position: relative;z-index: 3;}
    .yz-xyz li{width: 23.5%;margin-left: 2%;float: left;}
    .yz-xyz li:nth-child(4n+1){margin-left: 0;}
 
    .r-map{width:30% ;float: right;position: absolute;right: 0;top: 5px;}
    .r-map img{width: 100%;}


    .cus-title{    margin: 45px auto 40px;text-align: center;}
    .cus-title h2{font-size: 26px;color: #0389FF;margin-bottom: 8px;}
    .cus-title p{color: rgb(128, 127, 127);}
    .cus-type{width: 100%;overflow: hidden;}
    .cus-type li{float: left;width: 18.4%;margin-left: 2%;text-align: center;}
    .cus-type li:nth-child(1){margin-left: 0;}
    .cus-item{padding: 8px 4%;border: 1px solid #d4d4d4;margin-bottom: 16px;}
    .cus-type li h4{color: #515151;font-size: 18px;}
    .cus-type li img{width: 40%;display: inline-block;}
    .cus-type p{color: #666;}
    .cus-area{width: 100%;margin: 35px 0;overflow: hidden;font-size: 14px;color: #333;}
    .cus-area img{display: inline-block;vertical-align: top;width: 18px;}
    .cus-area li{float: left;width: 10.75%;margin-left: 2%;margin-bottom: 25px;vertical-align: middle;}
    .cus-area li:nth-child(8n+1){margin-left: 0;}
    @media(max-width:1199px){
      .cus-type li img {   width: 50%;}
      .cus-type li h4{font-size: 16px;}
      .cus-title{margin: 25px auto 20px;}
    }
    @media(max-width:991px){
      .cus-type li h4{font-size: 12px;margin-bottom: 5px;}
      .cus-area{display: none;}
    }
    @media(max-width:767px){
      .cus-type li{width: 32%;margin-bottom: 16px;}
      .cus-type li h4{height: 35px;margin: 0;line-height: 16px;}
      .cus-type li:nth-child(3n+1){margin-left: 0;}
      .cus-type li img {   width: 80%;}
      .cus-item{margin-bottom: 8px;}
    }