@charset "utf-8";
body {margin:0px;font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size: 12px;line-height: 180%;color: #000000; min-width:100%;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0;padding: 0;list-style-type: none;}
img { border:0px}
a{ bblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ }
a:link {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:12px;color: #000000;text-decoration: none;}
a:visited {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:12px;color:#000000;text-decoration: none;}
a:hover {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:12px;color:#E24615;text-decoration: none;}
/*-----公共------*/
.main {margin: auto;wid.bannerp-1 .fadeInUp imgth:100%;overflow: hidden;}
.mainmid{ width:1210px; overflow:hidden; margin:auto;}
.none{ display:none;}
.f{ float:left}
.r{ float:right}
.h{ height:600px;}
.h760{ height:760px;}
.tc{ text-align:center}
.tr{text-align:right}

.f1{ margin-left:100px;}
.f2{ margin-left:50px;}
.f6{ margin-left:60px;}

.r{ float:right;}
.r1{ margin-right:50px;}
.r2{ margin-right:100px;}
.r3{ margin-right:70px;}
.r4{ margin-right:60px;}


.top1{ margin-top:80px;}
.top11{ margin-top:30px;}
.top2{ margin-top:200px;}
.top3{ margin-top:20px;}
.top4{ margin-top:50px;}
.top5{ margin-top:70px;}
.top6{ margin-top:170px;}
.top7{ margin-top:110px;}
.top8{ margin-top:140px;}
.top9{ margin-top:60px;}
.top10{ margin-top:263px;}
.top15{ margin-top:105px;}
/*.top12{ margin-top:125px;}*/
.paddt240{ padding-top:240px;}

.paddb40{ padding-bottom:40px;}
.paddb80{ padding-bottom:80px;}
.paddb10{ padding-bottom:10px;}
.paddl104{ padding-left:104px;}
.paddl185{ padding-left:185px;}
.paddl200{ padding-left:200px;}
.paddl275{ padding-left:275px;}
.mart30{ margin-top:30px;}
.marb40{ margin-bottom:40px;}
.padt30{padding-top:30px;}
.bom{ padding-bottom:30px;}
.bom1{ margin-bottom:150px;}

.mart{ margin:0 auto; display:block;}

.title1{ font-size:30px; line-height:50px; color:#d7000f; font-weight:normal;}
.title2{font-size:18px; line-height:30px; color:#666}
.title4{font-size:20px; line-height:40px; font-weight:normal;color:#666}
.para{ font-size:16px; line-height:180%; color:#717171; width:1000px; margin:auto}
/*===============nav===============*/
.erweima{display:none; margin-left:1110px; position:fixed; z-index:99999; margin-top:66px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{ position:relative; z-index:999;height:70px; line-height:70px; margin:auto; width:100%;}
.bgn , .bgn1{background-color:#272727; color:#FFF;}
.nav .sub li a , .bgn1 a{color:#333;}
.logo{ float:left; margin-left:35px;}
.paddt17{ padding-top:17px;}
.paddt20{ padding-top:20px;}
.nav{ float:left;}
.nav .m{float:left; text-align:center;}
.nav .m .subbg li.on a{color: #f9334b;}
.nav .m h3 span{ display:inline-block;margin-left:18px;width:7px;height: 7px;background-image: url(../images/down-icon.png);}
/*图标向上旋转*/
.hover-up{transition-duration: .5s;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
/*图标向下旋转*/
.hover-down{transition-duration: .5s;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.navBar h3 a{ color:#fff}
.nav h3 a{ display:block;padding:0 18px;font-weight:normal; font-size:16px; line-height:70px; color:#FFF;}
.nav .on h3 a{background-color:#414141;}
.nav .sub{ display:none; /*默认隐藏*/ width:100%;position:absolute;left:0;top:70px;background-color:rgba(255,255,255,0.92);} 
.nav_iconbox { width:1105px; float:left; margin-left:170px;}
.nav_iconbox1 { width:1105px; float:left; margin-left:110px;}
.nav .sub li{overflow:hidden; float:left;padding:4px 23px 10px;}
.nav .sub li span{font-weight: bold; font-size:14px;line-height:40px;width:124px;text-align:center;}
.nav .sub li i {display:block; width:120px; height:90px; background:url(../images/nav_icon.png); overflow:hidden; border:5px solid rgba(255,255,255,1); border-radius:4px;}
.nav .sub li i.nav_icon1{ background-position:0 0;}
.nav .sub li i.nav_icon2{ background-position:-121px 0;}
.nav .sub li i.nav_icon3{ background-position:right 0;}
.nav .sub li i.nav_icon4{ background-position:0 -91px;}
.nav .sub li i.nav_icon5{ background-position:-121px -91px;}
.nav .sub li i.nav_icon6{ background-position:right -91px;}
.nav .sub li i.nav_icon7{ background-position:-243px 0;}
.nav .sub li i.nav_icon8{ background-position:-121px -182px;}
.nav .sub li i.nav_icon9{ background-position:120px -182px;}
.nav .sub li i.nav_icon10{ background-position:0px -273px;}
.nav .sub li i.nav_icon11{ background-position:-121px -273px;}
.nav .sub li i.nav_icon12{ background-position:-242px -273px;}
.nav .sub li i.nav_icon13{ background-position:0 -364px;}

.nav .sub li{ text-align:center; border-bottom:1px solid #eee;}
.nav .sub li a{ font-size:14px; line-height:40px;display:block;}
.nav .sub li.linehl a{ color:#CACACA;}
.nav .sub li a:hover{color:#F9334b;}
.subbg{ background:#FFF;}
	
.phone{ float:right; margin-right:35px; padding-top:10px;}
.phone dl dd{ float:left; margin-right:6px;}

/*导航查看演示按钮*/
a.demo_button{ display:block; width:80px; height:30px; background:url(../images/demo_button.png) no-repeat; background-position:0 0 ; margin-top:11px;}
a.demo_button:hover{ background-position:0 -29px;}



.actwe {
	color: #fcf7f7;
	padding: 0 15px;
	background: #AA2047;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	display: inline;
	text-decoration: none;
	padding: 0 15px;
}



.suspension {
	position: fixed;
	z-index: 55;
	right: 10px;
	bottom: 100px;
	width: 80px;
	height: 204px;
}
.suspension-box {
	position: relative;
	float: right;
}
.suspension-box a.a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #B5B5B5;
	margin-bottom: 1px;
	cursor: pointer;
}
.suspension-box a.back_top {
	background-color: #797979;
}
.suspension-box a.qq:hover,.suspension-box a.tel:hover,.suspension-box a.code:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.suspension-box a.back_top:hover {
	background-color: #FC7878;
}
.suspension-box a i {
	display: block;
	float: left;
	width: 25px;
	margin-left: 15px;
	margin-top: 15px;
	background-image: url(../images/suspension-bg.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.suspension-box a.qq i {
	background-position: 0 0;
}
.suspension-box a.tel i {
	background-position: -25px 0;
}
.suspension-box a.code i {
	background-position: 0 -25px;
}
.suspension-box a.back_top i {
	background-position: -28px -25px;
}
.suspension-box div.code {
	position: absolute;
	left: -187px;
	*left: -207px;
	top: 0;
	display: none;
	width: 178px;
	height: 198px;
	padding-left: 10px;
	padding-top: 10px;
	background-color: #fff;
	border: 1px solid #D9D9D9;
}
.suspension-box div.code p {
	width: 155px;
	margin-top: 5px;
	text-align: center;
}
.suspension-box div.code i {
	width: 8px;
	height: 15px;
	position: absolute;
	top: 118px;
	right: -8px;
	background-image: url(../images/trangle-right-suspension.png);
	background-repeat: no-repeat;
}
.suspension-box div.tencent {
	position: absolute;
	left: -187px;
	top: 0px;
	width: 177px;
	height: 85px;
	display:none;
	background-color: #fff;
	border: 1px solid #D7D7D7;
}
.suspension-box div.rmb {
	position: absolute;
	left: -187px;
	top: 51px;
	width: 177px;
	height: 85px;
	display:none;
	background-color: #fff;
	border: 1px solid #D7D7D7;
}
.suspension-box div.tencent p.tencent-p {
	width: 75px;
	float: right;
	margin-right: 18px;
	margin-top: 18px;
	font-size: 16px;
	color: #333;
}
.suspension-box div.rmb p.tencent-p {
	width: 75px;
	float: right;
	margin-right: 18px;
	margin-top: 18px;
	font-size: 16px;
	color: #333;
}
.rmb-p {
	height:45px;
	line-height:45px;
	width: 75px;
	float: right;
	margin-right: 18px;
	margin-top: 18px;
	font-size: 16px;
	color: #333;
}
.suspension-box div.tencent i.tencent-i {
	width: 8px;
	height: 15px;
	position: absolute;
	top: 10px;
	right: -8px;
	text-indent: -9999px;
	background-image: url(../images/trangle-right-suspension.png);
	background-repeat: no-repeat;
}
.suspension-box div.tencent b.tencent-b {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 62px;
	height: 64px;
	background-image: url(../images/circle-tencent.png);
	background-repeat: no-repeat;
}
.suspension-box div.tencent span.tencent-span {
	position: absolute;
	left: 8px;
	top: 7px;
	border-radius: 22px;
	width: 45px;
	height: 48px;
	text-align: center;
	z-index: 99;
	overflow: hidden;
}
.suspension-box div.tencent .tencent-qq {
	position: absolute;
	left: 3px;
	top:0px;
	height: 45px;
	width: 39px;
}
.suspension-box div.rmb i.tencent-i {
	width: 8px;
	height: 15px;
	position: absolute;
	top: 10px;
	right: -8px;
	text-indent: -9999px;
	background-image: url(../images/trangle-right-suspension.png);
	background-repeat: no-repeat;
}
.suspension-box div.rmb b.tencent-b {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 62px;
	height: 64px;
	background-image: url(../images/circle-tencent.png);
	background-repeat: no-repeat;
}
.suspension-box div.rmb span.tencent-span {
	position: absolute;
	left: 8px;
	top: 7px;
	border-radius: 22px;
	width: 45px;
	height: 48px;
	text-align: center;
	z-index: 99;
	overflow: hidden;
}
.suspension-box div.rmb .tencent-qq {
	position: absolute;
	left: 3px;
	top:0px;
	height: 45px;
	width: 39px;
}
.suspension-box div.tel {
	position: absolute;
	left: -187px;
	top: 51px;
	display: none;
	width: 177px;
	height: 85px;
	background-color: #fff;
	border: 1px solid #D7D7D7;
}
.suspension-box div.tel i {
	width: 8px;
	height: 15px;
	position: absolute;
	top: 20px;
	right: -8px;
	background-image: url(../images/trangle-right-suspension.png);
	background-repeat: no-repeat;
}
.suspension-box div.tel strong {
	display: block;
	margin-left: 17px;
	margin-top: 16px;
	font-size: 16px;
	font-weight: normal;
}
.suspension-box div.tel p {
	margin-left: 17px;
	font-size: 23px;
	font-family: arial;
	color: #FD696D;
}