@charset "gb2312";
/* CSS Document */

*{ margin:0; padding:0; list-style:none;}
body { 
font-size:12px; 
line-height:20px;
color:#717171; 
font-family:"微软雅黑","Arial"; 
margin:0 auto;
-webkit-text-size-adjust: none;
}
div,form,imgs,ul,li,dl,dt,dd,p,h1,h2,h3{margin:0px; padding:0px; border:0px;}
dl,dt,dd{ float:left; list-style-type:none;}
h1,h2,h3,h4{ float:left;}
img{border:0}
a{ text-decoration:none; color:#717171;}
a:hover { text-decoration:none; color:#e51022;}

#head{ width:100%; height:123px; margin:0 auto; position:relative }
.logo{ width:206px; height:47px; position:absolute; top:32px; left:19%;}
.tel{ width:200px; height:20px; position: absolute; top:42px; right:21%}
.nav{ width:100%; height:32px; line-height:32px; background:url(../images/t_bg.jpg) repeat-x;position:absolute; bottom:0;}
.nav ul li{  float:left; border-right:1px solid #ccc; font-size:14px; font-weight:bold; padding:0 30px;}
.nav ul li a{}
.nav ul li a:hover{ color:#e51022; text-decoration:none}

#banner{ width:100%; height:350px; margin:0 auto; clear:both}

/* qqshop focus */
#focus {width:902px; height:243px; margin:0 auto; border:1px solid #ccc; overflow:hidden; position:relative;}
#focus ul {height:243px; position:absolute;}
#focus ul li {float:left; width:902px; height:243px; overflow:hidden; position:relative;}
#focus ul li img{width:902px; height:243px;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:902px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:882px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:70px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}

#page{ width:980px; height:892px; background:url(../images/lct.jpg) bottom center no-repeat; margin:0 auto; position:relative}
.about{ width:288px; height:208px; border-bottom:1px solid #ccc; position:absolute; top:10px; left:38px;}
.about_title{ width:252px; height:32px; color:#000; margin:0 auto; line-height:32px; font-size:16px; background:url(../images/arr.gif) 70px 8px no-repeat; clear:both}
.about_content{ width:252px; overflow:hidden; margin:0 auto; clear:both}
.about_text{ margin:5px 0; line-height:18px; overflow:hidden}

.design{ width:288px; height:208px; border-bottom:1px solid #ccc; position:absolute; top:10px; left:346px;}
.design_title{ width:252px; height:32px; color:#000; margin:0 auto; line-height:32px; font-size:16px; background:url(../images/arr.gif) 70px 8px no-repeat; clear:both}
.design_content{ width:252px; overflow:hidden; margin:0 auto; clear:both}
.design_text{ margin:5px 0; line-height:18px; overflow:hidden}

.print{ width:288px; height:208px; border-bottom:1px solid #ccc; position:absolute; top:10px; right:38px;}
.print_title{ width:252px; height:32px; color:#000; margin:0 auto; line-height:32px; font-size:16px; background:url(../images/arr.gif) 70px 8px no-repeat; clear:both}
.print_content{ width:252px; overflow:hidden; margin:0 auto; clear:both}
.print_text{ margin:5px 0; line-height:18px; overflow:hidden}

.customer{ width:902px; height:105px; border-bottom:1px solid #ccc; position:absolute; top:228px; left:38px;}
.customer_title{ width:870px; height:32px; color:#000; margin:0 auto; line-height:32px; font-size:16px; background:url(../images/arr1.gif) 70px 9px no-repeat; clear:both}
.customer_title_t{ width:220px; height:32px; float:left}
.more{ width:120px; height:32px; line-height:32px; font-size:12px; text-align:right; float:right}
.customer_content{ width:870px; margin:0 auto; overflow:hidden;}

.case{ width:902px; height:217px; border-bottom:1px solid #ccc; position:absolute; top:343px; left:38px;}
.case_title{ width:870px; height:32px; color:#000; margin:0 auto; line-height:32px; font-size:16px; background:url(../images/arr1.gif) 70px 9px no-repeat; clear:both}
.case_title_t{ width:220px; height:32px; float:left}
.more{ width:120px; height:32px; line-height:32px; font-size:12px; text-align:right; float:right}
.case_content{ width:870px; margin:0 auto; overflow:hidden;}

.service{ width:288px; height:224px; background:url(../images/line.jpg) right center no-repeat; position:absolute; top:570px; left:38px;}
.service_title{ width:252px; height:32px; color:#000; margin:0 auto; line-height:32px; font-size:16px; background:url(../images/arr1.gif) 70px 8px no-repeat; clear:both}
.service_content{ width:252px; overflow:hidden; margin:0 auto; clear:both}
.service_text{ margin:5px 0; line-height:18px; overflow:hidden}

.new{ width:288px; height:224px; background:url(../images/line.jpg) right center no-repeat; position:absolute; top:570px; left:346px;}
.new_title{ width:252px; height:32px; color:#000; margin:0 auto; line-height:32px; font-size:16px; background:url(../images/arr1.gif) 70px 8px no-repeat; clear:both}
.new_content{ width:252px; overflow:hidden; margin:0 auto; clear:both}
.new_text{ margin:5px 0; line-height:18px; overflow:hidden}

.knowledge{ width:288px; height:224px; position:absolute; top:570px; right:38px;}
.knowledge_title{ width:252px; height:32px; color:#000; margin:0 auto; line-height:32px; font-size:16px; background:url(../images/arr1.gif) 70px 8px no-repeat; clear:both}
.knowledge_content{ width:252px; overflow:hidden; margin:0 auto; clear:both}
.knowledge_text{ margin:5px 0; line-height:18px; overflow:hidden}
.zuo{ width:120px; float:left}
.you{ width:80px; font-size:12px; text-align:right; float:right}

#page_banner{ width:902px; height:180px; margin:0 auto; clear:both}

#pages{ width:902px; overflow:hidden; background:url(../images/bg.png) 0 495px no-repeat; margin:0 auto; clear:both}
.pages_left{ width:196px; overflow:hidden; float:left}
.n2{ width:160px; background:url(../images/page_left_bg.gif) repeat-x; margin:0; padding:0; padding:10px 0; margin:10px 0; list-style-type:none; clear:both}
.n2 li{ padding:0 0 0 18px; font-size:16px; line-height:32px; clear:both}
.n3{ margin:0; padding:0; list-style-type:none}
.n3 li{ line-height:24px; font-size:12px; background:url(../images/arr.jpg) 1px  8px no-repeat; padding:0; padding-left:15px; clear:both}

.pages_right{ width:696px; overflow:hidden; float:right}
.pages_title{ width:676px; height:32px; color:#000; line-height:32px; font-size:16px; margin-top:10px; clear:both}
.pages_content{ width:676px; overflow:hidden}
#fenye{ height:24px; margin-top:20px; text-align:right; clear:both}

#bottom{ width:100%; height:95px; background:url(../images/bottom_bg.jpg) repeat-x; margin:0 auto; margin-top:10px; position:relative}
.beian{ width:97px; height:69px; position:absolute; top:15px; left:38px;}
.copyright{ width:600px; height:56px; position:absolute; top:20px; left:30%; text-align:center}


/*知名客户*/
.c1{ margin:0; padding:0; list-style-type:none}
.c1 li{ width:132px; height:45px; margin:7px 5px; border:1px solid #ccc; float:left}
.c1 li:hover{ border:1px solid #e51022;}
.c1 li img{ width:132px; height:45px;}

/*作品案例*/
.c2{ margin:0; padding:0; list-style-type:none}
.c2 li{ width:163px; height:164px; margin:7px 4px; border:1px solid #ccc; float:left}
.c2 li:hover{ border:1px solid #e51022;}
.c2 li img{ width:163px; height:164px;}

/*服务内容*/
.s1{ margin:0; padding:0; list-style-type:none}
.s1 li{ width:80px; margin:1px 2px; height:18px; line-height:18px; float:left}

/*最新动态*/
.n1{ margin:0; padding:0; list-style-type:none}
.n1 li{ line-height:20px; background:url(../images/arr2.gif) 1px 7px no-repeat; padding-left:15px; clear:both}

/*作品案例*/
.c3{ margin:0; padding:0 10px; list-style-type:none}
.c3 li{ width:200px; height:200px; margin:7px; border:1px solid #ccc; float:left}
.c3 li:hover{ border:1px solid #e51022;}
.c3 li img{ width:200px; height:200px;}

.c31{ margin:0; padding:0 10px; list-style-type:none}
.c31 li{ width:200px; height:400px; margin:7px; border:1px solid #ccc; float:left}
.c31 li:hover{ border:1px solid #e51022;}
.c31 li img{ width:200px; height:400px;}

.n9{ margin:0; padding:0; list-style-type:none}
.n9 li{ line-height:30px; list-style:none; }
.n9 li span{display:block;}
.n9 li span a{color:#666;}
.span1{float:left; background:url(../images/arr2.gif) no-repeat left center; width:500px; padding:0 15px;}
.span2{width:100px; text-align:right; float:right;}

.lz{ width:48px; height:48px; position:absolute; top:25px; right:38px;}