/*  

Theme Name: photo clip

Theme URI: http://blog.gooddesignweb.com/

Description: A simple, clean blog theme by <a href="http://blog.gooddesignweb.com/">Good Design Web</a>.

Author: Good Design Web

Author URI: http://gooddesignweb.com/

Tags: simple, clean, two columns, fixed width, valid CSS, valid XHTML

Version: 1.0

*/



/*	##################################

   	GENERAL

	################################## */

	

body {

	margin: 0px;

	padding: 0px;

	background: #F8F8F8 ;

	font:12px/18px Arial,"";

	color:#333;

}



a {	color:#333;text-decoration: none;}

a:hover {color: #0098E0;}



blockquote {

	margin:0 0 0 20px;

	padding: 0 0 0 20px;

	border-left: 5px solid #c7532d;

}



div,form,img,dl,dt,dd,th,ul,li{margin: 0; padding: 0; border: 0;list-style: none;}

h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
.hidden{overflow: hidden;}
.relative{position: relative;}
.absolute{position: absolute;}


/*	##################################

   	HOME index.php

	################################## */



#header{height:160px;overflow: hidden;}
#header-top{position: relative;width: 986px;height:87px;background: url(images/headertopbg.gif) no-repeat;margin:0 auto}
#logo a{width:198px;height: 80px;display: block;}
#contact-header{font-size:16px;font-weight:bold;position:absolute;right:20px;top:38px;width:262px;}
.nav{background: url(images/menu-header.gif) repeat-x;height: 73px;position:relative;}
.nav ul{width: 986px;margin:0 auto;position: relative;}
.nav li {float:left;height:35px;line-height:35px;padding:0 10px; background: url(images/menu-header-li.gif) right center no-repeat;}
.nav li a{color: #666;font-weight: bold;display: block;height:35px;line-height:35px; float: left;}
.nav li a span{height:35px;line-height:40px;padding:0 19px;display: block;float: left;}
 
.nav li.current_page_item a,.nav li.over a{background: url(images/menu-header-li-hover.gif) left top no-repeat; }
.nav li.current_page_item a span,.nav li.over a span{background: url(images/menu-header-li-hover.gif) right -35px no-repeat; color:#fff}

.nav li.current_page_item ul li a,.nav li.over ul li a{background:none; color: #9A7905;}
.nav li.current_page_item ul li a span,.nav li.over ul li a span{background: none; color:#fff}



.nav li ul {left:50%;position:absolute;top:35px;width:984px;margin:0 auto 0 -492px;display: none;background: url(images/menu-header1.gif);height: 38px;}
.nav li ul li{background: none;padding:0 20px;color: #9A7905;}
.nav li.current_page_item ul,.nav li.over ul{display: block;}
.nav .search {
background:url("images/searchbg.gif") no-repeat scroll 0 0 transparent;
height:24px;
margin-right:-482px;
position:absolute;
right:50%;
top:5px;
width:256px;
}
#search_s{background:none repeat scroll 0 0 transparent;border:0 none;height:20px;left:1px;position:absolute;top:1px;width:223px;}
#search-submit{background:none repeat scroll 0 0 transparent;
border:0 none;
cursor:pointer;
height:24px;
position:absolute;
right:1px;
top:1px;
width:24px;}
  div#ad{width:986px;margin:10px auto;background: url(images/tu01.jpg) right center no-repeat;}
        div#feature_list {
            width: 986px;
            height: 302px;
            overflow: hidden;
            position: relative;
        }
        div#feature_list ul {
            position: absolute;
            top: 0;
            list-style: none;    
            padding: 0;
            margin: 0;
        }

        ul#tabs {
            right: 0;
            z-index: 2;
            width: 320px;
        }

        ul#tabs li {
            font-size: 12px;height:75px;
            font-family: Arial;
        }
        
        ul#tabs li img {
            padding: 5px;
            border: none;
            float: left;
            margin: 0px 10px 0 0;
        }
ul#tabs h3{padding-top: 10px;}
        ul#tabs li a {
            color: #222;
            text-decoration: none;    
            display: block;
            padding: 3px;padding-left: 15px;
            height: 79px;
            outline: none;
        }

        ul#tabs li a:hover {
            text-decoration: underline;
        }

        ul#tabs li a.current {
            background:  url(images/tu02.gif) no-repeat 1px 1px;
            color: #333;
        }

        ul#tabs li a.current:hover {
            text-decoration: none;
            cursor: default;
        }

        ul#output {
            left: 0;
            width: 646px;
            height: 302px;
            position: relative;
        }

        ul#output li {
            position: absolute;
            width: 646px;
            height: 302px;
        }

        ul#output li a {
            position: absolute;
            text-decoration: none;
            font-size: 11px;
            color: #FFF;
        }
        
        ul#output li a:hover {
            background: #D33431;
        }
