/*-----  Global  ----*/
*{margin:0px;padding:0px; border-width:0;}
body{font-size:14px; font-family:"Microsoft YaHei";}
a{text-decoration:none;color:#000;}

ul li{list-style-type:none;}
img{display:block;}
.clear{clear:both; height:0px; width:0px; overflow:hidden;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/ 
*html .clearfix {height: 1%;}
.clearfix {display: block;}
.floatLeft{float:left;}
.floatRight{float:right;}
.mt6{margin-top:12px;}
.mt5{margin-top:10px;}
/* top*/
#top{ width:1600px; height:86px; margin:0 auto; padding:10px 0 13px 0;position:relative;}
#top .logo{display:block;float:left;width: 523px;
height: 83px;background:url(../images/logo.jpg) no-repeat left center;}
#top .nav{float:right;margin-top:39px;}
#top .nav .firstfloor li{margin-left:20px;height:58px;line-height:38px;float:left;text-align:center;font-size:15px;position:relative;}
.nav .v1{display:block;height:58px;padding:0 10px;}
.nav .v1:hover{color:#096388;}
#top .nav .secondfloor{position:absolute;right:0;top:58px;z-index:9999;display:none;border:1px solid #E4EAEC;background:#FFF;width:150px;border-top:2px solid #096388;left: 0;padding-left: 5px;}
#top .nav .secondfloor div{border-bottom:1px solid #E4EAEC;width:100%;line-height:50px;height:50px;font-size:13px;margin-left:0;}
#top .nav .secondfloor  a{text-indent:5px;text-align:left;width:100%;height:50px;display:block;color:#76838F;transition:.5s;
  font-size: 14px;
  line-height: 50px;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    -o-transition:.5s;}
#top .nav .secondfloor  a:hover{text-indent:15px;color:#2A333C;transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    -o-transition:.5s;}
#top .language{position:absolute;height:20px;right:0;top:18px;padding-left:28px;}
#top .language.cn{background:url(cn_icon.jpg) no-repeat right 31px center;right:110px;}
#top .language.en{background:url(en_icon.jpg) no-repeat right 63px center;}
/*flash*/
.index_banner{ width:100%; height:37.4vw;min-height: 140px;}
.index_banner .swiper-slide a{display:block;width:100%;height:100%;}
.index_banner .swiper-button-next{width:47px;height:80px;background-color:rgba(0,0,0,.3);background-size:31px 60px;margin-top:-40px;right:50px;z-index: 9;}
.index_banner .swiper-button-prev{width:47px;height:80px;background-color:rgba(0,0,0,.3);background-size:31px 60px;margin-top:-40px;left:50px;z-index: 9;}
/*search*/
#searchbg{height:181px;background: url(../images/bg5.jpg) no-repeat;-webkit-background-size: 100% 100%;
background-size: 100% 100%;}
#search{ width:1400px; margin:0 auto;}
#search .s_left{width:50%;float:left;}
#search .s_left p{color:#FFF;text-align:left;line-height:24px;}
#search .s_left p:first-child{margin-top:29px;font-size:16px;font-weight:bold;}
#search .s_left p:nth-child(2){margin-top:8px;font-size:26px;font-weight:bold;font-family:Arial;}
#search .s_left p:last-child{line-height:30px;}
#search .s_right{width:50%;overflow: hidden;padding:54px 0 0 25px;}
#search .s_right .keyword{overflow: hidden;}
#search .s_right .keyword p{line-height:26px;font-weight:bold;color:#FFF;}
#search .s_right .keyword p a{color:#FFF;font-size: 16px;font-weight: normal;display: inline-block;}
#search .s_right .keyword p:first-child{font-size:16px;margin-bottom:8px;}
#search .s_right .btn{ width:315px; float:right;}
#search .s_right .btn p{line-height:26px;font-weight:bold;color:#FFF;font-size:16px;margin-bottom:8px;}
#search .s_right .btn .i_input{width:100%;height:44px;line-height:44px;border-radius:22px;background:#FFF;}
#search .s_right .btn .i_input input{float:left;padding:5px 0px;outline:none;height:34px;line-height:34px;width:241px;margin-left:22px;}
#search .s_right .btn .serachbtn{float:right;width:39px;height:39px;background:url(search.png) no-repeat center center #FFCA4A;cursor:pointer;border-radius:50%;margin-top:2px;margin-right:3px;}
/*publictitle*/
.publictitle{}
.publictitle .pb_title{font-size:40px;color:#3f3f3f;text-align:center;font-weight:bold;}
.publictitle .pb_en{width:198px;margin:0 auto;text-align:center;margin-top:10px;position:relative;color:#535353;}
.publictitle .pb_en .l_icon{width:5px;height:5px;background:#E2E2E2;border-radius:50%;display:block;left:-4px;top:7px;position:absolute;}
.publictitle .pb_en .r_icon{width:5px;height:5px;background:#E2E2E2;border-radius:50%;display:block;right:-4px;top:7px;position:absolute;}
.publictitle .pb_en:before{content:"";width:140px;height:1px;background:#E2E2E2;position:absolute;left:-144px;top:9px;}
.publictitle .pb_en:after{content:"";width:140px;height:1px;background:#E2E2E2;position:absolute;right:-144px;top:9px;}
/*product*/
#productbg{width:100%;background:url(../images/bg4.jpg);padding-top:55px;padding-bottom:66px;}
#product{width:1400px;margin:0 auto;overflow:hidden;}
#product .product_class{margin-top:40px;}
#product .product_class ul{
  display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}
#product .product_class li{width:164px;height:64px;line-height:64px;text-align:center;color:#444;
margin-left:5px;background:#E5E5E5;}
#product .product_class li:first-child{margin-left:0;}
#product .product_class li a{color:#444;width:100%;height:100%;display:block;}
#product .product_class li.hover,#product .product_class li:hover{background:#096388;}
#product .product_class li.hover a,#product .product_class li:hover a{color:#FFF;}
#product .product_li{margin-top:35px;position:relative;}

#product .product_li li{ float:left;padding:13px 0 0 0;margin-top:15px;overflow: hidden;width: 25%;}
.gtab ul{
  overflow: hidden;
  margin:0 -10px;
}
#product .product_li .con{
  margin:0 10px;
  background: #fff;
  overflow: hidden;
  padding: 10px;
}
#product .product_li li a.img-contain{display:block;height:182px;}
#product .product_li li img{
  display: block;
  width: 100%;
  height: 100%;
}
#product .product_li li p{height:60px;line-height:60px;text-align:center;font-size:16px;}
/*ground*/
#groundbg{background:url(../images/bg3.jpg) no-repeat ;height:568px;padding-top:75px;-webkit-background-size: 100% 100%;
background-size: 100% 100%;}
#ground{width:1400px;margin:0 auto;}
#ground .g_title{color:#FFF;text-align:center;font-weight:bold;}
#ground .g_title p:first-child{font-size:48px;}
#ground .g_title p:last-child{font-size:24px;}
#ground .g_content{margin-top:75px;}
#ground .g_content .g_btn{width:224px;height:41px;line-height:41px;background:url(../images/p_icon.png) no-repeat 54px center #FFAE00;border-radius:21px;font-size:18px;font-weight:bold;color:#FFF;text-indent:67px;display:block;margin:0 auto;margin-top:55px;text-align: center;}
#ground .g_content .g_left{width:50%;float:left;}
#ground .g_content .g_left li{width:140px;float:left;margin-left:32px;}
#ground .g_content .g_left li:first-child{margin-left:0;}
#ground .g_content .g_left li .img{width:140px;height:140px;background:#FFF;border-radius:50%;margin:0 auto;margin-bottom:17px;}

#ground .g_content .g_right{width:50%;float:right;}
#ground .g_content .g_right li{width:140px;float:left;margin-left:32px;}

#ground .g_content .g_right li .img{width:140px;height:140px;background:#096388;border-radius:50%;margin:0 auto;margin-bottom:17px;}
#ground .g_content img{display: block;width: 100%;height: 100%;}
#ground .g_content .img:hover{
  animation:circle 0.6s linear;
  -webkit-animation:circle 0.6s linear;/* Safari and Chrome */
  -moz-animation:circle 0.6s linear;/* Firefox */
  -o-animation:circle 0.6s linear;/* Opera */}
@keyframes circle{
  0%{ transform:rotateY(0deg); }
  100%{ transform:rotateY(-360deg); }
}
@-webkit-keyframes circle{
  0%{ transform:rotateY(0deg); }
  100%{ transform:rotateY(-360deg); }
}/* Safari and Chrome */
@-moz-keyframes circle{
  0%{ transform:rotateY(0deg); }
  100%{ transform:rotateY(-360deg); }
}/* Firefox */
@-o-keyframes circle{
  0%{ transform:rotateY(0deg); }
  100%{ transform:rotateY(-360deg); }
}/* Opera */
#ground .g_content p{color:#FFF;text-align:center;line-height:24px;font-weight: bold;font-size: 24px;}
#ground .g_content .g_left p{
  color:#222;
}
/*info*/
#infobg{width:100%;background:#E5E5E5;padding-top:53px;padding-bottom:90px;}
#info{ width:1300px; margin:0 auto; position:relative;}
#info .i_left{width:615px;float:left;}
#info .i_left .en{text-transform:uppercase;color:#626262;font-weight:bold;font-size:2.08vw;font-family:Arial;margin-top:40px;}
#info .i_left .cn{color:#3f4550;font-weight:bold;font-size:36px;margin-top:15px;}
#info .i_left p{line-height:24px;color:#626262;margin-top:35px;}
#info .i_left .info_li{margin-top:20px;}

