@charset "utf-8";
/* CSS Document */
html{overflow-y:scroll;_background-image:url(about:blank);_background-attachment:fixed;_overflow-x:hidden;overflow-x:hidden;}	
body { margin:0; padding:0; font-size:14px; font-family:"微软雅黑"; color:#666; line-height:24px; background-color:#fff; overflow-x:hidden;}
a,a:hover {color:#666666;text-decoration:none; border:0px;}
ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0px;padding:0px;}ul,li,dl,dt,dd{list-style-type:none;}
.cl { width:100%; clear:both;}.fr { float:right;}.fl { float:left;}.hr10 { width:100%; height:10px; clear:both;}.hr20 { width:100%; height:20px; clear:both;} img{border:0;}.tc { text-align:center;}.wp{ width:1200px; margin:0px auto; overflow:hidden;}
.font18 { font-size:18px;}.font16 { font-size:16px;}
.inline_block{ display:inline-block;}
.white,.white a:link,.white a:visited,.white a:hover,a.white,a.white:hover { color:#ffffff;}
.yellow { color:#fd8200;}.gray { color:#999999;}.black { color:#000;}
.clear { clear:both; height:0px; font-size:0px; overflow:hidden; width:100%;}
#mr0{ margin-right:0px}
.mt50{ margin-top:50px;}

.qqkefu{position: fixed; bottom:20%; _position: absolute;_top: expression(eval(document.documentElement.scrollTop + 365)); z-index: 20;right:0;width:45px}
.qqkefu ul li{height:45px;margin-bottom:1px;float:right;background:#1b1b1d;line-height:45px;font-size:14px;cursor:pointer;position:relative}
.qqkefu ul li a{color:#fff;}
.qqkefu ul li.qq_cza{overflow:hidden}
.qqkefu ul li:hover{background:#c9112c;}
.qqkefu ul li.top{color:#1c1c1c;font-weight:800;text-align:center;line-height:45px;background:#ffffff;position:relative;width:45px;cursor:pointer}
.qqkefu ul li.top span{position:absolute;display:block;left:0;top:-5px;height:5px;width:45px;background:url(../images/czx2.png) no-repeat center;}
.qqkefu ul li.top:hover{background:#CBCBCB}
.qqkefu ul li.top:hover span{background:url(../images/czx2_hover.png) no-repeat center}
.qqkefu ul li b{width:45px;height:45px;display:block;overflow:hidden;float:left}
.qqkefu ul li b.a{background:url(../images/czx4.png) no-repeat center center;}
.qqkefu ul li b.b{background:url(../images/czx3.png) no-repeat center center;}
.qqkefu ul li b.c{background:url(../images/czx5.png) no-repeat center center;}
.erweima{/*width: 390px;*/height: 150px;position: absolute;top: -107px;left: -265px;background: #FFF;border: 1px solid #CCC;float: right;cursor: default !important;display:none}
.erweima p{line-height: 20px;color: #000;font-size: 12px;text-align: center;float: left;width: 130px;}
.erweima p img{width: 110px;height: 110px;margin: 10px 10px 0px 10px;}	
.erweima .arrow3 {width: 5px; height: 10px;display: block;background:url(../aw_img/images/czx6.png) no-repeat;position: absolute;right: -5px;top: 122px;}
.index_nav{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999;display:none}
.index_nav_bg{background:#000;width:100%;height:100%;position:absolute;}
.index_nav_top{height:65px;overflow:hidden;padding:15px 45px 0 45px}	
.index_nav_a{float:left;display:block}	
.index_nav_b{float:right;}	
.index_nav_cont{display:block;position:absolute;width:100%;top:50%;left:0;margin-top:-280px}
.index_nav_cont a{height:90px;line-height:90px;font-size:57px;display:block;text-align:center;line-height:80px;color:#fff;height:80px}	
.index_nav_cont a:hover{background:#CA192B;color:#fff}
.aaa_cz{/*border-left:5px solid #e6000f;*/ float:right;height:58px;width:0}
.xj_nav{float:right;overflow:hidden;height:58px;width:0;background:#101114;}
.xj_nav a{display:block;float:left;height:58px;line-height:58px;color:#fff;padding:0 15px;background:#101114;text-align:center}
.xj_nav a:hover{background:#e6000f}		
.top{ height: 58px; background: #1f2228; position:fixed; z-index:99;width:100%;}
.top_a{  padding-top:20px;  position: absolute; top: 0;left: 5%}
.logo{ float: left; padding-right:20px ;display:block}
.top_aa{ float: left;  color: #fff;  height: 21px; line-height: 21px}
.top_b{position: absolute; top:0; right: 5%; height: 100%;}
.top_ba{ width: 97px; background: #101114; height: 100%;line-height: 58px; color: #fff; font-size: 12px; text-align: center;  font-weight: bold; font-family: "Microsoft YaHei"; float: right;}
.top_bb{float: right; width: 58px;height: 58px;/*background: url(../images/top_a.png) no-repeat center center #000000;*/background: url(../images/top_a.png) no-repeat center center #e60013;display: block;}
.top_bb.a_cz{/*background:url(../images/index_nav.png) no-repeat center center #000000;*/background:url(../images/index_nav.png) no-repeat center center #e60013;}
.top_bb.a_cz:hover{background:url(../images/index_nav.png) no-repeat center center #e60013;}
.top_bb:hover{background: url(../images/top_a.png) no-repeat center center #e60013;}
.banner{padding-top:58px;position:relative;}
.cz_bannn{height:700px;width:100%}
.top_b a.php{float:left; height:58px; line-height:58px; color:#ffff; }
.top_nav{float:right;text-align: right; height: 58px;}
.top_nav a{ display: block; float: left; height: 58px; line-height: 58px; width: 90px; text-align: center; color: #fff;}
.top_nav a:hover{ color: #fff; background: #d81417; }

.sub_1_1{position:absolute;left:50%;margin-left:-391px !important;top:-163px}
.sub_1_2{position:absolute;left:50%;margin-left:-500px !important;bottom:-286px}
.sub_1_4{position:absolute;left:50%;margin-left:-410px !important;top:-236px}
.sub_1_3{position:absolute;left:50%;margin-left:220px !important;bottom:-336px}
.sub_1_5{position:absolute;left:50%;margin-left:-43px !important;top:-358px}
.sub_2_1{position:absolute;left:100%;margin-left:-154px !important;top:62px}
.sub_2_2{position:absolute;left:0;margin-left:-220px !important;top:405px}
.sub_2_3{position:absolute;top:550px;left:50%;margin-left:-43px !important;}
.sub_3_1{position:absolute;left:50%;margin-left:-398px !important;top:-162px}
.sub_3_2{position:absolute;left:50%;margin-left:-239px !important;top:-297px}
.sub_3_3{position:absolute;top:306px;left:50%;margin-left:-43px !important;}	
.banner,.banner ul li{ height: 700px; width: 100%;overflow:hidden}
.banner_bottom{text-align:center;position:absolute;bottom:0;left:0;width:100%;height:38px}
.banner_bottoma{display:inline-block;height:38px;}
.banner_bottoma{*display:inline}
.banner_bottom ul li{display:block;width:38px;height:38px;float:left;margin:0 5px;position:relative}

section{ width:100%; overflow:hidden; }
.abt{ text-align:center; height:90px; padding-top:45px;} 
.line{ width:100%; height:3px; background:url(../images/border-line.png) no-repeat center 0px;}
.line1{ width:100%; height:3px; background:url(../images/border-line1.png) no-repeat center 0px;}

.aw-ad{ text-align:center; font-size:24px; color:#898989; margin-top:50px; margin-bottom:55px; height:30px; line-height:30px;}

.floor1 .floor-content{width:1180px; margin:0px auto;}

.floor-content .more{padding: 40px 0 70px 0; text-align: center;}

.main_d_c .png{display:inline-block;width:50px;height:50px; background:url(../images/main_da.png) no-repeat center center;color:#000;text-align:center;line-height:50px;font-size:10px;font-family:"Micrsoft YaHei";font-weight:bold;behavior: url(js/ie-css3.htc);border:0;cursor:pointer;}
.main_d_c .png:hover{background:url(../images/main_da_hover.png) no-repeat center center;color:#fff}

.floor-content1{padding: 35px 50px 0 50px;width: 1080px;margin: 0 auto;display: none;height: 740px;}

.floor-content1 li{float: left;width: 180px;height: 270px;margin-bottom: 60px;}
.floor-content1 li.disable img{opacity: 0.5;}
.floor-content3{padding: 35px 0 60px;width: 1180px;margin: 0 auto;overflow: hidden;}
.floor-content3 ul{width: 1200px;}
.slide-banner img,.floor-content3 img{position:relative;z-index:-1;}
.floor-content3 a:hover{cursor: pointer;}
.floor-content3 li{float: left;width: 280px;padding-right: 10px; position: relative;}
.floor-content3 li.line{padding: 0;margin-right: 9px;margin-top: 5px;background: #eaeaea;width: 1px;height: 255px;}
.floor-content3 li a{display: block;position: relative;}
.floor-content3 .shadow-line{bottom: -5px;}
.floor-content3 li .info{padding: 20px 0;}
.floor-content3 li .sev-01{ background:url(../images/design-ico.png) no-repeat center center; height:150px;}
.floor-content3 li .sev-01:hover{ background:url(../images/design-ico-hover.png) no-repeat center center;}
.floor-content3 li .sev-02{ background:url(../images/brand-ico.png) no-repeat center center; height:150px;}
.floor-content3 li .sev-02:hover{ background:url(../images/brand-ico-hover.png) no-repeat center center;}
.floor-content3 li .sev-03{ background:url(../images/move-ico.png) no-repeat center center; height:150px;}
.floor-content3 li .sev-03:hover{ background:url(../images/move-ico-hover.png) no-repeat center center;}
.floor-content3 li .sev-04{ background:url(../images/ui-ico.png) no-repeat center center; height:150px;}
.floor-content3 li .sev-04:hover{ background:url(../images/ui-ico-hover.png) no-repeat center center;}
.floor-content3 li .name{font-size: 18px;color: #545454;text-align: center;}
.floor-content3 li .detail{color: #999; font-size:14px;line-height: 20px;text-align: center; font-family: "Segoe UI"; }

.floor-content3 li .price{color:#0696c8; line-height:26px; text-align:center;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;width: 65px;margin: 0 auto;position: relative; overflow: hidden;height: 26px;}
.floor-content3 li a:hover .price{width: 105px;}

.abbg{ background:url(../images/abg-btm.png) no-repeat center 0px; height:108px; margin-top:40px;}

.portfolioMenu { width:1000px; height:32px; padding:35px 0px 33px 0px; clear:both; text-align:center; margin: 0px auto;}
.portfolioMenu a { display:inline-block; background:none; width:90px; height:32px; overflow:hidden; text-align:center; line-height:32px; margin:0px 2px;position:relative; z-index:10;}
.portfolioMenu a { color:#fff;}
.portfolioMenu a.on { color:#ffffff;}

.menuBg {background:url(../images/nav_bg.png) no-repeat 0px -42px;/*background-color:#fd8200; */ width:90px; height:32px; position:absolute; left:0px; top:0px; z-index:9; display:none; color:#ffffff;}

.zp_list { width:1180px; margin:0px auto; clear:both;}
.zp_box { width:280px; height:190px; display:inline;overflow:hidden; float:left; margin:7px 7px; cursor:pointer;}
.zp_box img { width:280px; height:190px;}
.pop_tit { width:280px; height:40px; padding:10px 10px 5px 10px;  background:url(../images/zp_titbg.gif) no-repeat 0px 0px; display:none;}
.p_tit1 { line-height:40px; color:#ffffff; font-size:18px; padding-right:18px;}
.p_tit2 { line-height:15px; font-family:Arial; color:#fd8200; font-size:12px;}

.floor2{background:#CA192B;/* height:750px; */}

.box12{width: 280px;height: 580px;}
.box11{width: 280px;height: 280px;}
.box21{width: 580px;height: 280px;}
.box-l{left: -20%;position: absolute;}
.box-r{left: 120%;position: absolute;}
.box-b{bottom: -630px;}
.box-p1{margin-left: -590px;}
.box-p2{margin-left: -290px;margin-top: 5px;}
.box-p3{margin-left: -290px;margin-top: 300px;}
.box-p4{margin-left: -590px;margin-top: 600px;}
.box-p5{margin-left: 10px;}
.box-p6{margin-left: 10px;margin-top: 300px;}
.box-p7{margin-top: 300px;margin-left: 310px;}
.box-p8{margin-top: 600px;margin-left: 310px;}
.box-c{border: 5px solid #eaeaea;width: 210px;padding: 20px 30px;height: 230px;background: #fff;}
.box-c .box-hd{text-align: center;padding-bottom: 20px;	font-weight: bold;}
.box-c .box-bd{padding:20px 0;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;height: 110px;}
.box-c .box-ft{text-align: center;padding-top: 20px;}
.box-c .box-ft a{color: #00925f; }
.box-c .box-bd a{color: #b2b2b2;}
.box-c .box-bd span{float: left;line-height: 34px;color: #b2b2b2;width: 70px;margin-left: 5px;padding-left: 30px;}
.box-c .box-bd a:hover{color: #00925f;}

.floor3{height:780px; overflow:hidden; background:#f1f1f1;}
.floor3 .floor-content{ padding-top:60px; height:600px;}
.floor3 .floor-content .box{width: 780px;}

.box-w1{margin-left: -590px;}
.box-w2{margin-left: -190px;}
.box-w3{margin-top: 290px;margin-left: -590px;}
.box-w4{margin-top: 290px;margin-left: -190px;}
.box2{width: 380px;height: 560px;background: #fff;}
.box-w5{margin-left: 210px;}
.box2-hd a{width: 190px;float: left;height: 48px;line-height: 48px;border-top: 2px solid #dadada;background: #dadada;font-size: 18px;color: #a7a7a7;text-align: center;}
.box2-hd a.active{background: #fff;border-top: 2px solid #00925f;height: 48px;}

.box2-bd-c1{padding: 30px; overflow:hidden;}
.box2-bd-c1 a {color:#838383;}
.box2-bd-c1 li{height: 90px; background: #f6f6f6;margin: 15px 0;}
.box2-bd-c1 li img,
.box2-bd-c1 li span{float: left;}
.box2-bd-c1 li div{margin: 0 15px 0 115px;padding-top: 15px; }

.news{ overflow:hidden; background:#fff; padding:10px 30px;}
.news a {color:#838383;}
.news li{height: 90px; background: #f6f6f6;margin: 15px 0;}
.news li img,
.news li span{float: left;}
.news li div{margin: 0 15px 0 115px;padding-top: 15px; }
.news li div h2{ font-weight:normal; font-size:20px; color:#333}
.news li div p{ height:48px; line-height:20px; font-size:12px; overflow:hidden; color:#aaa; padding-top:5px;}

.floor4{ overflow:hidden;}
.clients_box{width: 996px;height: 243px;overflow: hidden;border-top: #EFEFF0 1px solid;border-left: #EFEFF0 1px solid;background-color: white;clear: both;
margin: 80px auto 80px auto;}
.clients_box ul li{float: left;padding: 0px;border-bottom: #EFEFF0 1px solid;border-right: #EFEFF0 1px solid;width: 165px;height: 80px;overflow: hidden;}

.floor5{ background:url(../images/ft_bg.jpg) no-repeat center top;}
.contact{ width:980px; margin:0px auto; position:relative; height:603px;}
.address{color: white;font-size: 20px;position: absolute;left: 120px; bottom: 190px;}
.weibo{color: white;font-size: 20px;position: absolute;left: 660px; bottom: 190px;}
.tel{color: white;font-size: 20px;position: absolute;left: 120px; bottom: 135px;}
.qq{color: white;font-size: 20px;position: absolute;left: 660px; bottom: 135px;}
.qq a,.qq2 a,.qq3 a{color:#fff;}
.tel2{color: white;font-size: 20px;position: absolute;left: 120px; bottom: 85px;}
.qq2{color: white;font-size: 20px;position: absolute;left: 660px; bottom: 85px;}
.tel3{color: white;font-size: 20px;position: absolute;left: 120px; bottom: 35px;}
.qq3{color: white;font-size: 20px;position: absolute;left: 660px; bottom: 35px;}
.click_case{color: white;font-size: 20px;position: absolute;left: 320px; bottom: 60px;}
.click_case:hover{color: white;}
footer{ background:#111; text-align:center;}
.copyright{ width:1180px; text-align:left; line-height:50px; margin:0px auto; font-size:12px;}
.copyright span.url{ color:#E60012;}
.copyright a{ margin-right:15px; color:#666;}
.copyright a:hover{ color:#fff;}
.flinks{ width:1180px; text-align:left; margin: 0 auto; font-size: 12px; color: #666; padding-top: 20px; padding-bottom: 10px;}
.flinks a{ font-size: 12px; color: #666}
.flinks a:hover{color: #fff;}
.fline{ border-bottom: 1px dashed #272B31; height: 5px; overflow: hidden;}

/*关于艾维*/
.about-banner{ background:#282828 url(../images/aiwre-top-bj.png) center;height: 752px;width: 100%; position: relative;}
.aw-about{overflow:hidden;}
.aw-pic{ height:400px; background:url(../images/aiwre-banner.png) no-repeat center 0px;}
.aw-content{ text-align:center; padding-top:45px; font-size:16px; color:#737373; line-height:35px;}
.aw-content h2{ font-size:40px; font-weight:400; margin-bottom:30px; color:#333;}

.aw-view{ background:#282828; padding-top:40px;}
.aw-gd{ color:#fff; text-align:center; font-size:40px; line-height:40px; font-weight:normal; margin-top:30px;}
.aw-gdline{ text-align:center; font-size:16px; color:gray; height:50px; line-height:50px;}

.aw-cont{ background:url(../images/bj-work.png) no-repeat center top; overflow:hidden; margin-top:40px}
.aw-item{ background:url(../images/y-bj.png) no-repeat center 0px; height:405px; margin-top:45px;}
.aw-it01{ float:left; width:260px; height:240px; margin-left:120px; margin-top:105px; text-align:center;}
.aw-it01 h3,.aw-it02 h3,.aw-it03 h3{ color:#fff; font-size:30px; margin-bottom:25px;}
.aw-it01 p ,.aw-it02 p,.aw-it03 p{ color:#fff;}
.aw-it02{ float:left; width:330px; height:300px; margin-left:55px; margin-top:70px; text-align:center;}
.aw-it03{ float:left; width:260px; height:240px; margin-top:105px; margin-left:50px; text-align:center;}

.aw-abbtm{ height:160px; background:url(../images/case-bg.png) no-repeat center bottom;}
.aw-abbtm2{ height:160px; background:url(../images/case-bg2.png) no-repeat center bottom;}
.aw-why{color:#333; text-align:center; font-size:40px; line-height:40px; font-weight:normal; margin-top:50px;}
.aw-super{ overflow:hidden; width:980px; margin:35px auto;}
.aw-superbox1{ width:295px; text-align:center;}
.aw-superbox1 h3 ,.aw-superbox2 h3,.aw-superbox3 h3{
	 font-size:26px; font-weight:normal; line-height:26px; margin-top:15px; margin-bottom:5px;}
.aw-superbox1 ul ,.aw-superbox2 ul,.aw-superbox3 ul{ padding:15px 15px;}
.aw-superbox1 ul li ,.aw-superbox2 ul li ,.aw-superbox3 ul li{ text-align:left; height:30px; line-height:30px;}
.aw-superbox2{ width:295px; margin-left:45px; text-align:center;}
.aw-superbox3{ width:295px; text-align:center;}

.casebg{ background:#ECEEF2; position:relative; overflow:hidden; padding-bottom:60px;}
.case-title{ border-bottom:1px solid #ddd; overflow:hidden; padding:45px 0px 20px 0px;}
.case-title .tit1{ font-size:40px; line-height:47px;}
.case-title .tit2{ font-size:12px; margin-left:25px; line-height:21px; color:#999;}
.case-menu{ padding:15px 0px; overflow:hidden;}
.case-menu a{ display:block; float:left; margin-right:30px; border-bottom:2px solid #ECEEF2; padding:2px 5px;}
.case-menu a:hover{ border-bottom:2px solid #ba292d;}
a.cat_hover{ border-bottom:2px solid #ba292d;}

/* section */
.section{width:1180px;margin:40px auto 0 auto;overflow:hidden; }
/* .section ul{width:1180px; overflow: hidden;}
.section ul li{float:left;margin-right:20px;margin-bottom:20px;display:inline;width:280px;height:180px;overflow:hidden;position:relative;}
.section ul li .photo{width:280px;height:180px;overflow:hidden;}
.section .rsp{width:280px;height:180px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.section .text{position:absolute;width:280px;height:180px;left:-318px;top:0px;overflow:hidden;}
.section .text h3{width:280px;margin-top:130px; line-height:55px;text-align:left;color:#fff;  font-family:"Microsoft Yahei";font-size:16px; background:url(../images/zp_titbg.gif) no-repeat; filter:alpha(opacity=80);  
-moz-opacity:0.8;  -khtml-opacity: 0.8;  opacity: 0.8; text-indent:1em; font-weight:normal;} */

.list-box{ float:left; width:581px; height:145px; margin-bottom:40px;}
.news-pic{ float: left; position: relative; padding-right: 16px; cursor: pointer;}
.news-title{ font-size:18px; font-weight:normal; height:30px; line-height:30px; overflow:hidden;}
.news-title a{ color:#111;}
.news-title a:hover{ color:#E02653;}
.news-info{ float:left;width: 353px;}
.news-cate{ font-size: 12px; line-height: 24px;color: #2E2E2E; font-weight:normal;}
.news-summary{font-size: 12px;line-height: 24px; color: #4F4F4F;}
.view_more{font-size: 12px;line-height: 24px;color: #626262; text-decoration: underline;}
.view_more:hover{color:#E02653; text-decoration: underline;}

.page-left{background:url(../images/work-btnleft.png) no-repeat;width:61px;height:120px;display:block;text-indent:-9999px;position:fixed;left:1%;top:50%;margin-top:-60px;}
.page-left:hover{background:url(../images/work-btnleft-hover.png) no-repeat;width:61px;height:120px;display:block;text-indent:-9999px;position:fixed;left:1%;top:50%;
margin-top:-60px;}
.page-right{background:url(../images/work-btnright.png) no-repeat;width:61px;height:120px;display:block;text-indent:-9999px;position:fixed;right:1%;top:50%;
margin-top:-60px;}
.page-right:hover{background: url(../images/work-btnright-hover.png) no-repeat;width: 61px;height: 120px;display: block;text-indent: -9999px;position: fixed;
right: 1%;top: 50%;margin-top: -60px;}

.case-content{ overflow:hidden; position:relative; background:#F1F1F1}
.case-body{ width:1140px; padding:20px; overflow:hidden; background:#fff; margin:40px auto 20px auto;}
.case-top{ height:50px; overflow:hidden;}
.case-txt{ width:680px;}
.case-txt h3{ font-size:24px; font-weight:500; color:#8C8C8C;}
.case-txt p{ line-height:20px; color:#989898; background:url(../images/time.png) no-repeat left center; height:20px; padding-left:20px; margin-top:5px;}
.case-click{ color:#535353; font-size:45px; height:50px; line-height:50px;}
.case-click span{ font-size:14px; margin-right:10px;}
#hits{ color:#535353; font-size:45px; height:50px; line-height:50px;}
.case-main{ margin:10px 0px;}
.case-pic{height:50px; width:70px;}
.zan{background: url(../images/zan.png) no-repeat !important; width: 44px !important;height: 10px !important;display: block !important;margin-left: 15px;
text-align: center;padding-top: 34px;font-family: "微软雅黑" !important;font-size: 10px !important;color: white !important;line-height: 0px !important;}

.case-view{ height:46px; line-height:46px; width:335px; margin:50px auto 70px auto; }
.case-view a.back ,.case-view a.site{ background:url(../images/work-btn2.png) no-repeat center top; width:130px; height:46px; text-align:center}
.case-view a.back:hover ,.case-view a.site:hover{ background:url(../images/work-btn2-hover.png) no-repeat center top; width:130px; height:46px;}
.case-body{ overflow:hidden;}
.case-tips{ text-align:center; padding-top:40px; padding-bottom:100px; text-align:center; width:700px; margin:0px auto;}

/*艾维服务*/
.sev-banner{ border:1px solid; background:url(../images/case-top-bj.jpg) center; /*height:792px;*/ width:100%; position: relative;}
.sev-pic{ height:370px; background:url(../images/sev_pic.png) no-repeat center 80px;}
.plan-pic{ height:555px; background:url(../images/plan_pic.png) no-repeat center 80px;}
.keyword-pic{ height:485px; background:url(../images/keyword_pic.png) no-repeat center 80px;}
.save-pic{ height:485px; background:url(../images/save_pic.png) no-repeat center 80px;}

.sev-view{ background:#282828;}
.ser-01 h2{ text-align:center; margin-top:60px;}
.ser-ul{ width:700px; margin:50px auto; font-size:18px; line-height:35px;}
.ser-01 ul{ color:#fff;}
.ser-02{ background:#fff;}
.ser-02 h2{ text-align:center; margin-top:60px;}

/*news content*/
.newsbox{ background:#ECEEF2; margin:0 auto; overflow:hidden;}
.main{ width:815px; padding:20px; background:#fff; float:left;}
.art_title{ font-size:23px; line-height:30px; color:#0A0A0A; font-weight:300;}
.art_cate{ font-size:12px; line-height:24px; color:#2E2E2E; font-weight:normal; margin-bottom:20px;}
.art_conts{color: #4F4F4F; font-size: 14px; line-height: 30px;}
.art_conts img{max-width: 100%; width: 100% !important; height: auto !important;}
.art_ads{ margin-top:10px;}
.art_tags{ border-top:1px solid #ddd; margin-top:20px; padding-top:15px;}
.art_tags span{height: 28px; line-height:28px; display: inline-block;background: url(../images/t_bgf.gif) no-repeat 8px -888px;background-color: #222;color: white;
padding: 0 10px 0 25px; margin-right: 7px; font-size:12px}
.art_tags a{height: 28px; line-height:28px; display: inline-block;margin-right: 7px;background: #D71E1E;color: white; padding: 0 15px; font-size:12px;}
.art_share{ overflow:hidden; margin-top:10px;}

.sub{ width:330px; background:#fff; float:right;}
.relate{ width:300px; margin:15px auto 10px auto; overflow:hidden; background:#fff;}
.relate h3{ height:25px; line-height:25px; font-size:12px; font-weight:normal; }
.relate h3 a{ display:block;background: url(../images/t_bgb.gif) no-repeat 0px -652px; font-size:12px; padding-left:15px;}
.relate h3 a:hover{ background: url(../images/t_bgb.gif) no-repeat 0px -688px; color:#c00;}
.relate_title{ font-size:18px; color:#000; margin-bottom:10px;}
.fixed{ width:330px; background:#fff; font:normal 13px/30px \5FAE\8F6F\96C5\9ED1; top:0px;}
.right_menu{ width:300px; margin:15px auto; overflow:hidden;}
.right_menu a.left_btn{ width:99px; height:90px; background:#222 url(../images/cast-detail-left.png) no-repeat 36px center; float:left;}
.right_menu a.left_btn:hover{ background:#D71E1E url(../images/cast-detail-left.png) no-repeat 36px center; float:left;}
.right_menu a.menu_btn{ width:99px; height:90px; background:#222 url(../images/case-menu.png) no-repeat center center; float:left; border-left:1px solid #fff;}
.right_menu a.menu_btn:hover{ background:#D71E1E url(../images/case-menu.png) no-repeat center center; float:left; border-left:1px solid #fff;}
.right_menu a.right_btn{ width:99px; height:90px; background:#222 url(../images/cast-detail-right.png) no-repeat 41px center; float:left; border-left:1px solid #fff;}
.right_menu a.right_btn:hover{background:#D71E1E url(../images/cast-detail-right.png) no-repeat 43px center; float:left; border-left:1px solid #fff;}

.about_top{height:116px;background:#1f2228;position:relative;}
.about_top_cont{ margin:0px auto;width: 1200px;}
.logo_a{float:left;width:318px;/*margin-right:242px;*/display:block}
.logo_a img{vertical-align:middle}
.about_nav{float:right;position:relative;height:97px;}
.about_nav_top{margin-top:19px;overflow:hidden}
.about_nav_topl{height:15px;width:230px;background:#000000;position:relative;line-height:15px;float:left;margin-left:40px}
.about_nav_topla{position:absolute;top:0;left:-10px;}
.about_nav_toplb{position:absolute;top:0;right:-10px;}
.about_nav_topl a{ font-size:10px;font-family:"Arial";height:15px;float:left;}
.about_nav_topl a.a{color:#3c414a;border-right:1px solid #121418;padding:0 8px 0 15px;	}
.about_nav_topl a.b{color:#3c414a;border-left:1px solid #23262c;padding-left:15px;}
.about_nav_topl a:hover{color:#fff}
.about_nav_topr{float:left;background:url(../images/about_c.jpg) no-repeat;padding-left:36px;height:15px;line-height:15px;margin-left:20px}
.about_nav_bot{padding:25px 0 15px 0;position:relative;}
.about_nava{overflow:hidden}
.about_nava a{width:90px;display:block;float:left;color:#fff;font-size:14px;}
.about_nav_bota{height:3px;background:#e6000f;width:50%;position:absolute;left:50%;top:94px;margin-left:500px}
.about_navb{position:absolute;height:3px;background:#e6000f;bottom:0;left:0;width:100%}

/* 分页 */
#pages { padding:14px 0px; font-family:微软雅黑; text-align:center; margin-top: 20px;}
#pages li{display:inline; float:none; height:30px; /* line-height:30px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px; */ margin-right:5px;margin-bottom:0px;width:auto;overflow:hidden;}
#pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px} 
/* #pages a{ width:56px; padding:0 } */
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:30px; line-height:30px; text-align:center;}
/* .page .noPage { display:inline-block; width:56px; height:30px; line-height:30px;  border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; } */
#pages .thisclass a{background:#ca1a1c; border-left:1px solid #ca1a1c; border-right:1px solid #ca1a1c; color:#fff; /* padding:0 10px */}

/*合作网站*/
.web{width:1180px; text-align:left; font-size:12px; margin:0 auto;}
.web a{margin:0 5px;}
.key_case_title{font-size:24px; line-height:40px; margin-top:20px; text-align:center; color:#cc0000;}
.key_case{padding: 15px 0; margin: 0px auto; border:1px solid #333;  overflow:hidden; background-color:#fff; display: none;}
.key_case .key_section{width:33.3%; float:left; overflow:hidden;}
.key_case .key_title{margin-bottom:15px; font-weight:bold;}
.key_case dl dd{width:33.3%; float:left; heigth:34px; line-height:34px; text-align:center;}
.key_case p{clear:both; font-size:16px; text-align:center; font-weight:bold;padding-top:20px;}
.key_case h3{font-size: 16px; font-weight: bold; text-align: center; padding: 20px 0;}
.key_case ul{padding-left: 120px;}
.key_case ul li{height: 30px; line-height: 36px;  line-height: 36px; font-size: 16px;float:none; width: 100%; margin:0; display: block;}

.page-contact-con{width:820px; margin:0 auto; overflow:hidden;}
.page-contact-con li{width:49.5%; float:left; text-align:left; text-indent:50px;}

.zhishu{margin:0 auto;}
.zhishu h2{font-size:40px; line-height:40px; font-size: 40px; font-weight: 400; margin-bottom: 30px; color: #333; text-align:center;}

.template-box{
  background: #fff;
  padding: 30px 0;
  display: none;
}
.template-box h3{
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
}
.template-box .images-list{
  overflow: hidden;
  margin: 30px auto;
}
.template-box .images-list li{
  width: 212px;
  height: auto;
  float:left;
  margin-right: 0;
  display: block;
  _display: inline;
  margin: 20px 0 0 20px;
}
.template-box .images-list li img{
  width: 100%;
  max-width: 100%;
  height: 760px;
}
.template-box .images-list li span{
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
}
.template-box  .images-list-simple li img{
  height: 400px !important;
}