@charset "utf-8";
/*导航*/
.ws-gs img{
	display: block;
	margin: 0 auto;
}
.nav-w-wraps{
	width: 100%;
	height: 152px;
}
.nav-w-box{
	width: 100%;
	height: 152px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 99999;
}
.nav-top-logo{
	height: 120px;
	display: block;
}
.nav-top-logo a{float: left;}
.nav-top-logo a img{
	width: 279px;
	height: 71px;
	margin-top: 24px;
}
.logo-right-text{
	color: #999;
	font-size: 14px;
	float: left;
	margin-top: 35px;
	margin-left: 10px;
}
.logo-right-text p{
	margin-left: 12px;
}
.top-tel-wraps{
	float: right;
}
.top-tel-wraps i{
	width: 17px;
	height: 17px;
	background: url(../images/top_tel_icon.png) no-repeat;
	display: inline-block;
	background-size: cover;
	margin-top: 13px;
	float: left;
}
.top-tel-number{
	float: left;
	margin-top: 9px;
	margin-left: 5px;
}
.prod{
	background: #fff;
}
.telnumber{
	font-size: 12px;
	width: 235px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #dcdcdc;
	border-radius: 30px;
	margin-top: 35px;
	overflow: hidden;
}
.telnumber input{
	width:150px;
	height: 26px;
	line-height: 26px;
	border: none;
	padding-left: 10px;
	outline: none;
	overflow:  hidden;
	/* text-align:  right; */
}
.mess-search{
	width: 60px;
	height: 27px;
	background: #e11d39;
	color: #fff;
	line-height: 27px;
	border-radius: 0 20px 20px 0;
	margin-left: 11px;
}
.telnumber-con{
	font-weight: bold;
	color: #333333;
	font-size: 16px;
}
.telnumber-con span{
	color: #999 !important;
	font-weight: normal !important;
	padding-right: 5px;
}
.nav-con{
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #0058b1;
	position:  relative;
}
.navlist-boxs{
	color: #fff;
	font-size: 16px;
	list-style: none;
}
.navlist-boxs li{
	width: 171px;
	float: left;
	text-align: center;
	position:  relative;
}
.navlist-boxs li a{
	display: block;
	position: relative;
	color: #fff;
}

