@import url("base.css");



/** 整体定于 **/

body{font-size:12px;color:#666; font-family:'微软雅黑';background:#FEFEFE;}

.container{width:980px; margin:0 auto;position:relative; font-size:14px; line-height:22px;}

a{color:#666;}

/*.line{  border-bottom:1px dotted #CCC; width:500px;}
.clear5{ clear:both; height:5px; line-height:5px;}*/


/*视觉图*/

.kv{height:400px;position:relative;width:100%}

.kv ul{height:400px;width:100%;}

.kv ul li{height:400px;width:100%;}

.kv ul li a{height:400px;width:100%;display:block;}

.kv .kv_prev{position:absolute;left:0px;top:150px;background:url(icon_bg.png) no-repeat left top;height:70px;width:70px;z-index:2;}

.kv .kv_next{position:absolute;right:0px;top:150px;background:url(icon_bg.png) no-repeat -115px top;height:70px;width:70px;z-index:2;}

.kv .kv_prev:hover{background:url(icon_bg.png) no-repeat left -81px;}

.kv .kv_next:hover{background:url(icon_bg.png) no-repeat -115px -81px;}

.kv .kv_page{width:250px;height:20px;position:absolute;left:50%;bottom:30px;margin-left:-75px;z-index:2;}

.kv .kv_page a{display:block;float:left;width:22px;height:22px;background:url(icon_bg.png) no-repeat -33px -203px;margin:0 4px;}

.kv .kv_page a.selected{background:url(icon_bg.png) no-repeat left -203px;}



.kv1{height:400px;position:relative;width:100%}

.kv1 ul{height:400px;width:100%;}

.kv1 ul li{height:400px;width:100%;}

.kv1 ul li a{height:400px;width:100%;display:block;}

.kv1 .kv_prev{position:absolute;left:0px;top:130px;background:url(icon_bg.png) no-repeat left top;height:70px;width:70px;z-index:2;}

.kv1 .kv_next{position:absolute;right:0px;top:130px;background:url(icon_bg.png) no-repeat -115px top;height:70px;width:70px;z-index:2;}

.kv1 .kv_prev:hover{background:url(icon_bg.png) no-repeat left -81px;}

.kv1 .kv_next:hover{background:url(icon_bg.png) no-repeat -115px -81px;}

.kv1 .kv_page{width:150px;height:20px;position:absolute;left:50%;bottom:30px;margin-left:-75px;z-index:2;}

.kv1 .kv_page a{display:block;float:left;width:22px;height:22px;background:url(icon_bg.png) no-repeat -33px -203px;margin:0 4px;}

.kv1 .kv_page a.selected{background:url(icon_bg.png) no-repeat left -203px;}


/*导航*/

.nav{background:url(nav_bg.png) repeat-x;height:85px;position:abolute;z-index:9;width:100%;left:0px;top:400px;position:absolute;}

.nav.selected{position:fixed;width:100%;left:0px;top:0px;}

.nav .logo{float:left;width:142px;height:80px;background:url(logo.png) no-repeat center; }

.nav .menu{width:740px;height:80px;float:right;overflow:hidden;position:relative;}

.nav .menu li{float:left;width:65px;height:80px;}

.nav .menu li.pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;width:1px;margin:0 10px;margin-top:35px;}

.nav .menu li a{color:#fff;font-size:14px;font-family:'微软雅黑';width:70px;height:80px;display:block;line-height:80px;text-align:center;text-decoration:none;}
.nav .menu li a:hover{color:#fff;font-size:14px;font-family:'微软雅黑';width:70px;height:80px;display:block;line-height:80px;text-align:center;text-decoration:none; background:#005A84;}



.nav .menu li a span{display:block;height:80px;text-align:center;width:70px;}

.nav .menu li a em{display:block;height:80px;text-align:center;width:80px;}


/*.nav .menu li a:hover{margin-top:-80px;}*/

/*.nav .menu li a.selected{margin-top:-80px;}*/
.nav .menu li.current{ background:#036A9B;}
/*.nav .menu li.current a{margin-top:-80px;}*/

.nav .menu li.back{position:absolute;left:0px;bottom:0px;width:105px;height:7px;}
/*
.nav .menu li.mu_home span{background:url(nav.png) no-repeat 20px 32px;}

.nav .menu li.mu_about span{background:url(nav.png) no-repeat -100px 32px;}

.nav .menu li.mu_works span{background:url(nav.png) no-repeat -240px 32px;}

.nav .menu li.mu_service span{background:url(nav.png) no-repeat -370px 32px;}

.nav .menu li.mu_news span{background:url(nav.png) no-repeat -500px 32px;}

.nav .menu li.mu_contact span{background:url(nav.png) no-repeat -640px 32px;}



.nav .menu li.mu_home em{background:url(nav.png) no-repeat 20px -70px;}

.nav .menu li.mu_about em{background:url(nav.png) no-repeat -240px -70px;}

.nav .menu li.mu_works em{background:url(nav.png) no-repeat -100px -70px;}

.nav .menu li.mu_service em{background:url(nav.png) no-repeat -370px -70px;}

.nav .menu li.mu_news em{background:url(nav.png) no-repeat -500px -70px;}

.nav .menu li.mu_contact em{background:url(nav.png) no-repeat -640px -70px;}
*/



/*导航*/

.nav1{background:url(nav_bg.png) repeat-x;height:85px;position:abolute;z-index:9;width:100%;left:0px;top:400px;position:absolute;}

.nav1.selected{position:fixed;width:100%;left:0px;top:0px;}

.nav1 .logo{float:left;width:142px;height:80px;background:url(logo.png) no-repeat center; }

.nav1 .menu{width:740px;height:80px;float:right;overflow:hidden;position:relative;}

.nav1 .menu li{float:left;width:65px;height:80px;}

.nav1 .menu li.pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;width:1px;margin:0 10px;margin-top:35px;}

.nav1 .menu li a{color:#fff;font-size:14px;font-family:'微软雅黑';width:70px;height:80px;display:block;line-height:80px;text-align:center;text-decoration:none;}
.nav1 .menu li a:hover{color:#fff;font-size:14px;font-family:'微软雅黑';width:70px;height:80px;display:block;line-height:80px;text-align:center;text-decoration:none; background:#005A84;}



.nav1 .menu li a span{display:block;height:80px;text-align:center;width:70px;}

.nav1 .menu li a em{display:block;height:80px;text-align:center;width:80px;}


/*.nav .menu li a:hover{margin-top:-80px;}*/

/*.nav .menu li a.selected{margin-top:-80px;}*/
.nav1 .menu li.current{ background:#036A9B;}
/*.nav .menu li.current a{margin-top:-80px;}*/

.nav1 .menu li.back{position:absolute;left:0px;bottom:0px;width:105px;height:7px;}
/*



/*about*/

.about{padding-bottom:60px;position:relative;padding-top:25px;}
.about td{ font-size:12px; line-height:22px;}

.about #about_con{height:330px;width:980px;}

.about .cat{position:absolute;right:0px;z-index:5;}

.about .cat a{float:left;text-align:center;text-decoration:none;font-size:12px;color:#373737;display:inline-block;width:100px;font-family:'微软雅黑';height:30px;line-height:25px;}

.about .cat .pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;margin:0 5px;margin-top:6px;}

.about .cat a.selected{background:url(cat_ahover.png) no-repeat center 3px;color:#fff;}



.about .brand{display:block;width:980px;float:left;}

.about .brand .title{}

.about .brand .con{}




.about .core{display:block;width:980px;float:left;}

.about .core .title{}

.about .core .core_con{}




.about .team{display:block;width:980px;float:left;}

.about .team .title{}

.about .team .con{}

.ipic{}
.ipic li{ width:240px; float:left; text-align:center; margin-bottom:1px;}
.ipic img{ width:233px; height:243px; margin:0 auto;}
.ipic .picc{ width:233px; margin:0 auto;}
.ipic .tit{ line-height:20px; text-align:left; width:223px; margin:0 auto; background:#FFF; height:20px; padding:5px 5px; }
.ipic .tit .xl{ float:left; width:200px; overflow:hidden;}
.ipic .tit .xr{ float:right;}
.ibox{ width:233px; margin:0 auto; border:3px solid #FFF;}


 
 .iboxc{ width:230px; margin:0 auto; border:1px solid #ccc; }
.line1{ border-bottom:1px dashed #ccc;}
.ibox1{ margin:0 auto;  border-top:1px solid #FFF;  border-bottom:1px dashed #ccc;  border-left:1px solid #FFF; border-right:1px solid #FFF;  }
 .m_over1{ border-top:1px solid #047AB1; background:#f3f3f3; border-bottom:1px solid #047AB1; border-left:1px solid #047AB1; border-right:1px solid #047AB1; color:#0078B0; }
 .m_over1 a {color:#0078B0;}
 .m_out1{ border-top:1px solid #FFF;  border-bottom:1px dashed #ccc;  border-left:1px solid #FFF; border-right:1px solid #FFF; }


.ipicc{ }
.ipicc li{ width:250px; float:left; text-align:center; margin-bottom:25px;}
.ipicc img{ width:230px; height:209px; margin:0 auto;}
.ipicc .picc{ width:230px; margin:0 auto;}
.ipicc .tit{ line-height:20px; text-align:left; width:220px; margin:0 auto; background:#FFF; height:20px; padding:5px 5px; }

.ipicc .tit .xl{ float:left;}
.ipicc .tit .xr{ float:right;}

 .m_over{ border:1px solid #047AB1;}
 .m_over a{ color:#0078B0;}
 .m_out{ border:1px solid #ccc;}

 .m_overi{ border:3px solid #047AB1;}
 .m_overi a{ color:#0078B0;}
 .m_outi{ border:3px solid #FFF;}






/*works*/

.works{background-color: #0977b6;;padding-top:60px;position:relative;}

.works .title{background:url(works_title.png) no-repeat;width:700px;height:82px;}

.works .prev{display:block;background:url(prev_next.png) no-repeat left top;width:59px;height:116px;position:absolute;left:-80px;top:160px;}

.works .next{display:block;background:url(prev_next.png) no-repeat -104px top;width:59px;height:116px;position:absolute;right:-80px;top:160px;}

.works .prev:hover{display:block;background:url(prev_next.png) no-repeat left -127px;}

.works .next:hover{display:block;background:url(prev_next.png) no-repeat -104px -127px;}

.works .works_page{position:absolute;right:200px;top:20px;height:30px;}

.works .works_page a{display:block;float:left;width:22px;height:22px;background:url(icon_bg.png) no-repeat -33px -203px;margin:0 4px;}

.works .works_page a.selected{background:url(icon_bg.png) no-repeat left -203px;}

.works .works_more{background:url(works_more.png) no-repeat  no-repeat;width:219px;height:57px;position:absolute;right:0px;top:0px;}

.works .works_main{width:980px;overflow:hidden;padding-top:60px;}

.works .works_main_con{width:980px;position:relative;}

.works .works_con{width:1020px;}

.works .con li{float:left;width:300px;margin-right:40px;}

.works .con li a{position:relative;width:300px;height:180px;display:block;filter:alpha(opacity=30);opacity:0.3 !important;}

.works .con li a:hover{filter:none;filter:alpha(opacity=100);opacity:1 !important;}

.works .con li a em{width:295px;height:174px;border:3px solid #777;position:absolute;left:-1px;top:0px;background: url(works_ahover.png) no-repeat center -92px;transition: all 0.3s linear 0s;}

.works .con li a:hover em{border:3px solid #BA292D;background: url(works_ahover.png) no-repeat center center;transition: all 0.3s linear 0s;}

.works .con li h4{margin-top:10px;}

.works .con li h4{color:#DDDDDD;font-size:20px;font-family:'微软雅黑';font-weight:normal;}

.works .con li p{color:#AAAAAA;font-size:12px;font-family:'微软雅黑';}

.works .ads{background:url(zs_design.png) no-repeat;width:986px;height:227px;position:absolute;bottom:-250px;}





/*service*/

.service{padding-top:50px;padding-bottom:60px;position:relative;}

.service #service_con{width:990px;}

.service .cat{position:absolute;right:0px;z-index:5;}

.service .cat a{float:left;text-align:center;text-decoration:none;font-size:12px;color:#373737;display:inline-block;width:100px;font-family:'微软雅黑';height:30px;line-height:25px;}

.service .cat .pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;margin:0 5px;margin-top:6px;}

.service .cat a.selected{background:url(cat_ahover.png) no-repeat center 3px;color:#fff;}



.service .srv_pro{display:block;width:990px;float:left;}

.service .srv_pro .title{}

.service .srv_pro .con{}
.service .srv_pro .con ul{
	position: relative;
	list-style: none;
	padding-left: 0px;
}
.service .srv_pro .con ul li{
	border-bottom:1px dotted #CCC;
}
.service .srv_pro .con ul li.nli{
	width: 460px;
	height: 100px;
	display: inline-block;
	margin-right: 20px;
}



.service .srv_line{display:block;width:990px;float:left;}

.service .srv_line .title{}




.service .srv_lines{display:block;width:990px;float:left;}

.service .srv_lines .title{}

.service .srv_lines .con{}



/*新闻*/

.news{background:#FFF;padding-top:60px;padding-bottom:60px;position:relative;}

.news .title{background:url(news_title.jpg) no-repeat;width:359px;height:73px;}

.news .news_page{position:absolute;right:0px;top:40px;}

.news .news_page a{color:#fff;font-family:'微软雅黑';font-size:13px;text-decoration:none;}

.news .news_page a:hover{color:#B9282C;}

.news .news_page a.selected{color:#B9282C;}

.news .news_main{width:980px;overflow:hidden;padding-top:40px;}

.news .news_con{width:1020px;}

.news .con li{float:left;width:300px;margin-right:40px;height:235px;}

.news .con li a{position:relative;width:300px;height:130px;display:block;filter:alpha(opacity=30);opacity:0.3 !important;}

.news .con li a:hover{filter:none;filter:alpha(opacity=100);opacity:1 !important;}

.news .con li a em{width:295px;height:124px;border:3px solid #777;position:absolute;left:-1px;top:0px;background: url(works_ahover.png) no-repeat center -92px;transition: all 0.3s linear 0s;}

.news .con li a:hover em{border:3px solid #BA292D;background: url(works_ahover.png) no-repeat center center;transition: all 0.3s linear 0s;}

.news .con li h4{margin-top:10px;border-bottom:4px solid #aaa;padding-bottom:20px;}

.news .con li h4{color:#DDDDDD;font-size:20px;font-family:'微软雅黑';font-weight:normal;}

.news .con li p{color:#AAAAAA;font-size:12px;font-family:'微软雅黑';margin-top:5px;}

.n_list{
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.n_list .nli{ margin-bottom:10px; font-size:12px; clear:both; }
.n_list .nli .ndiv{ width:500px; text-align:left;}
.n_list .nli .imgbor{ width:80px; height:80px;}
.n_list .nli  .nl{ float:left; width:100px; height:100px;}
.n_list .nli  .nr{ float:left; width:350px;}
.n_list .nli .nr a{ font-size:14px; font-weight:bold;}

/*联系我们*/

.contact{background:url(../z_images/icontact_title.jpg) no-repeat center top;position:relative;}

.contact .container{height:603px;}

.contact .address{color:#fff;font-size:20px;position:absolute;left:120px;bottom:190px;}

.contact .weibo{color:#fff;font-size:20px;position:absolute;left:660px;bottom:190px;}

.contact .tel{color:#fff;font-size:20px;position:absolute;left:120px;bottom:135px;}

.contact .qq{color:#fff;font-size:20px;position:absolute;left:660px;bottom:135px;}

.contact .qq a{color:#fff}



/*底部*/

.ft{height:50px; background:#111111; text-align:center; line-height:50px;}



/*作品详细页*/

.sub_works{background:#222;padding-top:140px;padding-bottom:40px;margin-top:-0px;position:relative;z-index:1;}

.sub_works .title{background:url(show_case.jpg) no-repeat;width:358px;height:73px;}

.sub_works .works_main{width:980px;overflow:hidden;padding-top:60px;}

.sub_works .con{width:1020px;}

.sub_works .con li{float:left;width:300px;margin-right:40px;margin-bottom:40px;}

.sub_works .con li a{position:relative;width:300px;height:180px;display:block;filter:alpha(opacity=30);opacity:0.3 !important;}

.sub_works .con li a:hover{filter:none;filter:alpha(opacity=100);opacity:1 !important;}

.sub_works .con li a em{width:295px;height:174px;border:3px solid #777;position:absolute;left:-1px;top:0px;background: url(works_ahover.png) no-repeat center -92px;transition: all 0.3s linear 0s;}

.sub_works .con li a:hover em{background: url(works_ahover.png) no-repeat center center;transition: all 0.3s linear 0s;}

.sub_works .con li a:hover em{border:3px solid #BA292D;}

.sub_works .con li h4{margin-top:10px;}

.sub_works .con li h4{color:#DDDDDD;font-size:20px;font-family:'微软雅黑';font-weight:normal;}

.sub_works .con li p{color:#AAAAAA;font-size:12px;font-family:'微软雅黑';}

.sub_works .ads{background:url(zs_design.png) no-repeat;width:986px;height:227px;position:absolute;bottom:-250px;}



/*新闻弹窗*/

.newinfo{background:#fff;border-radius:20px;width:650px;position:relative;padding:35px;display:none;}

.newinfo .close{background:url(close.png) no-repeat -56px top;display:block;position:absolute;top:35px;right:35px;width:41px;height:41px;}

.newinfo .close:hover{background:rl(close.png) no-repeat left top;display:block;}

.newinfo h4.title{color:#BA292D;font-family:'微软雅黑';font-size:18px;}

.newinfo p.time{color:#AAAAAA;font-family:'微软雅黑';font-size:12px;padding-bottom:10px;border-bottom:1px solid #ccc;}

.newinfo .con{color:#868686;font-size:12px;font-family:'微软雅黑';padding-top:20px;}

.newinfo .con img{max-width:650px;}



/*弹出*/

.aui_header{display:none;}



/*回到顶部*/

/*.top{background:url(top.png) no-repeat left -76px;position:absolute;left:50%;margin-left:-43px;width:81px;height:40px;bottom:0px;}*/


.top1{background:url(top1.png) no-repeat left -76px;position:absolute;left:50%;margin-left:-43px;width:81px;height:40px;bottom:0px;}

.top.selected{background:url(top.png) no-repeat left top;}



/*分页*/

.sub_page{position:relative;text-align:center;border-top:1px solid #777777;padding-top:10px;}

.sub_page .prev{position:absolute;background:url(page.png) no-repeat left top;width:65px;height:32px;left:0px;top:20px;}

.sub_page .next{position:absolute;background:url(page.png) no-repeat right top;width:65px;height:32px;right:0px;top:20px;}

.sub_page .prev:hover{background:url(page.png) no-repeat left bottom;}

.sub_page .next:hover{background:url(page.png) no-repeat right bottom;}

.sub_page span{display:inline-block;margin:0 auto;padding-top:10px;}

.sub_page span a{display:block;float:left;color:#fff;font-size:16px;line-height:32px;}

.sub_page span a{color:#B9282C;}



/*sider*/

.sider{width:57px;height:247px;position:fixed;right:20px;top:50%;maring-top:-123px;z-index: 99}

.sider .qq1{background:url(qq.png) no-repeat left top;width:57px;height:57px;display:block;}

.sider .qq2{background:url(qq.png) no-repeat left -60px;width:57px;height:57px;display:block;}

.sider .qq3{background:url(qq.png) no-repeat left -120px;width:57px;height:57px;display:block;}

.sider .qq1:hover{background:url(qq.png) no-repeat -70px top;}

.sider .qq2:hover{background:url(qq.png) no-repeat -70px -60px;}

.sider .qq3:hover{background:url(qq.png) no-repeat -70px -120px;}

.sider span{background:url(qq.png) no-repeat left -180px;display: block;width:57px;height:67px;margin-top:20px;}

.conte{ width:100%; margin-top:85px;}
.conte .warp{ width:1100px; margin:0 auto;}
.conte .warp .left{ width:250px; float:left;}
.conte .warp .left .border{ padding-bottom:10px;}
.conte .warp .left .border .tit{ height:35px; line-height:35px; background:#4099D5;  color:#FFF; text-indent:20px; font-size:16px; font-weight:bold;}
.conte .warp .left .border .cont{ background:#EEEEEE; padding:8px; }

.conte .warp .right{ width:830px; float:right;}
.conte .warp .right .cont{ padding:10px;}
.navgate{ height:35px; line-height:35px; font-size:14px; text-indent:10px; background:#EEEEEE;}
 
#mTree{}   
#mTree h3{background:url(mtree11.jpg) center left;cursor:pointer; text-indent:30px;  height:32px; line-height:32px;}   
#mTree ul{margin:6px 12px;font-size:14px; }   
#mTree .disdiv{display:none;}  
#mTree div li{ line-height:32px; height:32px; border-bottom:#999 solid 1px; text-indent:12px;}
#mTree div li a{ text-decoration:none;}
#mTree div li a:hover{ text-decoration:none; color:#ff0000;}
#mTree h3.blue{background:url(mtree00.jpg) center left;  cursor:pointer; text-indent:30px; color:#FFF; height:32px; line-height:32px;}
#mTree h3.blue a{ color:#FFF; display:block;  height:32px; text-decoration:none;}
#mTree h3.blue a:hover{ color:#FFF; height:32px; background:url(mtree00.jpg) center left;}
#mTree h3 a:hover{ color:#FFF; height:32px; background:url(mtree00.jpg) center left; display:block; text-decoration:none; font-size:14px; line-height:32px;}
#mTree h3 a{ color:#333;  font-weight:normal;}
#mTree li{ margin-bottom:2px;}


/*product_list*/
.product_list{ padding-top:10px;}
.product_list li{ width:290px;  float:left; text-align:center; margin-bottom:5px;}
.product_list li a{ color:#333;}
.product_list .imgbor{ width:250px; height:150px; border:1px solid #CCC; padding:2px;}
.product_list { }

.product_listdd{ padding-top:10px;}
.product_listdd li{ width:220px;  float:left; text-align:center; margin-bottom:5px;}
.product_listdd li a{ color:#333;}
.product_listdd .imgbor{ width:200px; height:75px; border:1px solid #CCC; padding:2px;}
.product_listdd { }


.news_list{}
.news_list li{ clear:both; margin-bottom:10px; }

.down_list{}
.down_list .left{ width:500px;}

.flink{ clear:both; height:55px;}
.flink li{ float:left;}

/*分页*/
#pages {
	clear: both;
	padding: 3px;
	margin: 3px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#pages a {
	display: inline-block;
	border: solid 1px #eee;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	margin: 2px;
	color: #036cb4;
}
#pages a.a1 {
	border: solid 1px #eee;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	margin: 2px;
	color: #036cb4;
}
#pages a:hover {
	color: #036cb4;
	border: solid 1px #036cb4;
	text-decoration: none;
}
#pages span {
	display: inline-block;
	font-weight: bold;
	border: solid 1px #036cb4;
	padding: 6px 10px 6px 10px;
	color: #fff;
	margin: 2px;
	background: #036cb4;
}
.page .noPage {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	background: url(../img/icu/titleBg.png) repeat-x 0 -55px;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #a4a4a4;
}
.downloadLink {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 微软雅黑, 宋体;
    font-size: 12px;
}