@charset "utf-8";
*{
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
body{overflow-x: hidden;}
.wp{width: 1200px;margin: 0 auto;}
.iconfont{-webkit-text-stroke-width:0;}
.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;}
h1, h2, h3, h4, h5, h6 { font-size: 14px;font-weight: normal;padding: 0;margin: 0;}
.img img{width: 100%;height: 100%;}
.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;
}
.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;}

.op0{opacity:0;transform:translate(0,120px);transition:all .7s;}
.op0.fade_in{opacity:1;transform:translate(0,0);}
/*top*/
.top_main{background: #f9f9f9;border-bottom: 1px solid #ccc;line-height: 30px;padding: 5px 0;}
.top_main a{color: #666;margin-right: 15px;}
.top_main a:hover{color: #06c;}

.head_main{background: #fff;height: 120px;position: relative;z-index: 2;}
.head{padding-top: 20px;}
.logo a{display: block;}
.logo img{height: 80px;}
.language{width: 120px;text-align: center;line-height: 30px;display: block;color: #fff;background: #ccc;border-radius: 4px;}
.language i{margin-left: 5px;font-size: 12px;}
.language_hide{position: absolute;top: 30px;right: 0;width: 120px;max-height:160px;background:#ddd;border-radius: 4px;overflow: auto;}
.language_hide li{border-bottom: 1px solid #eee;padding: 0 5px;line-height: 26px;}
.hotline{font-size:24px;color:#f00;font-weight: bold;margin-bottom: 5px;}
.hotline i{margin-right: 5px;font-size: 34px;color: #06c;}
.sitemap{color: #666;line-height: 1;margin-right: 10px;margin-top: 15px;}
.sitemap:hover{color: #06c;}

.nav_main{height: 40px;line-height: 40px;background: #06c;}
.nav>ul>li{float:left;width: 150px;}
.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: #ba0018;color: #fff;position: relative;}
.nav>ul>li>a:hover:after,.nav>ul>li>a.on:after{
  width:0;
  height:0;
  border-top: 40px solid #06c;
  border-right: 20px solid transparent;
  position:absolute;
  content: "";
  top:0;
  left:0;bottom: 0;
}
.nav>ul>li>a:hover:before,.nav>ul>li>a.on:before{
  width:0;
  height:0;
  border-bottom: 40px solid #06c;
  border-left: 20px solid transparent;
  position:absolute;
  content: "";
  top:0;
  right:0;bottom: 0;
}
/*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: 450px;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: 20px;z-index: 10;width:1200px;left: 50%;margin-left: -600px;text-align: right;}
.swiper_banner>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;width: 40px;height: 4px;border:none;background: #06c;opacity: 1;cursor: pointer;border-radius: 0;}
.swiper_banner>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#ff6d07;}
/*about*/
.about_main{position: relative;z-index: 3;min-height: 370px;}
.about_img{width: 350px;height: 370px;margin-top: -50px;
	-webkit-box-shadow:2px 2px 5px #666;
	box-shadow:2px 2px 5px #666;
}
.about_fr{padding-top: 40px;padding-bottom: 50px;width: 810px;}
.about_info{font-size: 15px;color: #333;line-height: 30px;text-indent: 2em;}
.about_info a{color: #f00;}
.about_tit{line-height:22px;background:url(/skin/css/../images/about_line.png) no-repeat 257px 10px;margin-bottom: 20px;}
.about_tit span.tit{font-size: 22px;color: #333;position: relative;font-weight: bold;margin-right: 50px;}
.about_tit span.tit:after{position: absolute;content: "";width: 20px;height: 20px;border:1px solid #e9e9e9;border-radius: 3px;top: 0;right: -35px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}
.about_tit span.tit:before{position: absolute;content: "";width: 6px;height: 6px;border:1px solid #e9e9e9;border-radius: 2px;top: 7px;right: -28px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}
.about_tit span.tit2{color: #aaa;font-size: 18px;position: relative;}
.about_tit span.tit2:before{position: absolute;content: "";width: 6px;height: 6px;border:1px solid #e9e9e9;border-radius: 2px;top: 7px;right: -28px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

.about_num{padding-top: 20px;}
.num_ul li{width:24.5%;float:left;text-align: center;position: relative;border-left: 1px solid #ddd;padding: 10px 0;}
.num_ul li.num1{border-left: none;}
.num_ul li div.pr{display:inline-block;line-height: 1;}
.num_ul li span{font-size:24px;color:#f00;display:inline-block;margin-bottom:10px;line-height: 1;text-indent: -15px;}
.num_ul li em{font-size:24px;color:#f00;position:absolute;right:-20px;top:-5px;display:none;font-style: normal;}
.num_ul li em.on{display:block;}
.num_ul li p{font-size:17px;color:#888;line-height: 1;}
.num_ul li a{display: block;}
.num_ul li a:hover p{color: #06c;}
.num_ul li a:hover{margin-top: -5px;}
/*product*/
.product_main{background: #eee;}
.product{padding: 40px 0 20px;}
.product .news_tit{font-weight: bold;font-size: 22px;}
.product .news_tit span{font-weight: normal;}
.product .news_tit a{font-weight: normal;}
.product_list{padding-top: 40px;}
.product_list ul{margin-right: -54px;}
.product_list li {width: 260px;float: left;
	margin-right: 53px;margin-bottom: 30px;position: relative;background: #FFFFFF;
}
.product_list li img {
	width: 246px;
	height: 246px;
	border: 1px solid #f5f5f5;
	margin: 7px 0 0 7px;
}
.product_list li p {
	height: 40px;
	width: 100%;
	font-size: 16px;line-height: 40px;
	color: #4d4d4d;
	text-align: center;
	margin-top: 7px;
	background: #e2e2e2
}
.product_list li span {
	display: block;
	opacity: 0;
	width: 260px;
	height: 262px;
	background: rgba(0,102,204,0.6);
	position: absolute;
	top: 0px;
	left: -20px;
	color: #fff;text-align: center;line-height: 260px;font-size: 18px;
}
.product_list li a:hover span {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(20px, 0, 0) scale(1);
	transform: translate3d(20px, 0, 0) scale(1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.product_list li a:hover img {
	border: 1px solid #cceeff;
}
.product_list li a:hover p{color: #06c;}
/*case*/
.case_main{width: 100%;background: #fff;padding-top: 40px;padding-bottom: 50px;position: relative;}
.swiper_case{margin-top: 40px;}
.swiper_case a{display: block;padding: 5px 5px 0;background: #eee;overflow: hidden;}
.swiper_case p.img{width: 275px;height: 210px;overflow: hidden;}
.swiper_case p.img img{width: 275px;height: 275px;transition: all .5s ease;}
.swiper_case p.name{/*background: #069cf8;color: #fff;*/line-height:35px; text-align: center;height:40px;overflow: hidden;font-size: 16px;}
.swiper_case a:hover{background: rgba(0,102,204,1);color: #fff;}
.swiper_case a:hover p.img img{transform: scale(1.05);}
.swiper_case a:hover p.name{background: rgba(0,102,204,1);}
.case_main .swiper-button-next, .case_main .swiper-button-prev{width: 60px;height: 60px;line-height: 60px;text-align: center;color: #ccc;font-size: 50px;top: 50%;margin-top: 0px;text-decoration: none;background: none;font-weight: bold;outline: none;}
.case_main .swiper-button-next{right: 50%;margin-right: -660px;}
.case_main .swiper-button-prev{left: 50%;margin-left: -660px;}
.case_main .swiper-button-next:hover,.case_main .swiper-button-prev:hover{color: #06c;border:none;}
/*news*/
.news_main{background: #eee;}
.news_con{background:url(/skin/css/../images/map.png) no-repeat right 90px;padding: 30px 0 40px;}
.news_tit{font-size: 20px; color: #000;height: 40px; line-height: 35px;border-bottom: 1px solid #ccc;text-transform: uppercase;}
.news_tit a{color: #06c;float: right;font-size: 16px;}
.news_tit span{color: #999;font-size: 16px;margin-left: 10px;}
.news_tit a:hover{color: #00419b;}
.news_list{width: 675px;}
.news_ul{padding-top: 15px;}
.news_ul li{height:40px; line-height:40px;border-bottom: 1px dashed #b2b2b2; overflow: hidden;}
.news_ul li a{font-size: 15px;display: block;}
.news_ul li a span{color: #999;}
.news_ul li a:hover{color: #f00;}
.news_ul li a i{font-size: 12px;float: left;width: 20px;text-align: center;}

.news_list{transform:translate(-200px,0);}
.contact_con{transform:translate(200px,0);}
.news_list.op0.fade_in,
.contact_con.op0.fade_in{transform:translate(0,0);}



.contact_con{width: 480px;}
.contact_ul{padding-top: 18px;}
.contact_ul li{line-height: 40px;font-size: 16px;color: #666;min-height: 40px;position: relative;padding-left: 30px;}
.contact_ul li span{color: #333;}
.contact_ul li i{color: #999;font-size: 19px;width: 30px;position: absolute;height: 40px;line-height: 40px;left: 0;}
.contact_ul li i.icon-tel{font-size:20px;}
.contact_ul li i.icon-dizhi{font-size: 22px;}
.contact_ul li i.icon-youxiang{font-size: 23px;}

.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;}

.foot_main{background: #2a2f35;padding-top: 40px;padding-bottom: 40px;border-bottom: 1px solid #1d2228;}
.foot_nav{width:180px;margin-right: 20px;}
.foot_nav a{display:block;color:#b9b9b9;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 30px;}
.foot_nav h3{font-size:17px;color:#fff;font-weight:400;margin-bottom:10px;}
.foot_nav a:hover{color:#fff;}
.foot_ewm {width: 110px;height: 110px;}
.foot_nav h4{color: #999;padding: 0;margin: 0;font-weight: normal;line-height: 30px;width: 110px;text-align: center;}
.foot_tel {
	width: 325px;
	padding-left: 60px;
	color: #fff;
	height: 170px;
	border-left: 1px solid #1d2228;
	position: relative;
}
.foot_tel:before{position: absolute;top: 0;left: 0;content: "";width: 0;border-left:1px solid #3f444a;bottom: 0;}
.foot_tel p.tel{font-size: 25px;margin-top: 5px;margin-bottom: 10px;}
.foot_tel p i{font-size: 30px;color: #f00;margin-right: 10px;}
.copyright{border-top:1px solid #3f444a;background: #2a2f35;padding: 10px 0;line-height: 25px;text-align: center;color: #ccc;}
/*kefu*/
.main-im{position: fixed;right: 5px;top: 50%;margin-top: -100px;z-index: 100;/*width: 110px;height: 272px;*/}
.main-im .open-im {cursor: pointer;width: 40px;
	height: 120px;background: #ff6633;text-align: center;color: #fff;font-size: 16px;position: relative;padding-top: 20px;}
.main-im .open-im span{position: absolute;display: block;width: 20px;height: 20px;border-radius: 50%;border:2px solid #ff6633;background: #fff;left: 50%;margin-left: -11px;top: 0;margin-top: -11px;color: #ff6633;text-align: center;line-height: 15px;font-size: 20px;}
.im_main {background: #F9FAFB;border: 1px solid #ddd;
	border-radius: 6px;display: none;position: relative;}
.main-im .close-im {position: absolute;right: 10px;top: -12px;z-index: 100;width: 24px;height: 24px;}
.main-im .close-im a {display: block;width: 24px;height: 24px;border:1px solid #ddd;border-radius: 50%;	background: #fff;text-align: center;font-size: 12px;line-height: 24px;}
.main-im .close-im a:hover {color: #ff6633;border-color: #ff6633;}
.main-im .qq-a {display: block;position: relative;padding-top: 15px;border-bottom: 1px solid #ddd;padding-bottom: 10px;
}
.main-im .qq-hover-c {width: 70px;height: 70px;	border-radius: 50%;	overflow: hidden;margin: 0 auto;box-shadow: 0px 2px 2px rgba(0,0,0,0.3);margin-bottom: 5px;}
.main-im .img-qq {max-width: 60px;display: block;margin: 0 auto;-webkit-transition: all 0.5s;transition: all 0.5s;
}
.main-im .im-qq:hover .img-qq {-webkit-transform:scale(1.2);transform:scale(1.2);
}
.main-im .qq-a span {font-size: 14px;color: #0484cd;	text-align: center;display: block;}
.main-im .im_main .im-tel {color: #000;	text-align: center;	border-bottom: 1px solid #dddddd;padding-bottom: 10px;
}
.main-im .im_main .im-tel div {font-weight: bold;font-size: 12px;margin-top: 6px;}
.main-im .im_main .im-tel .tel-num {font-weight: bold;color: #e66d15;}
.main-im .im_main .im-tel .im_weixin img{width: 100px;display: block;margin: 0 auto;}
.main-im .im_main .weixing-container {width: 55px;height: 47px;	border-right: 1px solid #ddd;}
.main-im .im_main .weixing-container span{display: block;text-align: center;line-height: 52px;font-size: 26px;}
.main-im .im_main .weixing-show {width: 112px;height: 160px;background: #fff;border-radius: 6px;border: 1px solid #ddd;position: absolute;left: -125px;bottom:0;display: none;}
.main-im .im_main .weixing-show .weixing-sanjiao {width: 0;
	height: 0;border-style: solid;border-color: transparent transparent transparent #ffffff;border-width: 6px;
	left: 112px;top: 134px;position: absolute;z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big {
	width: 0;height: 0;	border-style: solid;	border-color: transparent transparent transparent #dddddd;
	border-width: 8px;	left: 112px;top: 132px;position: absolute;}
.main-im .im_main .weixing-show .weixing-ma {	width: 104px;height: 104px;	padding-left: 5px;	padding-top: 5px;}
.main-im .im_main .weixing-show .weixing-txt {position: absolute;top: 110px;left: 7px;width: 100px;
	margin: 0 auto;	text-align: center;}
.main-im .im_main .go-top {width: 50px;height: 47px;	background: #f5f5f5;border-bottom-right-radius: 10px;
	float: right;}
.main-im .im_main .go-top a {display: block;text-align: center;line-height: 52px;font-size: 26px;}
/*kefu end*/
.ny_banner{height: 280px;background-repeat: no-repeat;background-position: center center;background-size: auto 100%;}

/*location*/
.location{background: #eee;line-height: 25px;font-size: 15px;padding: 10px 10px;}
.location i,.location span{color: #06c;}
.location i{margin-right: 5px;font-size:20px;}
.location a{margin:0 5px;}
.location a:hover{color: #06c;}

.ny_con{padding-top: 40px;padding-bottom: 50px;}
.menu{width: 230px;}
.menu h3{height: 50px;line-height: 50px;background: #06c;font-size: 20px;color: #fff;text-align: center;margin-bottom: 5px;}

.menu_ul{background: #eee;}
.menu_ul li{border-bottom: 1px dashed #b2b2b2;}
.menu_ul li:last-child{border-bottom: none;}
.menu_ul li a{display: block;line-height: 35px;color: #333;font-size: 16px;padding-left: 5px;padding-right: 5px;height: 35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.menu_ul li a:hover{color: #06c;}
.menu_ul li a i.iconfont{font-size: 12px;width: 20px;text-align: center;display: inline-block;font-weight: bold;}
.menu_ul li ul{display: none;}
.menu_ul li ul li{border-bottom: none;}
.menu_ul li ul li a{line-height: 30px;padding-left: 20px;font-size: 14px;}
.menu_ul li.current>a{background: rgba(0,102,204,.8);color: #fff;}
.menu_ul li.current ul{display: block;}
.menu_ul ul li a.current2{color: #06c;font-weight: bold;}
.menu_tel{background: #06c;color: #fff;padding: 10px 15px;margin-top: 15px;line-height: 25px;font-size: 18px;}
.menu_tel p{font-weight: bold;}
.menu_tel h4{font-size: 18px;}

.menu_case{border:1px solid #ccc;border-top: 2px solid #06c;margin-top: 15px;padding: 0 10px;}
.mcase_tit{font-size: 18px;color: #333;line-height: 40px;}
.mcase_tit span{color: #06c;}
.mcase_tit em{font-size: 14px;color: #999;text-transform: uppercase;font-style: normal;}
.mcase_tit:hover em{color: #06c;}
.mcase_ul{margin-top: 5px;}
.mcase_ul li{padding-bottom: 10px;}
.mcase_ul li a{display: block;}
.mcase_ul li h5{text-align: center;line-height: 35px;font-size: 16px;}
.mcase_img{width: 205px;height: 129px;overflow: hidden;}
.mcase_ul li a:hover .mcase_img img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.mcase_ul li a:hover h5{color: #06c;}

.ny_right{width: 940px;border:1px solid #ccc;border-top: 2px solid #06c;padding-bottom: 50px;}
.ny_rcon{padding: 20px 20px 0;}
.ny_rcon2{padding-top: 30px;}
/*case*/
.honor_nul{padding: 0 10px;}
.honor_nul li{float: left;margin: 0 10px;width: 285px;margin-bottom: 30px;}
.honor_nul li a{display: block;padding: 10px 10px;border:1px solid #ddd;background: #eee;}
.honor_nimg{width: 265px;height: 365px;margin: 0 auto;overflow: hidden;}
.honor_nul li a:hover .honor_nimg img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.honor_nul li a h5{font-size: 17px;line-height: 30px;text-align: center;margin-top: 5px;}
.honor_nul li a:hover{border-color: #06c;}
.honor_nul li a:hover h5{color: #06c;}
.honor_nimg span{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;background: rgba(0,0,0,0.4);-webkit-transform:scale(0);transform:scale(0);-webkit-transition: transform .35s;transition: transform .35s;}
.honor_nimg span i{width: 30px;height: 30px;line-height: 30px;text-align: center;color: #fff;position: absolute;top: 50%;margin-top: -15px;left: 50%;margin-left: -15px;font-size: 40px;display: block;}
.honor_nul li:hover .honor_nimg span{
  -webkit-transform:scale(1);transform:scale(1);
  transform:scale(1);transform:scale(1);
}

#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('/skin/css/../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;}

.envir_nul{padding: 0 10px;}
.envir_nul li{float: left;margin: 0 10px;width: 285px;margin-bottom: 30px;}
.envir_nul li a{display: block;}
.envir_nimg{width: 285px;height: 200px;overflow: hidden;border:1px solid #ddd;}
.envir_nul li a:hover .envir_nimg img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.envir_nul li a h5{font-size: 17px;line-height: 30px;text-align: center;margin-top: 5px;}
.envir_nul li a:hover{border-color: #06c;}
.envir_nul li a:hover h5{color: #06c;}
.envir_nimg span{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;background: rgba(0,0,0,0.4);-webkit-transform:scale(0);transform:scale(0);-webkit-transition: transform .35s;transition: transform .35s;}
.envir_nimg span i{width: 30px;height: 30px;line-height: 30px;text-align: center;color: #fff;position: absolute;top: 50%;margin-top: -15px;left: 50%;margin-left: -15px;font-size: 40px;display: block;}
.envir_nul li:hover .envir_nimg span{
  -webkit-transform:scale(1);transform:scale(1);
  transform:scale(1);transform:scale(1);
}
/*page*/
.page{text-align: center;margin-top: 10px;}
.page a{height:28px; border:1px solid #ccc; display:inline-block; margin:0 5px; line-height:28px; color:#332e2e; font-size:12px;padding: 0 10px;}
.page a.cur,.page a:hover{color:#fff; background:#06c;border-color:#06c;}
.page a.lastBtn{display: none;}
/*news*/
.news_nul{padding: 0 30px;margin-bottom: 30px;}
.news_nul li{padding: 20px 0;border-bottom: 1px dashed #e5e5e5;}
.news_nul li a{display: block;padding-left: 120px;height: 84px;}
.news_nimg{width: 100px;height: 80px;position: absolute;overflow: hidden;border:1px solid #ddd;top: 0;left: 0;}
.news_nimg 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_nul li a h2{color: #666;font-size: 18px;margin-bottom: 5px;line-height: 30px;display: block;}
.news_nul li a span{font-size: 14px;color: #999;font-weight: normal;}
.news_ninfo{height:40px;font-size: 14px;color: #999;line-height: 20px;}
.news_nul li a:hover h2{color: #06c;}
.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_dtit{font-size: 22px;line-height: 1.4;text-align: center;color: #06c;}
.news_ndata{padding:10px 0;color:#999;line-height:20px;text-align: center;margin-bottom: 10px;}
.news_ndata span{padding: 0 5px;}

.share{color: #000;font-size: 14px;line-height: 40px;margin-top: 50px;}
.back{width: 130px;height: 40px;color: #fff;background: #06c;display: block;text-align: center;font-size: 14px;line-height: 40px;}
.back:hover{background:#ff6633;}
.share_icon{line-height: 40px;margin-top: 5px;}

.detail_re p{line-height: 40px;color: #666;border:1px solid #e5e5e5;margin-top: 20px;background: #eee;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;}
/*case*/
.case_nul{margin: 30px 19px 30px;}
.case_nul li{width:410px;float: left;margin: 0 20px 30px;}
.case_nul li a{display: block;position: relative;overflow: hidden;}
.case_nimg{width:410px;height: 315px;overflow: hidden;border:10px solid #e6e6e6;}
.case_nimg img{width:100%;height: 100%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.case_nul li h2{font-size: 18px;line-height: 40px;color: #333;}
.case_ninfo{font-size: 14px;line-height: 30px;color: #666;margin-bottom: 10px;}
.case_nmore span{width: 120px;height: 35px;background: #ccc;color: #666;font-size: 14px;text-align: center;line-height: 35px;display: block;}
.case_nul li a:hover .case_nimg{border-color: rgba(0,102,204,0.8);}
.case_nul li a:hover h2{color: #06c;}
.case_nul li a:hover .case_nimg img{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.case_nul li a:hover .case_nmore span{background: #06c;color: #fff;}
/*contact*/
.contact_ncon{padding: 30px 30px 0;}
.contact_l{/*width:520px;*/padding-right: 30px;width: 100%;}
.contact_tit{color: #06c;font-size: 18px;line-height: 1;margin-bottom: 10px;}
.contact_nul{padding-bottom: 15px;/*border-bottom:1px solid #e5e5e5;*/}
.contact_nul li{font-size: 16px;color: #666;line-height: 36px;min-height: 30px;position: relative;}
.contact_ewmc{width: 122px;margin-right: 20px;}
.contact_ewmc img{border:1px solid #e5e5e5;width: 120px;height: 120px;}
.contact_ewmc p{color: #666;font-size: 16px;text-align: center;line-height: 1;margin-top:10px;}

.contact_r{width:880px;margin: 30px auto 0;}
.contact_r form{padding-top: 10px;}
.form_li p{position: relative;padding-bottom: 20px;}
.form_li p label{float: left;width: 50px;font-size:16px;color: #666;line-height: 40px;}
.form_li p input{width:778px;height: 38px;line-height: 38px;border:1px solid #e5e5e5;padding: 0 10px;color: #333;font-family: inherit;float: left;}
.form_li p span.start{line-height: 43px;font-size: 14px;color: #f00;position: absolute;top: 0px;right:0;width: 30px;text-align: center;height: 40px;}
.form_li p textarea{width:778px;height: 75px;border:1px solid #e5e5e5;resize: none;line-height: 25px;color: #333;font-family: inherit;padding: 5px 10px;}
.form_btn{padding-left: 50px;}
.form_btn button{width: 133px;height: 43px;font-size: 18px;border:1px solid #e5e5e5;color: #999;font-family: inherit;cursor: pointer;background: #fff;margin-right: 20px;}
.form_btn button:hover{border-color:#06c;color: #fff;background: #06c;}
.form_li p span.ts{color: #f00;position: absolute;top: 0px;right:20px;line-height:40px;font-size: 12px;}
.contact_map{height: 480px;margin-top:50px;border:1px solid #ddd;margin: 50px 30px 0;}
/*down*/
.download_nul{margin-top: 30px;padding: 0 12px;}
.download_nul li{width: 284px;float: left;margin: 0 10px 30px;}
.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;}
/*产品*/
.show_nimg{width:400px;height: 400px;overflow: hidden;border:6px solid #e6e6e6;}
.show_nimg img{width: 100%;height: 100%;}
.show_dtit{font-size: 22px;line-height: 40px;color: #06c;  border-bottom: 1px solid #ccc;}
.show_rcon{width: 460px}
.show_infos{line-height: 30px;color: #666;font-size:16px;margin-top: 5px;}
.show_btn{padding: 10px 0;}
.show_btn a{width: 80px;height: 30px;line-height: 30px;color: #fff;border-radius: 5px;text-align: center;background: #06c;margin-right: 20px;}
.show_detail{padding-top: 20px;padding-bottom: 10px;}

.product_nul{margin: 30px 9px 30px;}
.product_nul li{width: 210px;margin: 0 10px;}
.product_nul li .case_nimg{width: 210px;height: 210px;border-width: 4px;}
.product_nul li h2{text-align: center;}

/*sitemap*/
.map_con{padding-bottom: 40px;}
.map_location{line-height: 50px;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.map_location h2{font-size: 18px;color: #06c;font-weight: bold;}
.map_location .fr i{color: #06c;font-size: 20px;margin-right: 5px;}
.map_location .fr a:hover{color: #06c;}
.linkbox{margin-bottom: 10px;}
.linkbox h3 a{display: block;background: #ddd;border:1px solid #ccc;padding: 0 10px;line-height: 30px;font-size: 16px;}
.linkbox h3 a:hover{background: #06c;color: #fff;border-color: #06c;}
.linkbox ul{padding: 0 10px;}
.linkbox ul li a{display: block;line-height: 30px;color: #666;border-bottom: 1px dashed #eee;}
.linkbox ul li a:hover{color: #06c;}

.map_ul>li{margin-bottom: 10px;}
.map_ul>li>a{display: block;background: #ddd;border:1px solid #ccc;padding: 0 10px;line-height: 30px;font-size: 16px;}
.map_ul>li>ul{padding: 0 10px;}
.map_ul>li>ul>li a{display: block;line-height: 30px;color: #666;border-bottom: 1px dashed #eee;}
.map_ul>li a:hover{color: #06c;}

.show_btn2{text-align: center;}
.show_btn2 a{display: inline-block;}
.detail_title{border-bottom: 2px solid #06c;margin-top: 30px;}
.detail_title span{display: block;width: 120px;color: #fff;background: #06c;font-size: 18px;height: 40px;line-height: 40px;text-align: center;}
.list_title{margin: 30px 20px 0;}
.list_title span{width: auto;padding: 0 20px;display: inline-block;}

/*诚招代理商*/
.buss{position: fixed;left: 0px;bottom:100px;z-index: 100;width: 100px;}
.buss img{width: 100%;}
.buss span{display: block;width: 16px;height: 16px;border-radius: 50%;background: #FFF;color: #06C;font-weight: bold;position: absolute;top: -8px;right: -8px;text-align: center;cursor: pointer;border:2px solid #06c;line-height: 16px;}
.buss_hide{width: 30px;height: 135px;background: #06c;color: #fff;display: none;text-align: center;font-size: 18px;position: fixed;left: 10px;bottom:100px;z-index: 100;cursor: pointer;font-weight: bold;padding-top: 10px;}

@media screen and (max-width: 1220px){
  .wp{width: 900px;}
  .nav>ul>li{width: 112px;}
  .about_fr{width: 500px;}
  .about_img{margin-top: 40px;}
  .product_list ul{margin-right: -5px;}
  .product_list li{width: 220px;margin-right: 5px;}
  .product_list li img{width: 205px;height: 205px;}
  .product_list li span{width: 220px;height: 221px;}
  .swiper_case p.img{width: 100%;height: auto;}
  .swiper_case p.img img{width: 100%;height: auto;}
  .news_list{width: 480px;}
  .contact_con{width: 385px;}
  .foot_tel{width: 239px;}
  .ny_banner{height: 220px;}
  .ny_right{width: 640px;}
  .product_nul li{width: 185px;}
  .product_nul li .case_nimg{width: 178px;height: 178px;}
  .location{font-size: 12px;}
  .show_nimg{width: 250px;height: 250px;}
  .show_rcon{width: 325px;}
  .case_nul li{width: 259px;}
  .case_nimg{width: 259px;height: 199px;}
  .foot_nav{width: 140px;}
}
@media screen and (max-width: 920px){
  .wp{width: 750px;}
  .logo img{height: 70px;}
  .nav>ul>li{width: 93px;}
  .swiper_banner .swiper-slide img{height: 300px;}
  .swiper_banner>.swiper-pagination-bullets{width:100%;left:0;margin-left:0;text-align:center;}
  .about_img{display: none;}
  .about_fr{width: 100%;}
  .product_list ul{margin-right: -50px;}
  .product_list li{width: 350px;margin-right: 50px;}
  .product_list li img{width: 335px;height: 335px;}
  .product_list li span{width: 350px;height: 351px;}
  .news_list{width: 100%;}
  .contact_con {width: 100%;margin-top: 50px;}
  .foot_nav {display: none;}
  .foot_nav:nth-child(3),
  .foot_nav:nth-child(4){display: block;}
  .ny_banner{height: 180px;}
  .ny_right{width: 510px;}
  .honor_nul li{width: 224px;}
  .honor_nimg{width: 202px;height: 278px;}
  .case_nul li{width: 224px;}
  .product_nul li .case_nimg{width: 224px;height: 224px;}
  .show_nimg{width: 100%;height: auto;}
  .show_nimg img{height: auto;}
  .show_rcon{width: 100%;margin-top: 20px;}
  .case_nul li{margin: 0 10px 30px;}
  .case_nul{margin: 20px 10px 20px;}
  .case_nimg{width: 224px;height: 172px;}
  .download_nul li{width: 222px;}
}
.wap_menu{display: none;}
.wap_foot{display: none;position: fixed;left: 0;right: 0;bottom: 0;  width: 100%;height: 50px;z-index: 98;background: #06c;}
.wap_nav li{width: 20.7%;float: left;}
.wap_nav li:nth-of-type(3){margin-left: 17.2%;}
.wap_nav li a{display: block;text-align: center;padding-top: 5px;color: #fff;height: 50px;}
.wap_nav li a i,
.wap_foot>a>i{display: block;height: 20px;line-height: 20px;font-size: 20px;text-align: center;}
.wap_nav li:nth-of-type(4) a i{font-size: 25px;}
.wap_nav li a span,
.wap_foot>a>span{display: block;height: 20px;line-height: 20px;font-size: 14px;text-align: center;}
.wap_nav li.on a{background:rgba(0,0,0,.3);}
.wap_foot>a{
  width: 54px;
  height: 54px;
  background: #fff;
  background: -webkit-linear-gradient(top, #fff, #D9D9D9 100%);
  border-radius: 27px;
  display: block;
  position: absolute;
  top: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  box-shadow: 0 0 1px 3px rgba(0,0,0,.4);
  box-sizing: border-box;
  color: #515151;
  color: #06c;
  z-index: 3;
}
.wap_foot>a>i{margin-top: 7px;}
.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;}
@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;}
  .top_main{display: none;}
  .head_main{height: auto;position: absolute;border-bottom: 1px solid #eee;position: fixed;top: 0;right: 0;left: 0;z-index: 100;background: #fff;}
  .head .fr{display: none;}
  .logo{padding-top: 7px;padding-bottom: 7px;}
  .logo a img{height: 36px;display: block;margin: 0 auto;}
  .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;font-weight: bold;}
  .swiper_banner .swiper-slide img{height: 120px;}
  .swiper_banner .swiper-button-next, .swiper_banner .swiper-button-prev{display: none;}
  .swiper_banner>.swiper-pagination-bullets{bottom: 5px;}
  .product_main {padding-top: 20px;}
  .product_list ul{margin-right: 0;}
  .product_list li{width: 49%;float: left;margin-right: 0;}
  .product_list li:nth-child(2n){float: right;}
  .product_list li a{display: block;padding: 5px;}
  .product_list li a img{width: 100%;height: 100%;margin: 0;}
  .product_list li span{display: none;}
  .case_main{padding-top: 20px;padding-bottom: 30px;}
  .news_main{padding-top: 20px;}
  .contact_con{margin-top: 20px;}
  .foot_main{display: none;}
  .main-im{display: none;}
  .buss{display: none;}
  .op0{opacity:1;transform:translate(0,0);}
  .wap_foot{display: block;}
  .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);background: #06c;}
  .nav_main.on{visibility: visible;transform: translate3d(0px, 0px, 0px);}
  .nav>ul>li{width: 100%;height: 50px;}
  .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;height: 50px;}
  .nav>ul>li>a:before{display: none;}
  .nav>ul>li>a:after,
  .nav>ul>li>a.on: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;}

  .ny_banner{display: none;}
  .menu_tel{display: none;}
  .menu_case{display: none;}
  .ny_right{width: 100%;}
  .menu h3{display: none;}
  .menu {width: 100%;}
  .menu_ul{margin: 10px -3px;background:none;}
  .menu_ul li{width: 25%;float:left;padding: 0 3px;border-bottom: none;}
  .menu_ul li a i.iconfont{display: none;}
  .menu_ul li a{font-size: 14px;text-align: center;background: #e3e3e3;padding: 0;}
  .ny_right{border:none;}
  .ny_rcon{padding: 20px 0 0;}
  .honor_nul li{width: 50%;margin: 0;padding: 0 5px 15px;}
  .honor_nul{padding: 0;margin: 0 -5px;}
  .honor_nimg{width: 100%;height: auto;}
  .news_nul{padding: 0;}
  .ny_rcon2{padding-top: 10px;}
  .case_nul li{width: 50%;margin: 0 0 15px;padding: 0 5px;}
  .case_nul{margin: 20px -5px 20px;}
  .case_nimg{width: 100%;height: auto;}
  .case_nimg img{width: 100%;height: auto;}
  .share{display: none;}
  .download_nul li{width: 50%;padding: 0 5px;margin: 0 0 15px;}
  .download_nul{margin: 20px -5px;padding: 0;}
  .contact_l{width: 100%;}
  .contact_ncon{padding: 20px 0 20px;}
  .contact_map{margin: 0;padding: 0;height: 200px;}
  .menu_ul.product_mul li{width: 50%;margin-bottom: 5px;}
  .list_title{margin:20px 0 0;border:none;}
  .list_title span{font-size: 16px;}
  .product_nul li .case_nimg{width: 100%;height: auto;}
  .product_nul li h2{font-size: 16px;}
  .menu_ul li ul{display: none!important;}
}