@charset "utf-8";
/* CSS Document */

html,body,ul,li,p,input,form,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0;}
ul{ list-style:none;}
body{ font-size:12px; color:#666; line-height:23px; font-family:Verdana; margin:0px; padding:0px;}
img{ border:none;}
form{ margin:0px; padding:0px;}
.clear{ clear:both;}
a{ text-decoration:none; color:#666;}
a:hover{ color:#ff0000; text-decoration:underline;}
.content{width:1000px;margin:0 auto;}

.top{ width:100%;}
.header-bg{ width:100%; height:27px; border-bottom:1px solid #e2e2e2;}
.header{ width:960px; height:27px; line-height:27px; margin:0 auto; overflow:hidden; color:#707070; font-family:Microsoft YaHei;}
.header-l{ width:500px; float:left; padding:0px 0px 0px 5px;}
.header-r{ width:241px; height:27px; float:right; background:url("../images/header-r.gif") no-repeat;}
.header-r ul{ width:241px; overflow:hidden;}
.header-r ul li{ width:80px; height:27px; line-height:27px; float:left; text-indent:21px;}
.header-r ul li a{ color:#707070;}
.header-r ul li a:hover{ color:#707070;}

.logo{ width:960px; height:117px; margin:0 auto; overflow:hidden;}
.logo-l{ width:586px; height:117px; float:left;}
.logo-r{ width:350px; height:117px;  float:right;}

.nav-bg{ width:100%; height:30px; background:url("../images/nav-bg.jpg") center top no-repeat;}
.nav{ width:960px; height:30px; margin:0 auto;}
.nav ul{ width:954px; height:30px; margin:0 auto; overflow:hidden;}
.nav ul li{ width:106px; height:30px; line-height:30px; float:left; text-align:center;}
.nav ul li a{ display:block; width:106px; height:30px; color:#fff; font-size:14px; font-family:Microsoft YaHei; font-weight:bold;}
.nav ul li a:hover{ color:#fff000; text-decoration:none;}

#kinMaxShow{ visibility:hidden; width:100%; height:550px; overflow:hidden; z-index:9999;}

.search{ width:960px; height:53px; margin:0 auto; overflow:hidden;}
.search-l{ width:670px; height:53px; line-height:53px; float:left; color:#848484; padding-left:10px;}
.search-l strong{ font-family:Microsoft YaHei;}
.search-r{ width:220px; height:25px; float:right; padding:14px 10px 14px 0px;}
.search-r input.text1{ width:172px; height:25px; background:url("../images/search-text.gif") no-repeat; line-height:25px; border:none; padding-left:15px; font-size:12px; color:#777;}
.search-r input.image{ width:34px; height:25px;}

.middle{ width:100%;}

/* 八大特点 */
.middle-1-bg{ width:100%; background:url("../images/middle-1-bg.gif") repeat-x;}
.middle-1{ width:960px; margin:0 auto;}
.middle-1-t{ width:960px; height:170px; background:url("../images/middle-1-t.gif") center 31px no-repeat;}
.middle-1-b{ width:960px; overflow:hidden; padding-bottom:35px;}
.middle-1-b ul{ width:900px; margin:0 auto; overflow:hidden;}
.middle-1-b ul li{ width:175px; float:left; padding:0px 25px 0px 25px;}
.middle-1-b ul li img{ width:175px; height:175px;}
.middle-1-b ul li span{ display:block; width:175px; height:38px; line-height:38px; text-align:center;}
.middle-1-b ul li span a{ color:#7f7f7f; font-weight:bold; font-family:Microsoft YaHei; font-size:14px;}

/* 产品展示 */
.middle-2-bg{ width:100%; background:#dfdfdf;}
.middle-2{ width:960px; margin:0 auto; padding:25px 0px 20px 0px; overflow:hidden;}
.middle-2-left{ width:184px; float:left;}
.middle-2-left-t{ width:184px; height:48px; line-height:48px; font-weight:bold; font-size:18px; color:#183f5b; font-family:Microsoft YaHei; text-indent:25px;}
.middle-2-left-b{ width:184px;}

.fenlei{ width:184px;}
.fenlei-t{ width:184px; line-height:36px; background:#163b55; text-indent:25px;}
.fenlei-t a{ display:block; width:184px; height:36px; color:#fff; font-family:Microsoft YaHei; font-weight:bold; font-size:14px;}
.fenlei-b{ width:184px;}
.fenlei-b ul li{ width:184px; height:30px; line-height:30px; text-indent:47px; border-bottom:1px dotted #cdcdcd; background:url("../images/icon1.png") 17% 52% no-repeat;}
.fenlei-b ul li a{ display:block; width:184px; height:30px; font-family:Microsoft YaHei; font-size:14px;}
.fenlei-b ul li a:hover{ color:#6d6d6d;}

.middle-2-right{ width:747px; float:left; padding-left:29px;}
.middle-2-right-t{ width:747px; height:45px; background:url("../images/middle-2-right-t.gif") left 60% no-repeat; overflow:hidden;}
.middle-2-right-t-l{ font-weight:bold; font-size:16px; color:#183f5b; font-family:Microsoft YaHei; line-height:45px; text-indent:17px; float:left;}
.middle-2-right-t-r{ float:right; padding:18px 12px 0px 0px;}
.middle-2-right-b{ width:747px; overflow:hidden;}
.middle-2-right-b ul{ width:747px; overflow:hidden;}
.middle-2-right-b ul li{ width:249px; height:242px; float:left;}
.middle-2-right-b ul li img{ width:229px; height:199px; border:3px solid #909090; padding:1px;}
.middle-2-right-b ul li span{ display:block; width:237px; height:24px; line-height:24px; text-align:center; background:#d5d5d5; margin-top:3px;}
.middle-2-right-b ul li span a{ color:#6a6a6a; font-family:Microsoft YaHei;}

/* 生产制作实拍 */
.middle-3{ width:960px; margin:0 auto;}
.middle-3-t{ width:960px; height:130px; background:url("../images/middle-3-t.gif") center center no-repeat;}
.middle-3-b{ width:960px; overflow:hidden; padding:0px 0px 50px 0px;}

.scroll{ width:960px; overflow:hidden;}
.scroll_left{ width:50px; height:170px; background:url("../images/middle-3-left.gif") left 35% no-repeat; float:left;}
.scroll_right{ width:50px; height:170px; background:url("../images/middle-3-right.gif") right 35% no-repeat; float:left;}

.pic{ width:860px; float:left; overflow-x:scroll; overflow-y:hidden;}
.pic ul{ width:860px; display:block; overflow:hidden;}
.pic li{ width:217px; float:left; display:inline; text-align:center;}
.pic li img{ width:196px; height:130px; border:3px solid #ccc;}
.pic li span{ display:block; width:202px; height:38px; line-height:38px; text-align:center;}
.pic li span a{ font-family:Microsoft YaHei;}

/* 合作客户 */
.middle-4-bg{ width:100%; background:url("../images/middle-4-t.gif") top center no-repeat #ddd;}
.middle-4{ width:960px; margin:0 auto; padding:25px 0px 0px 0px;}
.middle-4-top{ width:960px;}
.middle-4-kh{ width:960px;}
.middle-4-kh-t{ width:960px; height:45px; background:url("../images/kh-title.gif") left bottom no-repeat; line-height:45px; overflow:hidden;}
.middle-4-kh-t-l{ float:left; font-weight:bold; font-family:Microsoft YaHei; font-size:16px; color:#000;}
.middle-4-kh-t-l span{ color:#9a9a9a; padding:0px 0px 0px 5px;}
.middle-4-kh-t-r{ float:right; padding:0px 10px 0px 0px;}
.middle-4-kh-b{ width:960px; overflow:hidden; padding:34px 0px 0px 0px;}

.kehu{ width:239px; float:left; font-family:Microsoft YaHei; background:url("../images/kh-bg.gif") repeat-y; border-left:1px solid #ddd;}
.kehu-i img{ width:239px; height:138px;}
.kehu-t{ padding:12px 12px 0px 12px; line-height:20px;}
.kehu-t a{ font-size:14px; font-weight:bold; font-family:Microsoft YaHei; color:#163b55;}
.kehu-c{ padding:5px 12px 10px 12px;}
.kehu-b{ width:80px; margin:0 auto; padding:0px 0px 15px 0px;}
.kehu-b a{ display:block; width:80px; height:28px; line-height:28px; background:#163b55; text-align:center; color:#fff;}

/* 公司简介 */
.middle-4-bottom{ width:960px; overflow:hidden; padding:30px 0px 50px 0px;}
.middle-4-jj{ width:638px; float:left;}
.middle-4-jj-t{ width:638px; height:45px; background:url("../images/jj-title.gif") left bottom no-repeat; line-height:45px; overflow:hidden;}
.middle-4-jj-t-l{ float:left; font-weight:bold; font-family:Microsoft YaHei; font-size:16px; color:#000;}
.middle-4-jj-t-l span{ color:#9a9a9a; padding:0px 0px 0px 5px;}
.middle-4-jj-t-r{ float:right; padding:0px 10px 0px 0px;}
.middle-4-jj-b{ width:588px; background:#fff; margin-top:21px; padding:25px 25px 5px 25px;}

.middle-4-jj-b-top{ width:588px; overflow:hidden;}
.jianjie-left{ width:340px; float:left;}
.jianjie-right{ width:248px; float:left; font-family:Microsoft YaHei; padding:5px 0px 0px 0px;}
.jianjie-right-t{ font-size:14px; font-weight:bold; color:#333;}
.jianjie-right-c{ line-height:24px;}
.jianjie-right-b{ padding:5px 0px 0px 0px;}
.jianjie-right-b a{ display:block; width:68px; height:23px; line-height:23px; text-align:center; background:#163b55; color:#fff;}

/* 团队风采 */
.middle-4-jj-b-bottom{ width:588px; padding:15px 0px 0px 0px; font-family:Microsoft YaHei;}
.middle-4-jj-b-bottom ul{ width:588px;overflow:hidden;}
.middle-4-jj-b-bottom li{ width:195px; height:152px; float:left;}
.middle-4-jj-b-bottom li img{ width:194px; height:117px;}
.middle-4-jj-b-bottom li span{ display:block; width:194px; height:35px; line-height:35px; text-align:center;}

/* 资质证书 */
.middle-4-zz{ width:303px; float:left; padding-left:19px;}
.middle-4-zz-t{ width:303px; height:45px; background:url("../images/ry-title.gif") left bottom no-repeat; line-height:45px; overflow:hidden;}
.middle-4-zz-t-l{ float:left; font-weight:bold; font-family:Microsoft YaHei; font-size:16px; color:#000;}
.middle-4-zz-t-l span{ color:#9a9a9a; padding:0px 0px 0px 5px;}
.middle-4-zz-t-r{ float:right; padding:0px 10px 0px 0px;}
.middle-4-zz-b{ width:213px; background:#fff; margin-top:21px; padding:20px 45px 20px 45px;}

.middle-4-zz-b ul{ width:213px;}
.middle-4-zz-b ul li{ width:213px;}
.middle-4-zz-b ul li img{ width:211px; height:315px; border:1px solid #dcdcdc;}
.middle-4-zz-b ul li span{ display:block; width:213px; height:35px; line-height:35px; text-align:center; font-family:Microsoft YaHei;}
.marquee{ width:213px; height:380px; overflow:hidden;}

.middle-4-bg-bottom{ width:100%; height:35px; background:url("../images/middle-4-bg.gif") center center no-repeat;}

/* 常见问题  */
.middle-5{ width:960px; margin:0 auto; padding-top:15px; overflow:hidden;}
.middle-5-left{ width:358px; float:left;}
.middle-5-left-t{ width:358px; height:45px; background:url("../images/wt-title.gif") left bottom no-repeat; line-height:45px; overflow:hidden;}
.middle-5-left-t-l{ float:left; font-weight:bold; font-family:Microsoft YaHei; font-size:16px; color:#000;}
.middle-5-left-t-l span{ color:#9a9a9a; padding:0px 0px 0px 5px;}
.middle-5-left-t-r{ float:right; padding:0px 10px 0px 0px;}
.middle-5-left-b{ width:310px; height:330px; margin-top:30px; background:url("../images/wt-bg.gif") no-repeat; padding:20px 24px 10px 24px;}

.middle-5-left-b li{ width:278px; background:url("../images/aq.gif") 1% 17% no-repeat; padding-left:32px; line-height:23px; margin-bottom:5px; padding-bottom:8px; color:#7e7e7e; border-bottom:1px dotted #ccc; font-family:Microsoft YaHei; font-size:14px;}
.middle-5-left-b li strong{ height:40px; line-height:40px; font-weight:normal;}
.marqueea{ width:310px; height:330px; overflow:hidden;}

/* 新闻动态 */
.middle-5-right{ width:573px; float:left; padding-left:29px;}
.middle-5-right-t{ width:573px; height:45px; background:url("../images/xw-title.gif") left bottom no-repeat; line-height:45px; overflow:hidden;}
.middle-5-right-t-l{ float:left; font-weight:bold; font-family:Microsoft YaHei; font-size:16px; color:#000;}
.middle-5-right-t-l span{ color:#9a9a9a; padding:0px 0px 0px 5px;}
.middle-5-right-t-r{ float:right; padding:0px 10px 0px 0px;}
.middle-5-right-b{ width:573px; margin-top:30px;}

.xinwen{ width:573px; overflow:hidden; padding-bottom:12px;}
.xinwen-left{ width:242px; float:left;}
.xinwen-left img{ width:225px; height:152px;}

.xinwen-right{ width:331px; float:left; padding:1px 0px 0px 0px; font-family:Microsoft YaHei;} 
.xinwen-right-t{ font-weight:bold;}
.xinwen-right-t a{ color:#666; font-size:14px;}
.xinwen-right-c{ line-height:24px; padding:3px 0px 0px 0px;}

.xinwen-b{ width:573px; overflow:hidden; padding:5px 0px 0px 0px; font-family:Microsoft YaHei;}
.xinwen-b ul{ overflow:hidden;}
.xinwen-b ul li{ width:286px; height:31px; line-height:31px; float:left;}

/* 底部版权 */
.footer-bg{ width:100%; background:url("../images/footer-bg.png") top center no-repeat #666; margin-top:19px; font-family:Microsoft YaHei;}
.footer{ width:960px; margin:0 auto;}
.banquan{ width:960px; overflow:hidden; padding:205px 0px 25px 0px; color:#fff;}
.banquan a{ color:#fff;}
.banquan-l{ width:315px; float:left;}
.banquan-c{ width:240px; float:left; padding-left:85px;}
.banquan-r{ width:175px; height:110px; float:left; padding-left:130px; text-align:right; background:url("../images/erwei.png") 67% top no-repeat;}

.navb-bg{ width:100%; height:45px; background:#222;}
.navb{ width:960px; height:45px; margin:0 auto;}
.navb ul{ width:540px; margin:0 auto; overflow:hidden;}
.navb ul li{ width:60px; height:45px; line-height:45px; float:left; text-align:center; background:url("../images/navb-li.gif") right 52% no-repeat;}
.navb ul li a{ color:#999; font-family:Microsoft YaHei;}
.navb ul li a:hover{ color:#999;}