@charset "utf-8";
@import url("../css/common/grid.css");/*网格*/
@import url("../css/common/layout.css");/*整体框架*/
@import url("../css/common/icon.css");/*图标*/
@import url("../css/navi/navi_02.css");/*02导航*/
@import url("../css/banner.css");/*幻灯片*/
@import url("../css/navi/classify_01.css");/*侧栏样式*/
@import url("../css/adorner/01/A_style.css");/*01装饰器*/
@import url("../css/adorner/02/A_style.css");/*02装饰器*/
@import url("../css/links.css");/*友情链接*/
@import url("../css/kefu.css");/*在线客服*/
@import url("../css/common/doc.css");/*自定义文档*/




html{
	overflow-x:hidden;
	}


.ydy{
	background-repeat: repeat;
	height:100%;
	}
.ydy_logo{
	width: 400px;
	margin-top: 260px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}

.ydy_ui{
	background-image: url(../img/ydy_xiant.jpg);
	background-repeat: repeat-x;
	width: 100%;
	background-position: center 38px;
	margin-top: 150px;
	}
.ydy_ui_jz{
	width: 1220px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/ydy_ui.png);
	background-repeat: no-repeat;
	background-position: left center;
	}
.ydy_ui_jz li{
	float: left;
	}
.ydy_ui_jz li a{
	height: 180px;
	width: 200px;
	display: block;
	}

.ydy_ui_jz a:hover{
	background-repeat: no-repeat;
	}

.ydy_01:hover{
	background-image: url(../img/ydy_ui_hover.png);
	background-position: left;
	}
.ydy_02:hover{
	background-image: url(../img/ydy_ui_hover.png);
	background-position: -200px;
	}
.ydy_03:hover{
	background-image: url(../img/ydy_ui_hover.png);
	background-position: -400px;
	}
.ydy_04:hover{
	background-image: url(../img/ydy_ui_hover.png);
	background-position: -600px;
	}
.ydy_05:hover{
	background-image: url(../img/ydy_ui_hover.png);
	background-position: -800px;
	}
.ydy_06:hover{
	background-image: url(../img/ydy_ui_hover.png);
    background-position: -1000px;
	}


/*顶部样式*/
.header{
	height: 72px;
	background-image: url(../img/nav_bj.png);
	background-repeat: repeat;
	background-position: center top;
	position: fixed;
	z-index: 99999;
	width:100%;
	}
.logo {
	padding-left: 5%;
	float:left;
	}
.header_right{
	padding-right: 5%;
	}