#info .i_left .info_li a{width: 106px;
height: 106px;
border: 1px solid #4B505C;
border-radius: 50%;
display: block;
overflow: hidden;
padding-top: 68px;
text-align: center;
float: left;
margin-right: 15px;
background-position: top 20px center;
background-repeat: no-repeat;
}
#info .i_left .info_li a:nth-child(1){background-image:url(../images/icoh1.png);}
#info .i_left .info_li a:nth-child(2){background-image:url(../images/info_icon2.png);}
#info .i_left .info_li a:nth-child(3){background-image:url(../images/icoh2.png);}
#info .i_left .info_li a:nth-child(4){background-image:url(../images/ico11.png);}
#info .i_right{width:591px;float:right;}
#info .i_right img{display:block;}
/*news*/
#newsbg{width:100%;background:#F6F6F6;padding-bottom:74px;padding-top: 30px;}
#news{ width:1400px; margin:0 auto; padding-top:50px;}
#news .news_left{width:607px;margin-right: 30px;float:left;background:#096388;margin-top:60px;padding-bottom:25px;}
#news .news_left .news_img{height:286px;background-repeat:no-repeat;background-position:center center;background-size:contain;background-color: #fff;}
#news .news_left .news_title{font-size:20px;font-weight:bold;color:#FFF;margin:15px 0 5px 25px;}
#news .news_left .news_title a{color:#FFF;}
#news .news_left p{color:#FFF;line-height:24px;padding-left:25px;}
#news .news_left .btn{font-size:18px;color:#FFF;margin-top:10px;padding-left:25px;}
#news .news_right{overflow: hidden;margin-top:50px;}
#news .news_right a{margin-top:10px;background:#FFF;padding:22px 0 23px 0;display:block;}
#news .news_right a .time{font-size:12px;width:60px;height:55px;color:#949494;text-align:center;float:left;margin-left:22px;}
#news .news_right a .time span{font-size:32px;color:#000;font-weight:bold;}
#news .news_right a .line{width:1px;height:40px;background:#CCC;display:block;float:left;margin-left:20px;margin-top:8px;}
#news .news_right a .txt{overflow: hidden;padding:0 15px;}
#news .news_right a .txt p{color:#7E7E7E;}
#news .news_right a .txt p:first-child{font-size:18px;color:#353535;margin-bottom:10px;overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}
#news .news_right a:hover{background:#096388;color:#FFF;}
#news .news_right a:hover .time{color:#FFF;}
#news .news_right a:hover .time span{color:#FFF;}
#news .news_right a:hover .line{background:#FFF;}
#news .news_right a:hover .txt p{color:#FFF;}
/*foot*/
#footbg{ background:#282E3A;}
#foot{width:1400px;margin:0 auto;position:relative;}
#foot .f_left{width:590px;float:left;position:relative;padding:60px 0 47px 0;}
#foot .f_left .f_title{font-size:34px;color:#FFF;}
#foot .f_left .f_txt{height:50px;background-repeat:no-repeat;background-position:left center;padding-left:70px;color:#FFF;margin-top:25px;line-height:25px;}
#foot .f_left .f_txt p:first-child{font-family:Arial;font-weight:bold;}
#foot .f_left .f_txt span{font-size:26px;font-family:Impact;}
#foot .f_left .f_txt.f_phone{background-image:url(../images/foot_icon1.png);}
#foot .f_left .f_txt.f_add{background-image:url(../images/foot_icon2.png);}
#foot .f_left .f_txt.f_email{background-image:url(../images/foot_icon3.png);}
#foot .f_left .erweima{position:absolute;width:117px;height:117px;top:210px;left:385px;}
#foot .f_left .erweima img{
  display: block;
  width: 100%;
  height: 100%;
}
#foot .f_left .btn{width:219px;height:38px;border:1px solid #7B7B7B;border-radius:3px;background:url(../images/foot_icon4.png) no-repeat 38px center;display:block;margin-top:31px;color:#FFF;text-indent:15px;line-height:38px;font-size:16px;}
#foot .f_left .btn .shu{width:1px;height:30px;background:#727479;display:block;margin-left:66px;margin-top:5px;float:left;}
#foot .f_right{width:574px;float:right;background:#242A35;height:443px;padding-top:15px;}
#foot .f_right p{color:#999;text-align:center;}
#foot .f_right .feedback{padding:0 72px;margin-top:10px;}
#foot .f_right .feedback li{color:#666;float:left;margin-right:40px;margin-top:20px;}
#foot .f_right .feedback li:nth-child(3){margin-right:0;width: 100%;}
#foot .f_right .feedback li:nth-child(3) input{width: 100%;}
#foot .f_right .feedback li:nth-child(2n){margin-right:0;}
#foot .f_right .feedback li:nth-child(4){margin-right:0;width: 100%;}
#foot .f_right .feedback li:nth-child(6){margin-right:0;clear:left;width: 100%;}
#foot .f_right .feedback li input{width:190px;height:34px;line-height:34px;padding:3px 5px;outline:none;border-radius:3px;}
#foot .f_right .feedback li{display: block;}
#foot .f_right .feedback li textarea{width:100%;height:80px;border:1px solid #DDD;resize:none;padding:10px;outline:none;vertical-align:top;border-radius:3px;}
.foot_btn{width:100%;height:40px;border-radius:3px;background: #096388;display:block;color:#FFF;text-indent:15px;line-height:40px;cursor:pointer;font-size:16px;text-align: center;}
/*footbottom*/
#footbottombg{ width:100%;background:#282E3A;height:72px;border-top:1px solid #696D75;}
#footbottom{width:1400px;height:72px;line-height:72px;color:#949494;margin:0 auto;}
#footbottom a{color:#949494;}
/*返回顶部*/
.izl-rmenu{position:fixed;left:90%;bottom:10px;padding-bottom:10px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#096388;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#096388;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#096388;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#096388;}
.izl-rmenu .btn-phone .phone{background-color:#096388;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}   


.s_left{
  overflow: hidden;
  padding-top: 61px;
  padding-left: 8.33vw;
}
.s_left .item{

display: inline-block;
  padding: 0 37px;
}
.s_left .item .tit{
  font-size: 20px;
  color:#222222;
  margin-bottom: 7px;
}
.s_left .item .desc{
  font-size: 20px;
  color:#CD3737;
  font-weight: bold;
}

.c{
  clear:both;
}
#top .tel{
  position: absolute;
  right: 0px;
  top: 20px;
  font-size: 22px;
  color:#CD3737;
  font-weight: bold;
  padding-left: 31px;
  font-family: Arial;
  background: url(../images/ico1.png) no-repeat left center;
}

.menuBtn{
    display: none;
    position: fixed;
    top: 16px;
    right: 12px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 4px;background-color: #096388;
    margin: 4px 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}
  #ground .g_content .g_left,#ground .g_content .g_right{
    overflow: hidden;
  }
@media only screen and (max-width: 1800px) {
  #top{width: 100%;padding: 0 50px;max-width: 100%;}
  #top .logo{width: 300px;-webkit-background-size: contain;
  background-size: contain;}
  #top .tel{right: 66px;top: 10px;}
}
@media only screen and (max-width: 1430px) {
#product,#search,#ground,#ground,#info,#news,#foot,#footbottom{width: 1200px;overflow: hidden;}
#ground .g_content .g_left li,#ground .g_content .g_right li{width: 100px;}
#ground .g_content .g_left li .img,#ground .g_content .g_right li .img{width: 100px;height: 100px;}
#info .i_right{width: 400px;}
#info .i_right img{max-width: 100%;}
#top .nav .firstfloor li{margin-left: 0;}
#ground .g_content p{font-size: 16px;}
#info .i_left .info_li a{width: 80px;height: 80px;}
#info .i_left .info_li a{margin-right: 6px;
background-size: 20px 20px;padding-top: 48px;font-size: 12px;}
#info .i_left .info_li a:last-child{margin-right: 0;}
}
@media only screen and (max-width: 1230px) {
   .menuBtn{display: block;}
    #top .nav
    {
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        z-index: 99;
        overflow: hidden;
        background: #fff;
        width: auto;
        float: none;
        padding: 0;
        display: none;
        margin-top: 0;
        border-top:1px solid #eee;

    }
    .nav .v1{height: 40px;line-height: 40px;}
    .nav ul{float: none;overflow: hidden;}
    #top .nav .firstfloor li{float: none;margin:0;padding: 0;height: auto;line-height: 100%;}
    .nav .phone{display: none;}
    .nav li{float: none;width: auto;}
    .nav li .v1{line-height: 40px;text-align: left;padding:0 20px;color:#333; border-bottom:1px solid #eee;}
    .nav li.on .v1::after{display: none;}
    #top .logo{height: 60px;line-height: 60px;}
    .nav li i {
        display: block;
        width: 40px;
        height: 40px;
        background-position: center center;
          position: absolute;
          right: 0;
          top: 0;
        z-index: 9;
        background: url(../images/sel.png) no-repeat center center;
        -webkit-background-size: 18px 18px;
        background-size: 18px 18px;
    }
    .nav .v1{height: 40px;line-height: 40px;text-align: left;color:#333;padding-left: 10px;margin:0;overflow: hidden;}
    .nav li:hover .v1,
    .nav li.on .v1{
        background: none;
    }
    .nav li .v1::after{display: none;}
    .logo{line-height: 60px;height: 60px;width: 160px;padding-right: 0;border-right: none;}
    body{padding: 60px 0 53px;}
    #top{
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      padding: 0 15px;
      z-index: 99;
      background: #fff;
      height: 60px;
      margin-top: 0;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    }
    #top .nav .secondfloor{position: static;width: auto;}
    #top .tel{display: none;}
    #ground .g_title p:first-child,.publictitle .pb_title,#info .i_left .cn{font-size: 32px;margin-bottom: 10px;}
    #ground .g_title p:last-child{font-size: 16px;}
    #product,#search,#ground,#ground,#info,#news,#foot,#footbottom{width: auto;padding: 0 15px;}
   
    .index_banner .swiper-button-next,.index_banner .swiper-button-prev{width: 0;height: 0;}
   
    #foot .f_right .feedback{padding: 0;}
    #searchbg{height: auto;padding: 30px 0;}
    #search .s_left, #search .s_right{padding: 0px 0 0;}
    #infobg{padding: 30px 0;}
    #info .i_left .en{font-size: 22px;margin-top: 0px;}
    #info .i_left .cn{margin-top: 0;margin-bottom: 10px;}
    #info .i_left p{margin-top: 10px;}
    #groundbg{height: auto;padding: 30px 0 ;}
   
    #news .news_left{width: 500px;margin-top: 0px;}
    #news .news_right{margin-top: 0;}
    .publictitle .pb_en{margin-bottom: 20px;}
    #ground .g_content .g_left li .img, #ground .g_content .g_right li .img{width: 70px;height: 70px;}
    
    #ground .g_content .g_btn{margin-top: 20px;}
    #ground .g_title p:first-child, .publictitle .pb_title, #info .i_left .cn{font-size: 22px;}
    #ground .g_content,#ground .g_content .g_right,#ground .g_content .g_left{margin-top: 20px;}
    #foot .f_right .feedback li{width: 48%;margin-right: 4%;}
    #foot .f_right .feedback li input{width: 100%;}
     #foot .f_left{width: auto;float: none;height: auto;}
 #foot .f_right{width: auto;float: none;height: auto;padding:30px 0;overflow: hidden;}
 #foot .f_right .feedback li:nth-child(6){margin-right: 0;}
 #news .news_right a .txt p:first-child{margin-bottom: 0;}
 #news .news_right a{margin-top: 0;margin-bottom: 10px;}
 #newsbg{padding-bottom: 30px;}
 #foot .f_left{padding: 30px 0;}
 #info .i_left{width: 500px;}
 #product .product_class li{width: 120px;height: 50px;line-height: 50px;}
 #product .product_li li{width: 50%;}
 #productbg{overflow: hidden;padding: 30px 0;}
 #product .product_li{margin-top: 10px;}
 .s_left .item .tit{color:#fff;}
}
@media only screen and (max-width: 1023px) {
   #info .i_left{width: auto;float: none;}
    #info .i_right{display: none;}
    #groundbg{-webkit-background-size: cover;
    background-size: cover;}
   #ground .g_content .g_left,#ground .g_content .g_right{width: auto;float: none;}
    #searchbg{height: auto;background: #096388;}
    #product .product_class li{width: 50%;float: left;margin:0;height: 40px;line-height: 40px;font-size: 14px;}
    #product .product_class ul{display: block;}
    #news .news_left{width: auto;float: none;margin-right: 0;margin-bottom: 20px;}
    #search .s_left,#search .s_right{width: auto;float: none;}
    #ground .g_content .g_left li, #ground .g_content .g_right li{width: 25%;margin:0;}
  .s_left .item{padding: 0;margin-right: 20px;}
  #searchbg{padding: 20px 0;}
  #search .s_left{margin-bottom: 10px;}
  #foot .f_left .erweima{position: static;margin-top: 20px;}
  #foot .f_right .feedback li:last-child{float: none;clear:left;padding-top: 10px;}
  #footbottom{height: auto;line-height: 2;padding: 10px 15px;}
  .s_left .item .desc{color:#fff;}
}
@media only screen and (max-width: 500px) {
#product .product_li li{width: auto;float: none;}
#foot .f_left .f_title{font-size: 24px;}
#foot .f_left .f_txt span{font-size: 22px;}
#foot .f_left .f_txt.f_phone{margin-bottom: 40px;}
#news .news_left .news_img{height: 180px;}
#top .logo{width: 260px;height: 60px;line-height: 60px;}
#search .s_right .keyword p a{font-size: 14px;}
#footbottombg{height: auto;}
}


.g-yh{
  overflow: hidden;
  padding: 4.69vw 0 2.6vw;
  position: relative;
}
.g-yh::after{
  content:'';
  display: block;
  position: absolute;
  left: 9.9vw;
  right: 0;
  top: 60px;
  height: 15.63vw;
  background: url(../images/png1.png) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.g-yh .publictitle{
  position: relative;
  z-index: 2;
  margin-bottom: 1.77vw;
}
.g-yh .publictitle .pb_title,
.g-yh .publictitle .pb_en{
  color:#fff;
}
.m-yh{
  overflow: hidden;
  position: relative;
  padding-left: 13.54vw;
  position: relative;
  z-index: 2;
}
.m-yh .item{
  width: 24.11vw;
  height: 38.02vw;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  float: left;
  margin-left: -4.69vw;
}
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display: none;}
#floatBottom a{width:33.333%;height:53px;display:block;float:left;position:relative;font-size: 14px;color:#fff;text-align: center;padding-bottom: 4px;}
#floatBottom a img{
    display: block;
    margin:4px auto 2px;
    height: 25px;
}
#floatBottom .ewm{width:87px;height:83px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}
@media only screen and (max-width: 1230px) {
#floatBottom{display: block;}
.g-yh{padding-top: 5.69vw;}
}
@media only screen and (max-width: 1023px) {
.g-yh::after{top: 20px;}
.g-yh{padding-top: 40px;padding-bottom: 30px;}
}
@media only screen and (max-width: 500px) {
.g-yh{padding-top: 20px;margin-bottom: 0px;}
#ground .g_title p:first-child, .publictitle .pb_title, #info .i_left .cn{margin-bottom: 0;}
}
.hd-mobile{display: none;}
@media only screen and (max-width: 1230px) {
#top{display: none;}
.hd-mobile{display: block;
      position: fixed;
      z-index: 999;
      top: 0;
      width: 100%;
      left: 0;
      background: #fff;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
 .menuBtn{display: block;}
    .nav_mobile{
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99;
        overflow: hidden;
        background: #fff;
        width: auto;
        float: none;
        padding: 0;
        display: none;
        border-top:1px solid #eee;
    }
.logo{
  height: 60px;
  width: 220px;
  line-height: 60px;
}
.logo img{
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}

    .nav_mobile li{position: relative;}
    .nav_mobile li .v1{line-height: 40px;text-align: left;padding:0 20px;color:#333; border-bottom:1px solid #eee;font-size: 14px;display: block; }
    .nav_mobile li i {
        display: block;
        width: 40px;
        height: 40px;
        background-position: center center;
          position: absolute;
          right: 0;
          top: 0;
        z-index: 9;
        background: url(../images/sel.png) no-repeat center center;
        -webkit-background-size: 18px 18px;
        background-size: 18px 18px;
    }
    .nav_mobile li .sub{
       padding: 10px 0;
    background-color: #082E8F;
    display: none;
    }
    .nav_mobile li .sub a{padding-left: 20px;text-align: left;line-height: 30px;color:#fff;font-size: 14px;display: block;}
    .nav_mobile .v1{height: 40px;line-height: 40px;text-align: left;color:#333;padding-left: 10px;margin:0;overflow: hidden;}
    .nav_mobile li:hover .v1,
    .nav_mobile li.on .v1{
        background: none;
    }
    .nav_mobile li .v1::after{display: none;}
}