html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1}
ol, ul{list-style:none;zoom:1;}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
table{border-collapse:collapse; border-spacing:0}
/** Base Body Styles **/
body{background:url(../images/body-bg.jpg); color:#57595d; font:12px Tahoma,Helvetica,sans-serif}
h1, h2, h3, h4, h5, h6{ font-weight:bold; /*font-family:"Times New Roman", Times, serif;*/font-family: "微软雅黑"; color:#434853; text-shadow:0px 1px 0px #fff; letter-spacing:-0.5px }
h1{font-size:30px}
h2{font-size:20px; color:#525252}
h3{font-size:17px}
h4{font-size:14px}
h5{font-size:12px}
h6{font-size:10px}
input, textarea{font-family:tahoma,arial; font-size:12px; color:#57595d}
a{text-decoration:none; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -transition:all 0.3s linear; outline:none}
p{line-height:22px; color:#676767; text-shadow:0px 1px 1px #fff}
.no-margin{margin:0px !important}
.flleft{float:left !important}
.flright{float:right !important}
img.grayborR{padding:5px; border:1px solid #c8c8c8; margin-right:20px; margin-top:8px; margin-bottom:15px}
img.grayborL{padding:5px; border:1px solid #c8c8c8; margin-left:20px; margin-top:8px; margin-bottom:15px}
/** The Magnificent Clearfix:更新以避免边缘子元素上的崩溃. mp/bestclearfix **/
.clearfix:before, .clearfix:after{content:"\0020"; display:block; height:0; overflow:hidden}
.clearfix:after{clear:both}
/** Fix clearfix:blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page **/
.clearfix{zoom:1}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
#top{width:100%; height:68px; background:url(../images/top-bg.jpg) repeat-x top}
.top-inner{width:1000px; height:68px; margin:0 auto}
#logo{float:left; padding-top:5px}
#logo a{ font-size: 22px; font-weight: bold; color: #FFFFFF;}
#loginreg{float:right; padding-top:3px;padding-right:500px}
/********* TOP NAV ********/
#primary-nav{height:25px;float:right;font-weight:normal;font-family: "微软雅黑";margin: 0;}
#primary-nav ul{margin:0; padding:0; list-style:none; line-height:25px}
#primary-nav ul a{display:block; position:relative}
#primary-nav li a.sf-with-ul{padding-right:18px}
#primary-nav li li a.sf-with-ul{padding-right:0}
#primary-nav ul li{float:left; position:relative; z-index:40; margin:0 7px 0 0}
#primary-nav ul li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */ background:url("../images/menu-hover.png") repeat-x scroll 0 0 transparent}
#primary-nav ul ul{position:absolute; top:-9999em; width:180px; /* left offset of submenus need to match (see below) */}
#primary-nav ul ul li{width:100%}
/* Make sub menus appear */
#primary-nav ul li:hover ul,
#primary-nav ul li.sfHover ul{left:-1px; top:55px; /* match top ul list item height */z-index:589}
/* Hide all subs subs (4 levels deep) */
#primary-nav ul li:hover li ul,
#primary-nav ul li.sfHover li ul,
#primary-nav ul li li:hover li ul,
#primary-nav ul li li.sfHover li ul,
#primary-nav ul li li li:hover li ul,
#primary-nav ul li li li.sfHover li ul{top:-9999em}
/* Displays all subs subs (4 levels deep) */
#primary-nav ul li li:hover ul,
#primary-nav ul li li.sfHover ul,
#primary-nav ul li li li:hover ul,
#primary-nav ul li li li.sfHover ul,
#primary-nav ul li li li li:hover ul,
#primary-nav ul li li li li.sfHover ul{left:180px; /* match .nav ul width */top:10px}
#primary-nav ul li.current-menu-item ul a{background:none !important}
/* top level skin */
#primary-nav ul a{line-height:63px; float:left; font-size:17px; height:63px; padding:2px 14px}
#primary-nav ul ul a{float:none}
#primary-nav ul a:hover,
#primary-nav ul li.sfHover a,
#primary-nav ul li.current-cat a,
#primary-nav ul li.current_page_item a,
#primary-nav ul li.current-menu-item a{text-decoration:none}
/* 2nd level skin */
#primary-nav ul ul{padding:0 0 0 0; margin:12px 0 0 0; width:140px; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2); box-shadow:0 1px 3px rgba(0,0,0,0.2)}
.tz-light #primary-nav ul ul{margin:16px 0 0 0}
/* 3nd level skin */
.tz-light #primary-nav ul ul ul,
#primary-nav ul ul ul{padding:0; margin:-9px 0 0 -37px; width:140px}
#primary-nav ul ul li{height:30px; line-height:30px; float:none; background:none}
#primary-nav ul ul li:hover{background:none}
#primary-nav ul ul li:last-child{padding-bottom:10px}
#primary-nav ul ul li:last-child a, #primary-nav ul .sub-menu li:last-child a{background:none !important}
#primary-nav ul ul li a{line-height:25px; height:25px; font-size:12px; text-shadow:none}
#primary-nav ul ul li a:hover{padding-left:10px}
#primary-nav a .sf-sub-indicator{width:9px; height:6px; text-indent:-9999px; position:absolute; margin:12px 0 0 5px; right:5px; top:1px}
#primary-nav li.current-menu-parent a{padding-right:18px}
#primary-nav li li a .sf-sub-indicator{width:3px; margin-top:11px; right:10px}
.ie7 #primary-nav li li a .sf-sub-indicator{width:3px; right:10px; margin-top:5px}
.ie7 #primary-nav li li.sfHover{margin-bottom:-3px}
#primary-nav li li a .sf-sub-indicator:last-child{display:none}
#primary-nav ul li li.current-menu-item a{background:none}
#primary-nav ul li.sfHover ul a{}
#primary-nav ul li.sfHover ul a:hover{}
#primary-nav ul a{-webkit-transition:all 0s linear; -moz-transition:all 0s linear; -o-transition:all 0.3s linear; -transition:all 0s linear; color:#f1f5f9; margin-bottom:0px; letter-spacing:-0.5px}
#primary-nav ul a:hover,
#primary-nav ul li.current-menu-item a{-moz-transition:all 0s linear 0s; background:url(../images/arrow.png) center 3px no-repeat; color:#F1F5F9; margin-bottom:10px; border-bottom:1px solid #42454D}
#primary-nav ul ul{background:url(../images/drown-bg.jpg) bottom #3d3d3d; border-top:1px solid #42454D; border-radius:0px 0px 4px 4px}
#primary-nav ul ul li.sfHover ul a,
#primary-nav ul ul a{color:#7c7c7c}
#primary-nav ul ul li.sfHover ul a:hover,
#primary-nav ul li li.sfHover a,
#primary-nav ul ul a:hover{color:#1d93ab; -webkit-box-shadow:inset 0 0px 0px 0px rgba(29,31,36,0.6); -moz-box-shadow:inset 0 0px 0px 0px rgba(29,31,36,0.6); box-shadow:inset 0 0px 0px 0px rgba(29,31,36,0.6); background:url("../images/menu-border.jpg") repeat-x scroll center bottom transparent; border-bottom:0px solid #42454d}
#primary-nav ul li a .sf-sub-indicator{background:url(../images/drop.png) no-repeat}
#primary-nav ul li li a .sf-sub-indicator{background:url(../images/drop_across_arrow.png) no-repeat}
#primary-nav ul li li a:hover .sf-sub-indicator,
#primary-nav ul li li.sfHover a .sf-sub-indicator{background:url(../images/drop_across_arrow.png) no-repeat -3px 0}
#primary-nav ul .sub-menu a, #primary-nav ul .sub-menu ul a{margin:0 10px; background:url(../images/menu-border.jpg) repeat-x bottom; color:#fff; height:30px; line-height:30px; font-family:tahoma,arial; font-weight:normal; font-size:12px; padding:5px 8px 0 8px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear}
/*-----------------------Bannner ------------------------*/
#banner{width:1030px; margin:0 auto; background:url(../images/banner-shedow.png) no-repeat center -7px; margin-top:10px; position:relative}
.banner-inner{width:998px; margin:0 auto; height:377px; border:1px solid #d5d5d5}
.dark{background:url(../images/dark-bg.jpg) no-repeat center center}
.light{background:url(../images/light-bg.jpg) no-repeat center center}
.pattern{background:url(../images/border.jpg) repeat-x bottom; padding-bottom:8px; width:998px; margin:0 auto}
/*----------------------- asyncslider ------------------------*/
.my_asyncslider{list-style:none; margin:0px; padding:0px; padding-top:36px !important; height:342px !important; position:inherit !important}
.my_asyncslider img{z-index:-1 !important; position:absolute; right:0px !important; left:auto !important}
.my_asyncslider .description{width:310px; float:left; margin-top:10px; color:#ced1d8; line-height:25px; text-shadow:0px 1px 0px #000; font-family:Arial,Helvetica,sans-serif; font-size:14px; padding-left:20px}
.my_asyncslider h1{margin-bottom:0px; font-size:32px; color:#fff; text-shadow:0px 1px 0px #000; line-height:normal; padding-bottom:19px; font-weight:bold; /*font-family:"Maiandra GD"*/font-family: "微软雅黑"}
.light .my_asyncslider h1{color:#1D93AB; text-shadow:0 1px 0 #fff}
.light .my_asyncslider .description p{color:#313131; text-shadow:0 0px 0 #fff}
.my_asyncslider .description p{color:#fff; text-shadow:0 0px 0 #000}
.header-wrapper-light .my_asyncslider .description{color:#5b5e66; text-shadow:0px 1px 0px #fff}
.header-wrapper-light .my_asyncslider h1{color:#3e414a; text-shadow:0px 1px 0px #fff}
.my_asyncslider .description p{font-size:14px; padding-bottom:20px}
.my_asyncslider .description a.blue-btn{float:left; font-weight:bold; font-size:17px; font-family:'Droid Sans',sans-serif; padding-top:6px; padding-bottom:6px}
#slide-01 .description{width:310px !important; margin-top:3px}
#slide-03 .bannerimg{margin-top:15px; margin-right:0px !important}
.slogan{font-weight:100; color:#666; font-size:36px}
.my_asyncslider .description ul li{width:180px; font-size:11px; float:left; margin-right:20px; padding-bottom:3px; padding-top:3px; font-style:italic; border-bottom:1px solid #dedede}
.my_asyncslider >div{min-height:342px; width:960px; margin:0 auto; display:block; padding:0px 0px 10xp; z-index:0 !important}
/* Prev Next Nav */
#asyncslider_next_prev_nav{position:relative}
#asyncslider_next_prev_nav li{color:#000; position:absolute}
#asyncslider_next_prev_nav li a{width:48px; height:48px}
#asyncslider_next_prev_nav li.prev a{background:url(../images/arrow-prev.png) no-repeat left}
#asyncslider_next_prev_nav li.next a{background:url(../images/arrow-next.png) no-repeat left}
.bannerimg{float:none; margin-right:13px}
/*-----------------------Middle Section ------------------------*/
#middle{width:1000px; margin:0 auto; background:#fff; border:1px solid #e9e9e9; border-top:none; padding-bottom:25px}
#middle-sdo1{width:1030px; margin:0 auto; background:url(../images/sdo1.png) no-repeat bottom; display:table; margin-bottom:30px; padding-bottom:5px}
#sdo2{width:1030px; margin:0 auto; background:url(../images/sdo2.png) no-repeat top; display:table; padding-top:5px}
/*-----------------------Message ------------------------*/
.message{ /*font-family:"Maiandra GD";*/font-family: "微软雅黑"; font-size:24px; color:#1d93ab; text-align:center; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.messagein{padding:37px 0px}
.gray-box{background:url(../images/mes-shedow.png) no-repeat center -30px; width:1030px; margin-left:-15px; padding-bottom:0px}
.gray-line{background:url(../images/line-pattern.jpg); width:990px; margin:0 auto; padding:5px; border:1px solid #dadada; border-left:none; border-right:none}
.gray-bg{background:url(../images/body-bg.jpg); width:988px; margin:0 auto; height:140px; border:1px solid #e4e4e4}
.features{ -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -transition:all 0.3s linear; float:left; font-size:12px; height:128px; padding-left:21px; padding-right:4px; padding-top:12px; width:300px; cursor:pointer }
.features a{ line-height: 28px; display: block;color:#57595d }
.features:hover{background:#fff; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);}
.features p{line-height:20px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -transition:all 0.3s linear}
.features p:hover{color:#1d93ab;text-decoration:underline}
.features:hover p, .features:hover h3{color:#1D93AB}
.features:last-child{margin:0px}
.features h3{ float:left; width:100%; font-weight:normal; color:#393939; line-height:30px; text-shadow:0px 1px 1px #fff; font-size:17px; margin-bottom:5px; /*font-family:"Times New Roman", Times, serif; */font-family: "微软雅黑";-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -transition:all 0.3s linear; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #606365; }
.features h3 img{float:left; padding-right:10px}
.features h3 a{color:#393939;}
.features h3 a:hover{text-decoration:underline}
/*-----------------------recent work ------------------------*/
/*service*/
.service{width:1000px;}
.service p{width:940px;height:50px;line-height:50px;margin-left:20px;font-size:20px;background:url(../images/h2-bor.jpg) repeat-x bottom; }
.service ul{padding-top:20px;}
.service li{width:100px;height:100px;float:left;margin:0 20px;}
.service_text li{width:100px;height:20px; line-height:20px; text-align:center;font-size:16px; font-family:"微软雅黑";color:#333; font-weight:bold;}
.recent-work{ width:100%; height: 200px;padding-top:50px; }
.work{width:220px; padding:0 20px; float:left}
.work a{color:#676767;}
.work a:hover{color:#000}
h2.patrn, h2.blue{background:url(../images/h2-bor.jpg) repeat-x bottom; font-weight:normal; padding-bottom:13px; letter-spacing:0px; margin-bottom:17px}
h2.blue{ font-weight:normal; padding-bottom:13px; letter-spacing:0px; margin-bottom:17px}
a.more{color:#1d93ab;margin-top:5px;float:right;margin-right: 5px;}
a.more:hover{text-decoration:underline}
/** Gallery Home **/
.gallery{float:left; width:712px; margin-bottom:50px}
.gallery ul{float:left}
.gallery li{ float:left; width:221px; font-family:arial,'Droid Sans',sans-serif; font-size:13px; color:#4b4b4b; text-align:center; margin-right:16px; display: inline; }
.portfolio .gallery li{ float:left; width:231px; font-family:arial,'Droid Sans',sans-serif; font-size:13px; color:#4b4b4b; text-align:center; margin-right:12px; display: inline; }
.gallery li:last-child{margin:0px}
.gallery li.margin0{margin-right:0px}
.gallery li a{color:#4b4b4b; font-weight:bold}
.gallery li a:hover{color:#0a7fa1}
.gallery li span{color:#84878C; display:block; font-family:tahoma,Arial; font-size:12px; font-weight:normal}
.gallery ul li img{background:url(../images/img-bg.png) no-repeat scroll center center transparent; margin-bottom:2px; padding:12px}
.gallery ul li img:hover{background:url(../images/img-bg-hover.png) no-repeat scroll center center transparent}
/** Who we are Home **/
.who-home{width:705px; float:left; padding-left:20px}
.who-home a{color:#676767}
.who-home a:hover{color:#000}
.tweet{float:right; width:240px}
h2.blue{color:#1d93ab; clear:both}
/** Tweet Box **/
.tweet-box{ background:url(../images/quot.png) no-repeat scroll left 5px transparent; border-bottom:1px solid #ebebeb; float:left; margin-bottom:14px; padding-bottom:14px; padding-left:27px; width:213px}
.tweet-box a{ border-bottom:1px solid #DADDE2; color:#1d93ab}
.tweet-box a:hover{ border-bottom:0 solid #DADDE2}
.time{ color:#84878C; display:block; padding-top:7px}
/** Purchase Box **/
.purchase{margin-bottom:36px}
.purchase .gray-line{border:1px solid #DADADA; font-size:30px; font-family:"PTSansNarrow"; color:#8e8e8e; text-shadow:0 0 1px #FFF}
.purchase .gray-bg{height:auto; line-height:80px; padding-left:20px; padding-right:20px; width:948px}
.yello-btn{float:right; margin-top:-3px}
.purchase-btn{background:#fee086; /* Old browsers */background:-moz-linear-gradient(top, #fee086 0%,#fecd69 100%); /* FF3.6+*/background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fee086),color-stop(100%,#fecd69)); /* Chrome,Safari4+*/background:-webkit-linear-gradient(top, #fee086 0%,#fecd69 100%); /* Chrome10+,Safari5.1+*/background:-o-linear-gradient(top, #fee086 0%,#fecd69 100%); /* Opera 11.10+*/background:-ms-linear-gradient(top, #fee086 0%,#fecd69 100%); /* IE10+*/background:linear-gradient(top, #fee086 0%,#fecd69 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee086',endColorstr='#fecd69',GradientType=0 ); /* IE6-9 */font-family:"PTSansNarrow"; font-size:23px; text-decoration:none; color:#715b58; position:relative; padding:6px 20px; text-shadow:0px 1px 1px #fff; border-radius:5px; box-shadow:inset 0px 1px 0px #feb,0px 5px 0px 0px #b88b38,0 8px 3px #ddd; border:1px solid #d3cebc}
.purchase-btn:active, .purchase-btn:hover{top:3px; background-image:linear-gradient(bottom,rgb(254,199,89) 0%,rgb(254,224,134) 100%); box-shadow:inset 0px 1px 0px #feb,0px 2px 0px 0px #b88b38,0px 5px 3px #ddd}
.purchase-btn:active::before{top:50%; margin-top:-12px; box-shadow:inset 0px 1px 0px #827066,0px 3px 0px #19120f,0px 6px 3px #382e29}
/*------------------------- Footer -------------------------*/
#footer{height:212px; background:url(../images/footer-bg.jpg) repeat-x bottom; width:100%; float:left; padding-top:23px}
#footer-inner{width:960px; margin:0 auto; padding:0 20px; display:table}
#footer-inner h3{font-size:18px; border-bottom:1px dotted #6a6a6a; font-weight:normal; padding-bottom:9px; letter-spacing:1px; margin-bottom:13px; color:#fff; text-shadow:0px 0px 1px #000}
#footer-inner p{color:#fff;text-shadow:0px 0px 1px #000}
#footer-inner img.grayborR{border:1px solid #a3a3a3; background:#ccc; padding:3px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -transition:all 0.3s linear}
#footer-inner img.grayborR:hover{opacity:0.7; cursor:pointer}
.client-say{width:280px; margin-right:120px; float:left}
.footer-details{width:220px; float:left; margin-right:120px}
/** BOTTOM ADDRESS **/
.address{ padding-left:20pxa; font-family:tahoma, arial; padding-bottom:48px; color: #FFFFFF; }
.address img{float:left; padding-right:7px}
.address strong{font-weight:bold; color:#fff; display:block; float:left; padding-bottom:8px; padding-right:4px; font-family:Arial,Helvetica,sans-serif}
/** NEWSLETTER **/
input.newsletter{background:url(../images/news-letter.png) no-repeat center center; padding:14px 30px 14px 8px; border:none; width:185px; color:#babdc0; font-family:tahoma,arial; text-align:center; text-shadow:0px 1px 0px #25272f; letter-spacing:-0.2px; font-size:12px; margin-top:20px}
/*其他页面*/
/*------------------------- 页面 son/about us-------------------------*/
.detail h2{ font-size: 18px; font-weight: normal; text-align: center; position: relative; color: #666666;}
.detail span{ font-size: 12px; font-weight: normal; color: #999999; position: absolute; top: 4px; right: 6px; }
.detail p{ margin-left: 40px; margin-right: 80px; letter-spacing: 1px; word-spacing: 2px; line-height: 2em; text-align: justify; font-size: 14px; text-indent: 28px; color: #666666; }
/*-------------------------company_dyn.html/company-------------------------*/
.detail ul{ margin-right: auto; margin-left: auto; width: 900px; }
.detail ul li{ list-style-position: outside; list-style-image: url(../images/ico01.gif); margin-top: 12px; position: relative; }
.detail ul li label{ color: #999999; position: absolute; right: 0px; }
/** RESPOND **/
.respond{float:left; width:100%; padding-bottom:21px}
.respond h3{padding-top:27px; margin-bottom:16px}
.respond form{float:left; margin-top:-8px}
.respond label{font-weight:bold; display:block; line-height:29px}
.respond label span, .respond span.astro{display:inline; background:none; color:red}
.respond input{width:300px; padding:12px; border:#cfd2d7 1px solid; background:#fcfcfc; color:#57595d; text-shadow:0px 1px 0px #fff; border-radius:5px}
.respond span{display:block; background:url(../images/input-bg.png) no-repeat left; width:282px; height:36px; margin-bottom:15px}
.respond span.txt-area{display:block; background:url(../images/txt-area.png) no-repeat left; width:522px; height:162px}
.respond textarea{border:#cfd2d7 1px solid; background:#fcfcfc; padding:12px; width:500px; resize:none; color:#57595d; text-shadow:0px 1px 0px #fff; border-radius:5px}
/** Buttons **/
.blue-btn{ background:#1eadca; /* Old browsers */ background:-moz-linear-gradient(top, #1eadca 0%,#19889f 100%); /* FF3.6+*/ background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1eadca),color-stop(100%,#19889f)); /* Chrome,Safari4+*/ background:-webkit-linear-gradient(top, #1eadca 0%,#19889f 100%); /* Chrome10+,Safari5.1+*/ background:-o-linear-gradient(top, #1eadca 0%,#19889f 100%); /* Opera 11.10+*/ background:-ms-linear-gradient(top, #1eadca 0%,#19889f 100%); /* IE10+*/ background:linear-gradient(top, #1eadca 0%,#19889f 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1eadca',endColorstr='#19889f',GradientType=0 ); /* IE6-9 */border-radius:5px; box-shadow:0 1px 0 #066377; color:#FFF; float:right; font-family:Arial,Helvetica,sans-serif; font-size:14px; margin-top:0; text-shadow:0 -1px 0 #666; margin-right: 4px; padding-top: 9px; padding-right: 16px; padding-bottom: 9px; padding-left: 16px; }
a.blue-btn:hover{ color:#CCCCCC }
/* ---------------- Contact 页面------------------------ */
.map{padding-left:20px; padding-top:30px; margin-bottom:40px; float:left; width:980px}
.leftsec {padding-left:20px; padding-top:30px}
.mapimg{ border:1px solid #C3C7CC; float:left; padding:5px}
.contactinfo{padding-left:20px; width:300px; float:left; margin-right:40px}
.add-cont{padding-top:7px}
.add-cont img{margin-right:6px}
.add-cont a{color:#1D93AB}
.add-cont a:hover{text-decoration:underline}
.contfrm{float:left; width:640px}
.blog{width:auto; font-family:tahoma,arial;}
.blogleft{width:640px; float:left; margin-right:40px; font-family:tahoma,arial; margin-left:20px; padding-top:30px}
.blogright{float:left; width:300px; padding-top:30px}
.blogright p{ padding-right:20px}
/** BLOG POST **/
.post{width:100%; float:left; padding-bottom:55px}
.blog-post{width:100%; float:left; }
.post h2{margin-bottom:7px}
.post-details{float:left; width:100%; color:#84878c}
.post-details span a {color:#64676b; border-bottom:1px solid #dadde2}
.post p {font-size: 14px;line-height: 25px;text-indent: 2em;}
.post p a {color:#FF0000;text-decoration:underline}
.post p a:hover {text-decoration:none}
a.comments{color:#79a8b2; border-bottom:1px solid #dadde2; float:none !important}
.post-details a:hover {border:none}
.post-details01 {float:left; width:100%; color:#84878c;margin-left: 26px;}
.post-img{border:1px solid #bec2c8;padding:4px;float:left;cursor:pointer;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-transition:all 0.3s linear;height: auto;width: auto;margin: 18px 0 15px 0;}
.post-img:hover{opacity:0.7}
.view-blog{background:#f9f9f9; /* Old browsers */background:-moz-linear-gradient(top,#f9f9f9 0%,#f0f0f0 100%); /* FF3.6+*/background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#f0f0f0)); /* Chrome,Safari4+*/background:-webkit-linear-gradient(top,#f9f9f9 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+*/background:-o-linear-gradient(top,#f9f9f9 0%,#f0f0f0 100%); /* Opera 11.10+*/background:-ms-linear-gradient(top,#f9f9f9 0%,#f0f0f0 100%); /* IE10+*/background:linear-gradient(top,#f9f9f9 0%,#f0f0f0 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9',endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */ border:1px solid #d2d3d5; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:8px 10px; color:#84878c; float:right; font-family:Arial,Helvetica,sans-serif; font-size:12px}
a.view-blog:hover{color:#1D93AB}
.blogright{float:left; width:300px; padding-top:30px}
.blogright p{ padding-right:20px}
/** Accordian **/
#accordion,#accordionleft{float:left; margin-bottom:45px}
#accordion{width:300px;}
#accordion h3,#accordionleft h3{background:url(../images/plus.jpg) no-repeat left; border-bottom:1px solid #efefef; height:40px; /*font-family:Arial,Helvetica,sans-serif; */font-family: "微软雅黑";font-weight:bold; font-size:12px; line-height:40px; padding-left:27px; width:91%; float:left; outline:none;color:#333}
#accordion h3 a,#accordionleft h3 a{display:block}
#accordion h3.ui-state-active,#accordionleft h3.ui-state-active{border-bottom:none; background:url(../images/minus.jpg) no-repeat left;}
#accordion h3.ui-state-active a,#accordionleft h3.ui-state-active a{display:block; color:#1d93ab !important}
#accordion h3.ui-state-default a,#accordionleft h3.ui-state-default a{color:#57595D}
#accordion div,#accordionleft div{padding:0 0 15px 0; background:#fff; float:left}
#accordionleft h3{width:614px}
#accordionleft div{width:640px}
#accordionleft p{margin-left: 26px;width:590px;overflow:hidden;height:70px;}
#accordionleft p a{color:#888a90}
#accordionleft p a:hover{color:#333}
/** category **/
ul.category{margin-bottom:35px}
ul.category, ul.category li{float:left; width:100%; color:#adafb4; line-height:28px; margin-top:-3px}
ul.category li a{color:#676767;line-height:32px;padding-left:5px;background-image: url(../images/minus-3.png);background-repeat: no-repeat;
background-position: left;}
ul.category li a span{color:#1D93AB;}
ul.category li a:hover{color:#1D93AB;background-image: url(../images/minus-2.png);background-repeat: no-repeat;background-position: left;}
.blogPost{float:left; width:300px; padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid #efefef}
.last{margin-bottom:44px}
.blogPost a{color:#57595D}
.thumb-img{float:left;padding:3px;border:1px solid #c3c7cc;margin-right:10px;height: 59px;width: 59px;}
.thumb-img a{float:left}
.thumb-img img{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -transition:all 0.3s linear}
.thumb-img img:hover{opacity:0.5}
.date{color:#84878c}
.post-cont p{margin: 10px 0 7px 0;}
.post-cont p a:hover,span.comment a{color:#1D93AB}
span.comment a:hover, .blogPost a:hover{text-decoration:underline}
.message, .messagein{/*font-family:"Maiandra GD";*/font-family: "微软雅黑"; font-size:24px; color:#1d93ab; text-align:center; padding:22px 0px}
.messagein{padding:37px 0px}
/** Title **/
.title-outer{background:url(../images/titlebg.jpg) repeat-x; height:77px; width:100%}
.title{width:980px; margin:0 auto; font-size:24px; color:#1d93ab; line-height:75px; text-shadow:1px 1px 0 #FFF; letter-spacing:-0.5px; /*font-family:'Droid Sans',sans-serif;*/font-family: "微软雅黑"; padding-right:20px}
.title span{color:#a0a0a0}
.top-search{float:right; width:200px; height:39px; background:url(../images/search.png) no-repeat center center; margin-top:20px}
.top-search input{background:transparent; border:none; padding:13px 6px 11px 36px; color:#9d9d9d; width:202px; font-size:11px}
.add {height: 15px;}
.detail-1 {float: right;width: auto;margin-top: 13px;color: #999;margin-right: 20px;}
.display {min-height:280px;width: auto;margin-bottom: 15px;}
.dis-pic {width: 225px;float: left;margin-right: 20px;}
.dis-picone {height: 134px;border: 1px solid #1d93ab;padding: 3px;margin-bottom: 10px;}
.dis-picname {font-size: 14px;font-weight: bold;color: #1d93ab;}
.dis-picone p{ letter-spacing: 1px; word-spacing: 2px; line-height: 2em; font-size: 14px; color: #666666; }
.dis-picone img{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -transition:all 0.3s linear}
.dis-picone img:hover{opacity:0.5}
.blog-img {background-image: url(../images/pic-06.jpg);height: 400px;}
.blog-button01 {width:auto;float:left;margin-left: 553px;margin-top: 271px;}
.blog-function01 {height: 360px;padding: 50px 20px 20px 20px;}
.blog-box{background:url(../images/sdo2.png) no-repeat center -30px;width:1030px;margin-left:-15px;margin-top: 15px;}
.blog-line{background:url(../images/line-pattern.jpg); width:990px; margin:0 auto; padding:5px; border:1px solid #dadada; border-left:none; border-right:none}
.blog-bg,.blog-bg01,.blog-bg02{background:url(../images/body-bg.jpg);width:988px;margin:0 auto;height:360px;border:1px solid #e4e4e4; }
.blog-bg{border-bottom:none;}
.blog-bg01{border-top:none;border-bottom:none;padding-top: 15px;padding-bottom: 15px;}
.blog-bg02{border-top:none;}
.blog-bg-img ,.blog-bg01-img {width: 447px;height: auto;margin-top: 20px;}
.blog-bg-img {float: left;margin-left: 31px;}
.blog-bg01-img {float: right;margin-right: 31px;}
.blog-bg-con ,.blog-bg01-con{height: 243px;width: 447px;margin-top: 59px;margin-right: 26px;font-size: 23px;font-weight: normal;color: #1d93ab;line-height: 32px;}
.blog-bg-con p,.blog-bg01-con p {font-size: 33px;color: #1d93ab;}
.blog-bg-con {float: right;margin-right: 26px;}
.blog-bg01-con {float: left;margin-left: 26px;}
.blog-bottom-ind {margin-right: 14px;margin-left: 14px;height: 250px;margin-top: 25px;}
.blog-bottom-indl,.blog-bottom-indr {width: 27%;float: left;}
.blog-bottom-indl {margin-left: 52px;}
.blog-bottom-indr {margin-left: 39px;}
.blog-bottom-indlimg,.blog-bottom-indrimg {height: 180px;}
.blog-bottom-indlcon ,.blog-bottom-indrcon{margin-top: 25px;font-size: 23px;font-weight: normal;color: #1d93ab;text-align: center;}
/** RIGHT SECTION *********************************/
.leftsec01{float:left;height: auto;width: auto;padding-bottom:130px}
.leftsec01 #accordion h3{margin-bottom:0px}
.leftsec01 p{padding-right:20px}
.leftsec01 p.mar45{margin-bottom:45px}
/** portfolio structure **/
.main{float:left; width:179px; height:134px; padding:0 !important; overflow:hidden; position:relative; cursor:hand; cursor:pointer; margin:0px 20px 20px 0px}
.main{width:234px; margin-bottom:17px; margin-right:12px; height:235px; border:0px solid #fff}
/* Setting for corners */
li.main img{padding:12px; background:url(../images/img1-bg.png) no-repeat center center; margin-bottom:6px}
li.main img:hover{background:url(../images/img1-bg-hvr.png) no-repeat center center}
li.main a{display:block; float:left; color:#4B4B4B; font-family:arial; font-size:13px; font-weight:bold; text-align:center}
li.main a span{ color:#84878C; display:block; font-family:tahoma,Arial; font-size:12px; font-weight:normal; line-height:22px}
li.main a:hover{color:#1D93AB}
/** Gallery Home **/
.gallery{float:left; width:712px; margin-bottom:50px}
.gallery ul{float:left}
.gallery li{float:left; width:229px; font-family:arial,'Droid Sans',sans-serif; font-size:13px; color:#4b4b4b; text-align:center; margin-right:12px}
.portfolio .gallery li{float:left; width:231px; font-family:arial,'Droid Sans',sans-serif; font-size:13px; color:#4b4b4b; text-align:center; margin-right:12px}
.gallery li:last-child{margin:0px}
.gallery li.margin0{margin-right:0px}
.gallery li a{color:#4b4b4b; font-weight:bold}
.gallery li a:hover{color:#0a7fa1}
.gallery li span{color:#84878C; display:block; font-family:tahoma,Arial; font-size:12px; font-weight:normal}
.gallery ul li img{ background:url(../images/img-bg.png) no-repeat scroll center center transparent; margin-bottom:2px; padding:12px}
.gallery ul li img:hover{ background:url(../images/img-bg-hover.png) no-repeat scroll center center transparent}
/* Portfolio -----------------------------------*/
.portfolio{ float:left; margin-bottom:0px; width:980px}
.portfolio_container{position:relative}
.portfolio_contain{margin:9px 0 0 0px; padding:0px; width:100%; float:left}
/* portfolio_list */
.portfolio_list{float:right; list-style:none; position:relative; padding:0 0 0 36px; background:url(../images/list-bg.jpg) repeat-x bottom; height:44px; min-width:367px; margin-top:-10px}
.portfolio_list li{float:left; color:#57595d; margin:0px; font-family:tahoma,arial; font-size:14px; padding:15px 0}
.portfolio_list li:after{content:"/"; font-family:Androgyne; color:#1d93ab; font-size:13px}
.portfolio_list li:last-child:after{content:""}
.portfolio_list a{color:#676767; float:left; padding:0 10px; text-decoration:none; width:auto !important}
ul.portfolio_list li.active a{color:#1d93ab}
ul.portfolio_list li a:hover{color:#1d93ab;text-decoration:underline}
.ie6 #portfolio_list li, .ie7 #portfolio_list li{display:inline}
.ie6 #magic-line{bottom:-3px}
.gray-bg01 {font-family:"Maiandra GD"; font-size:24px; color:#1d93ab; text-align:center; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
/*top*/
*{padding:0;margin:0}
.go{width:46px;height:47px;background-color:#f3f5f4;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:15px;bottom:60px;border-radius:100px;box-shadow:0 0 4px #a0a0a0}
.go a{background:url(../images/top.png) no-repeat;display:block;text-indent:999em;width:46px;border:0;overflow:hidden;float:left;}
.go .top{background-position:0 -33px;height:47px}
.go .top:hover{background-position:-38px -33px;background-color:#3bafc7;border-radius:100px;box-shadow:0 0 2px #3bafc7}
.add01 {height: 30px;}
.add02 {height: 90px;}
.add-pic01 {
padding: 3px;
height: 255px;
margin-left: 70px;
width: 812px;
margin-top: 20px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #999;
border-right-color: #999;
border-bottom-color: #999;
border-left-color: #999;
}
.add-end01 {height: 60px;margin: 25px 0 20px 35px;}
.blogleft .post p {
}
#middle-sdo1 #sdo2 #middle .blogleft .post a {
color: #0033FF;
text-decoration: none;
}
#middle-sdo1 #sdo2 #middle .blogleft .post a:hover {
color: #FF0000;
text-decoration: underline;
}