/*banner*/
.focusBox { position: relative; width:100%; height:auto; overflow: hidden; }
	.focusBox .pic{ position:relative; z-index:0; }
	.focusBox .pic img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
}
	.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
	.focusBox .hd li{margin: 0 5px; background: url(images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
		display:inline-block; *display:inline; zoom:1;  _background: url(images/dot8.png) no-repeat 0 -16px;
	}
	.focusBox .hd .on{ background-position:0 0; }

	.focusBox .prev{
	width: 33px;
	height: 60px;
	display: none;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	filter: alpha(opacity=80);
	opacity: 0.8;
	background-image: url(../img/flex-prev.png);
	background-repeat: no-repeat;
	margin-top: -60px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	left:10%;
}
.focusBox .next{
	width: 33px;
	height: 60px;
	display: none;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	filter: alpha(opacity=80);
	opacity: 0.8;
	background-image: url(../img/flex-next.png);
	background-repeat: no-repeat;
	margin-top: -60px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	right:10%;
}

	.focusBox .prev:hover,
	.focusBox .next:hover { 
	filter:alpha(opacity=90) !important;opacity:.9 !important;  
	-webkit-transition: all 0.3s linear 0ms;
	-moz-transition: all 0.3s linear 0ms;
	-ms-transition: all 0.3s linear 0ms;
	-o-transition: all 0.3s linear 0ms;
	transition: all 0.3s linear 0ms;
	}


/*首页主体导航栏*/
.sy_zhuti{
	position: absolute;
	width: 1100px;
	height: 100%;
	left: 50%;
	margin-left: -550px;
	z-index: 9999;
	top: 0px;
	}
.sy_zhuti ul{
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #7c7b7b;
	height:100%
	}
.sy_zhuti li{
	float: left;
	width: 215px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #7c7b7b;
	text-align: center;
	height:100%;
	}
.sy_zhuti dd a{
	font-weight: bold;
	}
.sy_zhuti dl dt{
	font-weight: bold;
	}
.sy_zhuti li:hover{
	background-image: url(../img/heise_bj.png);
	background-repeat: repeat;
	cursor: pointer;
	-webkit-transition: all 0.3s linear 0ms;
	-moz-transition: all 0.3s linear 0ms;
	-ms-transition: all 0.3s linear 0ms;
	-o-transition: all 0.3s linear 0ms;
	transition: all 0.3s linear 0ms;
	}
.sy_zhuti li:hover a{
	color: #808080;
	text-decoration: none;
	}
.sy_zhuti li a:hover{
	color:#fff;
	}
.sy_zhuti li:hover dt{
	color: #eee;
	}
.sy_zhuti dl{
	padding-top: 90%;
	text-align: center;
	position: relative;
	margin-top: 50%;
	height:20%;
	}

.sy_zhuti dl dt{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #808080;
	line-height: 36px;
	height: 36px;
	color: #aaa;
	font-family: "微软雅黑", "黑体";
	font-size: 16px;
	margin-bottom: 15px;
	width: 100px;
	margin-left:57px;
	}
.sy_zhuti dl dd{
	float:left;
	margin-bottom:5px;
	width:100%;
	}
.sy_zhuti dl dd a{
	font-size: 12px;
	line-height: 24px;
	color: #808080;
	}

.nav_datang dl{
	background-image: url(../img/about_ui.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	}
.nav_works dl{
	background-image: url(../img/zp_ui.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	}
.nav_hezuo dl{
	background-image: url(../img/hezuo_ui.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	}
.nav_rencai dl{
	background-image: url(../img/rencai_ui.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	}
.nav_lxwm dl{
	background-image: url(../img/lxwm_ui.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	}




/*footer
-----------------------------------------------------*/
.sy_dibu{
	position: relative;
	top: 72px;
	}
.sy_dibu .bottom {
	position: relative;
	background-image: url(../img/sy_dibu_bj.png);
	background-repeat: repeat-x;
	background-position: center top;
	height: 240px;
	}
.bottomWrap{
	padding: 0px;
	}
.erwema{
	width:140px;
	margin-right:30px;
	}
.footer_map{
	margin-right:40px;
	}
.footer_text p{
	color:#a2a1a1;
	line-height:26px;}
.footer_bg{
	height: auto;
	background-image: url(../img/ydy_xiant.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
	}	
.footer_bg .footer{
	background: none;
	width: auto;
	height:auto;
	}

.arrowBot {
	background: url(../img/up_ui.png) no-repeat;
	width: 80px;
	height: 36px;
	position: absolute;
	top: -35px;
	left: 50%;
	cursor: pointer;
	display: none;
	z-index: 99999;
	margin-left: -40px;
	}	
.arrowBot01{
	width: 80px;
	height: 36px;
	position: absolute;
	top: 0px;
	left: 50%;
	cursor: pointer;
	display: block;
	z-index: 99999;
	background-image: url(../img/down_ui.png);
	background-repeat: no-repeat;
	margin-left: -40px;
	}

.main_jz{
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	}

.divScrollBar{background-color:#ddd;position:absolute;opacity:0.5; filter:Alpha(opacity=50);}
    .divScrollBar:hover{opacity:1; filter:Alpha(opacity=100);}
    .divScrollBar div{background-color:#aaa; position:absolute; left:0px; top:0px;}

.sy_ditu{
	float:left;
	}
.sy_lxwm{
	float:left;
	height:210px;
	overflow:auto;
	margin-left:24px;
	margin-right:23px;
	width:320px;
	}
.sy_erweima{
	float:left;
	margin-top:10px;
	}
.sy_erweima img{
width:198px;
height:auto;
}
.sy_lxwm ul{
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ddd;
	height: 210px;
	padding-bottom: 10px;
	}
.sy_lxwm ul h3{
	font-size: 18px;
	line-height: 33px;
	color: #ddd;
	font-weight: normal;
	}
.sy_lxwm ul li{
	float: left;
	width: 100%;
	margin-bottom: 8px;
	clear: both;
	}
.sy_lxwm ul li span{
	font-size: 14px;
	color: #a66600;
	}
.sy_lxwm ul li p{
	font-size: 12px;
	color: #808080;
	line-height: 20px;
	}
.sy_lxwm ul li a{
	display: block;
	height: 26px;
	width: 26px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 5px;
	float:left;
	}
.sy_qq{
	background-image: url(../img/sy_qq.png);
	}
.sy_weibo{
	background-image: url(../img/sy_weibo.png);
	}

.sy_qq:hover{
	background-image: url(../img/sy_qq_hover.png);
	}
.sy_weibo:hover{
	background-image: url(../img/sy_weibo_hover.png);
	}


/*底部样式*/
.footer{
	background-image: url(../img/nav_bj.png);
	background-repeat: repeat;
	height: 40px;
	width: 100%;
	}
.footer_jz{
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}

.footer_left{
	float:left;
	}
.footer_left p{
	line-height: 40px;
	height: 40px;
	display: inline-block;
	color: #808080;
	font-size: 12px;
	}
.footer_left p a{
	color: #808080;
	}
.footer_left p a:hover{
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.3s linear 0ms;
	-moz-transition: all 0.3s linear 0ms;
	-ms-transition: all 0.3s linear 0ms;
	-o-transition: all 0.3s linear 0ms;
	transition: all 0.3s linear 0ms;
	}
.footer_right{
	float:right;
	}
.footer_right p{
	line-height: 40px;
	height: 40px;
	display: inline-block;
	color: #808080;
	font-size: 12px;
	}
.footer_right p a{
	color: #808080;
	}
.footer_right p a:hover{
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.3s linear 0ms;
	-moz-transition: all 0.3s linear 0ms;
	-ms-transition: all 0.3s linear 0ms;
	-o-transition: all 0.3s linear 0ms;
	transition: all 0.3s linear 0ms;
	}


/*内页主体*/
.register{
	width: 1100px;
	margin-top: 92px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}

/*内页导航栏*/
.nye_nav{
	margin-bottom: 15px;
	margin-top: 25px;
	line-height: 40px;
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
	}
.nye_nav h3{
	float: left;
	font-size: 24px;
	font-weight: normal;
	color: #aaa;
	}

.nye_nav ul{
	float:right;
	}
.nye_nav ul li{
	float:left;
	margin-right:10px;
	}
.nye_nav ul li a{
	font-size: 14px;
	color: #808080;
	line-height: 40px;
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	height:40px;
	}
.nye_nav ul li .nye_cur{
	background-image: url(../img/nye_sanjiao.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #eee;
	}
.nye_nav ul li a:hover{
	background-image: url(../img/nye_sanjiao.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #eee;
	text-decoration: none;
	}

.nye_main{
	padding-top: 20px;
	padding-bottom: 50px;
	line-height: 30px;
	color: #aaa;
	font-size: 14px;
	}
.nye_main p{
	color: #aaa;
	line-height: 30px;
	}
.nye_main a{
	color: #fff;
	}
.nye_main a:hover{
	color: #fff;
	}



/*内页联系*/
.ditu{
	height:250px;
	margin-bottom:30px;
	}
.lxwm_zw{
	text-align:center;
	}
.lxwm_zw h2{
	font-size: 20px;
	color: #ddd;
	line-height: 30px;
	margin-bottom:20px;
	}
.lxwm_zw p{
	margin-bottom: 25px;
	color: #808080;
	line-height:22px;
	}
.lxwm_zw p span{
	font-size: 14px;
	color: #aaa;
	}





/*新闻列表*/
.news_list{
	margin-bottom:20px;
	}
.news_list li{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #4b4b4b;
	padding-top: 20px;
	padding-bottom: 20px;
	}
.news_img{
	float:left;
	}
.news_img img{
	width:340px;
	height:200px;
	}

.news_right{
	float: right;
	width: 740px;
	height: 200px;
	position: relative;
	}
.news_right h2 a{
	font-size: 18px;
	line-height: 30px;
	color: #ccc;
	}
.news_right h2 a:hover{
	color: #fff;
	text-decoration: none;
	}
.news_right p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 20px;
	}
.news_right div{
	font-size: 14px;
	line-height: 22px;
	color: #808080;
	height: 110px;
	overflow: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	}
.news_right span{
	position: absolute;
	bottom: 0px;
	}
.news_right span a{
	line-height: 30px;
	background-color: #4b4b4b;
	height: 30px;
	width: 90px;
	font-size: 12px;
	color: #aaa;
	text-align: center;
	display: block;
	}
.news_right span a:hover{
	color: #333;
	text-decoration: none;
	background-color: #aaa;
	-webkit-transition: all 0.3s linear 0ms;
	-moz-transition: all 0.3s linear 0ms;
	-ms-transition: all 0.3s linear 0ms;
	-o-transition: all 0.3s linear 0ms;
	transition: all 0.3s linear 0ms;
	}

.news_detail h1{
	font-size: 18px;
	color: #ccc;
	line-height: 48px;
	 }
.news_detail .text_info span{
	font-size: 12px;
	}
.news_detail .adorn{
	border:none;
	background:none;
	}
.nye_main span.bds_more, .bds_tools a{
	line-height:16px;
	}
	
.Paging{
	margin-top: 15px;
	margin-bottom: 15px;
	}	
.Paging .assist{
	font-size: 12px;
	color: #808080;
	}
.Paging .assist a{
	color: #aaa;
	margin-left:5px;
	}
.Paging .assist a:hover{
	color: #eee;
	text-decoration: none;
	}



/*友情链接*/
.Links{
	width:1140px;
	}
.Links li{
	float:left;
	width:200px;
	margin-right:25px;
	margin-bottom:40px;
	}
.Links li a{
	font-size: 14px;
	color: #aaa;
	}
.Links li a:hover{
	color: #eee;
	text-decoration: none;
	}



/*项目预约+产品合作*/
.cooperation{
	width: 680px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	}
.nye_main .cooperation p{
	display: inline-block;
	margin-right: 15px;
	}
.cooperation li{
	margin-bottom: 25px;
	color: #950000;
	line-height: 45px;
	font-size: 14px;
	}
.cooperation span{
	float: left;
	line-height: 45px;
	margin-right: 10px;
	color: #aaa;
	}
.cooperation form{
	line-height: 46px;
	height: 46px;
	width:570px;
	float:left;
	color: #aaa;
	margin-right:13px;
	}
.cooperation form p{
	display: inline-block;
	margin-right: 15px;
	}
.cooperation input{
	margin-right:10px;
	}

.cooperation textarea {
	margin-right: 10px;
	font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;
	}
.cooperation .code{
	margin-left:15px;
	width:120px;
	}
.cooperation .code img{
	height:43px;
	width:120px;
	}

.cooperation .yzm{
	height:40px;
	}

.cooperation a{
	font-size: 16px;
	color: #808080;
	background-color: #441111;
	display: block;
	height: 45px;
	line-height: 45px;
	font-weight: normal;
	}

.cooperation a:hover{
	background-color: #580000;
	-webkit-transition: all 0.3s linear 0ms;
	-moz-transition: all 0.3s linear 0ms;
	-ms-transition: all 0.3s linear 0ms;
	-o-transition: all 0.3s linear 0ms;
	transition: all 0.3s linear 0ms;
	}


.works{
	margin-top:35px;
	margin-bottom:35px;
	}

.columns .secondary{
	display: block;
	background-color: #333;
	font-size: 12px;
	line-height: 30px;
	color: #a7a7a7;
	float: left;
	height: 30px;
	width: 80px;
	margin-right: 15px;
	text-align: center;
	cursor: pointer;
	margin-bottom:30px;
	margin-top:20px;
	}
.columns .secondary:hover{
	text-decoration: none;
	background-color: #441111;
	cursor: pointer;
	}


/* 作品幻灯开始*/
.works_deta{
	margin-top:10px;
	margin-bottom:35px;
	}
.works_deta_bt h3{
	text-align: center;
	font-size: 18px;
	line-height: 36px;
	color: #fefefe;
	font-weight: normal;
	margin-bottom:15px;
	}
.works_zw{
	line-height: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.works_more a{
	line-height: 30px;
	height: 30px;
	width: 120px;
	background-color: #333;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	display: block;
	font-size: 14px;
	color: #a7a7a7;
	margin-top:20px;
	margin-bottom:20px;
	}
.works_more a:hover{
	text-decoration: none;
	background-color: #555555;
	-webkit-transition: all 0.3s linear 0ms;
	-moz-transition: all 0.3s linear 0ms;
	-ms-transition: all 0.3s linear 0ms;
	-o-transition: all 0.3s linear 0ms;
	transition: all 0.3s linear 0ms;
	}

#imgshow_mask{width:100%; position:absolute; z-index:1; background:url(../images/imgshow_mask.png) repeat-x 0 0; height:27px;}
.bannerbg {height:540px; overflow:hidden;}
#imageShow{ clear:both;}
#imageShow .imagebg{
	height: 540px;
	overflow: hidden;
	position: relative;
}
#imageShow .imagebg li { height: 540px; overflow: hidden; position:absolute; top:0; left:0; width:100%; display:block; filter:alpha(opacity=0); opacity: 0;}

.bannerbg_1{width:50%; position:absolute; top:0; left:0; height:540px;}
.bannerbg_2{width:50%; position:absolute; top:0; right:0; height:540px;}
.bannerbg_main{
	background-position: center center !important;
	background-repeat: no-repeat !important;
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	height: 540px;
	background-size: auto 100% !important;
	}
.banner {margin:0 auto;width:960px;height:540px;position:relative;overflow:hidden;}
.btn_home_down {width:195px;height:62px;position:absolute;top:296px;left:36px;cursor:pointer;background:url(../images/home/btn_home_down.png);}
.btn_home_android {width:195px;height:62px;position:absolute;top:296px;left:240px;cursor:pointer;background:url(../images/home/btn_home_android.png);} 


.scrollbg {
	height: 97px;
	margin-top:20px;
	margin-bottom:30px;
}
.scroll {margin:0 auto;width:1100px;height:97px;position:relative;}
.s_pre, .s_next {display:block;width:25px;height:97px;position:absolute;}
a.s_pre {
	top: 0px;
	left: 0;
	background-image: url(../img/works_detail_left.jpg);
}
a.s_pre:hover {
	background-image: url(../img/works_detail_left_hover.jpg);
}
a.s_next {
	top: 0px;
	right: 0;
	background-image: url(../img/works_detail_right.jpg);
}
a.s_next:hover {
	background-image: url(../img/works_detail_right_hover.jpg);
}
.outScroll_pic{
	height: 97px;
	margin-left: 30px;
	overflow: hidden;
	position: relative;
	width: 1040px;
	top: 0px;
}
.outScroll_pic .scroll_pic{position:absolute}
.scroll_pic {margin:0 auto;width:40000px; height:97px; }
.scroll_pic li {
	float: left;
	float: left;
	height: 97px;
	width: 198px;
	_margin: 5px 14px 5px 4px;
	cursor: pointer;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-color: #000;
	background-image: url(../img/heise_bj.png);
}
.scroll_pic li img {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	height: 97px;
	width: 198px;
}
.scroll_pic li:hover img,.scroll_pic li:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.current {
	width: 196px;
	height: 93px;
	border: 2px solid #810000;
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0;
}
.currently img {filter:alpha(opacity=100)!important;-moz-opacity:1!important;opacity:1!important;}
/* 作品幻灯结束*/



/*招聘*/
.hr_list{
	margin-bottom:20px;
	}
.hr_list li{
	float: left;
	width: 550px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333;
	padding-top: 25px;
	padding-bottom: 25px;
	}
.hr_list li h2{
	font-size: 18px;
	color: #aaa;
	line-height: 36px;
	}
.hr_list li p.spa{
	font-size: 16px;
	}
.hr_list li div{
	font-size: 12px;
	line-height: 20px;
	width: 500px;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 210px;
	overflow: auto;
	}
.hr_list li div p{
	line-height:20px;
	}
.hr_list li span a{
	text-align: center;
	display: block;
	background-color: #333;
	height: 32px;
	width: 95px;
	font-size: 14px;
	color: #a7a7a7;
	line-height: 32px;
	font-weight: bold;
	}
.hr_list li span a:hover{
	text-decoration: none;
	background-color: #555555;
	-webkit-transition: all 0.3s linear 0ms;
	-moz-transition: all 0.3s linear 0ms;
	-ms-transition: all 0.3s linear 0ms;
	-o-transition: all 0.3s linear 0ms;
	transition: all 0.3s linear 0ms;
	}

.hr_derail{
	font-size: 14px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333;
	margin-bottom:20px;
	height:32px;
	}