@import url("base.css");

/** 整体定于 **/
body{font-size:12px;color:#666; font-family:'微软雅黑';background:#FEFEFE;}
.container{width:980px; margin:0 auto;position:relative;}
a{color:#666;}

/*视觉图*/
.kv{height:569px;position:relative;width:100%}
.kv ul{height:569px;width:100%;}
.kv ul li{height:569px;width:100%;}
.kv ul li a{height:569px;width:100%;display:block;}
.kv .kv_prev{position:absolute;left:0px;top:230px;background:url(img/icon_bg.png) no-repeat left top;height:70px;width:70px;z-index:2;}
.kv .kv_next{position:absolute;right:0px;top:230px;background:url(img/icon_bg.png) no-repeat -115px top;height:70px;width:70px;z-index:2;}
.kv .kv_prev:hover{background:url(img/icon_bg.png) no-repeat left -81px;}
.kv .kv_next:hover{background:url(img/icon_bg.png) no-repeat -115px -81px;}
.kv .kv_page{width:150px;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(img/icon_bg.png) no-repeat -33px -203px;margin:0 4px;}
.kv .kv_page a.selected{background:url(img/icon_bg.png) no-repeat left -203px;}

/*导航*/
.nav{background:url(img/nav_bg.png) repeat-x;height:85px;position:abolute;z-index:9;width:100%;left:0px;top:569px;position:absolute;}
.nav.selected{position:fixed;width:100%;left:0px;top:0px;}
.nav .logo{float:left;width:180px;height:60px;background:url(img/logo.png) no-repeat;margin-top:10px;}
.nav .menu{width:740px;height:80px;float:right;overflow:hidden;position:relative;}
.nav .menu li{float:left;width:125px;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:16px;font-family:'微软雅黑';width:125px;height:80px;display:block;line-height:80px;text-align:center;text-decoration:none;font-weight:bold;}
.nav .menu li a span{display:block;height:80px;text-align:center;width:105px;}
.nav .menu li a em{display:block;height:80px;text-align:center;width:105px;}
.nav .menu li a:hover{margin-top:-80px;}
/*.nav .menu li a.selected{margin-top:-80px;}*/
.nav .menu li.current a{margin-top:-80px;}
.nav .menu li.back{position:absolute;left:0px;bottom:0px;background:url(img/nav_ahover.png) no-repeat center bottom;width:105px;height:7px;}
.nav .menu li.mu_home span{background:url(img/nav-.png) no-repeat 20px 32px;}
.nav .menu li.mu_about span{background:url(img/nav-.png) no-repeat -100px 32px;}
.nav .menu li.mu_works span{background:url(img/nav-.png) no-repeat -240px 32px;}
.nav .menu li.mu_service span{background:url(img/nav-.png) no-repeat -370px 32px;}
.nav .menu li.mu_news span{background:url(img/nav-.png) no-repeat -500px 32px;}
.nav .menu li.mu_contact span{background:url(img/nav-.png) no-repeat -640px 32px;}

.nav .menu li.mu_home em{background:url(img/nav-.png) no-repeat 20px -70px;}
.nav .menu li.mu_about em{background:url(img/nav-.png) no-repeat -240px -70px;}
.nav .menu li.mu_works em{background:url(img/nav-.png) no-repeat -100px -70px;}
.nav .menu li.mu_service em{background:url(img/nav-.png) no-repeat -370px -70px;}
.nav .menu li.mu_news em{background:url(img/nav-.png) no-repeat -500px -70px;}
.nav .menu li.mu_contact em{background:url(img/nav-.png) no-repeat -640px -70px;}

/*about*/
.about{padding-bottom:0px;position:relative;padding-top:155px;}
.about #about_con{height:430px;width:980px;position:relative;}

.about  .title {width:980px;height:73px;line-height:73px;}
.about .title h1{color:#bc272d;font-size:50px;float:left;}
.about  .title span{color:#333333;}
.about  .title a{display:block;font-size:14px;color:#bc272d;padding-left:25px;padding-top:15px;}
.about .about_more{width:153px;height:54px;position:absolute;right:50px;top:10px;}
.about .about_more h2{color:#fff;padding-top:15px;padding-left:5px;display:block;font-size:20px;}

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

.about .brand .con{margin-top:60px;width:730px;float:left;}
.about .zanzhu{margin-top:60px;height:150px;width:200px;background:#333;float:right;
border-radius:5px;padding:15px;}
.about .zanzhu a{color:#fff}
.about .spcz {width:210px;height:120px;float:right;position:relative;z-index:1}
.about .spcz li{margin-top:10px;height:30px;line-height:30px;width:210px;background:#ba292e;float:right;
border-radius:5px;border:#ba292e 1px solid;padding-left:20px;}
.about .spcz li a{color:#fff}
.about .core{display:block;height:300px;width:980px;float:left;}
.about .core .title{background:url(img/core_title.jpg) no-repeat;width:584px;height:73px;}

.about .core .core_con{width:980px;overflow:hidden;margin-top:40px;}
.about .core .core_con ul{width:1010px;}
.about .core .con li{float:left;padding:0 20px;width:980px; height:204px;border-right:1px dashed #ccc;padding-top:170px;font-size:12px;font-family:'宋体'}
.about .core .con li.con_1{background:url(img/brandjs.jpg) no-repeat;}
.about .core .con li.con_2{background:url(img/core_bg.jpg) no-repeat -210px top;}
.about .core .con li.con_3{background:url(img/core_bg.jpg) no-repeat -470px top;}
.about .core .con li.con_4{background:url(img/core_bg.jpg) no-repeat -735px top;}
.about .ads{background:url(img/zs_design.png) no-repeat;width:986px;height:227px;position:absolute;bottom:-220px;
z-index:8}

.about .ads ul{margin-top:70px;color:#fff;width:520px;float:right;margin-right:20px;}
.about .ads ul li{padding-bottom:10px;}
.about .ads ul li span{font-weight:bold;font-size:14px;}
/*works*/

.works{background:#222;padding-top:60px;padding-bottom:100px;position:relative;}
.works .content{width:33%;float:left}
.works .title {width:200px;height:60px;line-height:60px;float:left;}
.works .title h1{color:#bc272d;font-size:30px;}
.works .title h1 span{color:#fff;}

.works .content .works_more{width:96px;float:right;height:35px;LINE-height:35px;display:block;text-align:right;padding-right:25px;}
.works .content .works_more h2{color:#ccc;padding-top:20px;padding-left:5px;display:block;font-size:14px;}
.works .content .works_main{width:320px;overflow:hidden;padding-top:40px;}
.works .works_con{width:90px;}
.works .module ul li{width:300px;margin:0px 0px;border-bottom:#666 1px dotted}
.works .module ul li a{font-size:16px;position:relative;width:300px;height:40px;line-height:40px;display:block;color:#fff}
.works .module ul li a:hover{filter:none;filter:alpha(opacity=100);opacity:1 !important;}

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



/*service*/
.service{padding-top:60px;padding-bottom:0px;position:relative;}
.service #service_con{height:380px;width:990px;}


.service  .title--{background:url(img/service_title.png) no-repeat left top;width:356px;height:73px;}
.service .title {width:500px;height:73px;line-height:73px;}
.service .title h1{color:#bc272d;font-size:50px;}
.service .title h1 span{color:#333;}
.service .service_more{background:url(img/works_more.jpg) no-repeat  no-repeat;width:153px;height:54px;position:absolute;right:0px;top:0px;}
.service .service_more h2{color:#fff;padding-top:15px;padding-left:5px;display:block;font-size:20px;}
.service .service_con{width:990px;float:left;height:380px;margin-top:40px;}

.service .service_con   li{width:300px;float:left;margin-right:30px;border-bottom:#ccc 1px dotted}

.service .service_con li a{font-size:14px;position:relative;width:300px;height:40px;line-height:40px;display:block;color:#333}
.service .service_con  li a:hover{filter:none;filter:alpha(opacity=100);opacity:1 !important;}

.service .srv_line{display:block;width:990px;float:left;height:380px;}
.service .srv_line .title{background:url(img/fwlcBt.jpg) no-repeat left top;width:450px;height:73px;}
.service .srv_line .con{background:url(img/serv_bg2.jpg) no-repeat center top;height: 267px;margin-top:40px;}


/*新闻*/
.news{background:#222;padding-top:60px;padding-bottom:60px;position:relative;}
.news .title--{background:url(img/news_title.jpg) no-repeat;width:359px;height:73px;}
.news .title {width:980px;height:73px;line-height:73px;}
.news .title h1{color:#bc272d;font-size:50px;}
.news .title h1 span{color:#fff;}
.news .news_more{background:url(img/works_more.jpg) no-repeat  no-repeat;width:153px;height:54px;position:absolute;right:0px;top:0px;}
.news .news_more h2{color:#fff;padding-top:15px;padding-left:5px;display:block;font-size:20px;}
.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 .news_con  li{width:300px;float:left;margin:0px 15px;border-bottom:#666 1px dotted}
.news .news_con  li a{font-size:16px;position:relative;width:300px;height:40px;line-height:40px;display:block;color:#fff}
.news .news_con  li a:hover{filter:none;filter:alpha(opacity=100);opacity:1 !important;}

/*联系我们*/
.contact{background:url(img/ft_bg.jpg) no-repeat center top #BA292D;height:603px;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:185px;}
.contact .qq{color:#fff;font-size:20px;position:absolute;left:660px;bottom:185px;}
.contact .qq a ,.xlwb a, .txwb a, .dfcf a, .lxlt a{color:#fff}
.contact .xlwb{color:#fff;font-size:20px;position:absolute;left:180px;bottom:90px;}
.contact .txwb{color:#fff;font-size:20px;position:absolute;left:370px;bottom:90px;}
.contact .dfcf{color:#fff;font-size:20px;position:absolute;left:570px;bottom:90px;}
.contact .lxlt{color:#fff;font-size:20px;position:absolute;left:760px;bottom:90px;}
.contact .wyds{color:#fff;font-size:20px;position:absolute;left:390px;bottom:175px;}
/*底部*/
.ft{height: 50px;
background: black;
text-align: center;
line-height: 50px;
font-size: 12px;}

/*作品详细页*/
.sub_works{background:#222;padding-top:140px;padding-bottom:40px;margin-top:-0px;position:relative;z-index:1;}
.sub_works .title{background:url(img/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(img/works_ahover.png) no-repeat center -92px;transition: all 0.3s linear 0s;}
.sub_works .con li a:hover em{background: url(img/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(img/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(img/close.png) no-repeat -56px top;display:block;position:absolute;top:35px;right:35px;width:41px;height:41px;}
.newinfo .close:hover{background:rl(img/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(img/top.png) no-repeat left -76px;position:absolute;left:50%;margin-left:-43px;width:81px;height:40px;bottom:0px;}
.top.selected{background:url(img/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(img/page.png) no-repeat left top;width:65px;height:32px;left:0px;top:20px;}
.sub_page .next{position:absolute;background:url(img/page.png) no-repeat right top;width:65px;height:32px;right:0px;top:20px;}
.sub_page .prev:hover{background:url(img/page.png) no-repeat left bottom;}
.sub_page .next:hover{background:url(img/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(img/qq.png) no-repeat left top;width:57px;height:57px;display:block;}
.sider .qq2{background:url(img/qq.png) no-repeat left -60px;width:57px;height:57px;display:block;}
.sider .qq3{background:url(img/qq.png) no-repeat left -120px;width:57px;height:57px;display:block;}
.sider .qq1:hover{background:url(img/qq.png) no-repeat -70px top;}
.sider .qq2:hover{background:url(img/qq.png) no-repeat -70px -60px;}
.sider .qq3:hover{background:url(img/qq.png) no-repeat -70px -120px;}
.sider span{background:url(img/qq.png) no-repeat left -180px;display: block;width:57px;height:67px;margin-top:20px;}


.ad_1{
 	background-image:  url(adbg1.jpg);
	background-repeat:no-repeat;
	background-position:center 0;
  	position:relative;
	height:270px;
	margin-top:70px;
	overflow:hidden;
	-webkit-transition:height  0.2s ease-in 0s;
	-moz-transition:height  0.2s ease-in 0s;
	-ms-transition: height 0.1s ease-in 0s;
	-o-transition: height 0.2s ease-in 0s;
  	}
.ad_1 i{
 
 	}
.ad_1Text{
	font-size:60px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	line-height:270px;
	height:100%;
	width:100%;
	background-image:url(../images/fixline.png) #000;
	background-repeat: no-repeat;
 	background-position:center center;
	}
	

.apple li{display:block; text-decoration:none;}

.apple,.aa{ width:100%; height:150px; overflow:hidden; margin:0px auto; border:0px solid #1B96EE;}
.apple li,.aa li{ width:100%; height:40px; text-indent:0px; color:#fff;}
.aa {word-wrap:break-word; color:#fff;}
.erweima{
	position:fixed;right:50px;bottom:100px;widht:120px;height:130px;background:#ba292e;color:#fff;border:#ba292e 5px solid;
	text-align:center}