@charset "utf-8";

@font-face {
	font-family: 'SourceHanSansCN';
	src: url('../fonts/SourceHanSansCN-Light.ttf') format('truetype'),
	url('../fonts/SourceHanSansCN-Light.svg') format('svg'),
	url('../fonts/SourceHanSansCN-Light.woff') format('woff'),
	url('../fonts/SourceHanSansCN-Light.eot') format('eot'),
	url('../fonts/SourceHanSansCN-Light.otf') format('otf'),
	url('../fonts/SourceHanSansCN-Medium.ttf') format('truetype'),
	url('../fonts/SourceHanSansCN-Medium.svg') format('svg'),
	url('../fonts/SourceHanSansCN-Medium.woff') format('woff'),
	url('../fonts/SourceHanSansCN-Medium.eot') format('eot'),
	url('../fonts/SourceHanSansCN-Medium.otf') format('otf');
	font-weight: normal;
	font-style: normal;
}

/* CSS Document */
body,html{overflow:hidden; overflow-y:auto;}
body{margin:0px;padding:0px;font-size: 14px;font-family:SourceHanSansCN, Arial,"微软雅黑";color: #4b4b4b;}
a{color: #4b4b4b;text-decoration:none;outline:none;}
a:active{star:expression(this.onFocus=this.blur()); color:#333;}
img{border:0px;}
a:link {text-decoration: none;outline:none;color: #4b4b4b;}
a:visited{text-decoration: none;outline:none;color: #4b4b4b;}
a:hover{text-decoration:none; color:#1c5a97; outline:none;}
ul, p, dl, dt, dd{padding:0px;margin:0px;box-sizing: border-box;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}

.pageIMGlayer .list img{clear:both;display:block;margin:auto;/*width:500px;*/}


.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.h10{height:10px; overflow:hidden; clear:both;}
input{background:transparent; padding:0px; font-size:12px; font-family:SourceHanSansCN, Arial,"微软雅黑"; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
.phone_url{display: none;}
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
}
.wal{width:100%; margin:0 auto;}
.pageNum .aNow{color:#791F77;}

.logo{/* height: 75px; */text-align: left;padding: 12px 0;/* width: 20%; */}
.pageImg img{width:100%;}
.shouji{
	display: none;
}
.nav{/* height:104px; */width:100%;/* position:absolute; */z-index:20;/* left:0px; *//* top: 109px; */background:url(../images/nav_bg.png);background-size: 100% 100%;}
.nav .wal{/* height:104px; *//* padding-left: 30px; *//* padding-right: 30px; */height: 60px;position:relative;text-align: center;}
.nav li{/* float:left; */position: relative;display: inline-block;}
.nav li a{
	text-overflow: ellipsis;
	/* display: -webkit-box; */
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	font-size: 15px;
	max-width: 138px;
	text-transform:uppercase;
	color:#FFF;
	white-space:nowrap;
	padding: 12px 2em;
	display: inline-block;
	text-align:center;
}
.nav .li_01 a{/* padding: 25px 2rem; */}
.nav li a div{font-size: 14px;font-family:Arial;padding: 0;}
.nav .li_02 a{/* padding:0px; *//* width:132px; */}
.nav .li_03 a{/* padding:0px; *//* width:190px; */}
.nav .li_04 a{/* padding:0px; *//* width:141px; */}
.nav .li_05 a{/* padding:0px; *//* width:173px; */}
.nav .li_06 a{padding:0px; width:132px;}
.nav .li_07 a{padding:0px; width:132px;}
.nav .li_08 a{/* padding:0px; *//* width:150px; */}
.nav .btn{display:block;background:url(../images/btn1.png) center no-repeat;width: 0px;background-size: 80%;/* height:104px; */padding: 14px;position:absolute;top: 20px;right:0px;}

.nav li a:hover{/* font-weight: bold; */color: rgba(255,255,255,0.6);}
.telNav{position:absolute;z-index:100;left:0px;top: 80px;padding: 20px 0;width:100%;background:rgba(0,0,0,0.9);display:none;}
.telNav a{display:block;font-size: 14px;color:#CCC;padding:0 15px;/* height:35px; */line-height:35px;overflow:hidden;border-bottom: 1px solid rgba(255,255,255,.1);position:relative;}
.telNav a span{padding-left: 10px;line-height: 2.5;}
.telNav a em{display:block; background:url(../images/ico6.png) center no-repeat; background-size:80%; width:14px; height:14px; position:absolute; top:10px; right:8px;}
.telNav a:hover{color:#f3d400;}
.telNav a:hover em{background:url(../images/ico6on.png) center no-repeat; background-size:80%;}
.telNav dl{display:none;}
.telNav dd a{border-bottom:#333 dotted 1px; font-size:12px; height:30px; line-height:30px; padding-left:30px;}

#brandNav{position:fixed; z-index:20; left:0px; top:0px; width:100%; height:104px; display:none;}
#brandNav .nav{margin-top:0px;}
#brandNav .sNav{margin-top:104px;}

/*banner*/
.banner{width:100%;overflow:hidden;}
.banner_box{width:1920px;margin-left:-960px;left:50%;position:relative;}
.banner	.banner_box	.img{width:100%;}

.swiper-slide-active{
.words{
	top:0px;
	opacity: 1;
}
}
.swiper-button-next,.swiper-button-prev{
	width:60px;
	height:60px;
	border-radius:5px;
	background-color:$cyan;

}
.swiper-button-next{
	right:360px;
	background-image: url(../imagess/res/more2.png);
	background-repeat:no-repeat;
	background-size:18px;
}
.swiper-button-prev{
	left:360px;
	background-image: url(../imagess/res/more2.png);
	background-repeat:no-repeat;
	background-size:18px;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}
.swiper-button-disabled{
	background-color:#000;
	opacity:0.2;
}
.swiper-slide {
}
.swiper-pagination-bullet{
	width:60px;
	height:7px;
	border-radius:50px;
	margin:0px 15px!important;
}
.swiper-pagination-bullets{
	bottom:32px!important;
}
.swiper-pagination-bullet-active{
	background:#fff;
}


.sNav{position:absolute;z-index:20;left: 0;top: 60px;width:100%;height:317px;height: 260px;overflow:hidden;/* margin-top:-421px; */font-size:16px;color:#FFF;display: none;}
.sNav a{color:#FFF;}
/**/
/*.sNav_01{background:#000 url(../images/sNav_01.png) center top no-repeat;}*/
.sNav_01 .list{width:121.5px;height: 205px;overflow:hidden;position:absolute;/* left:50%; *//*margin-left:-509px;*/}
.sNav_01 a{display:block;line-height: 1.8;text-align:center;}

/*.sNav_02{background:#000 url(../images/sNav_02.png) center top no-repeat;}*/
.sNav_02 {height: 275px;}
.sNav_02 .list{position:absolute;left:0px;width: 100%;}
.sNav_02 a{display:block;line-height: 1.8;text-align:center;}
/**/
/*.sNav_03{background:#000 url(../images/sNav_03.png) center top no-repeat;}*/
.sNav_03 {/* margin-top:-317px; */height: 365px;/* height: 162px; */}
.sNav_03 .list{width:198px;height: 365px;overflow:hidden;position:absolute;left:0px;/*margin-left:-251px;*/}
.sNav_03 a{display:block;line-height: 1.8;text-align:center;}

/**/
/*.sNav_04{background:#000 url(../images/sNav_04.png) center top no-repeat;}*/
.sNav_04 {/* margin-top:-317px; *//*height:213px;*/height:51px;}
.sNav_04 .list{width: 100%;height:317px;overflow:hidden;position:absolute;left: 0;/*margin-left:-110px;*/}
.sNav_04 a{display:block;line-height: 1.8;text-align:center;}

/**/
/*.sNav_05{background:#000 url(../images/sNav_05.png) center top no-repeat;}*/
.sNav_05 {/* margin-top:-262px; *//* height:160px; */}
.sNav_05 .list{position:absolute;left:0px;width: 100%;}
.sNav_05 a{display:block;/* height:52px; */line-height: 1.8;text-align:center;}

/*.sNav_05 {margin-top:-207px;height:103px;}
.sNav_05 .list{width:152px;height:317px; overflow:hidden; position:absolute; left:50%; !*margin-left:63px;*! background:#761674;}
.sNav_05 a{display:block; height:158px; line-height:158px; text-align:center; border-bottom:#842e82 solid 1px;}
.sNav_05 a:hover{background:#842e82;}*/
/**/
/*.sNav_06{background:#000 url(../images/sNav_06.png) center top no-repeat;}*/
.sNav_06 {/* margin-top:-207px; *//* height:103px; */}
.sNav_06 .list{width: 100%;/* height:317px; */overflow:hidden;background:#761674;position:absolute;/* left:50%; */}
/*.sNav_06 ul{width:110%;}
.sNav_06 li{float:left; width:124px; height:105px; border-left:#842e82 solid 1px; border-bottom:#842e82 solid 1px;}*/
.sNav_06 a{display:block;/* height:52px; */line-height: 1.8;text-align:center;}

/**/
/*.sNav_07{background:#000 url(../images/sNav_07.png) center top no-repeat;}*/
.sNav_07 .list{width:149px; height:317px; overflow:hidden; background:#761674; position:absolute; left:50%; border-right:#842e82 solid 1px;}
.sNav_07 a{display:block; height:158px; line-height:158px; text-align:center; border-bottom:#842e82 solid 1px;}
.sNav_07 a:hover{background:#842e82;}

/*.nav li .sNavA:hover, .nav li .sNavAon,
.sNav_01 .list, .sNav_01 a:hover,
.sNav_02 .list, .sNav_02 a:hover,
.sNav_03 .list, .sNav_03 a:hover,
.sNav_04 .list, .sNav_04 a:hover,
.sNav_05 .list, .sNav_05 a:hover,
.sNav_06 .list, .sNav_06 a:hover{
	background:-moz-linear-gradient(top,#66cc33,#0099cc);
	background: -webkit-linear-gradient(left, #66cc33,#0099cc); 
	background: -o-linear-gradient(right, #66cc33,#0099cc); 
	background: -moz-linear-gradient(right, #66cc33,#0099cc); 
	background: linear-gradient(to right, #66cc33,#0099cc); 
}*/
.nav li .sNavA:hover, .nav li .sNavAon,
.sNav_01 .list, 
.sNav_02 .list,
.sNav_03 .list, 
.sNav_04 .list, 
.sNav_05 .list, 
.sNav_06 .list{
	background:-moz-linear-gradient(top,#66cc33,#0099cc);
	background: -webkit-linear-gradient(left, #66cc33,#0099cc); 
	background: -o-linear-gradient(right, #66cc33,#0099cc); 
	background: -moz-linear-gradient(right, #66cc33,#0099cc); 
	background: linear-gradient(to right, #66cc33,#0099cc); 
}
/*.nav li a:hover{
	background:-moz-linear-gradient(top,#66cc33,#0099cc);
	background: -webkit-linear-gradient(left, #66cc33,#0099cc); 
	background: -o-linear-gradient(right, #66cc33,#0099cc); 
	background: -moz-linear-gradient(right, #66cc33,#0099cc); 
	background: linear-gradient(to right, #66cc33,#0099cc); 
}*/
.sNav_01 ul .line, .sNav_02 ul .line,
.sNav_03 ul .line ,.sNav_04 ul .line,
.sNav_05 ul .line, .sNav_06 ul .line{
	height: 1px;
	width: 100%;
	background:-moz-linear-gradient(top,#99cc66,#33cccc);/*火狐*/
	background: -webkit-linear-gradient(left, #99cc66,#33cccc); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #99cc66,#33cccc); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #99cc66,#33cccc); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #99cc66,#33cccc); /* 标准的语法 */
}
.nav li .sNav:hover + .nav li a.sNavA{
		background: -moz-linear-gradient(top,#66cc33,#0099cc);
		background: -webkit-linear-gradient(left, #66cc33,#0099cc);
		background: -o-linear-gradient(right, #66cc33,#0099cc);
		background: -moz-linear-gradient(right, #66cc33,#0099cc);
		background: linear-gradient(to right, #66cc33,#0099cc);
	}

.sNavon{margin-top:0px;}

.topDiv{height:40px; line-height:40px; background:#000; font-size:14px; color:#FFF; padding:0 15px; position:relative;}
.topDiv ul{position:absolute; top:0px; right:15px;}
.topDiv li{float:left; padding-left:30px;}
.topDiv a{color:#FFF;}
.topDiv a em{float:left; padding-right:2px;}
.topDiv a img{float:left; position:relative; top:7px;}
.qrcode_show{position: absolute;right: 10px;z-index: 999}

/*footer*/
.topA{text-align:center;padding: 30px 0; }
.footLogo{text-align:center;background:#FFF;/* border-top: 1px solid rgba(0,0,0,.05); */padding: 40px 0;}
.footLogo span{text-align:center;font-size: 14px;color: #66cccc;line-height: 28px;}
.footNav{min-height: 210px;_height:350px;background: #66cccc;position: relative;}
.footNav:before{
	content: " ";
	width: 100%;
	height: 1px;
	/*background: rgba(255,255,255,.2);*/
	position: absolute;
	left: 0;
	top: 70px;
}
.footNav .waili{float:left;width:14.28%;width: 16.5%;}
.footNav h3{color:#FFF;font-size: 16px;font-weight:400;line-height: 4;overflow:hidden;/* padding-left:50px; */text-align: center; padding-top: 10px; }
.footNav .waili ul li{height:30px;line-height:30px;overflow:hidden;/* padding-left:50px; */text-align: center;}
.footNav .waili ul li a{font-size: 12px;color:#fff;}
.footNav .waili ul li a:hover{color:#FFF;}
/*.footDiv{text-align:center; background:#66cccc; height:50px; line-height:50px; text-align:center; font-size:14px; color:#FFF;}*/

.footDiv{/* height:50px; */background:#66cccc;font-size:14px;color:#FFF;position: relative;border-top: 1px solid rgba(255,255,255,0.2);}
.footDiv .footItem {
	/* position: absolute; */
	/* left: 50%; */
	/* top: 50%; */
	/* transform: translate(-50%, -50%); */
	text-align: center;
	/* width: 90%; */
	padding-left: 4%;
	padding-right: 4%;
}
.footDiv .footItem:before,.footDiv .footItem:after{
	display: table;
	content: " ";
}
.footDiv .footItem:after{
	clear: both;
}

.pageBanner img{width:100%;}
.pageTips{text-align:center; color:#FFF; background:#999; font-size:25px; /*padding:2.2em 1em;*/padding:1.5em 1em;}

.pageTitle{padding: 3.5em 0;background:#999;text-align:center;}
.pageTitle span { font-size: 1.5rem; color: #fff; line-height: 36px; }
.pageTitle span img{ width: 1.3rem; vertical-align: bottom; margin-right: 0.5rem; }
.pageTitle .select { width:200px; height:36px; display: inline-block; overflow: hidden; border: 1px solid #d6d6d6; border-radius: 4px; background: url(../images/select.png) no-repeat 92%; background-size: 10px 6px; float: none; margin: 0 10px 0; background-color: #fff; margin-top: 0.6rem; vertical-align:bottom; }
.pageTitle select {width: 96%;height: 36px;border-radius: 0.3rem;vertical-align: bottom;font-size: 1rem;margin: 0 4%;-webkit-appearance: none; appearance: none; border:none; background: none; float: left;}
.pageTitle a { color:#fff; }
.pageTitle i { vertical-align: middle; }
.pageTitle .into::after { content:url("../images/into.png"); vertical-align: sub; margin-left: 5px; }

@media screen and (max-width:640px){
	.pageTitle .select { width:350px; display: block; margin:0.6rem auto; }
	.pageTitle select { width: 92%; max-width: 383px; }
	.pageTitle span { display:block; }
	.pageTitle .into { font-size: 17px; }
	.pageTitle .into::after { content:""; }
}

.pageNum{padding:2em 0; background:#999; text-align:center; font-size:30px; color:#FFF;}
.pageNum a, .pageNum span{color:#FFF; padding:0 0.5em;}

.tabContent{display:none;}
.tab li{cursor:pointer;}

#Layer1{
	position:absolute;
	position:fixed;
	_position:absolute;
	width:100%;
	z-index:99;
	top:0; left:0px; background:url(../images/bg3.png);
	display:none;
}

.telImg{display:none;}
.telImg img{width:100%;}

.selectDiv{cursor:pointer;}
.selectDiv select{display:none;}
/**/
.selectLayer{position:absolute; z-index:100; display:none; background:#FFF;}
.selectLayer li{height:32px; line-height:32px; font-size:14px; overflow:hidden; text-align:center; color:#666;}


#divM_suoxiao{width:0px; height:219px;right:0;bottom:-34px;z-index:100000000;position: fixed;_position: absolute;_bottom: expression(offsetParent.scrollTop+242);overflow:hidden;background:url(../images/dwzx.png) -1px 0 no-repeat;opacity:0}
#divM_suoxiao:hover,#divM_suoxiao.divM_suoxiaobg2{background:url(../images/dwzx.png) -295px 0 no-repeat}
#divM_suoxiao a{position:absolute;background:none;}
#divM_suoxiao a:hover{background:none}
#divM_suoxiao #divM_suoxiao_a{width:219px; height:131px;z-index: 1;margin-top: 10px;}
#divM_suoxiao #divM_suoxiao_b{width: 24px;height: 24px;right: 0;z-index: 2;top: 160px;}

#divR {width:55px;height:180px;right:8px;top:150px;z-index:100000000;position: fixed;_position: absolute;_top:expression(offsetParent.scrollTop+200);}
#divR a {display:block;width:56px;height:56px;float:left;margin-bottom:1px;}
.divRzx { background:url(../images/youce_icon.png) no-repeat 0 0;position:relative;}
.divRzx:hover { background-position:-56px 0;}
#divRsjs { background-color: #f7016f;border-radius: 40px;color: #FFFFFF;display: block;behavior:url(../images/pie.htc);font-family: arial;font-size: 12px;border: #ffffff solid 2px;
	font-style: normal;height: 20px;line-height: 20px;position: absolute;right: -5px;text-align: center;top: -15px;width: 20px;
}
.divRtell_in { width:232px; height:56px; background:#ba79b1; position:absolute; left:-233px; display:none; overflow:hidden; }
.divRtell_in .tel { width:140px; height:24px; border:0; display:block; color:#b2b2b2; margin:15.5px 0 0 10px; float:left; }
.divRtell_in .call { width:72px; height:24px; display:block; color:#f0c9eb; background:#6b1883; margin:15.5px 0; float:left; }
.divRtell {width:56px;height:56px;position:relative;float:left;margin-bottom:1px;}
.divRtell_inner {width:56px;height:56px;position:absolute;left:0px;top:0;z-index:10;}
.divRtell a{ background:url(../images/youce_icon.png) no-repeat 0 -114px;float:left;margin-bottom:0;}
.divRtell a:hover,.divRtell a.active { background-position:-56px -114px;}
.divRtell a:hover .divRtell_in { display:block; }
.divRqq { background:url(../images/youce_icon.png) no-repeat 0 -57px;}
.divRqq:hover { background-position:-56px -57px;}
.divRaddre { background:url(../images/youce_icon.png) no-repeat 0 -228px;}
.divRaddre:hover { background-position:-56px -228px;}
.divwx { background: url(../images/youce_icon.png) no-repeat 0 -171px; position: relative; }
.divwx img {position: absolute; left: -141px; display: none; }
.divwx:hover { background-position:-56px -171px;}
.divwx:hover img { display:block; }
.backto_top { background: url(../images/youce_icon.png) no-repeat 0 -285px; cursor: pointer;}
.bb { width:100%; height:50px; background:url(../images/bb.jpg) bottom no-repeat; background-size:100% auto; position: fixed; bottom:0; z-index:99999; }
.bb a { width:33.3%; height:50px; float:left; }


/*图片缩放*/
.img_box {width: 100%;overflow: hidden;position: relative;padding-bottom: 53%;}
.img_box>img:hover{transition: all 2s;transform: scale(1.2);}

.container {

	position: relative;
	padding-right: 12px;
	padding-left: 12px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}


.Hardware2.Hardwarely2{
	padding: 40px 0 0;
}
.footDiv .footItem span{
	padding-left: 1%;
	line-height: 3.5;
}
.inner_box{
	padding-top: 20px;
}

.vip_bg1{
	padding: 10px;min-height: 400px;
}
.vip_bg2{
	padding: 10px 0px;min-height: 375px;
}
.vip_type{
	padding:  0px;
}
@media screen and ( min-width:991px ){
	.sNavA:hover + .sNav{
		display: block;
	}
	.sNav:hover{
		display: block;
	}
	.nav li .sNav:hover + .nav li a.sNavA{
		background: -moz-linear-gradient(top,#66cc33,#0099cc);
		background: -webkit-linear-gradient(left, #66cc33,#0099cc);
		background: -o-linear-gradient(right, #66cc33,#0099cc);
		background: -moz-linear-gradient(right, #66cc33,#0099cc);
		background: linear-gradient(to right, #66cc33,#0099cc);
	}
	.sNav .nav li,.sNav .nav li a{
		width: 100%;
	}
}