/****************************
RESET STYLES
****************************/

/*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, font, img, ins, kbd, q, s, samp, small, strike, strong, 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 { background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; }*/

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, font, img, ins, kbd, q, s, samp, small, strike, strong, 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*/ { background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; }

body { background: url("img/patterns/body-bg.png") repeat scroll 50% 0 #F6F6F6; color: #666; font: 12px/1.8em 'Open Sans', Arial, Tahoma, sans-serif; margin: 0 auto; overflow-x: hidden; }
img{border:none;}

ol, ul { list-style: none outside none; padding: 0; }

blockquote, q { quotes: none; }

:focus { outline: 0 none; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; margin: 0 0 6px; }

th { padding: 2px; width: 86px; }

td { padding: 2px; }

input, textarea, select { border: 0 none; color: #999999; font: 12px 'arial'; padding: 4px; }

h1, h2, h3, h4, h5, h6 { color: #333333; display: block; font-family: 'Droid Serif', Georgia, 'Times New Roman', serif; font-weight: normal; margin-bottom: 25px; }

h1 { font-size: 20px; }

h2 { font-size: 18px; }

h3 { font-size: 16px; text-transform: capitalize; }

h4 { font-size: 14px; }

h5 { font-size: 12px; }

h6 { font-size: 12px; }

a:link, a:visited { color: #999999; text-decoration: none; }

a:hover { color: #D91700; }

p { margin-bottom: 20px; }

::selection {
background:#D91700;
color:#FFF;
}
::-moz-selection {
background:#D91700;
color:#FFF;
}



/****************************
FONT FACE REPLACEMENT
****************************/

/****************************
GLOBAL STYLES
****************************/

.clear:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }

#container { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E4E3DF; box-shadow: 0 1px 6px #EEEEEE; -moz-box-shadow: 0 1px 6px #EEEEEE; -webkit-box-shadow: 0 1px 6px #EEEEEE; margin: 0 auto; padding: 40px 40px 40px 40px; position: relative; width: 960px; behavior: url(js/PIE.htc); }

.logo { float: left; height: 73px; /*padding: 17px 0 0;*/ position: relative; top: 0; z-index: 2; }

label.created { float: right !important; }

.sf-menu > li, .sf-menu > li > a, a { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; behavior: url(js/PIE.htc); }

/****************************
LAYOUT
****************************/
#cap { background: none repeat scroll 0 0 #221E1F; height: 4px; /*margin-bottom: 30px; */}

.container-wrap { overflow: hidden; }

#header { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E4E3DF; box-shadow: 0 1px 6px #EEEEEE; margin: 0 auto; width: 1040px; }

.header-wrapper { margin: 0 auto; position: relative; width: 960px; }

#header .menu select { display: none; }

.heading-top { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); border: 1px solid #FFFFFF; box-shadow: 0 1px 6px #EEEEEE; -moz-box-shadow: 0 1px 6px #EEEEEE; -webkit-box-shadow:0 1px 6px #EEEEEE; height: 33px; margin: 30px auto 40px; padding: 10px 30px; width: 960px; behavior: url(js/PIE.htc); }

.heading-top h2 { color: #333333; display: inline-block; float: left; padding-right: 22px; font: italic 15px/32px 'Droid Serif', Georgia, 'Times New Roman', serif; margin: 0; text-transform: capitalize; vertical-align: middle; }

.heading-top span { color: #D91700; }

#myslides1 { display: inline-block; height: auto !important; margin-top: 0; position: relative; width: 70% !important; top: -4px; }

#myslides1 label { color: #999999; font: italic 11px 'Droid Serif', Georgia, 'Times New Roman', serif; text-shadow: 1px 1px 0 #FFFFFF; }

#slider, #top-image { background: url("img/gallery/slider-bg.png") no-repeat scroll 50% 50% transparent; height: 383px; position: relative; z-index: 1; }

.f-slider h2 { color: #FFFFFF; font-family: 'PTSansBold'; font-size: 20px; left: 60px; line-height: 18px; margin-bottom: 20px; position: absolute; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7); top: 95px; }

.f-caption { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); color: #FFFFFF; font-size: 12px; left: 60px; line-height: 18px; padding: 2%; position: absolute; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); top: 131px; width: 340px; }

.f-slider .button-c1 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 0; color: #ffffff !important; left: 60px; position: absolute; text-shadow: 0 0 0 #000; top: 244px; }

.f-slider .button-c1:hover { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); }

.f-caption-round { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; display: block; height: 300px; left: 80px; position: absolute; text-align: center; top: 41px; width: 300px; behavior: url(js/PIE.htc); }

.f-caption-round h2 { border-bottom: 1px dotted #5EC3E5; color: #FFFFFF; font-family: 'PTSansBold'; font-size: 20px; left: 20px; line-height: 18px; margin-bottom: 15px; padding-bottom: 15px; position: absolute; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7); top: 72px; width: 260px; }

.f-caption-round .f-caption { background: none repeat scroll 0 50% transparent; color: #FFFFFF; font-size: 12px; left: 13px; line-height: 18px; position: absolute; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); top: 115px; width: 260px; }

.f-caption-round .button-c1 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 0; color: #ffffff !important; left: 109px; position: absolute; text-shadow: 0 0 0 #000000; top: 213px; }

.f-caption-round .button-c1:hover { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); }

#top-image { height: 200px; }

.breadcrumb { background: none repeat scroll 0 0 #6A93AD; bottom: 20px; color: #FFFFFF; left: 0; padding: 8px 30px; position: absolute; text-shadow: 0 1px 1px #333333; }

.breadcrumb a:link, .breadcrumb a:visited { color: #FFFFFF; font-weight: bold; }

.breadcrumb a:hover { text-decoration: underline; }

.sthumbs { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); bottom: 10px; left: 105px; padding: 15px 15px 0; position: absolute; width: 745px; }

.sthumbs li { float: left; margin: 0 15px 10px 0; }

.sthumbs li a img { border: 4px solid #6A93AD; opacity: 0.8; }

.sthumbs li a:hover img, .sthumbs li a.active img { border: 4px solid #FFFFFF; opacity: 1; }

#contents { padding: 0; }

#contents-1 { padding: 0; }

.main-content { border-right: 1px dashed #EEEEEE; float: left; padding: 0 30px 0 0; width: 640px; }

.main-content-left { border-left: 1px dashed #EEEEEE; float: right; padding: 0 0 0 30px; width: 640px; }

.bor-non { border-top: 0 none !important; }

.fullwidth { width: 100%; }

.padding-1 { padding: 0; }

.fullwidth .notify h2 { margin-right: 25px; width: 712px; }

.last { margin-right: 0 !important; }

.right { float: right !important; }

.t-align { text-align: center !important; }

.m-right { margin-right: 24px !important; }

.m-bot0 { margin-bottom: 0 !important; }

.m-bot3 { margin-bottom: 3px !important; }

.radius-6-t { border-radius: 6px 6px 0 0 !important; -moz-border-radius: 6px 6px 0 0 !important; -webkit-border-radius: 6px 6px 0 0 !important; behavior: url(js/PIE.htc); }

.shadow { background: url("img/shadow.png") repeat scroll center top transparent; height: 30px; margin-bottom: 20px; position: relative; vertical-align: middle; width: 100%; }

.erorr-heading { font-size: 47px; line-height: 57px; }

.heading-text-h3 { background: #FFFFFF; background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F5F6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #F4F5F6)); background: -webkit-linear-gradient(top, #FFFFFF 0%, #F4F5F6 100%); background: -o-linear-gradient(top, #FFFFFF 0%, #F4F5F6 100%); background: -ms-linear-gradient(top, #FFFFFF 0%, #F4F5F6 100%); background: linear-gradient(top, #FFFFFF 0%, #F4F5F6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F5F6', GradientType=0 );
border-bottom: 3px double #E9E9EA; padding: 25px 0; behavior: url(js/PIE.htc); }

.heading-text-h3 h3 { margin: 0; }

.carousel-box { position: relative; }

#prev, #prev.disabled:hover { background-position: left bottom; left: 10px; }

#next, #next.disabled:hover { background-position: right top; right: 10px; }

#prev, #next { background: url("img/patterns/bg-container.png") repeat scroll center top transparent; border-bottom: 1px solid #688E0A; border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; cursor: pointer; display: block; height: 40px; position: absolute; text-indent: -9999px; top: -88px; width: 40px; z-index: 999; behavior: url(js/PIE.htc); }

.carousel { width: 100% !important; }

#myslides { width: 976px !important; height: 109px !important; margin: 0 auto; }

.myslides-1 { width:100%; text-align: center; }

.myslides-1 img { position: relative; width: 40px; }

.top-banner { margin-bottom: 50px !important; }


.welcome:before, .services:before, .has-divider:before, .br-bot:before, .team:before, .cols-wrap:before, .comment-box:before { background: url("img/patterns/hash.png") repeat scroll left top transparent; bottom: 0; content: ""; height: 10px; left: 0; position: absolute; width: 100%; }

.br-bot { margin-bottom: 30px; padding-bottom: 20px; position: relative; }

.welcome, .services, .team, .cols-wrap, .comment-box { margin-bottom: 30px; padding-bottom: 20px; position: relative; }

.has-divider { margin-bottom: 40px; padding-bottom: 50px; position: relative; }

.welcome { font-size: 12px; }


.blog h5 { margin-bottom: 15px; }

.blog img, .map iframe, .two-col-video iframe, .gallery img, .img-head img, .img-head iframe, .parent img { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E9E9EA; padding: 4px; }

.blog a:hover img, .gallery a:hover img { border: 1px solid #ccc; }

.blog ul { width: 675px; }

.fullwidth .blog ul { width: 100%; }

.blog ul li { float: left; margin: 0 27px 10px 0; width: 195px; }

.fullwidth .blog ul li { float: left; margin: 0 24px 0 0; width: 222px; }

.blog ul li h5 a:link, .blog ul li h5 a:visited { color: #333333; font: 14px 'OpenSansSemibold'; }

.blog ul li h5 a:hover { color: #D91700; }

.blog ul li img { height: 104px; margin-bottom: 8px; width: 185px; }

.fullwidth .blog ul li img { height: 104px; margin-bottom: 8px; width: 212px; }

.blog label { background: none repeat scroll 0 0 #4A5151; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; display: block; color: #FFFFFF; font-size: 11px; font-style: italic; margin-bottom: 15px; padding: 2px 8px; text-shadow: 0 1px 1px #000; behavior: url(js/PIE.htc); }

.blog label a:link, .blog label a:visited { color: #FFFFFF; display: inline; font: italic 11px 'arial' !important; }

.blist ul li { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E9E9EA; margin-bottom: 30px; width: 636px; }

.blist h5 { margin-bottom: 6px; }

.desc span { color: #999999; display: block; font-size: 11px; margin-bottom: 10px; text-shadow: 0 1px 1px #FFFFFF; text-transform: uppercase; }

.desc span a:link, .desc span a:visited { color: #333; display: inline; }

.desc span a:hover { color: #D91700; }

.blist .desc { float: left; padding: 15px; width: 355px; }

.blist .desc p { margin-bottom: 0; }

.blist ul li img { border: 0 none !important; display: block; height: 135px; margin-bottom: 0; margin-right: 15px; padding: 0; width: 220px; }

.blist ul li a.img-title:link, .blist ul li a.img-title:visited { float: left; height: 100%; width: 220px; }

.two-col-video iframe { display: block; height: 240px; width: 434px; margin-bottom: 14px; }

.team h5 { background: none repeat scroll 0 0 #F3F3F3; border: 1px solid #eee; bottom: -2px; color: #666; font-family: 'PTSansBold', Helvetica, Arial, sans-serif; left: 0; margin: 0; padding: 5px 15px 3px; position: absolute; text-align: center; text-shadow: 0 1px 1px #fff; text-transform: uppercase; width: 107px; }

.team ul { margin-bottom: 20px; }

.team li { background: none repeat scroll 0 0 #F3F3F3; border: 1px solid #eee; border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; float: left; margin-right: 25px; padding: 5px 4px 0; position: relative; behavior: url(js/PIE.htc); }

.team li img { border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; behavior: url(js/PIE.htc); width: 130px; }

.fullwidth .team h5 { background: none repeat scroll 0 0 #F3F3F3; border: 1px solid #eee; bottom: -2px; color: #666; font-family: 'PTSansBold', Helvetica, Arial, sans-serif; left: 0; margin: 0; padding: 5px 15px 3px; position: absolute; text-align: center; text-shadow: 0 1px 1px #fff; width: 140px; }

.fullwidth .team ul { margin-bottom: 20px; }

.fullwidth .team li { background: none repeat scroll 0 0 #F3F3F3; border: 1px solid #eee; border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; float: left; margin-right: 25px; padding: 5px 4px 0; position: relative; behavior: url(js/PIE.htc); }

.fullwidth .team li img { border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; behavior: url(js/PIE.htc); width: 162px; }

.skills, .testimonials, .how-we-work { float: left; margin-right: 27px; width: 195px; }

.fullwidth .skills, .fullwidth .testimonials, .fullwidth .how-we-work { float: left; margin-right: 27px; width: 219px; }

.skills h5 { font: 14px 'OpenSansSemibold'; margin-bottom: 10px; }

.testimonials ul li { background: url("img/qoute.png") no-repeat scroll left 6px transparent; font-family: 'georgia'; font-style: italic; margin-bottom: 20px; padding-left: 30px; }

.testimonials p { margin-bottom: 6px; }

.testimonials span { color: #333333; font-weight: bold; }

.how-we-work p { overflow: hidden; }

.how-we-work label { background: none repeat scroll 0 0 #666; border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; behavior: url(js/PIE.htc); color: #fff; display: inline-block; float: left; font: italic bold 48px 'OpenSansExtraboldItalic'; height: 35px; margin-right: 10px; padding: 0 0 10px; text-align: center; width: 45px; }

.how-we-work span { display: block; margin-top: -4px; }

.numbers label { background: none repeat scroll 0 0 #666; border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; behavior: url(js/PIE.htc); color: #FFFFFF; display: inline-block; float: left; font: italic bold 37px 'OpenSansExtraboldItalic'; height: 26px; margin-right: 15px; padding: 0 0 10px; text-align: center; width: 36px; }

.numbers span { display: block; margin-top: -4px; }

.numbers-1 label { background: url("img/icons/bg-dropcap.png") no-repeat scroll left 0 transparent; color: #666; display: inline-block; float: left; font: italic 25px/33px 'OpenSansExtraboldItalic'; height: 39px; margin-right: 15px; text-align: center; width: 38px; }

.numbers-1 span { display: block; margin-top: 1px; }

.map { margin-bottom: 30px; }



#footer { border-top: 1px solid rgba(0, 0, 0, 0.07); margin-top: 50px; }

.footer-wrapper { margin: 0 auto; padding: 0 40px; position: relative; width: 960px; }

#footer-bot { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); color: #fff; overflow: hidden; padding: 30px 0; }

#footer label { float: left; }



dl { display: block; width: 201px; }

dl { line-height: 21px; }

dd span { float: right; }

dd a { float: right; }

dl strong { display: block; }

ul.tweet_list li { margin-bottom: 15px; overflow: hidden; }

ul.tweet_list li img { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E1E1E1; float: left; margin-right: 10px; padding: 2px; }

ul.tweet_list li a:link, ul.tweet_list li a:visited { color: #333; }

/****************************
SIDEBAR
****************************/

#toTop { background: none repeat scroll 0 0 #4A5151; bottom: 0; color: #EEEEEE; cursor: pointer; font-size: 10px; padding: 10px 20px; position: fixed; right: 0; text-align: center; text-decoration: none; text-shadow: 0 1px 1px #000000; text-transform: uppercase; }

.sidebar { float: right; padding-left: 30px; width: 259px; }

.sidebar-left { float: left; padding-right: 30px; width: 259px; }

.fleft { float: left; }

.left { float: left; width: 250px; }

.sidebar div, .left div { margin-bottom: 40px; }

.sidebar div h5, .left div h5 { border-bottom: 1px dashed #D0D0D0; color: #333333; margin-bottom: 0; padding: 0 0 10px; position: relative; text-transform: uppercase; }

.sidebar-left div, .left div { margin-bottom: 40px; }

.sidebar-left div h5, .left div h5 { border-bottom: 1px dashed #D0D0D0; color: #333333; margin-bottom: 0; padding: 0 0 10px; position: relative; text-transform: uppercase; }

.sociable ul, .categories ul, .contact-info ul, .side-paragraph div, .flickr div, .search div { padding: 20px 0 0; }

.sociable ul { }

.sociable ul li { float: left; margin-right: 5px; }

span.arrow { bottom: -4px; height: 4px; left: 20px; position: absolute; width: 9px; }

span.tail { background: url("img/tail.png") no-repeat scroll 50% 0 transparent; height: 4px; position: absolute; width: 250px; }

.categories ul { }

.categories ul li { float: left; margin-right: 9px; padding: 2px 0;width:100%;}

.categories ul li a:link, .categories ul li a:visited { background: url("img/arrow.png") no-repeat scroll 0 5px transparent; color: #999999; padding-left: 20px; }

.categories ul li a:hover { color: #D91700; }

.contact-info ul { }

.contact-info ul li { float: left; margin-right: 9px; padding: 2px 0; width: 100%; }

.contact-info ul li span { background: url("img/arrow.png") no-repeat scroll 0 5px transparent; padding-left: 20px; float: left; padding-right: 20px; width: 40px; }

.contact-info ul li a { cursor: pointer; }

.contact-info ul li a:hover { color: #D91700; }

.side-paragraph div { margin-bottom: 0; }

.side-paragraph img, .flickr ul li img { background: none repeat scroll 0 0 #fff; border: 1px solid #E9E9EA; float: left; margin-right: 12px; margin-top: 4px; padding: 4px; }



.fullwidth .services ul li { margin: 0 24px 0 0; width: 222px; }

.fullwidth .full-services ul li { margin: 0 30px 0 0 !important; width: 217px !important; text-align: center; }

.fullwidth .services ul li p { overflow: visible !important; }

.fullwidth .full-services ul li p { overflow: visible !important; }

.fullwidth .main-services ul li { float: left; margin: 0 30px 0 0 !important; width: 217px !important; text-align: center; overflow: hidden; }

.fullwidth .main-services ul li img { margin-bottom: 10px; }

.fullwidth .main-services ul li h4 { color: #333; line-height: 31px; margin-bottom: 10px; }

.fullwidth .main-services .last { margin-right: 0 !important; }

.fullwidth .fancy-text { /*float: left; margin-bottom: 0; margin-right: 30px; width: 217px; */}

.fullwidth .blist ul { width: 100%; }

.fullwidth .blist ul .first { background: none repeat scroll 0 0 transparent; border: 0; }

.fullwidth .blist ul li { border: 1px solid #E9E9EA; float: left; margin-bottom: 0; margin-right: 20px; width: 215px; }

.fullwidth .blist ul li img { margin: 0; width: 215px; }

.fullwidth .blist ul li .desc { width: auto; }


/*自定义开始*/
.p_logo{float:left;}

.p_logo li{float:left;margin-bottom: 25px;margin-right: 30px;width: 280px;height: 180px;}
.p_logo li a{float:left;}
.p_logo li img{margin-right:10px;}
.p_logo li p {margin-bottom: 5px;}

.contact_info p{line-height: 32px;}
.phone{background:url(img/icon/contact.png) no-repeat left center;padding-left: 45px;}
.fax{background:url(img/icon/print.png) no-repeat left center;padding-left: 45px;}
.email{background:url(img/icon/email.png) no-repeat left center;padding-left: 45px;}

.contact_info_map h1{color:#ff0000;}
.contact_info_map p{margin: 0;}
.products li img{height:117px;}
.products li{text-align:center;float:left;}

.centent_box .content a{margin: 10px;}

.banner{margin-bottom: 15px;}
.download{width:278px;height:79px;background:url(img/download.gif) left center no-repeat;display:block;}
.products table{border: 1px solid #cccccc;}
.cirle{direction:ltr;unicode-bidi:embed;font-family:Symbol;font-size:10.0pt;
  language:x-none;color:#212120}
  
.tableheader1{background:#CCC;color:#000;}



/*joe add*/
ul.sf-menu li li li:hover li ul, ul.sf-menu li li li.sfHover li ul { top: -999em; }

ul.sf-menu li li li li:hover ul, ul.sf-menu li li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/*language*/
.language{text-align:right;padding: 5px 0;margin: 0 auto;width: 1040px;}