*{
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
body{background: #fff;overflow-x: hidden;}
img{display: block;margin: 0 auto;}
.wp{width: 1200px;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: 30px;font-size: 16px;margin-bottom:15px;text-indent: 2em;}
.detail img{max-width: 100%;margin:0 auto;display: block;text-indent: 0;}

.op0{opacity:0;transform:translate(0,120px);transition:all .7s;}
.op0.fade_in{opacity:1;transform:translate(0,0);}

/*head*/
.head_main{background: #fff;padding: 15px 0;}
.logo{padding-top: 10px;padding-bottom: 10px;}
.logo img{height: 80px;}
.head_fr{padding-top: 15px;}
.hotline{text-align: right;margin-bottom: 5px;}
.hotline span{font-size:28px;color:#ff6d07;}
.hotline i{margin-right: 5px;color: #06c;font-size:28px;}
.head_link a{margin: 0 2px;font-size: 12px;}
.head_link a i{background: #06c;padding:0 2px;display: inline-block;border-radius: 3px;color: #fff;margin-left: 2px;}
.head_link a:hover{color: #06c;}
.wp_wap h1{text-align: center;position: absolute;top: 0;left: 50px;right: 50px;line-height: 50px;font-size: 16px;}
/*nav*/
.nav_main{background: #024588;}
.nav>ul>li{float:left;width: 11%;}
.nav>ul>li>a{color: #fff;display: block;line-height: 40px;font-size: 16px;text-align: center;}
.nav>ul>li>a:hover,.nav>ul>li>a.on{background: #ff6d07;color: #fff;position: relative;}
.nav>ul>li>a:hover:after,.nav>ul>li>a.on:after{
  width:0;
  height:0;
  border-width:0 6px 6px;
  border-style:solid;
  border-color:transparent transparent #fff;
  position:absolute;
  content: "";
  bottom:0;
  left:50%;
  margin-left: -3px;
}
.nav_sort{padding-right:280px;}
.navSort_list{color: #ff6d07;/*padding: 10px 0;*/overflow: hidden;height: 20px;margin-top: 10px;margin-bottom: 10px;}
.navSort_list a{border-right:1px dashed #ccc;display: inline-block;padding: 0 10px;line-height: 20px;}
.navSort_list a:hover{color: #06c;}
.serach{position: absolute;top: -2px;right: 0;width: 250px;}
.serach input{border:1px solid #ccc;border-radius: 5px;line-height: 25px;height: 25px;padding: 0 5px;}
.serach button{border:1px solid #06c;border-radius: 5px;line-height: 23px;height: 25px;background: #06c;color: #fff;width: 60px;cursor: pointer;}
.serach button:hover{background:#ff6d07;border-color: #ff6d07;}
.content{position: relative;z-index: 1;}
/*banner*/
.swiper-container {width: 100%;}
.swiper-slide {
  width: 100%;
  overflow: hidden;
  text-align: center;
  font-size: 18px;
  background: #fff;
    
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.swiper_banner.swiper-container{/*height: 350px;*/width: 100%;}
.swiper_banner .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;
  text-align: center;
  display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}
.swiper_banner .swiper-slide img{height: 350px;display: inline-block;/*width: auto;margin: 0 auto;*/}
.swiper_banner .swiper-button-next, .swiper_banner .swiper-button-prev{width: 30px;height: 60px;line-height: 60px;text-align: center;color: #fff;font-size: 24px;top: 50%;margin-top: -30px;text-decoration: none;background: rgba(0,0,0,.3);}
.swiper_banner .swiper-button-next{right: 20px;}
.swiper_banner .swiper-button-prev{left: 20px;}
.swiper_banner .swiper-button-next:hover,.swiper_banner .swiper-button-prev:hover{background: #06c;}
.swiper_banner>.swiper-pagination-bullets{bottom: 10px;z-index: 10;}
.swiper_banner>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;width: 12px;height: 12px;border:none;background: #06c;opacity: 1;cursor: pointer;}
.swiper_banner>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#ff6d07;}
/*note*/
.home_note{border-bottom: 1px solid #ccc;background: #eee;}
.note_con{padding: 10px 0 10px 30px;height: 50px;position: relative;line-height: 30px;}
.note_con i.iconfont{position: absolute;top: 10px;left: 0;line-height: 30px;color: #f00;}
.note_list{height: 30px;overflow: hidden;}
.note_list li{line-height: 30px;}
.note_list li a{display: block;}
/*product*/
.home_main{padding-top: 60px;padding-bottom: 60px;}
.home_title{line-height: 30px;}
.home_title span{color: #06c;font-size: 22px;}
.home_title span em{text-transform: uppercase;font-size: 22px;color: #ccc;}
.home_title>a{color: #666;font-size: 16px;padding: 0 10px;border:1px solid #ccc;border-radius: 4px;overflow: hidden;background: #e5e5e5;}
.home_title>a:hover{background: #06c;border-color: #06c;color: #fff;}
.home_title i.fr a{color: #fff;}
.home_title i.fr a:hover{color: #ff6d07;}

.tit_ul{margin-top: 15px;border-top: 1px dashed #ccc;border-left: 1px dashed #ccc;}
.tit_ul li{width: 25%;float: left;border: 1px dashed #ccc;border-top: none;border-left: none;}
.tit_ul li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding:0 8px;line-height: 40px;font-size: 14px;color: #333;}
.tit_ul li a i{color: #06c;margin-right: 5px;}
.tit_ul li a:hover{color: #06c;margin-left: -2px;}

.home_tit h2{text-align: center;color: #06c;font-size: 24px;line-height: 1;margin-bottom: 10px;}
.home_tit h3{text-align: center;color: #999;font-size: 20px;line-height: 1;margin-bottom: 10px;text-transform: uppercase;}
.home_tit span.line{width: 80px;height: 2px;margin: 0 auto;display: block;background: #06c;}

.home_more{width: 170px;height: 46px;border-radius: 46px;overflow: hidden;background-color: #06c;line-height: 46px;font-size: 16px;display: block;text-align: center;color: #fff;margin: 0 auto;position: relative;
  -webkit-transition: background-color .3s,color .3s;
  transition: background-color .3s,color .3s;
  z-index: 1;}
.home_more:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #06c;
  z-index: -1;
  border-radius: inherit;
  opacity: 0;
  -webkit-transform: scale3d(.6,.6,1);
  transform: scale3d(.6,.6,1);
  -webkit-transition: -webkit-transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
    transition-timing-function: cubic-bezier(.75,0,.125,1);
}
.home_more:hover{background-color: #fff;
    color: #06c;}
.home_more:hover:before{transform: scale3d(1,1,1);
    opacity: 1;}


.product_main{background: #eee;} 
.product_list{padding-top: 40px;padding-bottom: 20px;margin: 0 -10px;}
.product_list li{float: left;width: 25%;}
.product_list li a{display: block;margin: 0 10px;}
.product_list li a h3{text-align: center;line-height: 40px;font-size: 16px;}
.product_list li a:hover h3{color: #06c;}
.pro_himg{width: 100%;border:1px dashed #ccc;position: relative; overflow: hidden;
  background: #030c17;
}

.pro_himg img{width: 100%;opacity: 1;}
.product_list li a:hover .pro_himg img{
  opacity: 0.4;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
}
.proli_hide{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.product_list li a:hover .proli_hide{background-color: transparent;}
.proli_hide:before{
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 2px solid #fff;
    box-shadow: 0 0 0 30px rgba(255,255,255,.2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1.4,1.4,1);
}
.product_list li a:hover .proli_hide:before{
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.proli_hide span{
  position: absolute;
  top: 50%;
  left: 0;right: 0;margin-top: -15px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
        opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    display: block;
}
.product_list li a:hover .proli_hide span{
  opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
/*about*/
.about_con{padding-top: 20px;line-height:26px;font-size: 16px;}
.about_pic{width: 40%;margin-right: 20px;}
.about_pic img{width: 100%;}

.about_link{padding-top: 20px;color: #06c;}
.about_link span{color: #f00;}
.about_link a{margin: 0 10px;color: #06c;}
.about_link a:hover{color: #f00;}
/*news*/
.news_main{padding-top: 0;}
.news_con{margin: 0 -10px}
.news_list{width: 33.33%;padding: 0 10px;}
.news_listc{border-radius: 4px;overflow: hidden;}
.news_tit{background: #06c;display: block;line-height: 30px;padding: 5px 10px;font-size: 18px;color: #fff;}
.news_tit span{font-size: 16px;color: #fff;}

.news_nul{padding-top: 10px;padding-bottom: 10px;border:1px solid #06c;border-top: none;}
.news_nul li a{display: block;padding:0 10px;line-height: 35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_nul li a i{margin-right: 5px;font-size: 16px;color: #999;}
.news_nul li a:hover{color: #06c;}
.news_nul li a:hover i{color: #06c;}

/*pic*/
.pic_main .home_title span{color: #fff;}
.pic_main .home_title i.fr{color: #fff;}
.pic_con{border:1px solid #ccc;margin-top: 20px;border-radius: 5px;padding: 15px 20px;background: rgba(170,170,170,0.6);}
.pic_con a{line-height: 25px;color: #666;margin-right: 8px;position: relative;color: #fff;font-size: 16px;line-height: 30px;}
.pic_con a:hover{color: #ff6d07;}
.pic_main{background: url(../images/picbg.jpg) no-repeat center;background-size:cover;}
/*case*/
.swiper_case{margin-top: 40px;}
.swiper_case .swiper-slide a{display: block;width: 100%;}
.swiper_case .swiper-slide a img{border:3px solid #eee;padding: 3px;width: 100%;}
.swiper_case .swiper-slide a h5{text-align: center;line-height: 30px;color: #666;font-size:16px;}
.swiper_case .swiper-slide a:hover img{border-color: #ff6d07;}
.swiper_case .swiper-slide a:hover h5{color: #ff6d07;}

.footer_main {background: #ddd;padding-bottom: 20px;border-top: 5px solid #024588;}
.footer{padding-top: 20px;padding-bottom: 10px;border-bottom: 1px solid #eee;}
.footer p{text-align: center;line-height: 20px;color: #666;margin-bottom: 10px;}
.footer p span{display: inline-block;margin: 0 5px;}
.footer p a{color: #333;}
.footer p a:hover{color: #06c;}
.link{padding-top: 10px;border-top: 1px solid #ccc;line-height: 30px;}
.link span{color: #333;}
.link a{color: #666;margin-right: 10px;}
.link a:hover{color: #06c;}
.wap_foot{display: none;position: fixed;left: 0;right: 0;bottom: 0;  width: 100%;height: 50px;z-index: 100;background: #024588;}
.foot_nav li{width: 25%;float: left;border-right: 1px solid #0358ae;height: 50px;}
.foot_nav li:last-child{border-right: none;}
.foot_nav li a{display: block;text-align: center;padding-top: 5px;color: #fff;height: 100%;}
.foot_nav li a i{display: block;height: 20px;line-height: 20px;font-size: 20px;}
.foot_nav li a span{display: block;height: 20px;line-height: 20px;font-size: 14px;}
.foot_nav li a.on{background: #ddd;color: #024588;}
/*video*/
.video_show{width: 280px;height: 158px;position: fixed;bottom: 0;right: 0;z-index: 50;}
.video_show>a{position: absolute;right: 0;top: -20px;width: 20px;height: 20px;text-align: center;line-height: 20px;}
.video_show>a:hover{color: #06c;}
.video_hidden{display: none;position: fixed;z-index: 50;bottom: 0;right: 0;width: 280px;height: 30px;line-height: 30px;text-align: center;background: #06c;color: #fff;cursor: pointer;}
/*悬浮框*/
.kefu_con{position: fixed; right: 0; top:50%;margin-top:-135px;z-index: 1000;display: none;}
.kefu{width: 50px;}
.kefu ul{padding: 0;}
.kefu li{position:relative;text-align: center;cursor: pointer;list-style: none;}
.kefu .ke_box{position: relative;width:50px; height:50px;color: #fff;border:1px solid #2c82dc;margin-top:-1px;background: #06c;}
.kefu .ke_box i{font-size: 26px;display: block;height:50px;line-height: 50px;text-align: center;}

.kefu .ke_box:hover{background:#1d80e4;color:#fff;}
.kefu .ke_box:hover .kefu_name{color: #fff;}
.kefu .hide_box{ display: none; position:absolute; background-color: #fff; right:50px;top:0;padding:10px 10px; color: #999;font-size: 20px;border:1px solid #e5e5e5;background: #fff;text-align: center;}
.kefu .k_qq .hide_box{width: 190px;height: 123px;}

.kefu .hide_box .hide_tel{white-space: nowrap;font-size: 20px;font-weight: bold;font-style: italic;color: #06c;margin: 0;line-height: 1;margin-top: 5px;}
.kefu .hide_box .hide_time{color: #999;font-size: 14px;line-height: 20px;padding: 10px 0;margin: 0;}
.kefu .hide_box .hide_qq{width: 100px;height: 30px;text-align: center;line-height: 30px;color: #fff;font-size: 14px;display: block;background: #06c;margin:0 auto;}
.kefu .hide_box .hide_qq:hover{opacity: .7;}
.kefu .k_tel .hide_box{width: 190px;height: 80px;}
.kefu li.k_erweima .hide_box{width:260px;height: 120px; overflow: hidden;padding-right:0px;background: #06c;}
.kefu li.k_erweima .hide_box img{ width:77px; height:77px; display:block;}
.kefu .k_erweima li p{color:#fff; text-align: center;background: none;line-height: 30px;height: 30px;font-size: 14px;}
.kefu li.k_erweima .hide_box ul li{float: left; display: block;margin-right: 5px;}

.kefu .hide_share{width: 200px;padding:0;background: #06c;border:none;}
.kefu .hide_share a{float: left;width: 50px; height: 52px;margin: 0;padding: 0;line-height: 52px;text-align: center;font-size: 28px;color: #fff;background-image: none;}
.hide_share a.icon-tengxun{font-size: 26px;}
.hide_share a.more{font-size: 36px;position: relative;top: -4px;}
.kefu .hide_share a:hover{background-color: #fff;color: #06c;opacity: 1;}

.ny_content{padding-top: 50px;padding-bottom: 30px;}
/*menu*/
.menu{width: 25%;}
.menu_list{/*background-color: #DEDEDE;background: #013686;*/border:1px solid #013686;border-radius: 5px;overflow: hidden;margin-bottom: 20px;}
.menu_tit{background: #013686;height: 45px;line-height: 45px;padding: 0 10px;color: #fff;font-size: 18px;
background: -webkit-linear-gradient(160deg, #013686 50%,#3399ff); 
background: linear-gradient(160deg, #013686 50%,#3399ff);  
}
.menu_tit i{font-size: 20px;margin-right: 3px;}
.menu_ul{/*padding: 0 10px;*/}
.menu_ul li a {color: #333;display: block;padding: 0 30px 0 20px;font-size: 16px;border-top: 1px solid #ddd;background: #eee;position: relative;line-height: 40px;height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.menu_ul li a i{position: absolute;top: 0;right: 0;height: 40px;line-height: 40px;display: block;width: 30px;font-weight: bold;}
.menu_ul>li>a:hover,.menu_ul>li.active>a{color: #fff;background: #3399ff;
  background: -webkit-linear-gradient(190deg, #3399ff 20%,#013686); 
background: linear-gradient(190deg, #3399ff 20%,#013686); 
}
.menu_ul a:hover i,.menu_ul>li.active>a i{color: #fff;}
.menu_ul>li>ul{display: none;}
.menu_ul>li.active>ul{display: block;padding: 0 10px;}
.menu_ul>li>ul li a:hover,
.menu_ul>li>ul li a.on{color: #06c;}
.menu_ul>li>ul li a{padding: 0 10px;font-size: 15px;border-top: 1px dashed #ddd;background: none;}
.menu_ul>li>ul li:first-child a{border-top: none;}

.ny_right{width: 75%;padding-left: 20px;}
/*location*/
.location {padding: 10px 15px;
  line-height: 25px;background-color: #E6E6E6; background: -webkit-linear-gradient(160deg, #013686 50%,#3399ff); 
background: linear-gradient(160deg, #013686 50%,#3399ff); color: #fff; font-size: 16px;border-radius: 5px 5px 0 0;}
.location a {color: #fff;}
.location a:hover{color: #ff6d07;}
.detail_con{border:1px solid #013686;border-top: none;padding: 20px 20px 30px;line-height: 1.8;font-size: 14px;/*min-height: 588px;*/border-radius: 0 0 5px 5px;}
.detail_con img{max-width: 100%;}
/*news*/
.news_ncon{padding-top: 20px;}
.news_nlist{margin-bottom: 20px;}

.news_tit i.icon-jiantou2{margin-right: 5px;}
.news_tit:hover{background: #ff6d07;}
.news_nlist .news_nul li span{float: right;color: #999;}
.news_nlist .news_nul li i{color: #06c;}
.detail_con + .news_nlist{margin-top: 30px;}

.news_dtit{text-align: center;line-height: 1.6;font-size: 22px;color: #06c;padding-bottom: 10px;}
.news_tip{text-align: center;border-bottom: 1px solid #ccc;line-height: 1.6;color: #999;font-size: 16px;padding-bottom: 8px;}
.news_detail{padding-top: 20px;padding-bottom: 20px;}
.news_detail img{max-width: 100%;}
.show_u ul{padding: 0;margin: 0;}
.show_u ul li{list-style: none;line-height: 30px;padding: 5px 10px;border:1px solid #ccc;margin-top: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.show_u ul li a{color: #666;}
.show_u ul li a:hover{color: #06c;}
.detail_con .news_nul{border:none;}
/*case*/
.case_tip{border:1px solid #ff6d07;padding: 5px 10px;line-height: 1.4;font-size: 14px;color: #ff6d07;}
.case_info{padding-top: 20px;padding-bottom: 20px;line-height: 1.6;}
.case_nul li{width: 33.33%;float: left;margin-bottom: 20px;padding: 0 8px;}
.case_nul li:nth-child(3n+1){clear: both;}
.case_nul li a{display: block;padding: 8px 8px 0;
    background: #ddd;box-shadow: 0 0 20px -5px #999;border-radius: 4px;overflow: hidden;}
.case_nul li a img{width: 100%;}
.case_nul li h3{font-size: 16px;color: #333;text-align: center;font-weight: normal;line-height: 40px;}
.case_nul li a:hover{background: #06c;}
.case_nul li a:hover h3{color: #fff;}
.case_nul li a:hover{box-shadow: 0 0 20px -5px #06c;}
.case_nul{margin: 0 -8px;} 
/*download*/
.download_nul li{width: 33.33%;float: left;margin-bottom: 20px;padding: 0 8px;}
.download_nul li:nth-child(3n+1){clear: both;}
.download_nul li a{display: block;border:1px solid #ccc;border-radius: 4px;overflow: hidden;position: relative;}
.download_nul li a img{width: 100%;}
.download_nul li a h3{position: absolute;bottom: 0;right: 0;left: 0;height: 40px;background: rgba(0,0,0,.5);color: #fff;-webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;}
.download_nul li a h3 span{display: block;text-align: center;line-height: 40px;top: 50%;position: absolute;width: 100%;margin-top: -20px;}
.download_nul li a h3 i{display: block;text-align: center;line-height: 30px;border:1px solid #fff;width: 80px;border-radius: 5px;overflow: hidden;font-style: normal;position: absolute;top: 50%;margin-top: 35px;left: 50%;margin-left: -40px;}
.download_nul li a:hover h3 {height: 100%;}
.download_nul li a:hover ah3 span{margin-top: -40px;}
.download_nul li a:hover ah3 i{margin-top: 0;}
/*order*/
.message_form{max-width: 600px;margin: 0 auto;}
.message_nul{padding-top: 10px;}
.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 10px;width: 100%;display: block;margin: 0 auto;}
.message_nul li textarea{
    height: 118px;
    line-height: 30px;
    padding: 10px 10px;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 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:nth-child(2n){float: right;}
.mess_btn button:hover{background:#ff6d07;}

.ny_menu{padding-top: 10px;max-width: 600px;margin: 0 auto;}
.ny_menu li{float: left;width: 49%;}
.ny_menu li:nth-child(2n){float: right;}
.ny_menu li a{display: block;height: 40px;line-height: 40px;text-align: center;border-radius: 4px;overflow: hidden;background: #d5d5d5;margin-bottom: 5px;font-size: 16px;}
.ny_menu li a:hover,.ny_menu li a.hover{background:#06c;color: #fff;}

.message_lul{padding-top: 10px;}
.message_lul li{border:1px solid #ddd;padding: 5px 5px;margin-bottom: 10px;}
.message_lul li p.tit{line-height: 30px;color: #666;background: #ddd;padding: 0 5px;margin-bottom: 5px;}
.message_lul li p.tit span{color: #333;}
.message_dec{position: relative;padding-left: 30px;line-height: 24px;}
.message_dec span.poa{position: absolute;top: 0;left: 0;width: 30px;color: #f00;}
.message_dec2 span.poa{color: #06c;}


.ny_banner{height: 280px;}
.product_nlist{padding-top: 20px;padding-bottom: 0;}
.product_nlist li{margin-bottom: 15px;}
.product_nlist .pro_himg{background:none;border:1px dashed #999;}
.product_nlist li a h3{color: #666;}
.product_nlist li a:hover .pro_himg{background: #000;}
.left_serach{position: relative;width: 100%;top:auto;right:auto;padding: 15px 10px;}
.left_serach input{width: 100%;margin-bottom: 10px;}
.left_serach button{width: 40%;margin: 0 auto;display: block;}

.show_tag{text-align: center;}
.show_link{text-align: center;}
.show_link a{color: #06c;margin: 0 5px;}
.show_link a:hover{color: #ff6d07;}
.show_detail{padding-top: 10px;padding-bottom: 10px;}
.show_sort{padding: 8px 10px;background: #06c; border-radius: 4px;color: #fff;}
.sort_nul{padding-top: 5px;}
.sort_nul li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;line-height:40px;border-bottom: 1px dashed #ccc;position: relative;padding-right: 20px;}
.sort_nul li i{font-size: 12px;color: #06c;margin-right: 5px;}
.sort_nul li a{display: block;font-size: 16px;}
.sort_nul li a:hover{color: #06c;}
.sort_nul li span.iconfont{position: absolute;top: 0;right: 0;transform:rotate(180deg);}

.show_ul li{width: 20%;float: left;padding: 5px 10px;}
.show_ul li p{width: 100%;overflow: hidden;border:1px solid #ccc;margin-bottom:5px;}
.show_ul li p img{width: 100%;-webkit-transition: all .5s ease;transition: all .5s ease;}
.show_ul li a:hover p img{-webkit-transform: scale(1.2);transform: scale(1.2);}
.show_ul li h5{text-align: center;font-size: 14px;line-height: 20px;}
.show_ul li:nth-child(5n+1){clear: both;}
.show_ul li a:hover h5{color: #06c;}

#zoom {
  z-index: 99990;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
  z-index: 99991;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  background: #ffffff no-repeat 50% 50%;
  padding: 0;
  margin: -100px 0 0 -100px;
  box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
#zoom .content.loading {
  background-image: url('../images/loading.gif');
}
#zoom img {
  display: block;
  max-width: none;
  background: #ececec;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  border-radius: 4px;
}
#zoom .close {
  z-index: 99993;
  position: absolute;
  top: 0;
  right: 0;
  width: 49px;
  height: 49px;
  cursor: pointer; 
  border-radius: 0 0 0 4px;
  color: #fff;font-weight: bold;font-size: 20px;
}
#zoom .close:after{position: absolute;font-family: "iconfont";  content:"\e642";width: 49px;height: 49px;line-height: 49px;text-align: center;background: rgba(0,0,0,.5);}
#zoom .previous,
#zoom .next {z-index: 99992;position: absolute;top: 50%;
  overflow: hidden;
  display: block;
  width: 49px;
  height: 49px;
  margin-top: -25px;
}
#zoom .previous { left: 0; position: relative;border-radius: 0 4px 4px 0;}
#zoom .previous:after{position: absolute;content: "\e6dd"; font-family: "iconfont";color: #fff;width: 49px;height: 49px;line-height: 49px;text-align: center;font-size: 30px;font-weight: bold;background: rgba(0,0,0,.5);}
#zoom .next:after{position: absolute;content: "\e60b"; font-family: "iconfont";color: #fff;width: 49px;height: 49px;line-height: 49px;text-align: center;font-size: 30px;font-weight: bold;background: rgba(0,0,0,.5);}
#zoom .next {right: 0;border-radius: 4px 0 0 4px;}
#zoom .close:hover {background: #06c;}
#zoom .previous:hover,
#zoom .next:hover {background: #06c;}

.dianji div{display: inline-block;width: 120px;padding-right: 10px;font-size: 12px;}
.dianji2 div{display: inline-block;width: 145px;padding-right: 10px;font-size: 12px;}
.dianji3 div{display: inline-block;width: 242px;padding-right: 10px;font-size: 12px;}
.dianji4 div{display: inline-block;width: 180px;padding-right: 10px;font-size: 12px;}
.dianji div a:hover,
.dianji2 div a:hover,
.dianji3 div a:hover,
.dianji4 div a:hover{color: #06c;}

@media screen and (max-width: 1200px){
	.head_main{height: 72px;}
  .wp{width: auto;padding: 0 10px;}
  .head_link{display: none;}
  .logo{padding-top: 0;padding-bottom: 0;}
  .logo img{height: 40px;}
  .head_fr{padding-top: 0;}
  .footer.wp{padding: 20px 10px 10px;}
  .link.wp{padding: 10px 10px 0 10px;}
  .ny_content.wp{padding-top: 30px;padding-bottom: 30px;}
  .product_nlist li{width: 33.33%;}
}
@media screen and (max-width: 920px){
  .nav>ul>li a{font-size: 14px;}
  .tit_ul li{width: 33.33%;}
}
@media screen and (max-width: 768px) {
  .body_lock{height: 100%;overflow: hidden;}
  body{padding-top: 50px;padding-bottom: 50px;}
  .head_main{height: 50px;border-bottom: 1px solid #ccc;position: fixed;top: 0;right: 0;left: 0;z-index: 100;padding: 0;}
  .wp_pc{display: none;}
  .wp_wap{display: block;padding: 0 10px;}

  .wp_wap .fl{padding-top: 7px;}
  .wp_wap .fl img{height: 36px;}
  .wp_wap .fr,.wp_wap .fl{width: 40px;height: 50px;display: block;text-align: center;line-height: 50px;color: #06c;font-size: 24px;font-weight: bold;}
  .wp_wap .fl.iconfont{padding-top: 0;text-align: left;}
  .nav_main{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);
  }
  .nav_main.on{
    visibility: visible;
    transform: translate3d(0px, 0px, 0px);
  }
  .nav_main .wp{padding: 0;}
  .nav>ul>li{width: 100%;border-bottom: 1px solid #0358ae;}
  .nav>ul>li a{text-align: left;padding-left: 10px;font-size: 16px;position: relative;}  
  .nav>ul>li>a:after{
    width: 20px;
    height:100%;
  position:absolute;
  right: 10px;
  top: 0;
  font-family: "iconfont";
  content: "\e60b";
  color: #7fb3e7; 
  border-width: 0;
  border-color:none;
  left: auto;
  margin-left: 0;
  }
  .nav>ul>li>a:hover, .nav>ul>li>a.on{background: none;color: #ff6d07;}
  .nav>ul>li>a:hover:after, .nav>ul>li>a.on:after{
    width: 20px;
    height:100%;
    position:absolute;
    right: 10px;
    top: 0;
    font-family: "iconfont";
    content: "\e60b";
    color: #ff6d07; 
   border-width: 0;
   border-color:none;
    left: auto;
    margin-left: 0;    
  }
  .search_main{display: none;}
  .swiper_banner .swiper-slide img{height: 150px;}
  .tit_ul li{width: 50%;}
  .home_title span{font-size: 20px;}
  .home_title span em{display: none;}
  .home_title a{font-size: 14px;}
  .home_main{padding-top: 30px;padding-bottom: 30px;}
  .product_list li{width: 50%;margin-bottom: 10px;}
  .product_list{padding-top: 20px;padding-bottom: 0;}
  .home_tit h2{font-size: 20px;}
  .home_tit h3{font-size: 18px;}
  .home_more{width: 100%;border-radius: 5px;overflow: hidden;height: 40px;line-height: 40px;}
  .about_pic{width: 100%;margin-right: 0;margin-bottom: 10px;}
  .about_con{padding-top: 10px;}
  .about_link {line-height: 30px;}
  .news_con{margin: 0;}
  .news_list{width: 100%;padding: 0;margin-bottom: 20px;}
  
  .pic_main .home_title span{width: 100%;float: left;}
  .pic_main .home_title i{float: left;}
  .swiper_case{margin-top: 20px;}
  .kefu_con{display: none!important;} 
  .footer_main{display: none;}
  .wap_foot{display: block;}
  .swiper-button-prev,.swiper-button-next{display: none;}
  .home_title a{border:none;background: none;padding: 0;}
  .bg.on{position: fixed;z-index: 999;top: 0;right: 0;
    bottom: 0;  left: 0;  display: block;
    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;}
  .menu_list2{display: none;}
  .menu{width: 100%;position: fixed;z-index: 22;top: 50px;left: 0;right: 0;height: 40px;line-height: 40px;background: #024588;overflow: hidden;}
  .ny_right{width: 100%;padding-left: 0;}
  .menu_scroll h3{display: none;}
  .menu_scroll{position: relative;border: none;border-radius: 0;overflow: hidden;margin-bottom:0;height: 40px;}
  .menu_ul{position: absolute;left: 0;}
  .menu_ul li{float: left;white-space:nowrap;}
  .menu_ul li a{border-top: none;color: #fff;padding: 0 10px;background:none;}
  .menu_ul li a i{display: none;}
  .ny_content.wp{padding-top: 60px;padding-bottom: 20px;}
  .ny_content2.wp{padding-top: 20px;}
  .ny_content2 .menu{display: none;}
  .location{background: none;border-bottom: 1px solid #ccc;padding: 0;color: #333;padding-bottom: 10px;}
  .location a{color: #333;}
  .location a:hover{color: #06c;}
  .detail_con{padding: 0;border:none;padding-top: 20px;}

  .case_info{padding-top: 10px;padding-bottom: 10px;line-height: 1.6;}
  .case_nul li{width: 50%;}
  .case_nul li:nth-child(2n+1){clear: both;}
  .case_nul li:nth-child(3n+1){clear: none;}

  .download_nul li{width: 50%;}
  .download_nul li:nth-child(2n+1){clear: both;}
  .download_nul li:nth-child(3n+1){clear: none;}
	.ny_banner{display: none;}
  .show_ul li{width: 50%;}
  .show_ul li:nth-child(5n+1){clear: none;}
  .show_ul li:nth-child(2n+1){clear: left;}
  
}