#content{width:986px;margin:0 auto}
.service{border: 1px solid #ebebeb;margin:10px 0;overflow: hidden;line-height: 200%;background: #fff;}
.service dl{width:25%;height: 195px; float: left;padding:10px 0;background: url(images/sevice.gif) left center no-repeat;}
.service dl.hover{background-image: url(images/sevice-hover.gif);}
.service dl dt{font-size: 14px;font-weight: bold;padding-left:60px;}
.service dl dt a{color: #333;}
.service dl  dd{padding-left:60px;padding-top: 90px;}
.service dl.s1  dd{background: url(images/s1.gif) no-repeat center top;}
.service dl.s2  dd{background: url(images/s2.gif) no-repeat center top;}
.service dl.s3  dd{background: url(images/s3.gif) no-repeat center top;}
.service dl.s4  dd{background: url(images/s4.gif) no-repeat center top;}
.ketang{float: left;width:300px;padding:10px 0;}
.ketang .title{background: url(images/title-index1.gif) no-repeat left bottom;height: 58px;position: relative;}
.ketang div.title font{font-size: 11px;color:#ccc;font-weight: normal; }
.ketang div.title a{background: url(images/title-index2.gif) no-repeat left center;padding-left:28px;display: block;height:35px;font-weight: bold;font-size: 16px;margin-left: 10px;width:165px}
.ketang div.title a.more{padding:0;margin:0;position: absolute;background: url(images/title-index3.gif) no-repeat left center ;width:38px;height: 15px;right:10px;top:3px;}
.ketang li{ height: 30px;line-height: 30px;padding-left: 15px;border-bottom: 1px solid #ccc;background: url(images/dian.gif) left center no-repeat;}


.news{float: right;width:650px;padding:10px 0;}
.news .title{background: url(images/title-index1.gif) repeat-x left bottom;height: 58px;position: relative;}
.news div.title font{font-size: 11px;color:#ccc;font-weight: normal; }
.news div.title a{background: url(images/title-index2.gif) no-repeat left center;padding-left:28px;display: block;height:35px;font-weight: bold;font-size: 16px;margin-left: 10px;width:165px}
.news div.title a.more{padding:0;margin:0;position: absolute;background: url(images/title-index3.gif) no-repeat left center ;width:38px;height: 15px;right:10px;top:3px;}
.news li{height: 30px;line-height: 30px;padding-left: 15px;border-bottom: 1px solid #ccc;width:300px;float: left;margin-right: 10px;_margin-right:5px;background: url(images/dian.gif) left center no-repeat;}
.case{clear: both;padding-top: 10px;}
.case h2{height: 50px;line-height: 50px;border-bottom: 1px solid #ccc;background: url(images/casebg.gif) 5px top no-repeat;}
.case h2 a{font-weight: normal;font-size: 12px;float: right;padding-right: 40px;background: url(images/title-index3.gif) no-repeat right center;}
.case ul li{float: left;width:24.9%;padding:15px 0;text-align: center;background: url(images/libg.gif) center 10px no-repeat;overflow: hidden;}
.case ul li h3 a{width:192px;display: block;height:20px;margin:0 auto;line-height: 20px;background: #818181;font-size: 12px;font-weight: normal;color: #fff;text-align: left;padding-left: 18px;}
.case ul li h3 a:hover{background: #D9AC31;}
.case ul li img{height:150px;width:210px;}
.case ul li a.more{display: block;width:102px;height: 29px;background:url(images/case-more.gif) no-repeat;margin: 10px 0 10px 128px;}
#footer{clear:both;margin-top: 10px;}
#copyright{background: url(images/menu-header.gif) repeat-x;height:35px; line-height: 35px;text-align: center;}
.links{height:80px; text-align: center;width:986px;margin:0 auto;padding-top:40px;}
#content-left{float: left;width:236px;background: url(images/leftbg.gif) no-repeat center top;min-height: 750px;overflow: hidden;}
#content-right{float: right;width:750px;}
.cat_case{background:url("images/casebg.gif") no-repeat scroll 5px top transparent;
border-bottom:1px solid #CCCCCC;
height:50px;margin-top: 10px;margin-bottom: 15px;
line-height:50px;}
.cat_service{background:url("images/servicebg.gif") no-repeat scroll 5px top transparent;
border-bottom:1px solid #CCCCCC;
height:50px;margin-top: 10px;margin-bottom: 15px;
line-height:50px;}
.cat_youhua{background:url("images/youhuabg.gif") no-repeat scroll 5px top transparent;
border-bottom:1px solid #CCCCCC;
height:50px;margin-top: 10px;margin-bottom: 15px;
line-height:50px;}
.cat_about{background:url("images/aboutbg.gif") no-repeat scroll 5px top transparent;
border-bottom:1px solid #CCCCCC;
height:50px;margin-top: 10px;margin-bottom: 15px;
line-height:50px;}

.cat_contact{background:url("images/contactbg.gif") no-repeat scroll 5px top transparent;
border-bottom:1px solid #CCCCCC;
height:50px;margin-top: 10px;margin-bottom: 15px;
line-height:50px;}
#case h4,h3.title{position: relative;background:url(images/title-index1.gif) no-repeat scroll 300px center transparent;
height:35px;clear: both;
position:relative;}
#case h4 a,h3.title a{background:url("images/title-index2.gif") no-repeat scroll left center transparent;
display:block;
font-size:16px;
font-weight:bold;
height:35px;line-height: 35px;
margin-left:10px;
padding-left:28px;
}
#case h4 a.more {
background:url("images/title-index3.gif") no-repeat scroll left center transparent;
height:15px;
margin:0;
padding:0;
position:absolute;
right:10px;
top:3px;
width:38px;
}
#case ul{clear: both;padding:10px 0; }
#case ul li,#case .entry{float: left;width:33%;padding:15px 0;text-align: center;background: url(images/libg.gif) center 10px no-repeat;overflow: hidden;}
#case ul li h3 a,#case .entry h3 a{width:192px;display: block;height:20px;margin:0 auto;line-height: 20px;background: #818181;font-size: 12px;font-weight: normal;color: #fff;text-align: left;padding-left: 18px;margin-top: 5px;}
#case ul li h3 a:hover,#case .entry h3 a:hover{background: #D9AC31;}
#case ul li img,#case .entry img{height:150px;width:210px;}
#case ul li a.more,#case .entry a.more{display: block;width:102px;height: 29px;background:url(images/case-more.gif) no-repeat;margin: 10px 0 10px 128px;}
.page_navi{clear: both;padding:10px 0;}
.right_nav,.promo{width:178px;margin:auto}
.right_nav ul li a{display: block;width:165px;height:42px;line-height: 42px;margin:8px 0;font-size: 14px;background: url(images/menuabg.gif) no-repeat;color: #fff;padding-left: 13px;}
.right_nav ul li a:hover{background: url(images/menuahoverbg.gif) no-repeat;}
.promo{padding:11px 0 0;}
#zhuanjia dl {
clear:both;
font-size:11px;
overflow:hidden;
padding:6px 15px;
}
#zhuanjia dl dt {
float:left;
width:60px;
margin:0 0 15px;
}
#zhuanjia dl dd {
float:left;
width:150px;
margin:0 0 0 15px;
}
div.qqbg {
background:url("images/qqbg.gif") no-repeat scroll left center transparent;
padding-left:20px;
}
div.msnbg {
background:url("images/msnbg.gif") no-repeat scroll left center transparent;
padding-left:20px;
}
div.phonebg {
background:url("images/phonebg.gif") no-repeat scroll left center transparent;
padding-left:20px;
}
.single_content{padding: 20px;line-height: 300%;}
.meta{float: right;font-weight: normal;font-size: 12px}
.meta a{font-size: 12px;font-weight: normal;}
.navigation{padding:20px;}
div.about1{height:100px;padding:15px  140px;background: url(images/tu1.jpg) no-repeat left center;}
div.about2{height:100px;padding:15px  140px;background: url(images/tu2.jpg) no-repeat left center;}
div.about3{height:100px;padding:15px  140px;background: url(images/tu3.jpg) no-repeat left center;}
div.about4{height:100px;padding:15px  140px;background: url(images/tu4.jpg) no-repeat left center;}
div.about5{height:100px;padding:15px  140px;background: url(images/tu5.jpg) no-repeat left center;}
.Knowledge h3 {
background:url(img/icon_lb.jpg) no-repeat scroll 10px center transparent;
border-bottom:2px solid #006699;
height:30px;
padding-left:30px;line-height: 30px;
}
 
.Knowledge li a {
background:url(img/icon_yd.gif) no-repeat scroll 0 8px transparent;
color:#666666;
display:block;
font-family:"";
font-size:12px;
padding-left:13px;
text-decoration:none;padding-bottom: 10px;
}