@import url('common.css');
@import url('animate.css');
/*
	Background Stretcher jQuery Plugin
	?2011 ajaxBlender.com
	For any questions please visit www.ajaxblender.com 
	or email us at support@ajaxblender.com
*/
.flashbg{position:relative;min-width:1200px;background:#ffffff;}
.flashdemoout{position:relative;height:426px;z-index:1;overflow:hidden;}
.flashmask{background:rgba(47, 45, 55, 0.3);height:426px;position:absolute;z-index:9990;top:0;left:0;width:100%;}
.flashdemo{height:426px;overflow:hidden;background:url(/cms/image/loading2.gif) no-repeat center center;}
.bgstretcher-area {width:100%;margin:0 auto;text-align: left;zoom:1;height:426px;overflow:hidden;}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	left: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bgstretcher 
{
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 1;
	_position: absolute; /*IE6 doesn't support fixed positioning*/
	top: 0;
	left: 0;
}
.flashbtn_next{text-indent:-9999px;position:absolute;width:45px;height:44px;top:228px;right:0;display:block;overflow:hidden;background:url(/cms/image/flashbtn.png) no-repeat 0 0;z-index:9999;}
.flashbtn_next:hover{background-position:0 -70px;}
.flashbtn_prev{text-indent:-9999px;position:absolute;width:45px;height:44px;top:228px;left:0;display:block;overflow:hidden;background:url(/cms/image/flashbtn.png) no-repeat 0 -140px;z-index:9999;}
.flashbtn_prev:hover{background-position:0 -210px;}
.bgstretcher-pagebg{background:#f7f8fa;height:30px;overflow:hidden;width:100%;}
.bgstretcher-page{position:absolute;z-index:9999;bottom:20px;left:50%;}
.bgstretcher-page ul{overflow:hidden;}
.bgstretcher-page li{display:block;float:left;overflow:hidden;margin:0 5px;width:30px;height:5px;line-height:5px;}
.bgstretcher-page ul li a{background:#666666;color:#666666;display:block;font-size:0px;text-align:center;overflow: hidden;margin-top:3px;transition:margin 0.3s linear;}
.bgstretcher-page .showPage a,.bgstretcher-page ul li a:hover{background:#1e58a9;color:#1e58a9;}
.bgstretcher-page .showPage a{margin-top:0;transition:margin 0.3s linear;}

/*detail list*/
.detaillist{overflow:hidden;padding-bottom:30px;}
.detaillist a{background:#f9f9f9;border:solid 1px #f0f0f0;display:block;height:156px;overflow:hidden;margin-bottom:30px;}
.detaillist a p.img{float:left;width:200px;text-align:center;height:150px;background:#ffffff;overflow:hidden;margin-right:15px;line-height:150px;font-size:14px;color:#cccccc;padding:3px;}
.detaillist a p.img span{display:block;width:200px;text-align:center;height:150px;overflow:hidden;}
.detaillist a p.img img{width:100%;height:150px;overflow:hidden;transform:scale(1);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}
.detaillist a p.sj{color:#333333;font-size:16px;font-weight:400;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;margin:10px 45px 5px 0;}
.detaillist a:hover p.img img{transform:scale(1.15);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}
.detaillist a p.date{color:#90999f;font-size:12px;}
.detaillist a p.ct{color:#888888;line-height:24px;height:72px;overflow:hidden;margin:5px 15px 5px 0;font-size:12px;}
.detaillist a p.detail{color:#888888;}
.detaillist a p.detail span{display:block;float:right;margin-right:20px;background:#009cff;color:#ffffff;border-radius:3px;color:#fff;font-size:14px;height:30px;line-height:30px;text-align:center;width:80px;}
.detaillist a:hover{border:solid 1px #dddddd;}
.detaillist a:hover p.sj{color:#1e58a9;}

/*pic list*/
.piclistwrap{width:900px;overflow:hidden;}
.piclistwrap a{background:#f0f0f0;border:solid 1px #f9f9f9;display:block;height:238px;overflow:hidden;margin-bottom:30px;width:270px;border:solid 1px #dddddd;float:left;margin-right:20px;}
.piclistwrap a p.img{width:264px;text-align:center;height:198px;background:#ffffff;overflow:hidden;line-height:198px;font-size:14px;color:#cccccc;padding:3px;}
.piclistwrap a p.img span{display:block;width:264px;text-align:center;height:198px;overflow:hidden;}
.piclistwrap a p.img img{width:100%;height:198px;overflow:hidden;transform:scale(1);transition-timing-function:ease-out;transition-duration:750ms;}
.piclistwrap a p.sj{color:#333333;text-align:center;font-size:14px;font-weight:400;width:254px;margin:0 auto;height:35px;line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.piclistwrap a:hover p.img img{transform:scale(1.15);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}
.piclistwrap a:hover{border-color:#dddddd;}
.piclistwrap a:hover p.sj{color:#1e58a9;}

/*news list*/
.newslist {}
.newslist li{font-size:14px;padding-left:15px;padding-right:5px;height:24px;line-height:24px;overflow:hidden;margin-bottom:5px;background:url(/cms/image/d.png) no-repeat 5px center;zoom:1;}
.newslist .linel{height:10px;line-height:10px;font-size:10px;background:url(/cms/image/line.png) repeat-x left center;overflow:hidden;}
.time{float:right;color:#999999;}
.comtitle h2 span{display:block;margin-bottom:10px;border-color:#dddddd;}
.comtitle p{color:#999999;}
.nobgwrap{background:#ffffff;padding:50px 0;}
.nobgendmenu{overflow:hidden;font-size:16px;text-align:center;}
.nobgendmenu a{margin:0 10px;margin-bottom:15px;display:inline-block;overflow:hidden;height:28px;line-height:28px;}
.nobgendmenu a em{display:none;}
.nobgendmenu a.on{color:#1e58a9;}
.caseList{padding-top:20px;width:1220px;overflow:hidden;}
.caseList a{display:block;width:286px;height:335px;overflow:hidden;border:solid 1px #dddddd;float:left;margin:0 16px 16px 0;background:#f9f9f9;position:relative;z-index:1}
.caseList a p.im{display:block;background:#ffffff;overflow:hidden;width:280px;height:210px;margin-bottom:10px;text-align:center;line-height:210px;padding:3px;}
.caseList a p.im span{display:block;width:280px;text-align:center;height:210px;overflow:hidden;}
.caseList a p.im img{display:block;width:280px;height:210px;overflow:hidden;transform:scale(1);transition-timing-function:ease-out;transition-duration:750ms;}
.caseList a h3{color:#333333;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;width:266px;margin:0 auto;margin-bottom:0px}
.caseList a p.ct{color:#888888;font-size:12px;line-height:24px;height:72px;overflow:hidden;width:266px;margin:0 auto;}
.caseList a:hover p.im img{-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
	}
.caseList a:hover h3{color:#1e58a9;}
.caseList a:hover{border-color:#666666;}

.visual{overflow:hidden;}
.visual ul{overflow:hidden;margin-bottom:50px;}
.visual ul li{display:block;width:140px;float:left;margin:0 30px;}
.visual ul li span{display:block;width:140px;height:140px;border:solid 2px #dddddd;-moz-border-radius:140px;border-radius:140px;margin:0 auto;}
.visual ul li span i{display:block;width:100px;height:60px;margin:40px auto;background:url(/cms/image/visual.png) no-repeat 10000px 10000px;transition:background 0.3s linear;}
.visual ul li p{display:block;width:140px;margin:0 auto;text-align:center;font-size:18px;font-weight:bold;height:30px;line-height:30px;text-overflow:ellipsis;white-space: nowrap;margin-top:10px;color:#333333;}
.visual ul li:hover p{color:#1e58a9;}
.visual ul li:hover span{background-color:#1e58a9;}
.visual ul li:hover span i{transition:background 0.3s linear;}
.visual ul li.v1 span i{background-position:-100px 0;}
.visual ul li.v1:hover span i{background-position:0 0;}
.visual ul li.v2 span i{background-position:-100px -60px;}
.visual ul li.v2:hover span i{background-position:0 -60px;}
.visual ul li.v3 span i{background-position:-100px -120px;}
.visual ul li.v3:hover span i{background-position:0 -120px;}
.visual ul li.v4 span i{background-position:-100px -180px;}
.visual ul li.v4:hover span i{background-position:0 -180px;}
.visual ul li.v5 span i{background-position:-100px -240px;}
.visual ul li.v5:hover span i{background-position:0 -240px;}
.visual ul li.v6 span i{background-position:-100px -300px;}
.visual ul li.v6:hover span i{background-position:0 -300px;}
.visual ul li.v7 span i{background-position:-100px -360px;}
.visual ul li.v7:hover span i{background-position:0 -360px;}
.visual ul li.v8 span i{background-position:-100px -420px;}
.visual ul li.v8:hover span i{background-position:0 -420px;}
.visual ul li.v9 span i{background-position:-100px -480px;}
.visual ul li.v9:hover span i{background-position:0 -480px;}
.visual ul li.v10 span i{background-position:-100px -540px;}
.visual ul li.v10:hover span i{background-position:0 -540px;}
.visual ul li.v11 span i{background-position:-100px -600px;}
.visual ul li.v11:hover span i{background-position:0 -600px;}
.visual ul li.v12 span i{background-position:-100px -660px;}
.visual ul li.v12:hover span i{background-position:0 -660px;}


.videoList{padding-top:20px;width:1220px;overflow:hidden;}
.videoList a{display:block;width:284px;height:263px;overflow:hidden;border:solid 1px #dddddd;padding:1px;float:left;margin:0 16px 16px 0;background:#f9f9f9;position:relative;z-index:1}
.videoList a p.im{display:block;background:#ffffff;overflow:hidden;width:284px;height:213px;margin-bottom:10px;text-align:center;line-height:213px;}
.videoList a p.im img{display:block;width:284px;height:213px;overflow:hidden;transform:scale(1);transition-timing-function:ease-out;transition-duration:750ms;}
.videoList a h3{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;width:264px;margin:0 auto;margin-bottom:0px}
.videoList a p.ct{color:#888888;font-size:12px;line-height:24px;height:72px;overflow:hidden;width:264px;margin:0 auto;}
.videoList a:hover p.im img{-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
	}
.videoList a:hover h3{color:#1e58a9;}
.videoList a:hover{border-color:#f99a00;}

.video{overflow:hidden;padding:50px 0;background:#ffffff;}
.video ul{overflow:hidden;width:1240px;}
.video ul li{float:left;display:block;margin-right:25px;width:150px;overflow:hidden;position:relative;}
.video ul li i{display:block;height:150px;width:150px;overflow:hidden;opacity:1;transition:opacity 0.3s linear;}
.video ul li i img{height:150px;width:150px;overflow:hidden;}
.video ul li span{display:block;height:150px;width:150px;overflow:hidden;position:absolute;left:0;top:0;z-index:10;background:url(/cms/image/ms.png) no-repeat left top;}
.video ul li em{display:block;height:150px;width:150px;overflow:hidden;position:absolute;left:-150px;top:0;z-index:9;background:#000000;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;transition:left 0.3s linear; }
.video ul li p{display:block;height:30px;line-height:30px;overflow:hidden;text-align:center;margin-top:10px;font-size:18px;font-weight:bold;color:#333333;}
.video ul li:hover em{left:0;transition:left 0.3s linear;}
.video ul li:hover p{color:#1e58a9;}
.support{overflow:hidden;padding:50px 0;}
.support ul{overflow:hidden;width:1240px;}
.support ul li{float:left;display:block;margin-right:10px;margin-bottom:10px;border:solid 1px #dddddd;width:109px;height:30px;line-height:30px;text-align:center;overflow:hidden;position:relative;}
.support ul li:hover{border-color:#1e58a9;}

.plan{padding:50px 0;overflow:hidden;}
.plan ul{width:1220px;overflow:hidden;}
.plan ul li{display:block;overflow:hidden;float:left;margin:0 16px 16px 0;position:relative;z-index:1}
.plan ul li span{display:block;background:#ffffff;overflow:hidden;width:284px;height:150px;margin-bottom:10px;border:solid 1px #dddddd;padding:1px;}
.plan ul li span i{display:block;overflow:hidden;width:284px;height:150px;text-align:center;line-height:150px;}
.plan ul li span i img{display:block;width:284px;height:150px;overflow:hidden;transform:scale(1);transition-timing-function:ease-out;transition-duration:750ms;}
.plan ul li h2{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;margin:0 auto;margin-bottom:0px;font-size:18px;font-weight:bold;color:#333333;}
.plan ul li p{color:#888888;font-size:12px;line-height:24px;height:72px;overflow:hidden;margin:0 auto;}
.plan ul li:hover span i img{-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
	}
.plan ul li:hover h2{color:#1e58a9;}
.plan ul li:hover{border-color:#f99a00;}

.customersList{width:900px;overflow:hidden;}
.customersList a{display:block;width:222px;height:100px;overflow:hidden;border:solid 1px #dddddd;float:left;margin:0 60px 30px 0;background:#ffffff;position:relative;z-index:1}
.customersList a p.im{display:block;background:#ffffff;overflow:hidden;width:220px;height:165px;text-align:center;line-height:165px;padding:1px;}
.customersList a p.im span{display:block;overflow:hidden;width:220px;height:165px;text-align:center;line-height:165px;}
.customersList a p.im img{display:block;width:220px;height:165px;overflow:hidden;margin-top:-32px;transform:scale(1);transition-timing-function:ease-out;transition-duration:750ms;}
.customersList a:hover p.im img{-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
	}
	
.wpiclistwrap{width:1250px;overflow:hidden;padding-top:20px;}
.wpiclistwrap a{background:#f9f9f9;display:block;height:255px;overflow:hidden;margin-bottom:16px;width:286px;border:solid 1px #cccccc;float:left;margin-right:16px;}
.wpiclistwrap a p.img{width:280px;text-align:center;height:210px;background:#ffffff;overflow:hidden;line-height:210px;font-size:14px;color:#666666;padding:3px;}
.wpiclistwrap a p.img span{display:block;width:280px;text-align:center;height:210px;overflow:hidden;}
.wpiclistwrap a p.img img{width:100%;height:210px;overflow:hidden;transform:scale(1);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}
.wpiclistwrap a p.sj{color:#333333;text-align:center;font-size:14px;width:276px;margin:0 auto;font-weight:400;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.wpiclistwrap a:hover{border-color:#666666;}
.wpiclistwrap a:hover p.img img{transform:scale(1.15);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}
.wpiclistwrap a:hover p.sj{color:#1e58a9;}
.wnewslist {padding:0 20px;}
.wnewslist li{font-size:14px;padding-left:15px;padding-right:5px;height:24px;line-height:24px;overflow:hidden;margin-bottom:5px;background:url(/cms/image/d.png) no-repeat 5px center;zoom:1;}
.wnewslist .linel{height:10px;line-height:10px;font-size:10px;background:url(/cms/image/line.png) repeat-x left center;overflow:hidden;}

.wdetaillist{overflow:hidden;padding:20px 0;}
.wdetaillist a{background:#f9f9f9;border:solid 1px #f0f0f0;display:block;height:156px;overflow:hidden;margin-bottom:15px;}
.wdetaillist a p.img{float:left;width:200px;text-align:center;height:150px;background:#ffffff;overflow:hidden;margin-right:15px;line-height:150px;font-size:14px;color:#666666;padding:3px;}
.wdetaillist a p.img span{display:block;width:200px;text-align:center;height:150px;overflow:hidden;}
.wdetaillist a p.img img{width:100%;height:150px;overflow:hidden;transform:scale(1);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}
.wdetaillist a p.sj{color:#333333;font-size:16px;font-weight:400;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;margin:10px 45px 5px 0;}
.wdetaillist a:hover p.img img{transform:scale(1.15);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}
.wdetaillist a p.date{color:#90999f;font-size:12px;}
.wdetaillist a p.ct{color:#666666;line-height:24px;height:80px;overflow:hidden;margin:5px 15px 5px 0;font-size:12px;}
.wdetaillist a p.detail{color:#717171;}
.wdetaillist a p.detail span{display:block;float:right;margin-right:20px;background:#009cff;color:#ffffff;border-radius:3px;color:#fff;font-size:14px;height:30px;line-height:30px;text-align:center;width:80px;}
.wdetaillist a:hover{border:solid 1px #333333;}
.wdetaillist a:hover p.sj{color:#1e58a9;}
.contactdetailmain{width:1000px;margin:0 auto;overflow:hidden;}
.contactdetailwrap{}
.contactdetailwrap h2{text-align:center;display:none;margin-bottom:50px;}
.contactdetailwrap .contactdetail{overflow:hidden;}
.contactdetailwrap .contactdetail .contactdetailleft{width:500px;float:left;overflow:hidden;margin-top:-18px;}
.contactdetailwrap .contactdetail .contactdetailright{width:140px;float:right;overflow:hidden;}
.contactdetailwrap .contactdetail .contactdetailright p{text-align:center;}
.contactdetailwrap .contactdetail .contactdetailright p img{margin-bottom:10px;}
.contactdetailwrap .contactdetail .contactdetailleft h1{margin-bottom:20px;font-size:22px;font-weight:bold;display:none;}
.contactdetailwrap .contactdetail .contactdetailleft p{height:30px;line-height:30px;color:#333333;padding:18px 0;border-bottom:solid 1px #dddddd;font-size:18px;overflow:hidden;}
.contactdetailwrap .contactdetail .contactdetailleft p i{display:block;float:left;width:30px;height:30px;line-height:30px;overflow:hidden;margin-right:10px;}
.contactdetailwrap .contactdetail .contactdetailleft p.address i{background:url(/cms/image/location.png) no-repeat center center;}
.contactdetailwrap .contactdetail .contactdetailleft p.tel i{background:url(/cms/image/tel.png) no-repeat center center;}
.contactdetailwrap .contactdetail .contactdetailleft p.qq i{background:url(/cms/image/qq.png) no-repeat center center;}
.contactdetailwrap .contactdetail .contactdetailleft p.email i{background:url(/cms/image/email.png) no-repeat center center;}
#map{width:998px;border:solid 1px #dddddd;height:500px;margin:50px auto;}