@charset "utf-8";
/* CSS Document */
#top,#indexmain,#indexfooter,#indexfriend{width: 100%;}
.top-inner,.top-inner1,.indexmain-inner,.indexfooter-inner,.indexfriend-inner{width: 1200px;margin: 0 auto;}
.top-inner{margin-top: 0px;}
.indexmain-inner{margin-top: 20px;}
#indexfriend{background:#f6f6f6; margin-top:0px; padding-bottom:0px;}
.main-left,.main-mid,.main-right,.main-left1{float: left;}
.main-left{width: 840px;margin-right: 20px;}
.main-left1{width: 380px;margin-right: 20px;}
.main-mid{width: 440px;}
.main-right{width: 340px;}

.tc{text-align:center;}
.pad10{padding:10px 0px;}
.pad13{padding:12px 0px;}
.f16red{color:#c00; font-size:16px;}
.marb20{margin-bottom:20px;}
.clear{clear:both;}
.blank10{height:10px; overflow:hidden;}
.blank20{height:20px; overflow:hidden;}
.borderb{border-bottom:#ccc dotted 1px;}
.f14blue{color:#225894;}
.fgray{color:#333;}
.fgray1{color:#c00;}

.marb10{margin-bottom:10px;}

.tecmenu{padding:10px 15px; border:#ccc solid 1px; background:#f8f8f8; font-size:12px; line-height:26px;}
/*top scroll*/
#indexnewtop-scroll{width:340px;height:80px;min-height:25px;line-height:25px;overflow:hidden}
#indexnewtop-scroll li{height:25px;padding-left:10px;font-size:14px; color:#333; font-weight:normal; line-height:25px;}


/*left css*/
.scrollpic{width: 380px;height: 225px;background: paleturquoise;}

.slide_x{overflow:hidden;position:relative;margin:0px auto;width:380px;height:225px;}
.slide_x a{color:#eee;text-decoration:none;}
.slide_x .box{overflow:hidden;position:relative;width:380px;height:225px;}
.slide_x .list{overflow:hidden;width:9999px;}
.slide_x .list li{float:left;position:relative;width:380px;}
.slide_x .list img{vertical-align:top;}
.slide_x .list p{position:absolute;bottom:0;left:0;width:100%;height:30px;color:#FFFFFF;font-size:16px;line-height:30px;text-indent:12px;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.slide_x .btn{overflow:hidden;position:absolute;bottom: 5px;right: 5px;height: 10px;}
.slide_x .btn li{float:left;width:10px;height:10px;margin:0 5px;background-image:url(../../%E6%8A%A4%E6%A0%8F%E5%88%B6%E9%80%A0%E5%95%86/images/bg15.png);*display:inline;*zoom:1;margin:0 0 0 10px;}
.slide_x .btn .selected{width:25px;background-image:url(../../%E6%8A%A4%E6%A0%8F%E5%88%B6%E9%80%A0%E5%95%86/images/bg16.png);}
.slide_x .minus{position:absolute;top:100px; left:0px;width:40px;height:80px;background-image:url(../../%E6%8A%A4%E6%A0%8F%E5%88%B6%E9%80%A0%E5%95%86/images/bg17.png);background-repeat:no-repeat;text-align:center;cursor:pointer;}
.slide_x .plus{position:absolute;top:100px; right:0px;width:40px;height:80px;background-image:url(../../%E6%8A%A4%E6%A0%8F%E5%88%B6%E9%80%A0%E5%95%86/images/bg18.png);background-repeat:no-repeat;text-align:center;cursor:pointer;}
.slide_x .minus:hover{background-image:url(../../%E6%8A%A4%E6%A0%8F%E5%88%B6%E9%80%A0%E5%95%86/images/bg19.png);}
.slide_x .plus:hover{background-image:url(../../%E6%8A%A4%E6%A0%8F%E5%88%B6%E9%80%A0%E5%95%86/images/bg20.png);}
.index-left-w1{width:49%; overflow:hidden; margin-left:3px;}
.index-left-w1 a img{width: 180px;height: 115px;display: block;border: 0;width: 100%;transform: scale(1);transition: all 0.5s ease 0s;-webkit-transform: scale(1);  -webkit-transform: all 0.5s ease 0s;}
.index-left-w1 a img:hover{transform: scale(1.1);transition: all 0.5s ease 0s;  -webkit-transform: scale(1.1);-webkit-transform: all 0.5s ease 0s; width:180px; height:115px;}
.index-left-w2{width:13%; height:80px;}
.index-left-w3{width:84%;}
.index-left-w4{width:46%; overflow:hidden;}
.index-left-w4 a img{width: 200px;height: 124px;display: block;border: 0;width: 100%;transform: scale(1);transition: all 0.5s ease 0s;-webkit-transform: scale(1);  -webkit-transform: all 0.5s ease 0s;}
.index-left-w4 a img:hover{transform: scale(1.1);transition: all 0.5s ease 0s;  -webkit-transform: scale(1.1);-webkit-transform: all 0.5s ease 0s;}
.index-left-w5{width:80%;}
.index-left-w6{width:18%;}
.index-left-w7{width:52%;}
.index-left-w8{width:45%; overflow:hidden;}
.index-left-w8 a img{width: 385px;height: 190px;display: block;border: 0;width: 100%;transform: scale(1);transition: all 0.5s ease 0s;-webkit-transform: scale(1);  -webkit-transform: all 0.5s ease 0s;}
.index-left-w8 a img:hover{transform: scale(1.1);transition: all 0.5s ease 0s;  -webkit-transform: scale(1.1);-webkit-transform: all 0.5s ease 0s;}
.index-left-w9{width:40%;}
.spesportbg{background:url(../../%E6%8A%A4%E6%A0%8F%E5%88%B6%E9%80%A0%E5%95%86/images/spebg.jpg) no-repeat; height:70px; padding:10px 5px 0px 20px;}
.spesporttitle{font-size:16px; line-height:23px;}
.spesportbg .spename{padding:5px 0px; font-size:14px;}
.spesportbg .spename a{color:#666;}
.techspe{color:#fff; padding:0px 5px; border:#c00 solid 1px; font-size:14px; margin-left:10px; float:right; background:#c00;}
.techspe:hover{color:#000;}
.techspe1{color:#fff; padding:0px 5px; border:#af5403 solid 1px; font-size:14px; margin-left:10px; float:right; background:#af5403;}
.techspe1:hover{color:#000;}
.techspe2{color:#fff; padding:0px 5px; border:#afa903 solid 1px; font-size:14px; margin-left:10px; float:right; background:#afa903;}
.techspe2:hover{color:#000;}
.techspe3{color:#fff; padding:0px 5px; border:#266f02 solid 1px; font-size:14px; margin-left:10px; float:right; background:#266f02;}
.techspe4{color:#fff; padding:0px 5px; border:#0065a4 solid 1px; font-size:14px; margin-left:10px; float:right; background:#0065a4;}
.techspe4:hover{color:#000;}
.techspe5{color:#fff; padding:0px 5px; border:#023a86 solid 1px; font-size:14px; margin-left:10px; float:right; background:#023a86;}
.techspe5:hover{color:#000;}
.techspe6{color:#fff; padding:0px 5px; border:#4d00a4 solid 1px; font-size:14px; margin-left:10px; float:right; background:#4d00a4;}
.techspe6:hover{color:#000;}
.blogtitle a{font-size:16px; line-height:26px; display:block; width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:#ccc dotted 1px; padding:5px 0px;}
.bloghead{padding:10px 0px;}
.bloghead img{height:50px; width:50px; border-radius:30px;}

/*mid css*/
.indextitle{border-top:#ccc solid 1px; height:40px; position:relative}
.indextitle h2{
	display:block;
	width:120px;
	font-size:20px;
	font-weight:bold;
	color:#c00;
	border-top:#c00 solid 2px;
	float:left;
	text-align:center;
	line-height:40px;
	position:absolute;
	top:-1px;
	left: 1px;
}
.indextitle h2 a{color:#c00;}
.indextitle h2 a:hover{color:#a20101;}
.indextitle h3{display:block; width:120px; font-size:18px; font-weight:bold; color:#c00; border-top:#282828 solid 2px; float:left; text-align:center; line-height:40px; position:absolute; top:-1px;}
.indextitle h3 a{color:#666;}
.indextitle h3 a:hover{color:#282828;}
.indextitle span{float:right; font-size:12px; color:#333; line-height:40px;}
.indextitle span a{color:#999;}
.indextitle span a:hover{color:#000;}
.index-mid-con{padding:10px 0px; overflow:hidden;}
.index-mid-con h4{font-size:20px; line-height:30px; font-weight:bold;}
.index-mid-con h4 a{color:#000;}
.index-mid-con p{padding:10px 0px; font-size:14px; line-height:23px; color:#666;}
.spelist a{background:url(../../%E6%8A%A4%E6%A0%8F%E5%88%B6%E9%80%A0%E5%95%86/images/dot1.jpg) no-repeat left center; padding-left:15px; font-size:16px; line-height:30px; display:block; width:420px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newslist a{background:url(../../%E6%8A%A4%E6%A0%8F%E5%88%B6%E9%80%A0%E5%95%86/images/dot1.jpg) no-repeat left center; padding-left:15px; font-size:18px; line-height:36px; display:block; width:420px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newslist1 a{background:url(../../%E6%8A%A4%E6%A0%8F%E5%88%B6%E9%80%A0%E5%95%86/images/dot1.jpg) no-repeat left center; padding-left:15px; font-size:16px; line-height:36px; display:block; width:360px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bbslist a{background:url(../../%E6%8A%A4%E6%A0%8F%E5%88%B6%E9%80%A0%E5%95%86/images/dot1.jpg) no-repeat left center; padding-left:15px; font-size:16px; line-height:36px; display:block;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pictitle{font-size:14px; line-height:18px; padding:10px 0px;}
.bbsname{text-align:right; font-size:12px; line-height:36px; color:#999; display:block; width:80px; overflow:hidden; white-space:nowrap;}
.bbsname a{background:none; display:block; width:100%; font-size:12px; padding:0px; color:#999;}
.bbsname a:hover{color:#c00;}

/*right css*/
.index-right-border{border:#e6e6e6 solid 1px;}
.indextitle-right{border-bottom:#e6e6e6 solid 1px; height:40px; background:#f8f8f8; position:relative;}
.indextitle-right h3{display:block; width:150px; font-size:18px; font-weight:bold; color:#c00; border-top:#282828 solid 2px; border-right:#e6e6e6 solid 1px; border-bottom:#fff solid 1px; background:#fff; float:left; text-align:center; line-height:40px; position:absolute; top:-1px;}
.indextitle-right h3 a{color:#666;}
.indextitle-right h3 a:hover{color:#282828;}
.indextitle-right span{float:right; font-size:12px; color:#333; line-height:40px; padding-right:10px;}
.indextitle-right span a{color:#999;}
.indextitle-right span a:hover{color:#000;}
.index-right1{padding:10px;}
.index-right1 ul li{margin:0px; padding:0px; list-style:none;}
.index-right1 li{float:left; width:23%;}
.index-right1 li.litopic{padding-right:5px; font-size:14px; line-height:30px;}

.index-right2{padding:10px 0px 8px;}
.index-right2 ul li{margin:0px; padding:0px; list-style:none;}
.index-right2 li{float:left;}
.index-right2 li.huodong1{width:23%; border-right:#ccc solid 1px; font-size:12px; color:#999; margin:8px 10px 8px 0px;}
.index-right2 li.huodong1 span{background:#c00; padding:2px; color:#fff;}
.index-right2 li.huodong2{width:73%; font-size:16px; line-height:20px; margin:8px 0px;}
.index-right2 li.paihang1{width:10%; border-right:#333 solid 2px; font-size:25px; color:#333; margin:8px 15px 10px 0px; padding:5px 8px 6px 0px;}
.index-right2 li.paihang2{width:80%; font-size:16px; line-height:20px; margin:10px 0px;}

.index-review{padding:5px 0px 0px; border-top:#ccc dotted 1px;}
.index-review a{background:url(../../%E6%8A%A4%E6%A0%8F%E5%88%B6%E9%80%A0%E5%95%86/images/dot1.jpg) no-repeat left center; padding-left:15px; font-size:16px; line-height:36px; display:block; width:260px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.index-right3{padding:5px 0px 15px 0px; border-bottom:#ccc dotted 1px;}
.webinarnew-time{font-size:14px; color:#999; width:200px; float:left; line-height:25px;}
.webinarnew-btnreg a{width:70px; float:right; height:25px; background:#c00; color:#fff; text-align:center; font-size:12px; line-height:25px; font-weight:bold;}
.webinarnew-btnreg a:hover{background:#600;}
.webinarnew-btnreview a{width:70px; float:right; height:25px; background:#fff; border:#000 solid 1px;; text-align:center; font-size:12px; line-height:25px; color:#000; font-weight:bold;}
.webinarnew-btnreview a:hover{background:#000; color:#fff;} 
.index-whitebook a{background:url(../../%E6%8A%A4%E6%A0%8F%E5%88%B6%E9%80%A0%E5%95%86/images/icon1.jpg) no-repeat left center; padding-left:30px; font-size:16px; line-height:36px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*video css*/
.videonew{position:absolute; float:left; left:150px; top:10px; width:550px; font-size:14px;}
.index-videonew{padding:10px 0px;}
.index-videonew ul li{margin:0px; padding:0px; list-style:none;}
.index-videonew li{float:left;}
.index-videonew li.vnew1{width:290px; margin-right:1px; margin-bottom:1px;}
.index-videonew li.vnew2{width:180px; margin-right:1px; margin-bottom:1px;}
.dfbox1 {
	margin:0px 0px 0px 0px;
	width:290px;
	height:170px;
	display:block;
	background:#ccc; float:left;position:relative;
}
.dfbox1 .videonewtitle{position:absolute; top:140px; left:0px; font-size:14px; height:30px; line-height:30px; background:#000; opacity:0.7;filter:alpha(opacity=70); color:#fff; width:290px; text-align:center; display:block; white-space:normal; text-overflow:hidden;}
.dfbox1 img {
	display:block;
	float:none;
}
.dfbox1 span {	
	position:absolute;
	display:none;
}
.dfbox1:hover span {
	display:block;
	background:url(../../%E6%8A%A4%E6%A0%8F%E5%88%B6%E9%80%A0%E5%95%86/images/magbg.png) top left repeat transparent;
	height:130px;
	width:250px;
	padding:40px 20px 0px;
	top:0px;
	left:0px;
	color:#f0f0f0;
	font-size:18px; line-height:26px; font-family:"微软雅黑", "黑体", "宋体";
}
.dfbox {
	margin:0px 0px 0px 0px;
	width:180px;
	height:170px;
	display:block;
	background:#ccc; float:left;position:relative;
}
.dfbox .videonewtitle{position:absolute; top:140px; left:0px; font-size:14px; height:30px; line-height:30px; background:#000; opacity:0.7;filter:alpha(opacity=70); color:#fff; width:180px; text-align:center; display:block; white-space:normal; text-overflow:hidden;}
.dfbox img {
	display:block;
	float:none;
}
.dfbox span {	
	position:absolute;
	display:none;
}
.dfbox:hover span {
	display:block;
	background:url(../../%E6%8A%A4%E6%A0%8F%E5%88%B6%E9%80%A0%E5%95%86/images/magbg.png) top left repeat transparent;
	height:150px;
	width:160px;
	padding:20px 10px 0px;
	top:0px;
	left:0px;
	color:#f0f0f0;
	font-size:18px; line-height:26px; font-family:"微软雅黑", "黑体", "宋体";
}

/*diagram css*/
.index-diag{padding:10px 0px;}
.index-diag img{width:385px; height:190px; overflow:hidden; border:none;}

/*download css*/
.recdw{border-bottom:#ddd dotted 1px; padding-bottom:8px; margin-bottom:8px;}
.rectitle{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:330px; font-weight:normal; font-size:14px; padding-top:3px;}

/*tech css*/
.index-technew{padding:20px 0px 0px;}
.index-technew ul li{margin:0px; padding:0px; list-style:none;}
.index-technew li{float:left;}
.index-technew li.technew1{width:360px; margin-right:30px; border-bottom:#ccc solid 1px; margin-bottom:20px; padding-bottom:20px;}
.index-technew li.technew2{width:360px; border-bottom:#ccc solid 1px; margin-bottom:20px; padding-bottom:20px;}
.tecnewtitle a{display:block; font-size:16px; width:100px; text-align:center; color:#000; background:#ccc; line-height:30px; margin-bottom:15px; font-weight:bold;}
.tecnewtitle a:hover{background:#999; color:#fff;}
.technewlist a{background:url(../../%E6%8A%A4%E6%A0%8F%E5%88%B6%E9%80%A0%E5%95%86/images/dot1.jpg) no-repeat left center; padding-left:15px; font-size:16px; line-height:36px; display:block; width:360px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.technewcon{clear:both; margin-bottom:18px; overflow:hidden;}
.technewcon a img{width:135px;height: 90px; margin:0px; margin-right:15px;display: block;border: 0;transition: all 0.5s ;-webkit-transform: all 0.5s;  -webkit-transform: all 0.5s; overflow:hidden;}
.technewcon a img:hover{transform: scale(1.1);transition: all 0.5s ease 0s;  -webkit-transform: scale(1.1);-webkit-transform: all 0.5s ease 0s; overflow:hidden;}
.technewcon img {float: left; margin:0px 20px 10px 0px;}
.technewcon .technewtitle1{font-size:16px; line-height:30px; font-weight:bold; color:#333; }

/*service css*/
.servicenew{position:absolute; float:left; left:150px; top:10px; width:1000px; font-size:14px;}
.servicenewcon{padding:20px 0px;}
.servicenewbg{background:#f6f6f6; padding:25px 20px;}
.servicenewbg h3{font-size:20px; line-height:35px; border-bottom:#ccc dotted 1px; color:#000; font-weight:normal; padding-bottom:15px; padding-left:10px;}
.service-mag{padding:15px 0px;}
.service-maglist a{background:url(../../%E6%8A%A4%E6%A0%8F%E5%88%B6%E9%80%A0%E5%95%86/images/dot2.jpg) no-repeat left center; padding-left:15px; font-size:16px; line-height:36px; display:block; width:390px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.service-magbtn a{display:block; width:180px; height:30px; margin:10px auto 0px;border:#1695d8 solid 1px; background:#1695d8; color:#fff; border-radius:15px; text-align:center; line-height:30px; font-size:16px;}
.service-magbtn a:hover{background:#fff; color:#000; border:#1695d8 solid 1px;}

/*foot css*/
.indexfriend-inner{background:#f6f6f6; padding-bottom: 20px;}
.indexfriend-con{padding:25px 0px; font-size:12px; line-height:23px; color:#666;}
.indexfriend-con a{color:#666;}
.indexfriend-con a:hover{color:#333;}

.indexfooter-inner{background:#363636;padding: 20px 0px;}
footer#indexfooter{background: #363636;color: #FFFFFF;}
#indexfooter a,.copyright a{color: #CCCCCC;font-size: 14px;}
#indexfooter a:hover,.copyright a:hover{color: #EEEEEE;}
.fotleft{padding-right: 20px;float: left;}
.fotmid{padding-left: 20px;float: left;}
.fotleft dl{width: 200px;border-right: 1px solid #666666;}
.fotleft h3,.fotmid h3{color: #FFFFFF;font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.fotleft dl dd,.fotmid dl dd{float:left}
.fotleft dl dd a{width: 90px;display: block;}
.fotmid dl{width: 400px;}
.fotmid dl dd a{width: 190px;display: block;}
.fotright{float: right;}
.fotright ul li{width: 122px;float: left;margin-right: 10px;margin-top: 30px;text-align: center;font-size: 14px;}
.fotright ul li a{color: #ffffff;}
.fotright ul li:last-child{width: 95px;}
.fotright ul li:last-child a img{width: 95px;margin-right: 10px;}
.copyright{width: 100%;background: #1d1d1d;}
.copyrightInner{width: 1160px;margin: 0 auto;text-align: right;line-height: 36px;height: 36px;background:#1d1d1d;}
.copyrightInner span{float: left;color: #CCCCCC;font-size: 12px; line-height:36px;}
.copyrightInner a{margin-left: 10px;font-size: 12px;}















.product_class_topt{background:#ffffff;border:1px solid #e5e5e5;padding:20px 10px 5px; margin:0 auto; width:1180px;}
.product_class_topt_p{width:1178px;display:inline-block;overflow:hidden;}
.product_class_topt_p dl{width:1300px;}
.product_class_topt_p dl dd{float:left;width:267px;border-right:1px dashed #eeeeee;margin-right:35px;overflow:hidden;margin-top:10px;margin-bottom:20px;}
.product_class_topt_p dl dd span{display:block;height:20px;line-height:20px;overflow:hidden;margin:5px 0px 10px;font-family:"微软雅黑";}
.product_class_topt_p dl dd span a{display:block;height:20px;line-height:20px;overflow:hidden;color:#189aed;font-size:15px;font-weight:bold;}
.product_class_topt_p dl dd em a{float:left;width:90px;text-align:left;display:block;height:25px;line-height:25px;color:#666666;font-size:12px;font-family:"微软雅黑";overflow:hidden;margin-right:40px;}
.product_class_topt_p dl dd em{width:280px;display:inline-block;}
.product_class_topt_p dl dd span a:hover,.product_class_top1 dl dd em a:hover{text-decoration:underline;}
.product_class_topt_p dl dd em a:hover,.exht_main_cet_ma dl dd a:hover,.gy_yq_top span a:hover,.idex_top_le_t em a:hover,.more_r a:hover,.idex_top_ce_top dl dd a.teade_name:hover,.ex_fran_cen2 a:hover,.dex_ma_center_bottom dl dd span a:hover,.dex_ma_left_nav dl dd .ex_ma_l3 dl dd span a:hover,.dex_ma_left_nav dl dd .ex_ma_l2 a:hover,.dex_ma_left_nav dl dd .ex_ma_l1 a:hover,.newc_top_b dl dd a:hover,.newc_top_t dl dd span a:hover,.exht_main_top dl dd span a:hover,.day_top_t dl dd a:hover,.day_top_t_t span a:hover,.jx_hx_center_right dl dd span a:hover,.x_mai_p_r2 span a:hover,.x_mai_p_r3 dl dd a:hover span,.jx_hx_top em a:hover{color:#189aed;}




































