@charset "utf-8";

/*area*/
.area-main{
	float:left; width:775px;}
.area-sub{
	float:right; width:350px;}
.area .hd{
	height:30px; margin-bottom:15px; padding-left:100px; line-height:23px; border-bottom:2px solid #e2e9ef; position:relative;}
.area .hd h2{
	float:left; height:30px; padding-left:30px; padding-right:5px; font-size:16px; border-bottom:2px solid #f08200; overflow:hidden; position:absolute; top:0; left:0;
	background:url(../Images/bar_main.png) no-repeat left top;}
.area .hd span{
	float:left; font-size:16px; font-weight:bold;}
.area .hd .more{
	float:right; color:#c0c5c8;}
.area .hd .more:hover{
	color:#0092fd;}

/*mod-slide*/
.mod-slide, .mod-slide .bd, .mod-slide .bd li, .mod-slide .bd li a{
	width:100%; height:500px; overflow:hidden;}
.mod-slide{
	position:relative; z-index:1;}
.mod-slide .w{
	position:relative; z-index:2;}
.mod-slide .prev, .mod-slide .next{
	width:41px; height:69px; display:none; position:absolute; top:216px; z-index:3;
	background:url(../Images/bg_slide.png) no-repeat;}
.mod-slide .prev{
	left:0;
	background-position:-84px center;}
.mod-slide .next{
	right:0;
	background-position:-125px center;}
.mod-slide .prev:hover{
	background-position:0 0;}
.mod-slide .next:hover{
	background-position:-42px 0;}
.mod-slide .prev:hover, .mod-slide .next:hover{
	filter:alpha(opacity=80); opacity:.8; -moz-opacity:.8;}
.mod-slide .prev:hover{
	background-position:0 center;}
.mod-slide .next:hover{
	background-position:-43px center;}
.mod-slide .hd{
	width:100%; height:12px; text-align:center; position:absolute; bottom:25px; left:0; z-index:3;}
.mod-slide .hd span{
	width:12px; height:12px; margin:0 5px; display:inline-block; overflow:hidden; cursor:pointer;
	background:url(../Images/icon_slide.png) no-repeat;}
.mod-slide .hd span.on{
	background:url(../Images/icon_slide_on.png) no-repeat;}
.mod-slide .bd{
	position:absolute; top:0; left:0;}
.mod-slide .bd li{
	background-repeat:no-repeat; background-position:center;}
.mod-slide .bd li a{
	height:100%; display:block;}

/*mod-experience*/
.mod-experience{
	height:470px; position:relative;}
.mod-experience .line{
	width:100%; height:14px; overflow:hidden; position:absolute; top:0; left:0; z-index:1;
	background:url(../Images/bg_experience.png) repeat-x top;}
.mod-experience .hd{
	width:239px; height:76px; margin:0 auto; color:#fff; text-align:center; position:relative; z-index:2;
	background:url(../Images/bg_experience_hd.png) no-repeat;}
.mod-experience .hd h2{
	padding-top:7px; font-size:16px; font-weight:normal; line-height:1; letter-spacing:3px;}
.mod-experience .hd span{
	padding-top:3px; font-size:12px; line-height:1; display:block;}
.mod-experience .video{
	width:1153px; height:430px; border-left:1px solid #e2e9ef; border-right:1px solid #e2e9ef; position:absolute; top:0;}
.mod-experience .video .item{
	float:left; width:536px; padding:20px; padding-top:45px;}
.mod-experience .video .left{
	border-right:1px solid #e2e9ef;}
.mod-experience .video .title{
	height:16px; margin-bottom:15px; padding-left:25px; font-size:16px; line-height:16px; color:#224977;
	background:url(../Images/bar_experience.png) no-repeat left;}
.mod-experience .video .left .title{
	float:left;}
.mod-experience .video .right .title{
	float:right;}
.mod-experience .video .cont{
	width:536px; height:335px; overflow:hidden;
	background:#000;}
.mod-experience .news{
	width:1153px; height:38px; line-height:38px; border:1px solid #e2e9ef; position:absolute; bottom:0;}
.mod-experience .news .title{
	float:left; height:38px; padding-left:10px; padding-right:16px; font-size:15px; font-weight:bold; color:#224977;
	background:url(../Images/bg_news_title.png) no-repeat right;}
.mod-experience .news .cont{
	margin-left:110px; height:38px; overflow:hidden;}
.mod-experience .news .cont li{
	height:38px; line-height:38px; overflow:hidden;}
.mod-experience .news .cont li span{
	margin-left:20px; color:#c0c5c8;}

/*mod-about*/
.mod-about .bd img{
	float:left; width:221px; height:107px;}
.mod-about .bd .cont{
	height:107px; margin-left:230px; line-height:22px; overflow:hidden;}

/*mod-application*/
.mod-application .bd{
	width:100%; overflow:hidden;}
.mod-application .bd ul{
	width:790px;}
.mod-application .bd li{
	float:left; width:143px; padding-right:15px;}
.mod-application .bd li img{
	width:143px; height:143px;}
.mod-application .bd li p{
	height:30px; font-size:14px; line-height:30px; text-align:center; display:block; overflow:hidden;}

/*mod-contact*/
.mod-contact .bd{
	padding:4px; border:1px solid #f3f9fe;
	background:#fff;}
.mod-contact .bd .wrap{
	height:310px; padding:15px;
	background:url(../Images/bg_contact_map.png) no-repeat center 120px #f3f9fe;}
.mod-contact .bd .head{
	height:53px; padding-left:70px;
	background:url(../Images/bg_contact_logo.png) no-repeat left;}
.mod-contact .bd .head h4{
	margin-bottom:3px; font-size:16px; font-weight:normal;}
.mod-contact .bd .head span{
	margin-right:10px; color:#1987d8;}
.mod-contact .bd .head .icon{
	padding-right:20px;
	background:url(../Images/bg_contact_language.png) no-repeat right 4px;}
.mod-contact .bd .cont{
	margin-top:20px;}
.mod-contact .bd .cont p{
	padding-left:30px; margin:5px 0; line-height:22px; position:relative;}
.mod-contact .bd .cont p i{
	width:22px; height:22px; display:block; position:absolute; top:0; left:0;}
.mod-contact .bd .cont p .company{
	background:url(../Images/icon_contact_company.png) no-repeat center;}
.mod-contact .bd .cont p .tel{
	background:url(../Images/icon_contact_tel.png) no-repeat center;}
.mod-contact .bd .cont p .fax{
	background:url(../Images/icon_contact_fax.png) no-repeat center;}
.mod-contact .bd .cont p .mail{
	background:url(../Images/icon_contact_mail.png) no-repeat center;}
.mod-contact .bd .cont p .address{
	background:url(../Images/icon_contact_address.png) no-repeat center;}