/*
Theme Name: Wp-Technology
www.huxing.com 
Tags: Deep red, gray, green, boke8, Taoke, Taobao, widgets
*/
body,h1,h2,h3,h4,h5,ul,ol,li,p,blockquote,form,textarea,tr,img {margin:0; padding:0;}
body {background:#fff url(images/sz.jpg) repeat-x scroll center top; font:14px "Times New Roman", Times, serif; background-size: 100%;}
a {text-decoration:none;}
li {list-style:none;}
.clear {clear:both;}
img {border:none;}

/*header*/
#container {width:100%; margin:0 auto;}
#header {height:118px; position:relative;}
.topl {width:290px; height:15px; position:absolute; top:15px; right:10px; text-align:left;}
.topl a {padding:0 5px; color:#fff;}
.topl a:hover {text-decoration:underline;}
.logo {width:340px; height:50px; margin:38px 0 0 20px; float:left;}
.logo a {display:block; width:240px; height:50px; outline:none;}
#search {width:450px; height:27px; margin-top:51px; float:right; position:relative;}
#search input {border:0; height:24px; line-height:24px; background:transparent; color:#767676; width:200px; float:left; outline: none;}
#search .text {padding:2px 10px; background: #fff; border: 1px solid #000000; height: 30px; line-height: 30px; width: 280px; font-size: 14px; border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
#search .submit {width: 70px; height: 36px; position: absolute; top: 0; right: 79px; cursor: pointer; font-size: 18px; background: #000; color: #fff; border-top-right-radius: 30px; border-bottom-right-radius: 30px;}

/*middle*/
#middle {width:100%; height:calc(30vw + 95px);
    background: #efefef;
    border-top: 2px solid #000;
}

.menu {clear:both;  color:#fff; width:80%; margin:0 auto;}
.menu ul {}
.menu ul li {
    background: -moz-linear-gradient(top, #ffffff 0%, #d4d5d7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d4d5d7));
    background: -webkit-linear-gradient(top, #ffffff 0%,#d4d5d7 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#d4d5d7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#d4d5d7 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#d4d5d7 100%);
    width:14.28%; height:73px; line-height:73px; text-align:center; float:left; position:relative;}
.menu ul li ul {width:118px; color:#2E2E2E; background:#152534; padding:9px 0; position:absolute; left:2px; top:73px; display:none; z-index:9999; }
.menu ul li ul li {background:url(images/lit.jpg) no-repeat; width:100%; height:27px; float:none; display:block; clear:both;}
.menu ul li ul li a {display:block; width:100%; height:27px; line-height:27px; text-align:center; font-size:12px;}
.menu ul li ul li a:hover {background:url(images/linow.jpg) no-repeat; color:#fff;}
.menu ul li ul ul {position:absolute; left:116px; top:0;}
.menu ul .index {background:none; }
.menu ul li a {color:#2E2E2E; font:20px/73px "Times New Roman", Times, serif; display:block; width:100%; height:73px; outline:none; }
.menu ul li a:hover,.menu ul li a.hover {color:#fff;
    background: -moz-linear-gradient(top, #1f3952 0%, #142434 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f3952), color-stop(100%,#142434));
    background: -webkit-linear-gradient(top, #1f3952 0%,#142434 100%);
    background: -o-linear-gradient(top, #1f3952 0%,#142434 100%);
    background: -ms-linear-gradient(top, #1f3952 0%,#142434 100%);
    background: linear-gradient(to bottom, #1f3952 0%,#142434 100%); }

.slide {width:80%; height:30vw; overflow:hidden; position:relative; padding:8px 11px 0 11px; margin: 0 auto;}
.slide img {width:100%; height: 30vw;}
#showimg {width:100%; overflow:hidden;}
#showimg li{height: 100%;}

/*content*/
#content {width:100%; margin:0 auto;  position:relative; background:#efefef; border-top:none; overflow:hidden;}
#content #content_div {width: 80%; margin: 0 auto; background: #fff; min-height: 380px;}
.content {background:#eee;}
.contact {width:20%; height:auto; min-height:319px; padding:20px; background:url(images/men.jpg) no-repeat center bottom; float:left;}
.contact p {height:25px; line-height:25px;}

.profile {width: 35%; height:auto; min-height:311px; float:left; background:url(images/mbg.jpg) no-repeat; padding:27px 41px; background-size: 100% 100%;}
.profile h3 {background:url(images/company.jpg) no-repeat; width:195px; height:40px; text-indent:-9999px;}

.info {line-height:2em; text-indent:2em;}
.info p img {padding-bottom:18px; margin-left:-2em;}

.zixun {float:left; padding:27px 0; width: 35%;}
.news {width: 100%; height:auto; min-height:130px;  z-index:15; }
.news a,.products a {color:#676767;}
.news a:hover {color:#E82728;}
.news h3 {background:url(images/news.jpg) no-repeat; height:44px; text-indent:-9999px;}
.more {background:url(images/more.jpg) no-repeat; float:right; margin-top:20px; display:inline; width:39px; height:7px;}
.more a {display:block; width:39px; height:7px; text-indent:-9999px; outline:none;}
.news ul li {padding-left:13px; height:20px; background:url(images/li.jpg) left center no-repeat; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .time {float:right; color:#676767; padding-right:3px;}
.news ul li a {display:block; width:270px; float:left; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.products {width: 100%; z-index:12; padding-top:27px;}
.products a:hover {color:#E82728; text-decoration:underline;}
.products h3 {background:url(images/product.jpg) no-repeat; height:44px; text-indent:-9999px;}
.products h2 {font-weight:normal; font-size:12px; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;}
.products ul {clear:both; margin:7px 0; overflow:hidden;}
.products ul li {float:left; width:121px; text-align:center;}
.products ul li img {width:100px; height:100px;}

/*sidebar*/
#sidebar {float:left; width:310px; z-index:9; background:#eee; height:100%;}
.widget {width:100%;}
.widget h3 {height:45px; text-indent:-9999px;}
.widget .lan {background:url(images/lan.jpg) no-repeat;}
.widget ul {padding:10px 0 20px 17px;}
.widget ul ul {padding:0;}
.widget ul ul.children {padding:5px 0;}
.widget ul li {background:url(images/dot.jpg) no-repeat; padding-left:28px; min-height:30px; line-height:24px; }
.widget ul li li {background:none; padding-left:10px;}
.widget a {color:#2E2E2E;}

.widget .news_search {background:url(images/news_search.jpg) no-repeat;}
.widget .contact_us {background:url(images/contactus.jpg) no-repeat; margin-bottom:20px;}
.widget p {height:25px; line-height:25px; padding-left:20px;}

.widget form {padding:25px 0 50px 27px;}
.widget input {display:block; border:none;}
.widget .text {height:18px; line-height:17px; margin-top:4px; border:1px solid #ddd;}
.widget .submit {background:url(images/search.gif) no-repeat; width:53px; height:21px; margin-top:3px; cursor:pointer;}

/*main*/
#main {width:calc(100% - 370px); float:right; padding:4px 20px 20px 20px; z-index:12; overflow:hidden; background:#fff; min-height:359px;}
.breadl {background:url(images/cbg.jpg) no-repeat; height:40px; line-height:40px; width:160px; float:left; padding-left:40px; font-size:14px;}
.breadl a,.comment_form div a {color:#555;}
.breadr {background:url(images/cbg.jpg) no-repeat -40px 0; float:left; height:40px; width: calc(100% - 265px); line-height:40px; text-align:right; padding-right:16px;}

.breadr ul {display:inline;}
.breadr ul li {display:inline;}
.breadr ul li a {color:#555;}
.post {margin-top:80px; width:95%; z-index:11;}
.post p {padding:0 20px 20px; line-height:2em; text-indent:2em;}
.post h2 {font-size:14px; margin:0 10px; padding:0 10px; height:28px; line-height:28px; background:#F5F5F5;}
.post h3 {font-size:22px; line-height:50px; text-align:center; padding:0 10px;}

.post .postmeta {height:28px; line-height:28px; border:1px solid #E8E8E8; text-align:center; background:#f7f7f7; padding:0 10px; margin:0 30px;}
.post .postmeta span {margin:0 10px;}

.entry {padding:10px;}
.entry img {border:1px solid #ccc; padding:10px; margin:5px;}
/*items*/
.item {float:left; background:url(images/probg.gif) no-repeat; margin:0 7px 20px 8px; width:159px; height:189px;}
.item img {width:145px; height:145px; padding:7px;}
.item h3 {text-align:center; font-weight:normal; font-size:12px; padding:0 8px; line-height:30px; white-space:nowrap; overflow:hidden; width:134px;}
.item h3 a {color:#333;}

#archive ul li {height:auto; overflow:auto; line-height:25px; padding-left:20px;padding-bottom:10px; margin-left:10px; border-bottom:1px dashed #ccc}
#archive a {color:#333;}
#archive .time {float:right; white-space:nowrap; overflow:hidden; padding-right:5px; color:#999;}

/*comments*/
.comments,.comment_form {margin:0 30px;}
.comments h3,.comment_form h3{height:28px; line-height:28px; border:1px solid #E8E8E8; background:#f7f7f7; padding:0 10px; }
.comments ol {padding:20px 10px;}
.comments ol li {margin-bottom:20px; border-bottom:1px dashed #ddd; padding-bottom:10px;}
.comments ol li li {border-bottom:none;}
.comments ol ul {padding-left:30px;}
.comments .gravatar {width:45px; height:45px; float:left; border:1px solid #ddd; padding:1px;}
.comments .gravatar img {width:45px; height:45px;}
.comments .info {float:left; height:45px; width:25%; margin-left:10px; display:inline;}
.comments .author {height:25px; line-height:25px; }
.comments .author a {color:#213A54;}
.comments .time {height:20px; line-height:20px; color:#ccc;}
.comments .comment_content {padding:10px 0 0 55px;}

.comment_form .text {width:30%;}
.comment_form  form {padding:10px; font-size:14px;}
.comment_form input {border:1px solid #ccc; height:28px; line-height:28px; margin-left:10px;}
.comment_form #comment {width:80%;  border:1px solid #ccc;}
.comment_form div {margin:5px 0;}
.comment_form .submit {cursor:pointer;}
/*footer*/
#footer {clear:both; background:#EAEAEA; height:240px; width:100%; overflow:hidden; color:#747474;}
#footer a {color:#747474;}
#footer a:hover {border-bottom:1px solid #747474; padding-bottom:0.3px;}
.pages {height:28px; line-height:28px; text-align:center; margin:0px 0 10px 0; overflow:hidden;}
.pages ul li {display:inline; border-right:1px solid #747474; padding:0 10px 0 5px;}
.copyright {text-align:center;}

.friendlinks {overflow:hidden; margin-top:10px; padding:0 10px;}
.friendlinks ul li {float:left; display:inline; margin:5px;}

/*pagenavi*/
.pagenavi {clear:both; overflow:hidden; text-align:center; padding-top:15px;}
.pagenavi a {padding:4px 8px; margin:4px; float:left; display:inline; border:1px solid #ddd; color:#555;}
.pagenavi a:hover {color:#213A54; border:1px solid #213A54;}
.pagenavi a.current {font-weight:bold;}