@charset "utf-8";
/* CSS Document */
body { width:100%; background-color: #E6E6E6; repeat-x top; margin:0; padding:0;}

#warp{ width:950px; height:auto; margin:0 auto; font-family:Arial, Helvetica, sans-serif;}
.top{ width:940px; height:0px; padding:10px; font-size:12px; color:#647393;}
.top-icon { width:80px; float:left; padding-top:7px; height:23px;}
.top-icon img{ float:left; margin-right:10px;}
.search { width:200px; float:left; height:30px; background:url(images/search-bg.jpg) no-repeat;}
.search img{ float:left;}
.search-bg { width:168px; background:url(images/search-bg_1.jpg) repeat-x; height:30px;float:right;}
.search-bg input{ background:none; border:none; width:168px; margin:5px 0 0 0; color:#667788; padding:0;} 
.search-bg1{ float:right;}
.top-menu { width:260px; float:right; padding-top:7px; height:23px; color:#b5bbc5;}
.top-menu a {color:#b5bbc5; text-decoration:none; padding:0 5px;}
.top-menu a:hover{ text-decoration:underline;}

.center{ width:950px; padding:20px 5px 50px 5px; height:auto}
.head{ height:83px; background-color:#FFF}
.logo{ float:left; width:200px; background-color:#FFF}
h1{ margin:0; padding:0px; font-size:16px; font-family:Myriad Pro; color:#1d222f; line-height:30px; font-weight:lighter;}
.nav{ width:400px; height:37px; float:right; margin-top:12px;}
.nav ul{ list-style:none; margin:0; padding:0; height:37px; text-align:right;}
.nav ul li{ float:left;  margin:0 ; height:37px; width:auto;}
.nav ul li a{float:left; margin:0; text-decoration:none; font-size:11px; color:#667788;padding:10px 12px 11px 6px; }
.nav ul li a span {padding:10px 12px 11px 6px; background:none;}
.nav ul li a:hover{ background:url(images/tag-1.png) no-repeat left;color:#fff;}
.nav ul li a:hover span{ background:url(images/tag-2.png) no-repeat right;}
.nav ul li a.choose{ background:url(images/tag-1.png) no-repeat left;color:#fff;}
.nav ul li a.choose span { background:url(images/tag-2.png) no-repeat right;}

.banner{ width:950px; height:200px; background:url(images/bg.png);}
.content{ width:950px; height:380px; padding-top:22px; background-color:#FFF}
.content ul{ margin:0; list-style:none; float:left; padding:20px 25px; width:266.5px; font-size:12px; line-height:20px; background-color:#FFF}
.content ul li{ margin:0; padding-bottom:30px; color:#a2abbe; background-color:#FFF}
h2{ margin:0; padding:0;  font-size:12px; color:#647393;}
h3{ margin:0; padding:0;  font-size:12px;}
.btn { height:28px;  width:auto;  font-weight:bold; line-height:28px; float:left; margin-right:15px; font-size:12px;}
.btn a {color:#fff;background:#647393; padding:5px 10px; text-decoration:none;}
.btn a:hover{ text-decoration:underline;}
.content ul li p{ margin:0; padding:0; font-size:10px;}
.content ul li span{ color:#3f9fcf;}
.icons { height:49px; margin: 20px 0 0 0; background-color:#FFF}
.icons1{ width:15px; height:49px; background:url(images/icons-bg1.jpg) no-repeat;float:left; background-color:#FFF}
.icons2{ width:234px; height:33px; background:#dedede;float:left; padding:8px 3px 8px 8px ; background-color:#FFF}
.icons2 img{ margin-right:7px;}
.icons3{ width:5px; height:49px; background:url(images/icons-bg2.jpg) no-repeat;float:left;}

.foot{ width:100%; background:#647393; height:10%; font-family:Arial, Helvetica, sans-serif; font-size:8px; color:#a1acce;}
.bottom{ width:950px; height:auto; padding:35px 5px 20px 5px; margin:0 auto; background-color:#FFF}
.bottom ul{list-style:none; margin:0 40px 0 0; padding:0;  height:auto; float:left; background-color:#FFF}
.bottom ul li{margin:0 ; padding:0 0 5px 0; line-height:20px;}
.bottom ul li a {color:#a1acce; text-decoration:none;}
.bottom ul li a:hover{ text-decoration:underline;}
h4{ margin:0; padding:0 0 15px 0; color:#fff; font-size:10px;}
.text{ width:305px; background:url(images/text1.jpg) no-repeat; height:117px; background-color:#FFF}
.text1{ width:285px; height:97px; background:#838fa9; padding:20px 0 0 0; float:right; }
.text1 p{ color:#e5ecf9; margin:0; padding:0;}
.text1 span{ color:#305465; margin:0; padding:15px 0 0 0 ; font-size:10px; display:block;}
.text2{ width:10px; height:117px; background:url(images/text2.jpg) no-repeat;float:right;}

.bird{ position:absolute; z-index:100; margin-top:-43px; margin-left:220px; background-color:#FFF}

.footer{background:#DF0101; height:auto; padding:10px 5px 20px 5px; margin:0 auto;}
.footer-left{ width:300px; float:left; font-size:8px; color:#fff;}
.footer-right{ width:400px; float:right; font-size:8px; color:#fff;}
.footer-right a {color:#fff; text-decoration:none; padding:0 2px;}
.footer-right a:hover{ text-decoration:underline;}


/*----portfolio-----*/
.left{ margin:0; padding:30px 20px 0 40px; width:600px; float:left;}
.left p{ color:#8f9299; font-size:12px; margin:0; padding:0; line-height:20px;}
.tit{ width:600px;}
h5{ margin:0; padding:0; color:#4d5467; font-size:12px;}
.portfolio{ width:600px; height:auto; margin-top:20px;}
.portfolio img{ margin:15px 0;}
H6{ margin:0px; padding:0; font-size:12px; color:#647393;}
.tags{ margin:20px 0 10px 0; height:27px;}
.tags a {color:#fff;text-decoration:none;}
.tags a:hover{ text-decoration:underline;}
.tags1{ float:left; height:27px; line-height:27px; color:#647393; font-size:12px; font-weight:bold;}
.comment{ float:right; width:105px; background:#99a3b8; margin-right:10px; height:27px; color:#fff;font-size:12px; font-weight:bold;line-height:27px; padding-left:22px;}
.read{ float:right; width:85px; background:#99a3b8;height:27px;padding-left:22px;height:27px; color:#fff;font-size:12px; font-weight:bold;line-height:27px; padding-left:22px;}
.page{ margin-top:20px;height:35px; color:#fff;font-size:12px; font-weight:bold;line-height:35px;}
.previous{float:left; width:110px; background:#647393;  padding-left:10px;}
.next{float:right; width:80px; background:#647393; padding-left:10px;}
.page a {color:#fff;text-decoration:none;}
.page a:hover{ text-decoration:underline;}

.right{ margin:0 ; padding:20px 20px 300px 20px ; width:250px; float:right; background:#8b9daf; height:auto;}
.right p{ margin:0; padding:0 0 50px 0; line-height:20px; color:#444955; font-weight:lighter; font-size:12px;}
.right span{ margin:0; padding: 0; display:block; line-height:20px; color:#444955; font-weight:lighter; font-size:12px;}
.right img{ margin-right:10px;}
.right a {color:#444955;text-decoration:none;}
.right a:hover{ text-decoration:underline;}