.navlist-boxs li a.active{
	background: #0058b1;
	color: #fff;
}
.navlist-boxs li a:hover{
	background: #0058b1;
	color: #fff;
}
.showed{display: block;}
/* .sele{position: fixed;top: 160px;left: 0 !important;z-index: 999;background: rgba(255,255,255,.8);color: #333;margin-top: 5px;width: 100%;padding-top: 50px;padding-bottom: 60px;display:  none;}
.sele a{line-height: 23px !important;color: #333 !important;display: block;margin: 0 !important;padding: 3px !important;height: 23px !important;width: auto !important;}
.sele a:hover{color: #0058b1 !important;text-decoration: none;background:transparent;}

.sele1{position: absolute;display: none;top: 40px;left: 0 !important;z-index: 999;background: rgba(255,255,255,.8);color: #333;margin-top: 5px;width: 100%;padding-top: 50px;padding-bottom: 60px;}
.sele1 a{line-height: 23px !important;color: #333 !important;display: block;margin: 0 !important;padding: 3px !important;height: 23px !important;width: auto !important;}
.sele1 a:hover{color: #333 !important;text-decoration: none;background:transparent;}

.s-other{position: absolute;display: none;top: 40px;left: 0 !important;z-index: 999;color: #333;margin-top: 5px;width: 171px;padding-top: 20px;padding-bottom: 20px;background: rgba(255,255,255,.8);}
.s-other a{line-height: 23px !important;color: #333 !important;display: block;margin: 0 !important;padding: 3px !important;height: 23px !important;width: auto !important;position: relative !important;color: #333 !important;width:  171px !important;}
.s-other a:hover{color: #0058b1 !important;text-decoration: none;background:transparent !important;} */
.sele-img{
	position: absolute;
	width: 10px;
	height: 10px;
	z-index: 9999;
	top:52px;
	left:50px;
}
/*banner*/
.slideBox{width: 100%;height: 606px;overflow:hidden;position:relative;z-index: 1;margin: 0;padding: 0;display: inline-block;}
.slideBox .hd{position:absolute;width: 100%;z-index:2;height:16px;text-align: right;bottom: 30px;margin:  0 auto;}
.slideBox .hd ul{/* height: 16px; */line-height: 16px;display:inline-block;width: 100%;margin: 0;padding: 0;position: relative;right: 46.5%;font-weight:  bold;font-size: 16px;}
.slideBox .hd ul li{width:30px;height:7px;margin: 0 5px; background: #fff; cursor:pointer;border-radius: 20px;display: inline-block;color:  #fff;font-weight:  normal;}
.slideBox .hd ul li.on{ background: #0f6fc6; color:#fff;}
.slideBox .bd{ position:relative; height:100%; z-index:1;width:100%;overflow: hidden;}
.slideBox .bd ul{margin: 0;padding: 0;}
.slideBox .bd li{zoom:1;vertical-align:middle;height: 682px;}
.slideBox .bd li a{display:block;height:100%;width:100%;/* width: 280px !important; */text-align: center;}
/* 下面是前/后按钮代码，如果不需要删除即可 */

/*.slideBox .prev,*/
.slideBox .next {
	width:38px;
	height: 13px;
	position: absolute;
	left: 2%;
	top: 50%;
	margin-top: -25px;
	display: block;
	background: url(../images/PREV.png) no-repeat;
	z-index: 999;
}
.slideBox .prev {
	width:41px;
	height: 13px;
	position: absolute;
	right: 2%;
	top: 50%;
	margin-top: -25px;
	display: block;
	background: url(../images/NEXT.png) no-repeat;
	z-index: 999;
}

.slideBox .prevStop {
	display: none;
}

.slideBox .nextStop {
	display: none;
}
/*banner缓缓放大*/
.cartoon li a {
	-webkit-animation: move 20s;
	-moz-animation: move 20s;
	-ms-animation: move 20s;
	-o-animation: move 20s;
	animation-delay: 1s;
	-moz-animation-delay: 1s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

.cartoon a {
	display: block;
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
}
@keyframes move{
	from{transform: scale(1.0,1.0)}
	to{transform: scale(1.1,1.1)}
}
.cartoon li{height: 750px; }
.jd-tcase{padding-left: 10px;}
/*我们的产品*/
.our-pro-ul{
	width: 100%;
	/* background: #fff; */
	font-size: 16px;
	height: 440px;
}
.our-proitem{
	text-align: center;
	height: 99px;
	/* line-height: 130px; */
	padding-top: 40px;
}
.our-proitem li{
	width: 200px;
	float: left;
	text-align: center;
	/* height:  130px; */
	/* line-height: 68px; */
	position:  relative;
	padding-bottom:20px;
	cursor:pointer;
}
.our-proitem li:hover{
	border-bottom:3px solid #054d97;
}
.our-proitem li img{
	margin: 0 auto;
}
.our-proitem li:hover p{
	color: #054d97;
}
.iconimg{
	display: none;
	position: absolute;
	left: 73px;
	top: 0;
}
.our-proitem li:hover .iconimg{
	display: block;
	/* margin-top: -68px; */
}
.our-proitem li.on p{
	color: #054d97;
}
.our-proitem li.on{
	border-bottom: 3px solid #054d97;
}
.our-proitem li.on .iconimg{
	display: block;
}
.proitem-boxs{
	width: 100%;
	background: #f8f8f8;
	height: 435px;
}
.proitem-item{
	width: 25%;
	float: left;
	margin-top: 73px;
}
.proitem-item a{
	width: 292px;
	/* height: 203px; */
	display: block;
	margin: 0 auto;
	transition: .5s all;
	overflow: hidden;
	text-align:  center;
}
.proitem-item a img{
	width: 97%;
	border: 1px solid #efefef;
}
.proitem-item a:hover img{
	border: 1px solid #0056b7;
	transition: .5s all;
}
.pronames{
	font-size: 16px;
	padding-top: 15px;
	color: #343434;
	text-align:  left;
	padding-left: 10px !important;
	padding-right: 5px;
}
.prot img{
	border: 1px solid #efefef;
	overflow: hidden;
}
 .prot{
	 /* width: 292px; */
	 /* height: 203px; */
	 display: block;
	 margin: 0 auto;
	 transition: .5s all;
	 overflow: hidden;
	 width: 100%;
	}
 .prot img{
	 overflow: hidden;
	 transition: .5s all;
	 width: 96%;
	}
/* .proitem-item a:hover .prot img{
	transform: scale(1.08, 1.08);
	-moz-transform: scale(1.08, 1.08);
	 -webkit-transform: scale(1.08, 1.08); 
	-o-transform: scale(1.08, 1.08);
	overflow: hidden;
} */
.product-top-box{
}
.product-tit{
	font-size: 30px;
	padding-top: 35px;
}
.product-tit-en{
	font-size: 16px;
	color: #999;
	padding-top: 5px;
}
.pro-tab-box{
	margin-top: 25px;
	font-size: 16px;
	display:flex;
}
.pro-tab-box li{
	justify-content: stretch;
	display: inline-block;
	border-bottom: 2px solid transparent;
}
.wlw-icon{
	width: 58px;
	height: 58px;
	background: url(../images/pro01.png) no-repeat;
	background-size: cover;
	display: block;
	margin: 0 auto;
}
.cgq-icon{
	width: 58px;
	height: 58px;
	background: url(../images/pro02.png) no-repeat;
	background-size: cover;
	display: block;
	margin: 0 auto;
}
.fhx-icon{
	width: 58px;
	height: 58px;
	background: url(../images/pro03.png) no-repeat;
	background-size: cover;
	display: block;
	margin: 0 auto;
}
.dkg-icon{
	width: 58px;
	height: 58px;
	background: url(../images/pro04.png) no-repeat;
	background-size: cover;
	display: block;
	margin: 0 auto;
}
.pro-tab-box li{
	width: 16%;
	float: left;
	text-align: center;
	padding-bottom: 15px;
}
.pro-tab-box li:hover p{
	
	color: #0058b1;
}
.pro-tab-box li:hover{
	border-bottom: 2px solid #0058b1;
}
.pro-tab-box li.active{
	color: #0058b1;
	border-bottom: 2px solid #0058b1;
}
.pro-tab-box li.active .wlw-icon{
	width: 58px;
	height: 58px;
	background: url(../images/pro01_active.png) no-repeat;
	background-size: cover;
	display: block;
	margin: 0 auto;
}
.pro-tab-box li.active .cgq-icon{
	width: 58px;
	height: 58px;
	background: url(../images/pro02_active.png) no-repeat;
	background-size: cover;
	display: block;
	margin: 0 auto;
}
.pro-tab-box li.active .fhx-icon{
	width: 58px;
	height: 58px;
	background: url(../images/pro03_active.png) no-repeat;
	background-size: cover;
	display: block;
	margin: 0 auto;
}
.pro-tab-box li.active .dkg-icon{
	width: 58px;
	height: 58px;
	background: url(../images/pro04_active.png) no-repeat;
	background-size: cover;
	display: block;
	margin: 0 auto;
}
.pro-tab-box li:hover .wlw-icon{
	width: 58px;
	height: 58px;
	background: url(../images/pro01_active.png) no-repeat;
	background-size: cover;
	display: block;
	margin: 0 auto;
}
.pro-tab-box li:hover .cgq-icon{
	width: 58px;
	height: 58px;
	background: url(../images/pro02_active.png) no-repeat;
	background-size: cover;
	display: block;
	margin: 0 auto;
}
.pro-tab-box li:hover .fhx-icon{
	width: 58px;
	height: 58px;
	background: url(../images/pro03_active.png) no-repeat;
	background-size: cover;
	display: block;
	margin: 0 auto;
}
.pro-tab-box li:hover .dkg-icon{
	width: 58px;
	height: 58px;
	background: url(../images/pro04_active.png) no-repeat;
	background-size: cover;
	display: block;
	margin: 0 auto;
}
.pro-container{
	width: 100%;
	min-height:410px;
	background: #f8f8f8;
}
.prolist-box{
	width: 25%;
	float: left;
}
.proitem{
	width: 95%;
	display: block;
	margin:45px auto;
	 transition: .5s all;
}
.proitem p{
	font-size: 17px;
	padding-left: 25px;
	padding-top: 15px;
}
.proitem-w{
	width: 293px;
	height: 204px;
	overflow: hidden;
	border: 1px solid #eeeeee;
	background: #fff;
	object-fit:  fill;
}
.proitem-w img{
	transition: .5s all;
}
.proitem-w:hover img{
	transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    overflow:hidden;
}
.more-pro{
	width: 115px;
	height: 30px;
	line-height: 30px;
	/* border: 1px solid #333; */
	color: #999;
	display: block;
	margin: 50px auto 0;
	border-radius: 20px;
	text-align: center;
	background: #fff;
	position:  relative;
	top: -430px;
	z-index: 1;
}
.more-pro:hover{
	background: #0058b1;
	color: #fff;
	transition:.5s all
}
.pro-wrap{
	display: inline-block;
	width: 100%;
	background: #f8f8f8;
}
.pro-con{
	background: #fff;
}
/*您是否遇到这些问题*/
.que-wrap{
	background: #f8f8f8 !important;
	padding-top: 10px;
	height: 440px;
	padding-bottom: 50px;
}
.que-bg{
	width: 1230px;
	height: 266px;
	background: url(../images/ques_bg.png) no-repeat;
	display: block;
	margin: 50px auto;
}
.que-wen{
	font-size: 30px;
	padding-top: 55px;
	color: #fff;
	text-align: center;
}
.que-da{
	font-size: 16px;
	padding-top: 10px;
	color: #fff;
	text-align: center;
}
.que-da-list{
	list-style: none;
	width: 1010px;
	display: block;
	margin: 0 auto;
}
.que-da-list li{
	width: 33%;
	float: left;
}
.que-da-list li img{
	width: 306px;
	height: 213px;
	display: block;
	margin: 38px auto;
}
/*解决方案*/
.solu-wrap{
	background: #fff;
	margin-top: 154px;
	padding-bottom: 52px;
}
.solu-tit{
	padding-top: 70px;
}
.solu-box{
	margin-top: 25px;
}
.solu-img-list{
	width: 33%;
	float: left;
}
.solu-imgbox{
	width: 380px;
	height: 380px;
	display: block;
	margin: 0 auto;
	position: relative;
}
.solu-imgbox img{
	width: 100%;
	height: 100%;
}
.solu-name-box{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* background: rgba(0,0,0,0.5); */
	color: #fff;
	text-align: center;
}
.solu-name-tit{
	font-size: 30px;
	padding-top: 150px;
}
.solu-name-en{
	font-size: 16px;
	padding-top: 3px;
}
.solu-dec-box{
	padding: 90px 30px;
	box-sizing: border-box;
	color: #fff;
	display: none;
}
.solu-dec-tit{
	font-size: 30px;
	text-align: left;
	padding-bottom: 15px;
}
.solu-dec-con{
	line-height: 30px;
	font-size: 16px;
	text-align: left;
	height: 85px;
	overflow: hidden;
}
.solu-dec-link{
	width: 90px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #fff;
	color: #fff;
	display: inline-block;
	margin-top: 55px;
	float: right;
}
.solu-name-box:hover .solu-name-tits{
	display: none;
}
.solu-name-box:hover .solu-dec-box{
	display: block;
}
/*为什么选择我们*/
.why-wrap{
	width: 1230px;
	height: 161px;
	background: url(../images/why_bg.jpg) no-repeat;
	margin-top:90px;
}
.why-list{
	width: 100%;
	height: 255px;
	margin-top:30px; 
	position: relative;
}
.why-left-img{
	float: left;
	margin-left: 45px;
}
.why-list-tit{
	font-size: 24px;
}
.why-list-c{
	font-size: 16px;
	line-height: 30px;
}
.why-list-con{
	margin-left: 105px;
}
.why-list-tit{
	margin-bottom: 20px;
	margin-top: 20px;
}
.why-biaoqian{
	width: 71px;
	height: 107px;
	background: url(../images/biaoqian_img.png) no-repeat;
	position: absolute;
	right: 0;
	top:20px;
	color: #fff;
	padding-top: 15px;
	box-sizing: border-box;
}
.why-biaoqian span{
	font-size: 28px;
	text-align: center;
	padding-top: 18px;
	border-bottom: 2px solid #fff;
	margin: 17px;
}
.ys-box{
	width: 100%;
	margin-top: 45px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0f9ff+4,f6f8fc+15 */
	background: rgb(240,249,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(240,249,255,1) 4%, rgba(246,248,252,1) 15%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(240,249,255,1) 4%,rgba(246,248,252,1) 15%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(240,249,255,1) 4%,rgba(246,248,252,1) 15%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#f6f8fc',GradientType=0 ); /* IE6-9 */
}
.ys-item{
	height: 363px;
	position: relative;
}
.why-biaoqian-left{
	width: 71px;
	height: 107px;
	background: url(../images/biaoqian_img.png) no-repeat;
	position: absolute;
	left: 0;
	top:55px;
	color: #fff;
	padding-top: 15px;
	box-sizing: border-box;
}
.why-biaoqian-left span{
	font-size: 28px;
	text-align: center;
	padding-top: 18px;
	border-bottom: 2px solid #fff;
	margin: 17px;
}
.ys-list-con{
	margin-left: 105px;
	margin-top: 35px;
}
.ys-left-img{
	float: left;
	margin-left: 45px;
	margin-top: -40px;
}
.bq-t{
	top: 20px;
}
.cj-bg{
	margin-top: 0;
}
/*公司案例*/
.us-wrap{
	width: 100%;
	background: #f8f8f8;
}
.casewrap{
	width: 100%;
	height: 496px;
	background: url(../images/case_bg_03.jpg) no-repeat;
	display: inline-block;
	box-sizing: border-box;
	color: #fff;
}
.case-tit{
	font-size: 30px;
}
.case-en-tit{
	font-size: 16px;
	padding-left: 10px;
}
.case-top-box{
	padding: 40px 25px;
	box-sizing: border-box;
}
.case-top-box a{
	float: right;
	font-size: 16px;
	color: #fff;
	margin-left: 30px;
	line-height: 30px;
}
.case-top-box a:hover{
	text-decoration: underline;
}
.caselist-item-box{
	width: 25%;
	float: left;
}
.caselist-item-box a{
	width:271px;
	height: 270px;
	display: block;
	margin: 0 auto;
	background: #558de7;
	color: #fff;
	transition: .5s all;
}
.caselist-item-box a img{
	width: 100%;
	height: 188px;
	display: block;
	margin: 0 auto;
	object-fit: fill;
}
.caselist-item-box a p{
	font-size: 16px;
	padding: 20px 10px 0 15px;
	box-sizing: border-box;
}
.caselist-item-box a:hover{
	margin-top: -15px;
	transition: .5s all;
}






/*底部*/
.foot-w-wrap{
	width: 100%;
	height: 478px;
	background: #393f54;
	margin-top: 120px;
	box-sizing: border-box;
}
.foot-nav-list{
	color: #fff;
	padding-top: 75px;
	margin-right:63px;
	float: left;
}
.foot-nav-list dt{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
	color: #fff;
}
.foot-nav-list dt a{color: #fff;}
.foot-nav-list dd{
	color: #fff;
	line-height: 28px;
}
.foot-nav-list dd a{color: #fff;}
.foot-nav-list dd a:hover{
	text-decoration: underline;
}
.foot-bott-box{
	border-top: 1px solid #58607a;
	margin-top: 55px;
	padding-top: 50px;
}
.fb-left-box{
	float: left;
}
.fb-left-box p{
	color: #fdfdfd;
	font-size: 16px;
	line-height: 28px;
}
.fb-right-box{
	margin-top: 14px;
	float: right;
}
.fb-icon-box{
	width: 42px;
	height: 42px;
	position: relative;
	float: left;
	margin-left: 35px;
	position: relative;
}
.fb-icon-box1{
	width: 42px;
	height: 42px;
	position: relative;
	float: left;
	margin-left: 35px;
	position: relative;
}
.fb-icon-box2{
	width: 42px;
	height: 42px;
	position: relative;
	float: left;
	margin-left: 35px;
	position: relative;
}
.fb-icon-box3{
	width: 42px;
	height: 42px;
	position: relative;
	float: left;
	margin-left: 35px;
	position: relative;
}
.fb-code-wx{
	width: 95px;
	height: 95px;
	position: absolute;
	top: -104px;
	left: -25px;
	display: none;
}
.fb-icon-box:hover .fb-code-wx{
	display: block;
	transition:500ms;
	-webkit-transition:500ms;
	-moz-transition:500ms;
}
.cnzz-boxs{
	margin-top: 27px;
	color: #858996;
	font-size: 14px;
}
.cnzz-boxs a{
	color: #858996;
}
.cnzz-boxs a:hover{
	text-decoration: underline;
}
.cnzz-boxs img{
	margin-left: 6px;
	margin-top: 5px;
}
.showqq-box{
	background: #fff;
	/* padding: 10px 15px; */
	position: absolute;
	border-radius: 3px;
	top: -44px;
	left: -70px;
	display: none;
	min-width: 153px;
	padding: 8px;
}
.showqq-tits{
	font-size: 14px;
}
.showqq-tits span{
	font-weight: bold;
}
.showqq-jts{
	 display:block;
	 width:0;
	 height:0;
	 border-width:5px 5px 0;
	 border-style:solid;
	 border-color: #fff transparent transparent;/*黄 透明 透明 */
	 position:absolute;
	 top: 36px;
	 left: 84px;
}
.fb-icon-box2:hover .showqq-box{
	display: block;
	transition:500ms;
	-webkit-transition:500ms;
	-moz-transition:500ms;
}
.fb-icon-box3:hover .showqq-box-email{
	display: block;
	transition:500ms;
	-webkit-transition:500ms;
	-moz-transition:500ms;
}
.showqq-box-email{
	background: #fff;
	/* padding: 10px 15px; */
	position: absolute;
	border-radius: 3px;
	top: -44px;
	left: -97px;
	display: none;
	min-width: 207px;
	padding: 8px;
}
.showqq-jts-email{
	 display:block;
	 width:0;
	 height:0;
	 border-width:5px 5px 0;
	 border-style:solid;
	 border-color: #fff transparent transparent;/*黄 透明 透明 */
	 position:absolute;
	 top: 36px;
	 left: 111px;
}
/*侧边栏*/
.slider-box{width: 53px;position: fixed;right: 55px;z-index:10;bottom: 7%;}
.slider-box a{
	width: 45px;
	height: 45px;
	margin: 0 auto;
	border-radius: 57px;
	margin-bottom: 15px;
	background: #a5aaae;
	box-shadow: 0 10px 13px rgba(163,168,172,.1);
}
.iconsearch{width:35px;height: 35px;background: url(../images/icon01_search.png) no-repeat;top: 11px;left: 9px;position: absolute;}
.iconlotation{width:35px;height: 35px;background: url(../images/icon02_gps.png) no-repeat;top: 66px;left: 10px;position: absolute;}
.icontalks{width: 28px;height: 28px;background: url(../images/icon04_QQ.png) no-repeat;top: 7px;left: 10px;position: absolute;}
.icontel-b{width: 28px;height: 28px;background: url(../images/icon03_tel.png) no-repeat;top: 68px;left: 10px;position: absolute;}
.icontels{width: 30px;height: 27px;background: url(../images/slider-tel.png) no-repeat; top: 77px;left: 10px; position: relative;cursor: pointer;}
.icontels{width: 28px;height: 28px;background: url(../images/icon03_codes.png) no-repeat;top: 6px;left: 6px;position: relative;cursor: pointer;}
.icontop{}
.iconspan{background: #333;color: #fff;border-radius: 5px;display: inline-block;position: absolute;right: 50px;padding: 10px;font-size: 18px;bottom: -15px;display: none;cursor: pointer;min-width: 190px;}
.icontels:hover .iconspan{display: block;}
.ewm-img-box{width: 100px;
	height: 100px;
	position: absolute;
	top: -20px;
	right:45px;
	display: none;}
.ewm-img-box img
{
	width: 100%;
	height: 100%;
}
.icontalks:hover .ewm-img-box{display: block;}
.telcon{
	width: 130px !important;
	/* height: 65px; */
	background: #a5aaae;
	position: absolute;
	right: 68px;
	display: none;
	/* box-shadow: -2px 9px 12px #f8f8f8; */
	padding-bottom: 5px;
	/* border: 1px solid #f5f5f5; */
	border-radius: 5px;
	color:  #fff;
}
.tel-con-tit{
	padding: 10px 15px 5px 15px;
	font-size: 16px;
	font-weight: bold;
}
.tel-con-c{
	color: #fff;
	font-size: 14px;
	padding-left: 15px;
}
.telwraps:hover .telcon{display: block;}
.telwraps{
	display: block !important;
	width: 45px;
	height: 45px;
	background: #a6abaf;
	border-radius: 104px;
	margin-left: 5px;
}
.telcon-wxs{
	width: 95px;
	height: 95px;
	position: absolute;
	right: 64px;
	display: none;
	top:120px;
}
.telwraps:hover .telcon-wxs{display: block;}
.iconsj{
	width: 30px;
	height: 30px;
	position: absolute;
	background: url(../images/icon05_tops.png) no-repeat;
	display: block;
	background-size: cover;
	margin: 0 auto;
	margin-left: 8px;
	margin-top: 8px;
}
.ewm-page-boxs{
	width: 105px;
	
	background: #fff;
	float:  left;
	margin-left:  570px;
	margin-top: -21px;
}
.ewm-page-boxs img{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.ewm-page-boxs p{
	text-align: center;
	color: #fff;
}
.case-more-pro{
	width: 115px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #fff;
	color: #fff;
	display: block;
	margin: 35px auto;
	border-radius: 20px;
	text-align: center;
}
.case-more-pro:hover{
	background: #fff;
	border: 1px solid #fff;
	color: #3062af;
	padding-right: 15px;
}
/*关于我们*/
.about-wrap{
	height: 430px;
	margin-top: 33px;
}
.about-leftimg{
	width:458px;
	height: 321px;
	float: left;
	margin-top: 55px;
	margin-left: 20px;
	margin-right: 45px;
}
.about-right-box{
	height: 430px;
    border: 1px solid #eeeeee;
    background: #fff;
    margin-left: 245px;
    padding-top: 56px;
    padding-right: 22px;
    box-sizing: border-box;
}
.us-tit{
	font-size: 24px;
	margin-bottom: 30px;
}
.us-tit span{
	color: #999;
	font-size: 14px;
	padding-left:5px;
	
}
.ab-con{
	font-size: 16px;
	line-height: 30px;
}
.ck-dec-link{
	width: 97px;
	height: 35px;
	background: #eeeeee;
	color: #999;
	text-align: center;
	line-height: 35px;
	font-size: 16px;
	float: right;
	margin-top: 60px;
}
.ck-dec-link:hover{
	background: #3468b4;
	color: #fff;
}
/*新闻动态*/
.new-wrap{
	margin-top: 26px;
	padding: 15px;
	overflow: hidden;
}
.new-tit{
	font-size: 24px;
	margin-bottom: 20px;
}
.new-tit span{
	font-size: 14px;
	color: #999;
	padding-left: 5px;
}
.new-left-box{
	position: relative;
}
.new-leftimg{
	width:523px;
	height: 293px;
}
.new-left-text{
	position: absolute;
	bottom: 92px;
	width: 100%;
	height: 53px;
	line-height: 53px;
	background: rgba(67,67,67,0.8);
	color: #fff;
	padding-left:15px;
	font-size: 18px;
	box-sizing: border-box;
}
.new-leftcon{
	width: 523px;
	height: 92px;
	background: #fff;
	padding: 20px 15px;
	box-sizing: border-box;
	font-size: 16px;
	color: #999;
}
.morel{
	color: #999;
	font-size: 14px;
	float: right;
}
.new-right-box{
	width: 640px;
}
.new-list{
	width: 100%;
	height: 106px;
	background: #fff;
	display: block;
	margin-bottom: 33px;
}
.newlist-left{
	width: 456px;
	height: 80px;
	padding: 18px 15px;
	box-sizing: border-box;
}
.newlist-tit{
	font-size: 16px;
	font-weight: bold;
}
.newlist-con{
	font-size: 14px;
	color: #999;
	padding-top: 10px;
}
.newlist-right{
	width: 162px;
	height: 106px;
}
/*底部*/
.footer-wrap{
	width: 100%;
	background: #3f3f3f;
	color: #fff;
	padding-top: 42px;
	box-sizing: border-box;
	margin-top: 40px;
	clear:  both;
}
.footer-left-con{
	float: left;
	width: 569px;
	height: 180px;
	/* border-right: 1px solid #2e2e2e; */
}
.con-tits{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 30px;
}
.con-tel{
	font-size: 16px;
	padding-bottom: 15px;
}
.con-tel span{
	font-size: 24px;
	font-weight: normal;
}
.footer-right-con{
	width: 630px;
	float: left;
	padding-left: 90px;
	box-sizing: border-box;
}
.con-ul{
	float: left;
	margin-right: 35px;
	float: 16px;
	
}
.con-ul li{
	line-height: 33px;
	font-size: 16px;
	color: #fff;
}
.con-ul li a{
	color: #fff;
}
.con-ul li a:hover{
	text-decoration: underline;
}
.code-box{
	width: 116px;
	float: right;
	margin-right: 85px;
	margin-top: -35px;
}
.code-box img{
	width: 116px;
	height: 116px;
}
.code-box p{
	text-align: center;
	padding-top: 10px;
}
.friends-box{
	padding-top: 35px;
}
.friends-box a{
	margin-right: 13px;
	color: #fff;
}
.friends-box a:hover{
	text-decoration: underline;
}
.cnzz-w{
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #2e2e2e;
	color: #fff;
	margin-top: 35px;
	font-size: 12px;
}
.tel-box{
	font-size: 14px;
}
.tel-box a{
	color: #fff;
}
.tel-box a:hover{
	text-decoration: underline;
}


/* 产品下拉 */
.slider-wraps{
	width: 100%;
	height: 285px;
	background:rgba(255,255,255,0.8);
	border: 1px solid #000;
	box-sizing:  border-box;
}
.slider-con{
	/* padding-top: 40px; */
	/* padding-bottom: 40px; */
	/* box-sizing: border-box; */
	/* width:  100% !important; */
}
.slider-dl{
	float: left;
	margin-right: 14px;
}
.slider-dl dt{
	font-size: 16px;
	line-height: 32px;
	font-weight: bold;
	padding-bottom: 3px;
	text-align: left;
	/* margin-left: 10px; */
}
.slider-dl dd{
	line-height: 29px;
	padding-left: 35px;
}

/* 关于韵伦 */
.about-wrap{
	width: 100%;
	height: 350px;
	background: #f8f8f8;
	margin-bottom: -40px;
}
.about-tit{
	font-size: 30px;
	text-align: center;
	padding-top: 65px;
}
.about-little{
	font-size: 14px;
	text-align: center;
	padding-top: 12px;
}
.about-con-list{
	margin-top: 50px;
}
.about-item{
	width: 20%;
	height: 85px;
	border-right: 1px solid #e9e9e9;
	float: left;
	text-align: center;
	color: #4d5763;
	box-sizing: border-box;
}
.about-content{
	font-size: 18px;
}
@font-face {
font-family: DINCond-Bold; /*这里是说明调用来的字体名字*/
src: url('../images/DINCond-Bold.otf'),
     url('../images/DINCond-Bold.eot');/*这里是字体文件路径*/
}
.about-content span{
	font-size: 50px !important;
	font-family: DINCond-Bold;
}
.about-reg{
	font-size: 20px;
	padding-top: 5px;
}

/* 底部 */
.f-pro-tit{
	float: left;
	margin-right: 46px;
}
.f-pro-tit dt{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 20px;
}
.f-pro-tit dd{
	padding-bottom: 8px;
	color: #fff;
}
.f-pro-tit dd a{
	color: #fff;
}
.f-pro-tit dd a:hover{
	text-decoration: underline;
}
.contus-tit{
	font-size: 18px;
	font-weight: bold;
	padding-bottom:20px;
}
.tel-num{
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 2px;
}
.free-tel{
	padding-bottom: 14px;
}
.tel-w{
	width: 310px;
	float: left;
}
.code-wraps{
	width: 116px;
	color: #fff;
	float: left;
	margin-left: 40px;
}
.code-wraps p{
	padding-top: 5px;
}
.code-wraps img{
	margin-bottom: 5px;
	width: 116px;
	height: 116px;
}


/* 产品滚动 */
.picScroll-left{width: 100%;overflow:hidden;position:relative;/* height: 400px; */}
.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("images/arrow.png") no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{/* padding:10px; */margin-top: 75px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{margin: 0 10px;float:left;_display:inline;overflow:hidden;text-align:center;width: 280px !important;}
.picScroll-left .bd ul li .pic{text-align:center;width: 280px !important;}
.picScroll-left .bd ul li .pic img{width: 280px;height: 198px;display:block;/* padding:2px; */border: 1px solid #eee;box-sizing:  border-box;margin-right: 0 !important;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#0f6fc6;  }
.picScroll-left .bd ul li .title{ line-height:24px;}
.w-p{
	overflow: hidden;
}
.par{
	overflow:hidden;
	zoom:1;
}
.slideGroup .sPrev,.slideGroup .sNext{position:absolute;left: 8%;top: 150px;display:block;width:45px;height: 45px;/* border:1px solid #ddd; */background:url(../images/leftarrow.png) no-repeat;z-index: 999;}
.slideGroup .sNext{left:auto;right: 8%;/* background:#f5a100; */background: url(../images/rightarrow.png) no-repeat;}
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
.a-icons{
	width: 7px;
	height: 13px;
	background: url(../images/a_icons_03.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	position: absolute;
	top: 25px;
	right: -5px;
}