@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: 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;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);}
/*head*/
.head{
  width: 100%;background: #fff;
}
.head .logo{
  position: relative;
  float: left;
  padding-top: 15px;
  padding-bottom: 15px;
}
.head .logo a{display: block;}
.head .logo a img{height: 50px;display: block;}
.nav{margin-right: 150px;}
.nav ul{}
.nav ul li{
  float:left;
  height: 80px;  
  text-align: center;
  transition: 0.5s;
  margin: 0 8px;
  position: relative;
}
.nav>ul>li>a.a1{
  display: block;
  width: 100%;
  font-size: 17px;
  height: 80px;
  padding: 0 10px;
  overflow: hidden;
  line-height: 80px;
  position: relative;
}
.nav>ul>li>a.a1:before{width: 30px;height: 3px;content: "";background: #fff;position: absolute;bottom: 0;left: 50%;margin-left: -15px;}
.nav>ul>li>a.a1:hover,
.nav>ul>li>a.on{
  color: #09f;
}
.nav>ul>li>a.a1:hover:before,
.nav>ul>li>a.a1.on:before{background: #09f;}

.head .call{
  line-height: 80px;
  font-size: 18px;
  overflow: hidden;
  height: 80px;
}
.head .call span{font-size: 24px;margin-right: 5px;}
.nav ul li .hide{
  width: 160px;  
  position: absolute;
  z-index: 99999;
  display: none;  
  font-size: 12px;
  top: 80px;left: 0;background: #fff;text-align: center;
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 50%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 50%);
}
.nav>ul>li:hover .hide{
  display: block;
  border-radius: 0 0 5px 5px;overflow: hidden;
}
.nav ul li .hide a{
  display: block;
  padding:0 20px;
  transition:0.5s;
  line-height: 40px;
  text-transform: uppercase;
  color:#333;
  font-size: 14px;
  text-align: left;

}
.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{width: 100%;padding: 50px 0 50px;}
.home_main .title{padding-bottom: 30px;}
.home_main .title span{line-height: 1;display: block;}
.home_main .title span.cn{font-size: 24px;color: #069;margin-bottom: 15px;}
.home_main .title span.en{font-size: 22px;color: #ccc;text-transform: uppercase;font-weight: bold;position: relative;padding-bottom: 20px;}
.home_main .title span.en:before {position: absolute;content: "";width: 32px;height: 4px;background: #ccc;bottom: 0;left: 0;}
.home_main .title a.more{width: 150px;height: 40px;line-height: 40px;background: #eee;color: #999;display: block;text-align: center;border-radius: 20px;margin-top: 20px;}
.home_main .title a.more:hover{background: #06f;color: #fff;}
/*home_product*/
.home_product{  
  background: #fff;
}
.pro_nav .swiper-wrapper{}
.pro_navc{width:100%;}
.pro_nav .swiper-slide{width:auto;height:40px;padding:0 5px;line-height:40px;cursor:pointer;font-size:16px;text-align: center;border:1px solid #06f;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: #06f;color: #fff;border-radius: 40px;padding: 0 20px;display: inline-block;}
.pro_nav .swiper-slide.active-nav{color:#fff;background:#fff;border-color: #06f;color: #06f;}
.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;margin-bottom: 15px;}
.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;border:1px solid #fff;}
.pro_list .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:#333;background: #fff;}

/*home_about*/
.home_about .title a.more{background: #fff;}
.home_about{
  width: 100%;
  background: #f5f6fb;
}
.home_about .word .fl{width: 700px;}
.home_about .word .fr{width: 420px;}
.about_dec{
  font-size: 14px;
  color:#616161;
  line-height: 30px;
  text-indent: 2em;
}
.home_about .word a{
  display: block;width: 150px;height: 40px;
  border:2px solid #ccc;border-radius: 40px; 
    margin-top:35px;transition: 0.5s;color: #999;text-align: center;line-height:40px;font-size: 30px;}
.home_about .word .fl:hover a{background:#06f;border-color: #06f;color: #fff;}
/*service_main*/
.service_main{background:#f5f6fb url(../images/service_bg.jpg) no-repeat;}
.service_tit p{text-align: right;font-size: 24px;line-height: 35px;}
.service_tit p.p1{color: #0f9;}
.service_tit p.p1 span{font-weight: bold;font-size: 48px;font-style: italic;margin-right: 5px;}
.service_tit p.p2{color: #fff;}
.service_tit p.p3{color: #fff;opacity: 0.6;font-size: 24px;font-style: italic;font-weight: bold;}
.service_con{padding-top: 50px;}
.service_con ul{padding-left: 360px;}
.service_con ul li.one{position: absolute;top: 0;left: 0;width: 360px;height: 440px;background: url(../images/service_libg.jpg) no-repeat;padding:0 50px;}
.service_con ul li.one p,
.service_con ul li.one h5{color: #fff;}
.service_con ul li.one span{width: 100px;height: 100px;line-height: 110px;text-align: center;background: #fff;border-radius: 50px;color: #1f458e;display: block;margin: 90px auto 0;font-size: 70px;}
.service_con ul li{width: 280px;height: 220px;float: left;background: #fff;}
.service_con ul li h5{line-height: 1;font-size: 18px;text-align: center;padding-bottom: 15px;margin-bottom: 10px;margin-top: 70px;position: relative;}
.service_con ul li h5:before{position: absolute;content: "";bottom: 0;left: 50%;margin-left: -15px;width: 30px;height: 1px;background: #ccc;}
.service_con ul li p{text-align: center;line-height: 25px;color: #999;}
/*home_case*/
.home_case{background: #f5f6fb;}
.case_ul{margin: 0 -10px;}
.case_ul li{float: left;width: 285px;margin: 0 10px;}
.case_ul li a{display: block;padding: 10px 10px;background: #fff;}
.case_ul li a h5{line-height: 30px;text-align: center;margin-top: 10px;color: #666;}
.case_ul li a p{overflow: hidden;}
.case_ul li a p img{}
.case_ul li a:hover h5{color: #fff;}
.case_ul li a:hover{background: #214792;}
.case_ul li a:hover p img{-webkit-transform: scale(1.1);transform: scale(1.1);}
/*home_news*/
.home_news{}
.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;}
.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: 560px;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;}
.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);
}

.footer{width:100%;background:#f5f6fb;padding: 50px 0;}
.foot_l{width: 380px;}
.foot_logo{width: 162px;margin-bottom: 10px;}
.foot_l p{color: #999;}
.foot_l ul{margin-top: 20px;}
.foot_l ul li{line-height: 30px;color: #999;}
.foot_nav{width:190px;padding-right: 10px;float: left;}
.foot_nav a{display:block;color:#999;overflow:hidden;text-overflow:ellipsis;transition:.5s;line-height: 30px;}
.foot_nav h3 a{font-size:17px;color:#666;}
.foot_nav h3{margin-bottom: 20px;}
.foot_ewm img{width:140px;height:140px;border:8px solid #fff;}
.foot_ewm h4{text-align: center;color: #666;line-height: 30px;}
.copyright{line-height: 30px;background: #fff;text-align: center;color: #aaa;padding: 10px 0;}
.copyright a{color: #aaa;}

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

.location{background: #f1f1f1;padding:5px 0;line-height: 30px;}
.location a{color: #666;margin:0 5px;}
.location span{color: #06c;margin:0 5px;}
.location i.iconfont{font-size: 20px;}
.location a:hover{color: #06c;}
.location i.iconfont{margin-right: 5px;color: #999;}


.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{padding:0 30px;color:#fff;display:inline-block;height: 40px;line-height: 40px;background: #06f;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-radius: 40px;margin: 0 10px 10px;border:1px solid #06f;}
.ny_menu a:hover,.ny_menu a.current{background: #fff;
    border-color: #06f;color: #06f;}


.menu_main{width: 230px;}
.menu_title{height: 91px;line-height: 91px;height: 91px;background: url(../images/left_bg.jpg) no-repeat;}
.menu_title h3{text-align: center;font-size: 24px;color: #fff;font-weight: bold;}
.menu_nul{margin-bottom: 10px;}
.menu_nul>li{margin-top: 3px;}
.menu_nul>li>a{padding:0 20px;color:#333;display: block;height: 40px;line-height: 40px;background: #f9f9f9;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.menu_nul>li>a:hover,.menu_nul>li.current>a{background: #06c;color: #fff;}
.menu_nul>li>a:hover{padding-left: 15px;}
.menu_nul li ul{padding: 0 5px;display: none;background: #eee;}
.menu_nul li ul li{}
.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;}
.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: 940px;}
/*contact*/
.about_detail{padding-top: 30px;}
.contact_nh3{font-size: 18px;color: #06c;font-weight: bold;margin-bottom: 10px;line-height: 30px;}
.contact_fl,.contact_fr{width: 50%;}
.contact_fl{padding-right: 10px;}
.address_detail p{line-height: 40px;font-size: 16px;}
.contact_detail{line-height: 30px;padding: 0 20px;font-size: 16px;}

.mess_tit{font-weight: bold;font-size: 24px;line-height: 1;padding-bottom: 15px;position: relative;text-align: center;}
.mess_tit:before{position: absolute;content: "";width: 50px;height: 1px;background: #06f;overflow: hidden;bottom: 0;left: 50%;margin-left: -25px;}
.mess_info{line-height: 25px;font-size: 18px;padding-top: 15px;color: #888;padding-bottom: 50px;text-align: center;}
.mess_form form{width: 80%;margin: 0 auto;}
.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;}
/*download*/
.down_nul{margin: 0 -20px;}
.down_nul li{width: 25%;padding: 0 20px;float: left;margin-bottom: 15px;}
.down_nul li a{display: block;}
.down_nimg{width: 100%;border: 1px solid #ddd;}
.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: 60px 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{line-height: 40px;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;}
.down_nul li a h2 i{color: #06c;font-size: 26px;}
.down_nul li a:hover .down_mask{display: block;}
.down_nul li a:hover .down_nimg img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.down_nul li a:hover h2{color: #06c;}

/*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: 170px;position: relative;}
.news_nimg{width: 150px;height: 116px;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: 16px;line-height:20px;padding-right: 80px;position: relative;}
.news_nfr h4 span{position: absolute;top: 0;right: 0;font-size: 14px;color: #999;line-height: 25px;}
.news_ninfo{color: #666;line-height: 25px;overflow: hidden;height: 50px;margin-top: 5px;}
.news_more{width: 90px;height: 30px;line-height: 30px;text-align: center;background: #eee;color: #333;display:block;margin-top: 10px;border:1px solid #e5e5e5;}
.news_more i{transition: all ease-out 0.3s;display:inline-block;color:transparent;font-size: 14px;width: 0;text-indent: -5px;}
.news_nfr:hover .news_more{background: #06c;color: #fff;border-color: #06c;}
.news_more:hover i{color:#fff;width: 10px;text-indent: 5px;}
.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:1px solid #dedede;border-left:none;border-right:none;color:#666;line-height:20px;margin-bottom: 30px;text-align: center;}
.news_ndata span{padding: 0 5px;}
.detail_re{margin-top: 50px;}
.detail_re p{line-height: 40px;color: #666;border:1px solid #e5e5e5;margin-bottom: 20px;background: #f5f5f5;padding: 0 10px;}
.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;}

/*page*/
.pagelist{text-align: center;padding-bottom: 30px;}
.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{padding-top: 50px;padding-bottom: 50px;}
.case_nul li a{background: #f5f6fb;}
.case_nul li a:hover{background: rgba(0,102,204,0.8);}
/*product*/
.pro_nul{padding-top: 50px;padding-bottom: 50px;margin: 0 -20px;}
.pro_nul li{float: left;width: 33.33%;margin-bottom: 40px;padding: 0 20px;}
.pro_nul li a{display: block;border:1px solid #e1e1e1;width: 100%;}
.pro_nul li .pic{ overflow: hidden;width: 100%;border-bottom: 1px solid #e1e1e1;}
.pro_nul li .pic img{-webkit-transition: all .5s ease;transition: all .5s ease;  }
.pro_nul li a:hover{border-color: #06c;}
.pro_nul li a:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.pro_nul li .text{padding: 10px 10px;}
.pro_nul li .text h3{font-size: 16px;color: #333;font-weight: bold;word-wrap: break-word;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pro_nul li .text div{font-size: 13px;color: #777a7f;margin-top: 5px; height: 48px;overflow:hidden;line-height: 24px;word-wrap: break-word;}
.pro_nul li .text p{color: #878787;font-size: 13px;margin-top: 5px;}
.pro_nul li .text p i{margin-left: 5px;font-size: 20px;display: inline-block;position: relative;top: 3px;color: #999;}
.pro_nul li a:hover{background:rgba(0,102,204,0.8);}
.pro_nul li a:hover h3{color:#fff}
.pro_nul li a:hover div{color:#fff}
.pro_nul li a:hover p{color:#fff}
.pro_nul li a:hover p i{color: #fff;}

.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_detail{padding-top: 40px;}

.show_con{margin-bottom: 30px;}
.show_pic{width: 46%;}
.show_pic .img img{width: 100%!important;height: auto!important;border:1px solid #ccc;}

.show_right{width: 50%;}
.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:hover{background: #09f;}
.sort_ntit{height: 50px;line-height: 50px;text-align: left;background: #06c;color: #fff;padding: 0 10px;font-size: 16px;border-radius: 4px;}
.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;}
@media screen and (max-width: 1220px){
  .wp{width: 900px;}
  .nav{margin-right: 10px;}
  .home_about .word .fl{width: 460px;}
  .service_con ul{padding-left: 50px;}
  .service_con ul li.one{display: none;}
  .case_ul li{width: 210px;}
  .news_l{width: 100%;}
  .news_r{width: 100%;margin-top: 50px;}
  .foot_l{width: 260px;margin-right: 20px;}
  .foot_nav{width: 160px;}
  .ny_banner {height: 200px;}
  .ny_right{width: 640px;}
  .show_down a{width: 140px;}
  .down_nul li{width: 33.33%;}
}
@media screen and (max-width: 920px){
  .wp{width: 750px;}
  .nav ul li{margin: 0;}
  .nav>ul>li>a.a1{padding: 0 7px;}
  .home_about .word .fr{width: 310px;margin-top: 30px;}
  .home_about .word .fl{width: 400px;}
  .service_con ul li{width: 233px;overflow: hidden;}
  .case_ul li{width: 50%;padding: 0 10px;margin: 0;margin-bottom: 20px;}
  .foot_m{display: none;}
  .foot_l{width: 500px;}
  .ny_right{width: 500px;}
  .pro_nul{margin: 0 -10px;}
  .pro_nul li{padding: 0 10px;}
  .show_down a{width: 105px;}
}
.wap_menu{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{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;}
  .head .logo a img{height: 35px;}
  .call{display: none;}
  .head .logo{padding: 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%;height: 50px;}
  .nav>ul>li a.a1{text-align: left;padding-left: 10px;font-size: 16px;position: relative;color: #fff;border-bottom: 1px solid #6699cc;line-height: 50px;height: 50px;}
  .nav>ul>li>a.a1:before{display: none;}
  .nav>ul>li>a.a1: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_main .title span.cn{font-size: 20px;}
  .home_main .title span.en{font-size: 16px;}
  .home_main .title{padding-bottom: 10px;}
  .home_about .word .fl{width: 100%;}
  .home_about .word .fr{display: none;}  
  .pro_navc{margin-top: 20px;}
  .pro_list .swiper-pagination{margin-top: 0;}
  .op0{opacity:1;transform:translate(0,0);}
  .pro_list{margin-bottom: 0;}
  .service_tit p{font-size: 20px;}
  .service_con ul{padding-left: 0;}
  .service_con ul li{width: 100%;border-bottom: 1px solid #ccc;height: auto;padding-top: 20px;padding-bottom: 20px;}
  .service_con ul li:nth-child(2n+1){display: none;}
  .service_con ul li h5{margin-top: 0;}
  .footer{display: none;}
  .copyright{background:#f5f6fb;}
  .home_news{padding-bottom: 0;} 
  .case_nul{padding-top: 30px;padding-bottom: 30px;}
  .ny_menu{padding-top: 30px;}
  .about_detail{padding-top: 0;}
  .down_nul{padding-top: 20px;margin: 0 -10px;}
  .down_nul li{width: 50%;padding: 0 10px;}
  .ny_menu>a{padding: 0;padding: 0 18px;}
  .mess_form form{width: 100%;margin-bottom: 30px;}
  .contact_fl, .contact_fr{width: 100%;padding-right: 0;}
  .contact_fr{margin-top: 20px;margin-bottom: 30px;}
  .pro_nul li{width: 50%;}
  .pro_nul{padding-top: 30px;padding-bottom: 0;}
  .menu_title{display: none;}
  .menu_main{width: 100%;}
  .menu_nul{margin-top: 10px;}
  .menu_nul>li{width: 33.33%;float: left;padding: 0 1px;}
  .menu_nul>li>a{padding: 0;text-align: center;}
  .ny_right{width: 100%;}
  .show_pic{width: 100%;}
  .show_right{width: 100%;padding-top: 20px;}
  .show_con{margin-bottom: 10px;}
  .show_detail{padding-top: 20px;}

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