@charset "UTF-8";
*{
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
body{background: #fff;overflow-x: hidden;}
img{display: block;}
a{color: #333;}
.wp{width: 1400px;margin:0 auto;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ellipsis2{ display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.st{font-family: "\5B8B\4F53";}
.dn{display: none;}
.iconfont{-webkit-text-stroke-width:0;}
.img{text-align:center;overflow:hidden;}
.img img{width:100%;height:100%;display:block;margin:0 auto;}
.fwn{font-weight: normal;}
.fwb{font-weight: bold;}
.ts{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;	transition: all .5s ease;}
.ts2{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;	transition: all 1s ease;}
.detail{color: #666;font-size: 16px;line-height: 1.8em;}
.detail p{line-height: 35px;font-size: 16px;margin-bottom:15px;text-indent: 2em;}
.detail img{max-width: 100%;margin:0 auto;display: block;text-indent: 0;height: auto!important;}
.detail a{color: #666;}
.detail a:hover{color: #06c;}


.op0{opacity:0;transform:translate(0,120px);transition:all .7s;}
.op0.fade_in{opacity:1;transform:translate(0,0);}
/*top*/
.head_main{background: #fff;height: 100px;position: relative;z-index: 2;}
.logo a{display: block;margin-top: 20px;}
.logo img{height: 55px;}

.head_fr{padding-top: 10px;}
.language a{margin-left:10px;}
.language a img{height: 20px;}
.hotline{font-size:20px;color:#006;font-weight: bold;margin-bottom: 5px;}
.hotline span{display: block;font-weight: normal;font-size:16px;}
.hotline i{margin-right: 5px;font-size: 24px;font-weight: normal;}

.nav{margin-left: 60px;}
.nav>ul>li{float:left;}
.nav>ul>li>a{color: #333;display: block;line-height: 96px;font-size: 16px;padding: 0 35px;position: relative;position: relative;position: relative;}
.nav>ul>li>a:before{position: absolute;bottom: -4px;left: 15px;right: 15px;background: #fff;content: "";height: 4px;}
.nav>ul>li>a:hover,.nav>ul>li>a.on{color: #014099;font-weight:bold;}
.nav>ul>li>a:hover{color: #014099;}
.nav>ul>li>a.on:before{background: #014099;}
.nav>ul>li:nth-child(2)>a{font-weight:bold;}

.nav ul li .hide{
  position: absolute;
  z-index: 99999;
  font-size: 12px;
  top: 100px;left: 0;right: 0;background: #fff;text-align: center;display: none;border-bottom: 1px solid #ddd;
}
.nav ul li .hide .wp{width: 1000px;padding: 40px 0;position: relative;}
.nav ul li .hide .wp .fl{width: 300px;}
.nav ul li .hide .wp img{width: 400px;height: 250px;border-radius: 15px;overflow: hidden;box-shadow: 0 0 10px #aaa;margin-right: 50px;}
.nav ul li .hide a{
  width: 100%;
  display: block;
  padding:15px 20px;
  transition:0.5s;
  line-height: 20px;
  text-transform: uppercase;
  color:#333;
  font-size: 15px;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.nav ul li .hide a:hover{
  color:#fff;
  background: #06c;
}
.bg{position: fixed;z-index: 999;top: 0;right: 0;
    bottom: 0;  left: 0;  display: none;
    transition: background 350ms cubic-bezier(.165,.84,.44,1);
    background: rgba(0,0,0,.4);
    box-shadow: -4px 0 4px rgba(0,0,0,.5), 4px 0 4px rgba(0,0,0,.5);
    -webkit-tap-highlight-color: transparent;}
.bg.on{display: block;}
/*banner*/
.swiper_banner .swiper-slide img{
  width:100%;
  height:auto;
  min-height:100%;
  transition:1s linear 2s;
  transform:scale(1.1,1.1);
}
.swiper_banner .swiper-slide-active img,
.swiper_banner .swiper-slide-duplicate-active img{
  transition:6s linear;
  transform:scale(1,1);
}
.swiper_banner .swiper-button-prev:hover,
.swiper_banner .swiper-button-next:hover{color: #06f;}
.swiper_banner .swiper-pagination-bullet{width: 16px;height: 16px;border-radius: 16px;background: #06f;opacity: 1;}
.swiper_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}

.home_main{padding-top: 50px;padding-bottom: 50px;}
.home_tit h3{font-size: 36px; font-weight: bold;color: #333;text-align: center;line-height: 1;margin-bottom: 15px;}
.home_tit p{font-size: 18px;color: #666;text-align: center;line-height: 25px;}
/*home_product*/
.home_product{  
  background: #fff;
}
.pro_nav .swiper-wrapper{/*text-align: center;display: block;*/}
.pro_navc{width:100%;margin-top:40px;}
.pro_nav .swiper-slide{width:auto;height:40px;line-height:40px;cursor:pointer;font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: #f0f0ee;color: #333;padding: 0 20px;display: inline-block;text-align: center;}
.pro_nav .swiper-slide.active-nav{background:#014099;color: #fff;}
.pro_listc .swiper-slide{}
.pro_list .swiper-slide a{display: block;width: 100%;background: #e4e4e4;padding: 10px 10px 0;}
.pro_listc .swiper-slide .pic{ overflow: hidden;width: 100%;border-bottom: 1px solid #e1e1e1; background-color:white;}
.pro_listc .swiper-slide .pic img{-webkit-transition: all .5s ease;transition: all .5s ease;width: 100%;}
.pro_listc .swiper-slide a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.pro_listc .swiper-slide h3{font-size: 16px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 60px;font-weight: normal;}
.pro_listc .swiper-slide a:hover{background:#035cac;border-color: #06c;}
.pro_listc .swiper-slide a:hover h3{color:#fff;}
.pro_listc{display: none;position: relative;}
.pro_listc.current{display: block;}
.pro_listc .swiper-container{display: none;}
.pro_listc.current .swiper-container{display: block;}
.pro_list{padding: 30px 0;margin-bottom: 30px;}
.pro_list .swiper-button-next,.pro_list .swiper-button-prev{background: none;opacity: 1;font-size: 30px;width: 30px;height: 60px;line-height: 60px;}
.pro_list .swiper-button-next{right: -50px;}
.pro_list .swiper-button-prev{left: -50px;}
.pro_list .swiper-button-next:hover,.pro_list .swiper-button-prev:hover{ color:#fff;background:#06c;}
.pro_list .swiper-button-disabled{/*display: none;*/}
.pro_list .swiper-pagination{text-align: center;width: 100%;margin-top: 15px;}
.pro_list .swiper-pagination-bullet{background: #c0c0c0;opacity: 1;margin: 0 10px;width: 15px;height: 15px;}
.pro_list .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #003399;}

/*home_about*/
.about_main{position: relative;z-index: 3;min-height: 370px;background: #f0f0ee;}
.about_img{width: 640px;height: 410px;margin-left: -50px;margin-top: 95px;
}
.about_fl h5{font-size: 24px;font-weight: bold;color: #014099;line-height: 1;margin-bottom: 40px;}
.about_fl{padding-top: 40px;padding-bottom: 50px;width: 810px;}
.about_info{font-size: 16px;color: #333;line-height: 36px;text-indent: 2em;background: #fff;padding: 50px 150px 50px 80px;}
.about_info a{color: #fff;width: 170px;height: 40px;line-height: 40px;background: #014099;display: block;margin-top: 40px;}
/*news*/
.news_main{background: #fff;}
.news_tit{margin-bottom: 40px;}
.news_tit span{font-size: 36px;color: #333;font-weight: bold;}
.news_tit a{width: 135px;height: 40px;line-height: 40px;color: #fff;display: block;text-align: center;background: #014099;margin-left: 20px;font-size: 18px;}
.news_tit a:hover{background: #990033;}
.news_l{width: 600px;float: left;}
.news_l a{display: block;}
.news_l a h5{font-size: 18px;color: #333;line-height: 40px;}
.news_l a span{color: #999;display: block;margin-bottom: 5px;}
.news_himg{width: 100%;margin-bottom: 10px;overflow: hidden;}
.news_info{color: #999;line-height: 25px;}
.news_l a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.news_l a:hover h5{color: #06f;}
.news_r{width: 720px;float: right;}

.news_ul li{padding: 0 0 20px;border-bottom: 1px solid #ededed;margin-bottom: 20px;}
.news_ul li:last-child{border-bottom:none;}
.news_ul li a{display: block;padding-left: 120px;height: 84px;}
.news_img{width: 100px;height: 80px;position: absolute;overflow: hidden;border:1px solid #ddd;top: 0;left: 0;}
.news_img img{width: 100px;height: 80px;display: block;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.news_ul li a h2{color: #666;font-size: 16px;line-height: 30px;display: block;}
.news_ul li a span{font-size: 13px;color: #999;font-weight: normal;}
.news_info{height:50px;font-size: 14px;color: #999;line-height: 25px;overflow: hidden;}
.news_ul li a:hover h2{color: #06c;}
.news_ul li a:hover .news_ul img{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.news_more{margin-top: 30px;}
.news_more a{width: 200px;height: 40px;border-radius: 6px;background: #014099;color: #fff;display: block;margin: 0 auto;text-align: center;font-size: 16px;line-height: 40px;}
.news_more a:hover{background: #990033;}

.link_main{display: none;}
.link{line-height: 40px;color: #f00;}
.link a{margin-right: 15px;float: left;color: #333;}
.link span{font-size: 16px;}
.link i{font-size: 26px;margin-right: 5px;}
.link a:hover{color: #06c;}

.footer{width:100%;background:#0147a6;padding: 50px 0;}
.foot_l{width: 380px;}
.foot_l a{font-size: 18px;font-weight: bold;color: #fff;display: block;margin-top: 20px;}
.foot_l a:hover{color: #c9d9fe;}
.foot_l h5{font-weight: bold;color: #fff;font-size: 18px;line-height: 1;margin-bottom: 10px;}
.foot_l p{color: #fff;}
.foot_l ul{margin-top: 20px;}
.foot_l ul li{line-height: 30px;color: #fff;font-size: 16px;}
.foot_l ul li i{font-size: 20px;margin-right: 5px;width: 20px;display: inline-block;text-align: center;}
.foot_l ul li:nth-child(2) i{font-size: 16px;}
.foot_nav{width:190px;padding-right: 10px;float: left;}
.foot_nav a{display:block;color:#d4e0f0;overflow:hidden;text-overflow:ellipsis;transition:.5s;line-height: 30px;}
.foot_nav a:hover{color: #c9d9fe;}
.foot_nav h3 a{font-size:18px;color:#fff;}
.foot_nav h3 a:hover{color: #c9d9fe;}
.foot_nav h3{margin-bottom: 20px;}
.foot_ewm img{width:140px;height:140px;border:15px solid #fff;}
.foot_ewm h4{text-align: center;color: #fff;line-height: 30px;}
.copyright{background: #2b2b2b;text-align: center;color: #fff;padding: 10px 0;line-height: 30px;}
.copyright a{color: #fff; }

/*内页*/
.ny_banner{height: 200px;background-repeat: no-repeat;background-position: center;background-size: auto 100%;}

.location{background: #fff;padding:10px 0;line-height: 30px;border-bottom: 1px solid #dfdfdf;}
.location a{color: #666;margin:0 5px;}
.location span{margin:0 5px;}
.location i.iconfont{font-size: 20px;}
.location a:hover{color: #06c;}
.location i.iconfont{margin-right: 5px;color: #999;}
.location .bar_hide{display: none;}
.bar_location .bar_hide{display: inline-block;}

.ny_main{background: #fff;}
.ny_con{padding-bottom: 50px;position: relative;}
.ny_pcon{padding-top: 30px;}

.ny_menu{text-align: center;padding-top: 60px;}
.ny_menu>a{/*width: 120px;*/color:#fff;display:inline-block;height: 40px;line-height: 40px;background: #0147a6;border-radius:5px;margin: 0 20px;font-size: 16px;padding: 0 15px;}
.ny_menu a:hover,.ny_menu a.current{background: #bf000a;}

.menu_main{width: 300px;}
.menu_sort{box-shadow: 0 0 20px rgba(0,0,0,.5);}
.sort_dn{display: none;}
.menu_p_tit{padding:0 20px;color:#fff;height: 50px;line-height: 50px;background: #06c;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;font-size: 18px;font-weight: bold;display: block;}
.menu_nul{margin-bottom: 10px;}
.menu_nul>li{border-bottom: 1px solid #e8e8e8;}
.menu_nul>li>a{padding:0 20px;display: block;height: 40px;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;font-size: 16px;}
.menu_nul>li>a:before{position: absolute;top: 0;right:10px;width: 20px;height: 40px;content: "\e6de";font-family: iconfont;transform:rotate(90deg);-moz-transform:rotate(90deg);display: block;text-align: center;}
.menu_nul>li>a:hover,.menu_nul>li.current>a{color: #06c;background: #eee;font-weight: bold;}
.menu_nul>li.current>a:before{transform:rotate(180deg);-moz-transform:rotate(180deg);}
.menu_nul>li>a:hover{padding-left: 15px;}
.menu_nul li ul{display: none;background: #fff;}
.menu_nul li ul li{border-top: 1px solid #e8e8e8;padding: 0 5px;}
.menu_nul li ul li a{display: block;line-height: 20px;color: #999;padding: 10px 10px 10px 20px;}
.menu_nul li.current ul li a{color: #999;}
.menu_nul li ul li a:hover,.menu_nul li ul li.current a{color: #06c;font-weight: bold;}
.menu_nul li.current ul{display: block;}
.menu_tel{background: #06c;color: #fff;padding: 10px 15px;margin-top: 15px;line-height: 25px;font-size: 18px;}
.menu_tel p{font-weight: bold;text-align: center;}
.menu_tel h4{font-size: 18px;text-align: center;}

.ny_right{width: 1060px;}
.ny_rcon{padding-top: 50px;}
.ny_right .ny_rcon{padding-top: 0;}
/*about*/
.ny_about{background: url(../images/about_bg.jpg) no-repeat center bottom;}
.about_detail{padding: 60px 100px 0;}
.about_detail>.fl{width: 200px;height: 80px;padding-right: 60px;border-right: 1px solid #999;}
.about_detail>.fl h3{font-size: 32px;font-weight: bold;color: #666;text-align: right;}
.about_detail>.fl h4{font-size: 22px;font-weight: bold;color: #666;text-align: right;}
.about_detail .detail_con{width: 950px;font-size: 16px;line-height: 35px;}
.about_detail .detail_con h5.name{font-size: 28px;color: #666;font-weight: bold;margin-bottom: 10px;}
/*honor*/
.honor_nul{margin: 0 -20px;}
.honor_nul li{width: 20%;float: left;padding: 0 20px;margin-bottom: 20px;}
.honor_nul li:nth-child(5n+1){clear:left;}
.honor_nul li a{display: block;}
.honor_nul li a p{border:2px solid #ededed;width: 100%;overflow: hidden;}
.honor_nul li a p img{width: 100%;}
.honor_nul li a:hover p img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.honor_nul li a h3{font-size: 16px; color: #333;line-height: 40px;text-align: center;height: 40px;overflow: hidden;}
.honor_nul li a:hover p{-webkit-box-shadow: 0 0 15px rgba(51,102,255,0.4);box-shadow: 0 0 20px rgba(51,102,255,0.4);border-color: #99ccff;}
.honor_box{position: fixed;width: 460px;height: 636px;left: 50%;top: 50%;margin-left: -230px;margin-top: -318px;z-index: 999;border: 2px solid #ddd;display: none;}
.honor_box img{width: 100%;height: 100%;}
.honor_box  a{position: absolute;width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 30px;background: #06c;color: #fff;top: -15px;right: -15px;}
.honor_box  a:hover{background: #f60;}
/*history*/
.history_con{background: url(../images/history_bg.jpg) no-repeat 1000px 150px;padding-top: 60px;padding-left: 250px;}
.history_nul{border-left:2px solid #e8e8e8;width: 700px;}
.history_nul li{position: relative;line-height: 25px;padding: 20px 0 20px 20px;font-size: 18px;}
.history_nul li span{position: absolute;width: 200px;left: -220px;text-align: right;display: block;line-height: 25px;top: 20px;}
.history_nul li i{position: absolute;top: 24px;left: -9px;width: 16px;height: 16px;border-radius: 16px;border:2px solid #0147a6;background: #fff;}
/*contact*/
.contact_ncon{border:1px solid #e6e6e6;padding: 50px 50px;margin-top: 70px;}
.contact_h3{font-size: 26px;color: #0046a6;font-weight: bold;line-height: 1;border-left:4px solid#0046a6;padding-left: 15px;margin-bottom: 40px;}
.contact_fl,.contact_fr{width: 50%;}
.contact_fl{padding-right: 10px;}
.contact_fl p{line-height: 25px;font-size: 18px;padding: 10px 0;}
.contact_fr p{font-size: 18px;line-height: 1;}
.contact_aboutimg img{width: 80%;margin: 50px auto 0;}

.mess_form{padding-top: 50px;}
.message_nul{}
.message_nul li{margin-bottom: 20px;}
.message_nul li input{border:1px solid #e5e5e5;height: 48px;line-height: 48px;background: #fff;font-family: inherit;font-size: 16px;outline: none;padding: 0 20px;width: 100%;display: block;margin: 0 auto;}
.message_nul li textarea{
    height: 118px;
    line-height: 30px;
    padding: 10px 20px;width: 100%;background: #fff;border:1px solid #e5e5e5;resize: none;font-family: inherit;font-size: 16px;outline: none;overflow: hidden;margin: 0 auto;display: block;
}
.mess_btn{margin: 0 auto;}
.mess_btn button{width: 48%;height: 48px;line-height: 48px;text-align: center;color: #fff;display:block;border:1px solid #e5e5e5;font-family: inherit;font-size: 16px;cursor: pointer;outline: none;background: #06c;}
.mess_btn button:hover{background: #ff6d07;border-color: #ff6d07;}
.address_nul{margin: 20px -10px 0;}
.address_nul li{width: 33.33%;padding: 0 10px;margin-top: 30px;float: left;}
.address_li_con{border:2px solid #f4f3f8;border-top: 2px solid #0147a6;padding: 20px;}
.address_li_con h5{border-bottom: 1px solid #e2e1e6;line-height: 1;font-weight: bold;font-size: 20px;padding-bottom: 15px;margin-bottom: 10px;margin-top: 10px;}
.address_li_con p{line-height: 25px;padding: 5px 0;font-size: 16px;}
/*download*/
.down_nul{margin: 30px 0 0;}
.down_nul li{width: 25%;padding: 0 20px;float: left;margin-top:20px;}
.down_nul li a{display: block;}
.down_nimg{width: 100%;border:5px solid #e6e6e6;}
.down_nimg img{
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.down_mask{position: absolute;top:0;right: 0;bottom: 0;left:0;background: rgba(0,102,204,.9);display: none;color: #fff;padding: 120px 30px 0;}
.down_mask p{line-height: 30px;margin-bottom: 20px;}
.down_nimg i{display: block;line-height: 50px;margin-top: 10px;font-size: 40px;}
.down_nimg span{display: block;text-align: center;font-size: 16px;}
.down_nul li a h2{margin-top: 10px;line-height: 25px;font-size: 16px;overflow: hidden;/*white-space: nowrap;text-overflow: ellipsis;*/text-align: center;height: 50px;  }
.down_nul li a:hover .down_mask{display: block;}
.down_nul li a:hover .down_nimg img{
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.down_nul li a:hover h2{color: #06c;}

.sms_ul{padding-top: 20px;}
.sms_ul li{background: #e6e6e6;margin-top: 20px;padding: 15px 60px;}
.sms_ul li a{display: block;}
.sms_ul li .fr{padding-top: 25px;}
.sms_ul li .fr a{width: 100px;line-height: 40px;border:1px solid #0147a6;text-align: center;display: block;color: #0147a6;font-size: 18px;}
.sms_ul li .fl img{height: 90px;margin-right: 20px;}
.sms_ul li .fl span{display: block;line-height: 1;color: #777;font-size: 16px;margin-top: 20px;margin-bottom: 15px;}
.sms_ul li .fl h5{font-weight: bold;font-size: 18px;}
.sms_ul li:hover{background: #d5d5d5;}
.sms_ul li:hover a:hover{background: #0147a6;color: #fff;}
.sms_ul2 li{width: 49%;float: left;}
.sms_ul2 li:nth-child(2n){float: right;}
.sms_ul2 li .fl img{height: 70px;}
.sms_ul2 li .fr{padding-top: 15px;}
.sms_ul2 li h5{margin-top: 25px;}
/*news*/
.news_nul{margin-bottom: 50px;}
.news_nul li{padding: 30px 0;border-bottom: 1px dashed #e5e5e5;}
.news_nul li a{display: block;padding-left: 210px;position: relative;}
.news_nimg{width: 195px;height: 150px;border:1px solid #e5e5e5;position: absolute;left: 0;top: 0;}
.news_nimg img{
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.news_nfr{float: none;}
.news_nfr h4{font-size: 18px;line-height:20px;padding-top: 10px;color: #666;padding-bottom: 5px;}
.news_nfr span.news_data{font-size: 12px;color: #333;line-height: 25px;display: block;}
.news_nfr span i{font-size: 10px;margin-right: 5px;}
.news_ninfo{color: #666;line-height: 25px;overflow: hidden;height: 50px;margin-top: 10px;}
.news_nul li a:hover .news_nimg img{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.news_nul li a:hover .news_nfr h4{color: #06c;}
.news_nimg i.iconfont{position: absolute;top: 50%;width: 100%;height: 40px;text-align: center;line-height: 40px;color: #eee;margin-top: -20px;left: 0;right: 0;font-size: 40px;z-index: 2;}
.news_nimg.pr:after{position: absolute;top:0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.6);content: "";z-index: 1;}

.news_dtit{font-size: 20px;line-height: 1.4;text-align: center;margin-bottom: 20px;}
.news_ndata{padding:18px 0;border-top:1px solid #dedede;color:#666;line-height:20px;text-align: center;}
.news_ndata span{padding: 0 5px;}
.news_detail{display: block;color: #666;font-size: 15px;margin-top: 10px;}
.news_nfr span.news_detail i{margin-left: 5px;font-size: 18px;}

.news_ndec{background: #f2f2f4;font-size: 15px;color: #333;line-height: 30px;padding: 10px 20px;margin-bottom: 30px;}
.detail_re{margin-top: 50px;border-top: 1px solid #dedede;padding-top: 20px;position: relative;}
.detail_re p{line-height: 40px;color: #666;padding-right: 200px;/*border:1px solid #e5e5e5;margin-bottom: 20px;background: #f5f5f5;*/}
.detail_re p span{color: #999;padding-right: 15px;}
.detail_re p a span{color: #666;}
.detail_re a{color: #666;}
.detail_re a:hover{color: #06c;}
.detail_re .back{width: 110px;height: 45px;background: #0147a6;line-height: 45px;font-size: 16px;text-align: center;display: block;color: #fff;position: absolute;top: 20px;right: 0;}
.detail_re .back:hover{background: #bf000a;}
/*page*/
.pagelist{text-align: center;}
.pagelist li{display: inline-block;margin: 0 5px;height: 28px;border:1px solid #ccc;border-radius: 3px;padding: 0 10px;line-height: 28px;}
.pagelist li.thisclass{background: #06c;border-color: #06c;color: #fff;}
.pagelist li a{display: block;}
.pagelist li a:hover{color: #06c;}

/*case*/
.case_nul{margin: 0 -20px;padding-top: 50px;padding-bottom: 50px;}
.case_nul li{width: 33.33%;float: left;padding: 0 20px;margin-bottom: 30px;}
.case_nul li a{display: block;border:1px solid #f3f3f3;padding: 20px 20px 20px;}
.case_nul li a:hover{-webkit-box-shadow: 0 0 20px rgba(51,102,255,0.6);box-shadow: 0 0 20px rgba(51,102,255,0.6);border-color: #99ccff;}
.case_nul li a:hover .img img{
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.case_nul li h5{padding: 15px 15px;font-size: 18px;line-height: 1;font-weight: bold;}
.case_ninfo{line-height: 25px;height: 100px;overflow: hidden;padding: 0 15px;color: #666;}
.case_nmore{padding-top: 20px;border-top:1px solid #ddd;margin: 0 15px;}
/*product*/
.pro_nul{padding-top: 30px;padding-bottom: 50px;margin: 0 -7px;}
.pro_nul li{float: left;width: 33.33%;margin-top: 30px;padding: 0 15px;}
.pro_nul li:nth-child(3n+1){clear: left;}
.pro_nli{width: 100%;background: #fff;box-shadow: 0 0 8px 3px #ccc;}
.pro_nli .pic{ overflow: hidden;width: 100%;position: relative;}
.pro_nli .pic img{-webkit-transition: all .5s ease;transition: all .5s ease;  }
.pro_nli:hover{border-color: #06c;}
.pro_nli:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.pro_nli h3{font-size: 16px;color: #333;font-weight: bold;text-align: center;padding: 15px 0;line-height: 30px;}
.pro_nli:hover h3 a{color:#06c;}
.pro_nli .hide{padding: 10px 10px 0;height: 115px;}
.pro_nli_a{width: 50%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;text-align: left;float: left;padding: 0 10px;color: #666;}
.pro_nli_a span i{width: 6px;height: 6px;border-radius: 50%;background: #06c;display: inline-block;position: relative;top: -2px;margin-right: 5px;}
.pro_nmore{width: 100px;height: 40px;line-height: 40px;border:1px solid #fff;text-align: center;color: #fff;margin: 0 auto 0;}
.pro_nli:hover .pro_nmore a{color: #06c;}
.pro_nli_a:hover{color: #06c;}

.pro_ntit{background: #06c;color:#fff;font-size: 20px;padding: 0 20px;line-height: 50px;height: 50px;display: block;margin-bottom: 30px;}
.pro_nlist{margin: 0 -15px;}
.pro_nlist li{float: left;width:20%;margin-bottom: 30px;padding: 0 15px;}
.pro_nlist li a{display: block;width: 100%;border: 1px solid #dadada;}
.pro_nlist li .pic{overflow: hidden;width: 100%;position: relative;border-bottom: 1px solid #dadada;}
.pro_nlist li .pic img{-webkit-transition: all .5s ease;transition: all .5s ease;  }
.pro_nlist li .text{background: #f0f0f0;padding: 15px 10px;}
.pro_nlist li h3{font-size: 16px;color: #333;font-weight: bold;line-height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 50px;}

.pro_nlist li p{line-height: 1;padding-top: 15px;color: #777;}
.pro_nlist li p i{float: right; }
.pro_nlist li .text .ellipsis{line-height: 30px;border-bottom: 1px solid #dadada;color: #777;padding-bottom: 5px;}
.pro_nlist li a:hover{border-color: #06c;}
.pro_nlist li a:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.pro_nlist li a:hover h3{color:#fff;}
.pro_nlist li a:hover .hide{display: block;}
.pro_nlist li a:hover .text{background: #06c;}
.pro_nlist li a:hover p,
.pro_nlist li a:hover .text .ellipsis{color: #fff;}


.product_nlist{padding-top: 50px;}
.show_img{margin: 10px -3px 0;}
.show_img li{width: 25%;float: left;padding: 0 3px;display: list-item;}
.show_img li a{width: 100%;display: block;border:2px solid #ccc;}
.show_img li a img{width: 100%;}
.show_img li a.on{border-color: #06c;}

.show_con{margin-bottom: 30px;}
.show_pic{width: 36%;}
.show_pic .img img{width: 100%!important;height: auto!important;border:5px solid #e8e8e8;}

.show_right{width: 60%;}
.show_right h2{color: #06c;border-bottom: 1px solid #ccc;font-size: 18px;padding-bottom: 10px;line-height: 30px;font-weight: bold;}
.show_info{line-height: 30px;padding-top: 10px;}

.show_down{margin-bottom: 10px;padding-bottom: 10px;margin-top: 10px;}
.show_down a{float: left;margin-right: 20px;width: 160px;text-align: center;background: #06c;border-radius: 5px;text-align: center;line-height: 40px;color: #fff;font-size: 16px;}
.show_down a.price{background: #f57a01;}
.show_down a:hover{background: #09f;}
.show_tab{height: 45px;background: #ececec;border-bottom: 2px solid #004098;}
.show_tab span{width: 160px;height: 45px;display: block;float: left;text-align: center;font-size: 16px;line-height: 45px;cursor: pointer;}
.show_tab span.on{background: #004098;color: #fff;}
.show_tabc{padding-top: 30px;padding-bottom: 50px;}
.show_tabc .show_tabcon{display: none;} 
.show_tabc .show_tabcon.on{display: block;}

.show_dul li{padding: 5px 20px;}
.show_dul li a{float: right;width: 80px;text-align: center;border-radius: 5px;overflow: hidden;color: #fff;background: #06c;}
.show_dul li a:hover{background:#ff6d06;color: #fff;}

.sort_ntit{height: 50px;line-height: 50px;text-align: left;background: #06c;color: #fff;padding: 0 10px;font-size: 16px;border-radius: 4px;margin-bottom: 20px;}
.sort_ntit i{margin-right: 5px;font-size: 20px;}

/*悬浮框*/
.kefu_con{position: fixed; right: 0; top:50%;margin-top:-135px;z-index: 2000;display: block;}
.kefu{width: 70px;}
.kefu ul{-webkit-box-shadow: 0px 10px 100px rgba(3,3,3,0.2);box-shadow: 0px 10px 100px rgba(3,3,3,0.2);}
.kefu li{position: relative;border-top: 1px solid #ccc;background: #fff;width: 70px;height: 71px;}
.kefu li.kf_li1{border-top: none;}
.kefu li.kf_li3{}
.kefu li a{display: block;overflow: hidden;width: 70px;height: 70px;}
.kefu li a span{width: 70px;height: 70px;text-align: center;color: #333;background: #fff;display: block;-webkit-transition: all .5s ease;transition: all .5s ease;}
.kefu li a span.iconfont{font-size: 40px;line-height: 70px;}
.kefu li a span.text{background: #06c;color: #fff;padding: 10px 15px 0;line-height: 25px;font-size: 16px;}
.kefu li a:hover span.iconfont{margin-top: -70px;}
.kefu li.kf_li3 a:hover span.iconfont{margin-top: 0;}

.k_top{margin-top: 20px;height: 55px;padding-top: 8px;background: #fff;}
.k_top a{display: block;text-align: center;}
.k_top i{text-align: center;display: block;line-height: 20px;font-size: 25px;-webkit-transition: all .5s ease;transition: all .5s ease;}
.k_top a span{height: auto;}
.k_top a:hover span,
.k_top a:hover i{color: #06c;}
.hide_box{position:absolute; background-color: #252e3c; right:-400px;top:0;padding:10px 10px 0 80px; color: #fff;font-size: 20px;width: 260px;height: 70px;-webkit-transition: right .3s ease;transition: right .3s ease;}
.hide_box p.hide_tel{color: #f60;}
.hide_img{position: absolute;top:15px;left: -60px;width: 120px;-webkit-transition: all .5s ease;transition: all .5s ease;}
.hide_img img{width: 100%;-webkit-animation-delay:0.3s;animation-delay:0.3s;
}
.kefu li:hover .hide_box{right: 0;}

.wap_foot{display: none;position: fixed;left: 0;right: 0;bottom: 0;  width: 100%;height: 50px;z-index: 98;background: #024588;}
.wap_nav li{width: 25%;float: left;border-right: 1px solid #0358ae;height: 50px;}
.wap_nav li:last-child{border-right: none;}
.wap_nav li a{display: block;text-align: center;padding-top: 5px;color: #fff;height: 100%;}
.wap_nav li a i{display: block;height: 20px;line-height: 20px;font-size: 20px;}
.wap_nav li a span{display: block;height: 20px;line-height: 20px;font-size: 14px;}
.wap_nav li.on a{background: #ddd;color: #024588;}
#map{height: 300px;}
.wap_menu{display: none;}
.logo img.web{display: none;}

.select_a {display: block;}
.select_img{width:60%;margin: 0 auto;border:2px solid #06c;margin-top: 30px;border-radius: 20px;overflow: hidden;}
.select_img img{width: 100%;-webkit-transition: all .5s ease;transition: all .5s ease;}
.select_btn{width:60%;height: 50px;line-height: 50px;color: #fff;background: #06c;border-radius: 3px;margin: 20px auto 0;text-align: center;font-size: 18px;}
.select_a:hover .select_img{border-color: #c00;}
.select_a:hover .select_img img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.select_a:hover .select_btn{background: #c00;}

.heder_3d{position: absolute;top: 34px;left: 50%;margin-left: 720px;z-index: 200;width: 120px;height: 32px;line-height: 32px;text-align: center;font-size: 16px;font-weight: bold;color: #fff;display: block;background: #c00;border-radius: 3px;}
.heder_3d:hover{background: #06c;color: #fff;}
.menu_ul li a.dn{display: none;}

.location a.bar_3d{position: absolute;top: 0px;right: 0;width: 120px;height: 32px;line-height: 32px;text-align: center;font-size: 16px;font-weight: bold;color: #fff;display: block;background: #c00;border-radius: 3px;}
.location a.bar_3d:hover{background: #06c;color: #fff;}
.menu_main a.close{display: none; }
@media screen and (max-width: 1400px){
  .wp{width: 1000px;}
  .hotline{font-size: 16px;}
  .nav>ul>li>a{padding: 0 20px;}
  .nav{margin-left: 20px;}
  .about_fl{width: 560px;}
  .about_info{padding: 30px 80px 30px 40px;}
  .about_img{width: 480px;height: auto;margin-top:200px;}
  .news_l{width: 450px;}
  .news_r{width: 500px;}
  .foot_nav{width: 120px;}
  .about_detail{padding: 60px 0 0;}
  .about_detail .detail_con{width: 740px;}
  .ny_right{width: 700px;}
  .pro_nlist li{width: 33.33%;}
  .show_down a{width: 110px;}
  .show_pic{width: 40%;}
  .show_right{width: 56%;}
  .show_tab span{width: 20%;}
  .honor_nul li{width: 25%;}
  .honor_nul li:nth-child(5n+1){clear:none;}
  .honor_nul li:nth-child(4n+1){clear:left;}
  .head_fr{display: none;}
  .contact_aboutimg img{width: 100%;}
}
@media screen and (max-width: 1020px){
  .wp{width: 750px;}
  .head_fr{display: none;}
  .nav{float: right;margin-left: 0;}
  .nav>ul>li>a{padding: 0 7px;}
  .swiper_banner .swiper-slide img{height: 250px;}
  .about_fl{width: 100%;}
  .about_info{padding: 30px 40px 40px;}
  .about_img{margin-top: 0;width: 100%;}
  .news_l{width: 100%;}
  .news_r{width: 100%;margin-top: 30px;}
  .foot_nav{width: 185px;}
  .foot_m{margin-bottom: 30px;}
  .nav ul li .hide .wp{width: 750px;}
  .ny_menu>a{margin: 0 10px;}
  .about_detail>.fl{display: none;}
  .about_detail .detail_con{width: 100%;}
  .honor_nul li{width: 33.33%;}
  .honor_nul li:nth-child(4n+1){clear:none;}
  .honor_nul li:nth-child(3n+1){clear:left;}
  .ny_banner{height: 200px;background-size:auto 100%; }
  .case_nul li{width: 50%;}
  .down_nul li{width: 50%;}
  .down_nul li:nth-child(2n+1){clear: left;}
  .sms_ul li{padding: 15px 30px;}
  .sms_ul2 li{width: 100%;}
  .contact_fl{width: 100%;padding-right: 0;}
  .contact_fr{width: 100%;margin-top: 30px;}
  .address_nul li{width: 100%;}
  .contact_aboutimg img{margin-top: 0;}
  .logo img.web{display: block;}
  .logo img.pc{display: none;}
}
.bar_sort{display: none;}
@media screen and (max-width: 768px) {
  body {padding-top: 50px;padding-bottom: 50px;}
  .body_lock{height: 100%;overflow: hidden;}
  .wp{width: 100%;max-width: 750px;padding: 0 10px;}
  .head_main{height: 50px;border-bottom: 1px solid #eee;position: fixed;
    top: 0;right: 0;left: 0;z-index: 100;background: #fff;padding: 0;padding-top: 8px;}
  .logo img{height: 35px;}
  .logo a{margin-top: 0;}
  .wap_menu{display: block;position: absolute;top: 0;right:10px;bottom: 0;width: 30px;height: 50px;line-height: 50px;text-align: center;font-size:26px;color: #06c;}
  .nav{position: fixed;top: 0;left: 0;width: 50%;height: 100%;overflow: auto;
    z-index: 1000!important;
    -webkit-transform: translate3d(-100%,0,0);
    -webkit-transition: -webkit-transform 350ms cubic-bezier(.165,.84,.44,1);
    transition: transform 350ms cubic-bezier(.165,.84,.44,1);background: #06c;}
  .nav.on{visibility: visible;transform: translate3d(0px, 0px, 0px);}
  .nav>ul>li{width: 100%;}
  .nav>ul>li a{text-align: left;padding-left: 10px;font-size: 16px;position: relative;color: #fff;border-bottom: 1px solid #6699cc;line-height: 50px;}
  .nav>ul>li>a:before{display: none;}
  .nav>ul>li>a:after{
    width: 20px;
    height:100%;position:absolute;right: 0; top: 0; font-family: "iconfont";
  content: "\e6de";
  color: #7fb3e7; 
  border-width: 0;
  border-color:none;
  left: auto;
  margin-left: 0;
  transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  }
  .nav>ul>li>a:hover, .nav>ul>li>a.on{background: none;color: #33ccff;}
  .nav>ul>li>a:hover:after, .nav>ul>li>a.on:after{color: #33ccff;}
  .nav ul li .hide{display: none!important;}
  .swiper_banner .swiper-slide img{height: 150px;}
  .swiper_banner .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 10px;}
  .swiper_banner .swiper-button-next, .swiper_banner .swiper-button-prev{display: none;}
  .swiper_banner>.swiper-pagination-bullets{bottom: 5px;}
  .home_main{padding-top: 30px;padding-bottom: 30px;}
  .home_tit h3{font-size: 24px;}
  .pro_navc{margin-top: 20px;}
  .pro_list .swiper-pagination{margin-top: 0;}
  .op0{opacity:1;transform:translate(0,0);}
  .pro_list{margin-bottom: 0;}
  .about_fl{padding-top: 20px;padding-bottom: 20px;}
  .about_fl h5{margin-bottom: 20px;font-size: 18px;text-align: center;}
  .about_info{padding: 10px 20px 30px;}
  .about_info a{margin-top: 20px;}
  .news_tit span{font-size: 18px;}
  .news_tit a{width:80px;line-height: 30px;height: 30px;font-size: 14px;}
  .news_tit{margin-bottom: 20px;}
  .news_more{margin-top: 0;}
  .ny_menu{padding-top: 20px;}
  .ny_menu>a{width: 30%;margin: 0 1% 10px;}
  .about_detail{padding: 20px 0 0;}
  .about_detail .detail_con h5.name{font-size: 18px;}
  .ny_about{background: none;}
  .ny_rcon{padding-top: 10px;}
  .honor_nul{margin: 0 -5px;}
  .honor_nul li{width: 50%;padding: 0 5px;}
  .honor_nul li:nth-child(3n+1){clear:none;}
  .honor_nul li:nth-child(2n+1){clear:left;}
  .honor_box{width: 300px;height: 430px;margin-left: -150px;margin-top: -215px;}
  .ny_main{padding-bottom: 20px;}
  .history_con{padding-left: 120px;padding-top: 10px;}
  .history_nul li{font-size: 14px;}
  .history_nul{width: auto;}
  .pro_nul{padding-top: 0;padding-bottom: 30px;}
  .pro_nul li{width: 100%;}
  .contact_ncon{margin-top: 0;padding: 20px 0;border:none;}
  .contact_h3{font-size: 20px;margin-bottom: 10px;}
  .contact_fr p{line-height: 25px;font-size: 16px;}
  .mess_form{padding-top: 20px;}
  .address_nul{margin: 0;}
  .address_nul li{padding: 0;margin-top: 0;margin-bottom: 20px;}
  .down_nul{margin: 0 -5px;}
  .down_nul li{padding: 0 5px;width: 50%;}
  .sms_ul li{padding: 10px 15px;}
  .sms_ul li .simg{display: none;}
  .sms_ul li{margin-top: 0;margin-bottom: 20px;}
  .sms_ul li .fl span{margin-top: 10px;}
  .sms_ul li .fr{padding-top: 20px;}
  .sms_ul li .fr a{width: 80px;height: 30px;line-height: 30px;}
  .sms_ul2 li .fl h5{margin-top: 8px;}
  .sms_ul2 li .fr{padding-top: 6px;}
  .case_nul li{width: 100%;padding: 0;}
  .case_nul{margin: 0;padding-top: 20px;}
  .case_nul li a{padding: 10px 10px 10px;}
  .detail_re p{padding-right: 0;}
  .detail_re .back{display: none;}
  .news_nul li{padding: 10px 0;}
  .news_nimg{height: 80px;width: 108px;}
  .news_nul li a{padding-left: 120px;}
  .news_nfr h4{padding-top: 0;font-size: 16px;}
  .news_nfr span.news_data{display: none;}
  .news_detail{display: none;}
  .news_ninfo{margin-top: 5px;color: #999;}
  .news_nul{margin-bottom: 20px;}
  .pro_nlist li{width: 50%;}
  .ny_right{width: 100%;}
  .show_pic{width: 100%;}
  .show_right{width: 100%;padding-top: 20px;}
  .show_down a{width: 105px;margin-right: 10px;}
  .show_tab span{font-size: 15px;}
  .show_dul li{padding: 5px 0;}
  .menu_nul{box-shadow: none;margin-top: 10px;}
  .menu_nul li.current ul{display: none;}
  .menu_nul>li>a:before{display: none;}
  .menu_nul>li{width: 33.33%;padding: 0 5px;float: left;margin-bottom: 10px;border-bottom: none;}
  .menu_nul{margin: 0 -5px;}
  .menu_main{width: auto;margin-top: 10px;display: none;position: fixed;left: 10px;right: 10px;top: 50%;margin-top: -230px;z-index: 100;background: #fff;height: 460px;overflow-y: auto;}
  .ny_right{z-index: 99;}
  .menu_nul>li>a{padding: 0 5px;height: 30px;line-height: 30px;font-size:15px;}

  .wap_foot{display: block;}
  .ny_banner{display: none!important;}
  .footer{display: none;}
  .kefu_con{display: none!important;}

  .pro_nlist{margin: 0 -5px;}
  .pro_nlist li{padding: 0 5px;}
  .ny_menu>a{float: left;}

  .heder_3d{margin-left: -75px;top: 390px;width: 80%;}
  /*20250603*/
  .bar_3d{display: none;}
  .bar_sort{display: block;}
  .menu_main a.close{position: absolute;top: 9px;right: 5px;background: #fff;width:30px;height:30px;border-radius: 30px;line-height: 30px; color: #06c;font-weight: bold;display: block; text-align: center;z-index: 100;}
  .bar_location .wp{padding-right: 130px; }
}