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, strong, 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-family:"微软雅黑"; vertical-align: baseline; font-size:12px;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/*
input,textarea { display:inline-block;font-size: 12px;font-weight:600;line-height:16px; padding: 5px 11px ;position:relative;border:0 none; float:left;}
*/

* {_noFocusLine: expression(this.hideFocus=true);} /* Removes dotted lines around links */
img {border: 0 none;  height: auto;  max-width: 100%; vertical-align: middle;}


/*-----------------------------------------------------------------------------------*/
/*	2.	Document Setup (body, common classes, structure etc)
/*-----------------------------------------------------------------------------------*/

body {font: 12px/20px "微软雅黑" Verdana, Geneva, sans-serif;  margin:0; padding:0; color:#999;  background:#003E78;}
#wrapper { position:relative;}
a {text-decoration:none;-webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear;-o-transition:color 0.2s linear;transition:color 0.2s linear;}
a:focus , a:link, a:active {outline:none;}
a:hover {color:#333;}
.clear {clear:both;}
.aligncenter {text-align:center;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
strong {font-weight:700;}
#bg {position: fixed;top: 0;left: 0;min-width: 100%;min-height: 100%;z-index: -1;}
.bgwidth {width: 100%;height:auto;}
.bgheight {height: 100%;width:auto;}
.space {height:60px;width:100%;clear:both;}
.half-space {height:30px;width:100%;clear:both;}
label { display:block;  float:left;   }
label.error {color: red;font-style: italic;margin: 5px 0 10px 0;}
input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);border:1px solid #EBEBEB;box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);}
input[type="text"], input[type="password"], input.text, input.title, textarea, select { width:50%; display:inline-block;font-size:20px; font-weight:500;  position:relative;border:1px solid #333;background:#f5f5f5;}
input.text, input.title, select { width:89%;}
input.title {font-size:14px;}
form.inline {}
form.inline p {margin-bottom:0;}

.text_80 { width:80%; margin:10px auto; font-size:14px; line-height:160%; }
.text_white_80 { width:80%; margin:0px auto; padding:50px 0; color:#fff; font-size:14px; line-height:160%;  }

.fr { float:right;}
.fl { float:left;}





.logo a { width:100%;height:60px; display:inline-block; float:left; margin:0 auto;}
a {color:#333;}
.intro a {color:#333;}
.team-text h6  {color:#333;}
ul#mainnav > li.item-active > a {background:#333; }
ul#mainnav li a.sf-with-ul:hover, ul#mainnav li a.sf-with-ul:active {background:#333;}
ul#mainnav li a:hover, ul#mainnav li a:active, ul#mainnav li a.current {background:#003E78; color:#fff; }
.service-item i {color:#333;}
#skills p {background: #333;}
.one-page ul#mainnav li.active a {background:#333;}	
.jcarousel-item a:hover {color:#333;}
.post-format i {background:#333;}
.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus {background-color:#0055A6;}
.jcarousel-prev-horizontal:hover, 
.jcarousel-prev-horizontal:focus {background-color:#333;}
.grid-item-on-hover {background:#333;}
span.hover-link {background:#333 url(/images/link.png) no-repeat scroll center center;}
span.hover-image {background: #333 url(/images/lightbox.png) no-repeat scroll center center;}
span.hover-video {background:#333 url(/images/video.png) no-repeat scroll center center;}
.tags ul li a:hover {background:#333;}
.testimonial-meta h5 {color:#333;}
span.caption a:hover {color:#333;}
.sidebar-post span a {color:#333;}
ul#filters li a.selected {background:#000;}
ul#home-filters li a.selected, ul#home-filters li a:hover {background:#333;}
.portfolio-nav a.prev-project {background:#efefef url(/images/portfolio-arrows.png) scroll 0 0;}
.portfolio-nav a.prev-project:hover {background:#333 url(/images/portfolio-arrows.png) scroll 0 -25px;}
.portfolio-nav a.close-project {background:#efefef url(/images/portfolio-arrows.png) scroll -23px 0;}
.portfolio-nav a.close-project:hover {background:#333 url(/images/portfolio-arrows.png) scroll -23px -25px;}
.portfolio-nav a.next-project {background:#efefef url(/images/portfolio-arrows.png) scroll -46px 0;}
.portfolio-nav a.next-project:hover {background:#333 url(/images/portfolio-arrows.png) scroll -46px -25px;}


h1.masonry-title a:hover,  .post-content h1 a:hover {color:#333;}
.next-prev-posts a:hover {color:#333;}
a.c_reply:hover {background:#333;color:#333 !important;}
#contactform input[type=submit] {background: #333;}
#footer {border-top: 5px solid #333;}
.blog-slides .next:hover, .blog-slides .prev:hover, #slides .next:hover, #slides .prev:hover,  .post .next:hover, .post .prev:hover {background:#333;}
.pagination li.current a {background:#333;}
ul.tabs li.active {border-top: 1px solid #333;}
.featured-column .column-shadow {background:#333;}
ul.customlist li i {color:#333;}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {background:#DA251C !important;}
.tp-leftarrow:hover,
.tp-rightarrow:hover {background-color:#333 !important;}
.widget a:hover {color:#333;}
ul.tags a:hover {color:#333;}
.authorp h2 a:hover {color:#333;}
.comment a:hover {color:#333;}
#toggle-view li.activated h3 {color:#333;}
ul#filters li a:hover {color:#333;background:#0055A6;}
ul#filters li.selected a {color:#333;background:#333;}
.portfolio h3 a:hover {color:#333;}
h2.post-title a:hover, .meta a:hover {color:#333;}
.pagenav a:hover {background:#333;color:#333;}
span.current {background:#333;}
.featured-column .package-title {border-bottom: 3px solid #C2240B;background: #333;}
.nav-first-item {border-top:1px solid #333;}
.toggle-plus {background:#333 url(/images/plus.png) no-repeat scroll 0 0;width:21px;height:21px;}
.toggle-minus {background:#333 url(/images/minus.png) no-repeat scroll 0 0;width:21px;height:21px;}
h6.check i {color:#333;font-size: 14px;margin-right: 8px;}
div.jp-play-bar {background: #333;}
div.jp-volume-bar-value {background: #333;}
ul#mainnav > li.sfHover > a {background:#003E78;color:#fff;}



/*-----------------------------------------------------------------------------------*/
/*	二维码
/*-----------------------------------------------------------------------------------*/


.QR_Code { float:left; width:120px; height:170px; text-align:center; color:#fff; margin-right:5px; overflow:hidden;}
.QR_Code img { float:left; height:120px; width:120px; }
.QR_Code span { float:left; height:30px; line-height:30px; text-align:center; } 




/*-----------------------------------------------------------------------------------*/
/*	3.	Columns
/*-----------------------------------------------------------------------------------*/

.one-half {width: 460px }
.one-third {width: 300px;}
.two-third {width: 620px;}
.one-fourth {width: 220px;}
.three-fourth {width:700px;}
.one-sixth {width: 140px;}
.five-sixth {width: 780px }

.one-fourth, .one-half, .two-third, .one-third, .three-fourth, .one-sixth, .five-sixth {position: relative;margin-right:20px;float: left;}

.percent-one-half {width: 48%;}
.percent-one-third {width: 30.66%;}
.percent-two-third {width: 65.33%;}
.percent-one-fourth {width: 22%;}
.percent-three-fourth {width: 74%;}
.percent-one-fifth {width: 16.8%;}
.percent-two-fifth {width: 37.6%;}
.percent-three-fifth {width: 58.4%;}
.percent-four-fifth {width: 67.2%;}
.percent-one-sixth {width: 16.66%;}
.percent-five-sixth {width: 82.67%;}

.percent-one-half,
.percent-one-third,
.percent-two-third,
.percent-three-fourth,
.percent-one-fourth,
.percent-one-fifth,
.percent-two-fifth,
.percent-three-fifth,
.percent-four-fifth,
.percent-one-sixth,
.percent-five-sixth {position: relative;float: left;}

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



/*-----------------------------------------------------------------------------------*/
/*	4.	Typography
/*-----------------------------------------------------------------------------------*/



h1 {font-size:40px;line-height:160%; font-family:"微软雅黑"; width:100%; color:#333; font-weight:lighter; text-transform:uppercase; }
h2 {font-size:30px;line-height:130%;margin-bottom:15px; font-weight:lighter; font-family:"微软雅黑";  color:#DA251C; }
h3 {font-size:20px;line-height:130%; margin-bottom:15px; font-weight: bold; font-family:"微软雅黑"; color:#333;}
h4 {font-size:18px; margin-bottom:15px; font-weight:lighter; font-family:"微软雅黑"; width:100%;}
h5 {font-size:14px; margin-bottom:15px; font-weight:bold; font-family:"微软雅黑";  width:100%;}
h6 {font-size:13px; font-weight:lighter; margin-bottom:15px; font-family:"微软雅黑";  width:100%; line-height:160%;}	


/*----首页----------------------------------------------------*/


.bg0 {width:100%; padding:10px 0;  background: url(images/bg1-0.jpg) fixed no-repeat center ; margin:0 auto; text-align:center; }
.bg1-1 {width:100%; padding:50px 0;  background:#fff url(images/bg1-1.jpg) fixed no-repeat center top ; margin:0 auto;}
.bg1-2 {width:100%; padding:50px 0;  background:#003E78 url(images/bg1-2.jpg) fixed  no-repeat center top; margin:0 auto;}
.bg1-3 {width:100%; padding:50px 0;  background:#fff url(images/bg1-3.jpg) fixed   no-repeat center top ; margin:0 auto;}
.bg1-4 {width:100%; padding:50px 0;  background:#003E78 url(images/bg1-4.jpg) fixed  no-repeat center top  ; margin:0 auto;}
.bg1-5 {width:100%; padding:50px 0;  background:#fff url(images/bg1-5.jpg) fixed  no-repeat center top ; margin:0 auto;}
.bg1-6 {width:100%; padding:50px 0;  background:#003E78 url(images/bg1-6.jpg) fixed  no-repeat center top ; margin:0 auto;}
.bg1-7 {width:100%; padding:50px 0;  background:#fff  ; margin:0 auto;}


.product { font-size:14px; line-height:200%; width:98%; color:#333; background:#f5f5f5; padding:50px 1% ; border-top:2px solid #003E77; }
.product_bg { background:url(images/product_bg.jpg); }
table { border:2px solid #666; width:100%; margin:20px 0; background:#f5f5f5; color:#333; }
table tr td  {  padding:2px; border-bottom:1px solid #999; border-left:1px dotted #ccc; text-align:center;  font-size:10px; }
table tr:first-child{ background:#ccc;} /*第一行标题蓝色背景*/
tr:nth-of-type(odd){ background:#FFF;} /* odd 标识奇数行，even标识偶数行 */
tr:hover{ background:#EEEEEE;} /*鼠标悬停后表格背景颜色*/


/*----集团概况----------------------------------------------------*/

.bg2-1 {width:100%; padding:50px 0;  background:#003E78 url(images/bg2-1.jpg) fixed  no-repeat center top; margin:0 auto; padding:50px 0;}
.bg2-2 {width:100%; padding:50px 0;  background:#fff url(images/bg2-2.jpg) fixed no-repeat center top; margin:0 auto; padding:50px 0;}
.bg2-3 {width:100%; padding:50px 0;  background:#003E78 url(images/bg2-3.jpg)  fixed no-repeat center top ; margin:0 auto; padding:50px 0; color:#f5f5f5;}
.bg2-3 h2 { color:#f5f5f5;}
.bg2-4 {width:100%; padding:50px 0;  background:#fff url(images/bg2-4.jpg) fixed no-repeat center top ; margin:0 auto; padding:50px 0;}
.bg2-5 {width:100%; padding:50px 0;  background:#003366 url(images/bg2-5.jpg) fixed no-repeat center top ; margin:0 auto; padding:50px 0;}
.bg2-6 {width:100%; padding:50px 0;  background:#fff url(images/bg2-6.jpg) fixed no-repeat center top ; margin:0 auto; padding:50px 0;}
.bg2-7 {width:100%; padding:50px 0;  background:#003E78 url(images/bg2-7.jpg) fixed no-repeat center top; margin:0 auto; padding:50px 0;}
.bg2-8 {width:100%; padding:50px 0;  background:#fff url(images/bg2-8.jpg)  fixed no-repeat center top; margin:0 auto; padding:50px 0;}

/*----旗下企业  产品展示------------------------------------------------------*/
.bg1 {width:100%; background:#F5F5F5 url(images/bg1.jpg) no-repeat center top; margin:0 auto;}
.bg2 {width:100%; background:#F5F5F5 url(images/bg2.jpg) no-repeat center top; margin:0 auto;}
.bg3 {width:100%; background:#F5F5F5 url(images/bg3.jpg) no-repeat center top; margin:0 auto;}
.bg4 {width:100%; background:#F5F5F5 url(images/bg4.jpg) no-repeat center top; margin:0 auto;}
.bg5 {width:100%; background:#F5F5F5 url(images/bg5.jpg) no-repeat center top; margin:0 auto;}
.bg6 {width:100%; background:#F5F5F5 url(images/bg6.jpg) no-repeat center top; margin:0 auto;}

.bg3-1 {width:100%; padding:50px 0; background:#003E78 url(images/bg3-1.jpg) fixed no-repeat center top; margin:0 auto;}
.bg3-2 {width:100%; padding:50px 0; background:#ccc url(images/bg3-2.jpg) fixed no-repeat center top; margin:0 auto;}
.bg3-3 {width:100%; padding:50px 0; background:#003E78 url(images/bg3-3.jpg) fixed no-repeat center top; margin:0 auto;}
.bg3-4 {width:100%; padding:50px 0; background:#ccc url(images/bg3-4.jpg) fixed no-repeat center top; margin:0 auto;}
.bg3-5 {width:100%; padding:50px 0; background:#003E78 url(images/bg3-5.jpg) fixed no-repeat center top; margin:0 auto;}
.bg3-6 {width:100%; padding:50px 0; background:#ccc url(images/bg3-6.jpg) fixed no-repeat center top; margin:0 auto;}


/*---- ------------------------------------------------------*/

.bg4-1 {width:100%; padding:50px 0 0; background:#003E78 url(images/bg4-1.jpg) fixed no-repeat center top ; margin:0 auto;}
.bg4-2 {width:100%; padding:50px 0 0; background:#fff url(images/bg4-2.jpg) fixed no-repeat center top ; margin:0 auto;}
.bg4-3 {width:100%; padding:50px 0 0; background:#333 url(images/bg4-3.jpg) fixed no-repeat center top ; margin:0 auto;}
.bg4-4 {width:100%; padding:50px 0 0; background:#0055A6 url(images/bg4-4.jpg) fixed no-repeat center top ; margin:0 auto;}
.bg4-5 {width:100%; padding:50px 0 0; background:#333 url(images/bg4-5.jpg) fixed no-repeat center top ; margin:0 auto;}

/*----产业优势------------------------------------------------------*/

.bg5-1 {width:100%; padding:50px 0; background:#003E78 url(images/bg5-1.jpg) fixed no-repeat center top ; margin:0 auto;}
.bg5-2 {width:100%; padding:50px 0; background: url(images/bg5-2.jpg) fixed no-repeat center top ; margin:0 auto;}
.bg5-3 {width:100%; padding:50px 0; background: url(images/bg5-3.jpg) fixed no-repeat center top ; margin:0 auto;}
.bg5-4 {width:100%; padding:50px 0; background: url(images/bg5-4.jpg) fixed no-repeat center top ; margin:0 auto;}
.bg5-5 {width:100%; padding:50px 0; background: url(images/bg5-5.jpg) fixed no-repeat center top ; margin:0 auto;}

/*----案例见证------------------------------------------------------*/

.bg6-1 {width:100%; padding:50px 0 ; background:#ccc url(images/bg6-1.jpg) fixed no-repeat center top ; margin:0 auto;}
.bg6-2 {width:100%; padding:50px 0; background:#003E78 url(images/bg6-2.jpg) fixed no-repeat center top ; margin:0 auto;}
.bg6-3 {width:100%; padding:50px 0; background:#ccc url(images/bg6-3.jpg) fixed no-repeat center top ; margin:0 auto;}


/*----联系------------------------------------------------------*/

.bg7-1 {width:100%; padding:50px 0 ; background:#003466 url(images/bg7-1.jpg) fixed no-repeat center top ; margin:0 auto;}
.bg7-2 {width:100%; padding:50px 0 ; background:#ccc url(images/bg7-2.jpg) fixed no-repeat center top  ; margin:0 auto;}
.bg7-3 {width:100%; padding:50px 0 ; background:#fff url(images/bg7-3.jpg) fixed no-repeat center top ; margin:0 auto;}
.bg7-4 {width:100%; padding:50px 0 ; background:#ccc url(images/bg7-4.jpg) fixed no-repeat center top  ; margin:0 auto;}



/*----新闻详情------------------------------------------------------*/
.bg21 {width:100%; padding:50px 0 ; background:#fff url(images/bg21.jpg) fixed no-repeat center top; margin:0 auto;}
.bg22 {width:100%; padding:50px 0 ; background:#fff url(images/bg22.jpg) fixed no-repeat center top; margin:0 auto;}

/*-----------------------------------------------------------------------------------*/
/*	底部返回顶部代码 微信二维码
/*-----------------------------------------------------------------------------------*/

*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
/*解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(/images/icon.png) no-repeat; position:fixed; right:10px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(/images/icon.png) -4px -3px no-repeat; position:fixed; right:50px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px; z-index:10000;}




/*--- 4.1. Dropcaps ---*/








.percent-one-sixth  .index_menu { width:100%; margin:0 auto; background:#006699; height:40px; line-height:40px; text-align:center; color:#fff; display:block;  }








.dropcap1 {-moz-border-radius: 3px;-webkit-border-radius: 3px;background: #666666;border-radius: 3px;color: #333;float: left;font-size: 36px;margin: 4px 10px 2px 0;padding: 12px 6px;text-shadow:0 1px 0 #333;}

.dropcap2 {float: left;font-size: 36px;line-height:26px;padding-right: 10px;padding-top: 8px;}

.dropcap3 {float: left;font-size: 36px;line-height:30px;font-style: italic;padding-right: 10px;padding-top:8px;}


/*--- 4.2. Hightlighted Text ---*/

.highlight {padding: 1px 3px;}

.highlight.redish {background-color: #ffcccf;color: #A14A40;}

.highlight.bluish {background-color: #D7E7F5;color: #5E6984;}

.highlight.yellowish {background-color: #3339CC;color: #736B4C;}

.highlight.greenish {background-color: #E2F2CE;color: #466840;}

.highlight.dark {background: #333333;color:#333;}

pre, code {background-color: #F5F5F5;border-color: #ebebeb; border-style: solid; border-width: 0px 0px 0px 4px ;display: block;  font-size:14px; padding: 10px; margin-top:20px; color:#0055A6; font-weight:bold;}

pre, code {margin-bottom:10px;}

blockquote {border-left: 2px solid #ebebeb;color: #787878;font-size: 16px;font-style: italic;line-height:24px;margin: 20px 50px;padding: 0 0 5px 15px;}


/*-----------------------------------------------------------------------------------*/
/*	5.	Header
/*-----------------------------------------------------------------------------------*/



#top {}

#header {position:relative;z-index:4000; background:#fff;}

.top-shadow {position:absolute;background:url(images/top-shadow.png) repeat-x scroll 0 0;height:4px;width:100%;z-index:100;opacity:0.5;}

.bottom-shadow {position:absolute;background:url(images/bottom-shadow.png) repeat-x scroll 0 0;height:4px;width:100%;top:600px;left:0;z-index:200;opacity:0.5;}

.home .bottom-shadow {top:446px;}

.fullwidth-map .bottom-shadow {top:396px;}	

.fullwidth-map {margin: 0 auto;overflow: hidden;clear: both;position: relative;}

.fullwidth-map iframe {left: 50%;margin-left: -960px;position:relative;}


/*-----------------------------------------------------------------------------------*/
/*	5.	标志和导航
/*-----------------------------------------------------------------------------------*/



.logo {position:relative;height:60px; margin:0 auto;}

.logo img {display:block;position:absolute;bottom:0;}

#navigation {float:right;position:relative;z-index:10000;}

ul#mainnav {float:left;position:relative;display:block;z-index:1001;}

ul#mainnav li {display:inline-block;float:left;position:relative;z-index:1000;}


ul#mainnav > li.prev-item, ul#mainnav > li.previ-item {background:none;}

ul#mainnav > li:last-child {background:none;}

ul#mainnav li a { font-size:12px; position:relative;font-weight:500; color:#333; margin:0; padding:0 7px 0; height:70px; line-height:70px; display:inline-block;*display:block;/* IE7 Hack */
	-webkit-transition:color 0.1s linear, background 0.1s linear, border-left-color 0.1s linear, border-bottom-color 0.1s linear;-moz-transition:color 0.1s linear, background 0.1s linear, border-left-color 0.1s linear, border-bottom-color 0.1s linear;-o-transition:color 0.1s linear, background 0.1s linear, border-left-color 0.1s linear, border-bottom-color 0.1s linear;transition:color 0.1s linear, background 0.1s linear, border-left-color 0.1s linear, border-bottom-color 0.1s linear;z-index:100;  border-right:1px dotted #333;}
 
ul#mainnav li .activepage { background:#DA251C; display:block; color:#fff; font-size:12px; } 
 
ul#mainnav > li > a > span { font-size:12px; }

ul#mainnav > li.item-active > a {color:#fff;}

ul#mainnav li a.sf-with-ul:hover, ul#mainnav li a.sf-with-ul:active {color:#fff;}

ul#mainnav li ul li a.sf-with-ul:hover, ul#mainnav li ul li a.sf-with-ul:active {background:#003E78;color:#fff;}

ul#mainnav li a:hover, ul#mainnav li a:active, ul#mainnav li a.current {color:#fff;}

ul#mainnav li ul li a.current {color:#000;background:#003E78;}
ul#mainnav li ul li a.current:hover {color:#000;background:#003E78;}

ul#mainnav li ul li {background: url(images/shadow.png); margin:0;float:left;width:100%;}

ul#mainnav li ul li a, ul#mainnav li ul li ul li a, ul#mainnav li ul li a:visited, ul#mainnav li ul li a:active  {/* visited pseudo selector so IE6 applies text colour*/
	height:37px;line-height:37px;width:170px;padding:0 15px;display:block; text-decoration:none;border-bottom:1px solid #003E78;border-left:1px solid #003E78;border-right:1px solid #003E78;z-index:1100;position:relative;font-size:14px !important; color:#fff;}

.nav-first-item {z-index:1000;position:relative;}

#nav ul#mainnav > li > ul > li.nav-last-item > a, #nav  ul#mainnav > li > ul > li > ul > li.nav-last-item > a {border-bottom:0 none;}

ul#mainnav li ul li a:hover, ul#mainnav li ul li ul li a:hover {background:#DA251C;color:#fff;margin-bottom:0px;border-bottom:1px solid #0055A6;border-left:1px solid #0055A6;border-right:1px solid #0055A6;}



/*-----------------------------------------------------------------------------------*/
/*	6.	关于我们按钮图标
/*-----------------------------------------------------------------------------------*/



.line { width:100%; border-bottom:1px dotted #fff; float:left; margin:5px auto 10px; } 

/*--- 向下按钮 ---*/


.button2 { width:100%; height:100px; float:left; margin:0 auto; }
.button2 a { width:100%; height:100px; background: url(images/arron2.png) no-repeat center center; display:block; }
.button2 a:hover { width:100%; height:100px; background: url(images/arron3.png) no-repeat center center; }

.button3 { width:100%; height:100px; float:left; margin:0 auto; }
.button3 a { width:100%; height:100px; background: url(images/arron1.png) no-repeat center center; display:block; }
.button3 a:hover { width:100%; height:100px; background: url(images/arron3.png) no-repeat center center; }






.services {overflow:hidden;margin-bottom:80px;}

.homepage-services .service-item {text-align:center;padding: 20px 10px 10px;border: 1px solid #efefef;-webkit-transition:background 0.2s linear;-moz-transition:background 0.2s linear;-o-transition:background 0.2s linear;transition:background 0.2s linear;}

.homepage-services .service-item:hover {background:#f7f7f7;}

.homepage-services .service-item i {float:none;margin:0;width: 100%;height: 48px;line-height: 48px;font-size:42px;display:block;}
.homepage-services h3.service {margin-top:20px;border-bottom:1px dotted #ccc;display:inline-block;clear:both;}

.clients {overflow:hidden; text-align:center;clear:both; width:100%;}

.clients li {display:inline-block; width:180px; height:100px; text-align:center; padding:0 10px 10px 0 ;  overflow:hidden; }


.clients li:first-child {border: none;}

.clients li img {vertical-align:middle;}

.clients li a {opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";filter: alpha(opacity=15);display:inline-block;height:120px;line-height:120px;}

.intro {position:relative;padding:40px 0 30px; text-align:center;}

.intro h2 { font-weight:lighter; margin-bottom:20px; }

.intro h5 {font-size:16px;}

.intro a:hover {color:#444;}

.centered-wrapper {width:940px;margin:0 auto;}

.title-wrapper {width:940px;margin:0 auto; position:relative; z-index:201; }

.title-bg { width:940px;  height:100px;  }

.title-content {width:940px;margin:0 auto;padding-bottom:25px; position:absolute;top:30px;}

.page-title {width:100%;clear:both; position:relative;z-index:1;}

.page-title .page-background {width:100%;position:absolute;top:0;left:0;height:180px;overflow:hidden;z-index:0;}

.page-title .page-background img {position:absolute;top:0px;left:50%;margin-left:-960px;}

.page-title h2 {font-size: 25px; font-weight: 300;}

.search-form {float:right;position:relative;top:-7px;}

.search-form  input[type="text"] {width:180px;height:20px;line-height:20px;position:relative;padding:6px 10px;color:#686868;display:block;}

.search-form  input[type="submit"] {background:url(images/search.png) scroll 0 0;width:16px;height:16px;border:0 none;text-indent:-9999px;cursor:pointer;position:absolute;top:14px;right:10px;font-size: 0;display:block;line-height: 0;}

.page-title .double-separator {margin:0;}

.breadcrumbs {font-size:12px;padding:10px 0;width:100%;overflow:hidden;}

.service-item {overflow:hidden;}

.service-item p {margin-bottom:10px;}

.service-item i {float:left;margin:0 15px 4px 0;width:28px;height:28px;line-height:28px;font-size:28px;}

h3.service {font-size:16px;font-weight:600;line-height:28px;}

.separator {width:100%;height:1px;clear:both;background:#efefef;margin:40px 0;display:inline-block;}

.double-separator {width:100%;height:1px;clear:both;border-top:1px solid #efefef;border-bottom:1px solid #efefef;margin:40px 0;}

#footer .double-separator {margin:50px 0;}

.onepage-title {font-size:48px;font-weight:300;margin-bottom:30px;line-height:56px;}	

.one-page #header {background:#fafafa;}

.bgtitle {margin-bottom:20px;height:25px;padding-bottom:7px;border-bottom:1px solid #efefef;}
.bgtitle h2, .homepage-clients h2 {font-size: 13px;font-weight: 600;float: left;height: 26px;line-height: 26px;background: #f7f7f7;padding: 0 10px;text-transform: uppercase;}

.team-member {position:relative; margin:0 10px 10px 20px; }

.team-member a {overflow: hidden;display: block;position: relative;}

.team-avatar {height:auto;width:100%;display:block;}

.team-text h3 {font-size:12px;font-weight:600;text-align:center;clear:both;text-transform:uppercase;padding-top:18px;margin-bottom:3px;}

.team-text h6 {text-align:center;font-size:12px;font-weight:400;padding-bottom:15px;margin:0;}

#skills {width: 100%;margin: 0;}

#skills div.row {position:relative;margin-bottom: 16px;}

#skills .skill {width: 70%;height: 10px;display: block;position: relative;background: #EFEFEF;overflow: hidden;}

#skills h2 {font-size: 11px;font-weight:600;text-transform: uppercase;float: left;width: 30%;height: 1em;line-height: 1;position:absolute;right:-15px;top:0px;color:#686868;}

#skills p {width: 0em;height: 10px;float: left;margin:0;}

.team-text p {padding:0 5px;}	

.team-social {border-top:1px solid #efefef;text-align:center;overflow:hidden;clear:both;}

.team-social a img {-moz-transition: all .2s ease-in-out;-o-transition: color .2s ease-in-out, opacity .2s ease-in-out, border-color .3s ease-in-out;-webkit-transition: all .2s ease-in-out;opacity: .3;filter:alpha(opacity=30);transition: all .2s ease-in-out;}

.team-social a img:hover{opacity: 1;filter:alpha(opacity=100);}

.team-social a {padding:5px;margin-top:10px;display:inline-block;}

.team-text span {color:#787878;}

.team-text p {margin-top:10px;}

.testimonial-item {background:#f9f9f9;padding:20px 15px 1px;margin-top:3px;font-style:italic;font-size:13px;position:relative;}

.testimonial-pin {background:url(images/testimonial-pin.png) no-repeat scroll 0 0;display: block;width: 24px;height: 16px;position: absolute;left:30px;}

.testimonial-meta {font-style:normal;position:absolute;width:80%;font-weight:600;font-size:12px;left:20%;bottom:-40px;}

.testimonial-meta h5 {float:left;margin-right: 5px;font-size:12px;font-weight:600;}

.testimonial-meta span {color:#444;}

.one-page .standardNav{position:fixed !important;}

.one-page ul#mainnav li.active a {color:#333;}

.one-page ul#mainnav li.active a {color:#333;}	

.one-page #header {position:fixed !important;width:100%;background:#0055A6;top:0;}

.one-page .onepage-content {margin-top:86px;}

.one-page .section {margin-top:86px;}


/* 6.1 Slider */

.bannercontainer { width:768px;position:relative;position:relative;margin-left:auto;margin-right:auto;max-height:500px !important;}

.banner{width:768px;height:500px;position:relative;overflow:hidden;}

.bannercontainer-simple {padding:0px;background-color:#333;width:940px;position:relative;position:relative;margin-left:auto;margin-right:auto;}

.banner-simple{width:940px;height:500px;position:relative;overflow:hidden;}

.fullwidthbanner-container{width:100% !important;position:relative;padding:0;max-height:600px !important;overflow:hidden;}

.fullwidthbanner-container .fullwidthabnner	{width:100% !important;max-height:450px !important;position:relative;}

@media only screen and (min-width: 768px) and (max-width: 959px) {.banner, .bannercontainer		{width:748px;height:309px;}}

@media only screen and (min-width: 480px) and (max-width: 767px) {.banner, .bannercontainer		{width:460px;height:193px;}}

@media only screen and (min-width: 320px) and (max-width: 479px) {.banner, .bannercontainer		{width:300px;height:129px;}}

@media only screen and (max-width: 319px) {.banner, .bannercontainer		{width:240px;height:97px;}}





/* 大图广告浮动文字内容 captions */


.title_text{position: absolute;color:#323232;font-weight: 300;font-size: 18px;height:42px;line-height: 42px;margin: 0px;padding: 0 10px;background:#0055A6;opacity:0.9 !important;border-width: 0px;border-style: none;white-space:nowrap;}

.box-slide1 {position: absolute;color:#fff;font-weight: 400;font-size: 12px; line-height:20px;  height:auto; width:450px; margin: 0px; padding:30px; background:#003E78; opacity:0.8 !important;border-width: 0px;border-style: none;white-space:normal !important;display:block;}

.box-slide2 {position: absolute;color:#fff;font-weight:400;font-size: 12px;line-height:20px;height:auto;width:450px;margin: 0px;padding: 20px;background:#003E78; opacity:0.8 !important;border-width: 0px;border-style: none;white-space:normal !important;display:block;}

.box-slide2 h2 {color:#fff;}
.box-slide2 a {color:#fff !important;}
.description_text{position: absolute;color:#fff; font-weight:400; font-size:14px; height:36px; line-height:36px; margin: 0px;padding: 0 10px;background: #393939;opacity:0.9 !important;border-width: 0px;border-style: none;white-space:nowrap;}

.isotope-item {z-index: 2;}

.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}


/*--- 6.2. Jcarousel ---*/

.jcarousel-container {margin-bottom:20px;}

.jcarousel-direction-rtl {direction: rtl;}

.jcarousel-container-horizontal {width: 940px;clear:both;}

.jcarousel-clip {overflow: hidden;}

.jcarousel-clip-horizontal {width:  940px;height: auto;}

.jcarousel-item {display: block;position: relative;padding:0;}

#portfolio-carousel .jcarousel-item {width: 220px; -webkit-transition:background 0.2s linear;-moz-transition:background 0.2s linear;-o-transition:background 0.2s linear;transition:background 0.2s linear;}

#portfolio-carousel .jcarousel-item:hover {background:#fafafa;}

#homeblog-carousel .jcarousel-item {width: 460px; }

.jcarousel-item a {display: block; width:100%; height:auto; position:relative; font-size:14px; font-weight:bold; }

.jcarousel-item a:hover { color:#0055A6;}

.jcarousel-item h3 {text-transform:uppercase; line-height:130%; margin:0; padding-bottom:15px; }

.jcarousel-item span {color:#a1a1a1;}

.portfolio-carousel-details { padding:10px;  }

a[rel="PrettyPhoto"] {overflow:hidden;display:block;position:relative;}

#portfolio-carousel .jcarousel-item img {width:100%;height:auto;}

#homeblog-carousel .jcarousel-item img {width:220px;height:auto;}

#homeblog-carousel .jcarousel-item > a {width:220px;float:left;margin-right:20px;}

#homeblog-carousel .blog-carousel-details a {float:none;margin:0;}

#homeblog-carousel .blog-carousel-details {float:left;text-align:left;width:220px;}

#homeblog-carousel .carousel-meta {width:100%;}

#homeblog-carousel .carousel-meta a {display:inline;}

#homeblog-carousel .carousel-meta .details {padding:0 10px;height:21px;background:#f5f5f5;font-size:11px;line-height:21px;display:inline-block;}

#homeblog-carousel p {margin:18px 0 0;}

.post-format i {width:21px !important;height:21px;display:block;float:left;position:relative;color:#333;line-height:21px;}

#homeblog-carousel .blog-carousel-details h2 {font-size:18px;font-weight:600;line-height:27px;}

.jcarousel-item-horizontal {margin-left: 0;margin-right: 20px;text-align:center;}

.jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px;margin-right: 0;}

.jcarousel-item-vertical {margin-bottom: 10px;}

.jcarousel-item-placeholder {background: #333;color: #444;}

.jcarousel-next-horizontal {position: absolute;top: -52px;right: 0;width: 23px;height: 25px;cursor: pointer;background: #333 url(images/carousel-arrows.png) no-repeat 0 0;}

.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus {background-position: -24px 0;}

.jcarousel-next-horizontal:active {background-position: -24px 0;}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -48px 0;background-color:#f7f7f7 !important;}

.jcarousel-prev-horizontal {position: absolute;top: -52px;right:24px;width: 23px;height: 25px;cursor: pointer;background: #f7f7f7 url(images/carousel-arrows.png) no-repeat 0 -26px;}

.jcarousel-prev-horizontal:hover, 
.jcarousel-prev-horizontal:focus {background-position: -24px -26px;}

.jcarousel-prev-horizontal:active {background-position: -24px -26px;}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -48px -26px;background-color:#f7f7f7 !important;}

#testimonials {min-height:180px;}

span.caption  {position:relative;clear:both;font-size:13px;background:#333;color:#444;line-height:40px;width:100%;left:0;}

span.caption a {color:#444;}

span.item-on-hover, .grid-item-on-hover {cursor:pointer;display: block;opacity: 0;filter: alpha(opacity=0);position: absolute;width: 100%;height: 100%;background: url(images/item-on-hover.png) repeat;}

span.item-on-hover-white {cursor:pointer;display: block;opacity: 0;filter: alpha(opacity=0);position: absolute;width: 100%;height: 100%;background: url(images/item-on-hover-white.png) repeat;}

.portfolio img {display:block;}

.grid-item-on-hover {text-align:left;width:90%;padding:0 5%;}

.grid-item-on-hover .grid-text {position:absolute;left:5%;top:5%;text-align:left;width:90%;}

.grid-item-on-hover .grid-text p {color:#333;padding:15px 0 0;opacity:0.6;}

.item-small .grid-item-on-hover p, .item-long .grid-item-on-hover p {padding:0;}

.grid-item-on-hover h1 {font-weight:300;color:#333;font-size:28px;line-height:36px;text-transform:uppercase;position:relative;}

.grid-item-on-hover span {color:#333;font-size:11px;text-transform:uppercase;opacity:0.7;position:absolute;left:5%;bottom:5%;text-align:left;width:90%;}

.item-high .grid-item-on-hover h1 {font-size:20px;line-height:26px;width:80%;left:10%;}

.item-wide .grid-item-on-hover span {font-size:12px;}

.item-small .grid-item-on-hover h1 {font-size:20px;line-height:26px;}

.item-on-hover *{filter:inherit;} 

span.hover-link {width:35px;height:35px;top: 50%;left: 50%;margin-left: -17px;margin-top: -17px;position:absolute;display:block;opacity: 0;filter: alpha(opacity=0);}

span.hover-image {width:35px;height:35px;top: 50%;left: 50%;margin-left: -17px;margin-top: -17px;position:absolute;display:block;opacity: 0;filter: alpha(opacity=0);}

span.hover-video {width:35px;height:35px;top: 50%;left: 50%;margin-left: -17px;margin-top: -17px;position:absolute;display:block;opacity: 0;filter: alpha(opacity=0);}


/*--- 6.3. Sidebar ---*/

#sidebar {width:260px;float:right;}

#sidebar h3 {font-size:13px;text-transform:uppercase;font-weight:600;}

.widget {overflow:hidden;margin-bottom:55px;}

.widget a {color:#444;}

.widget ul li {font-size:12px;padding:3px 0 3px 0;}

.widget ul li:last-child {border-bottom:0 none;}
.tags ul li {float:left;margin:0 4px 4px 0;padding:0;}
.tags ul li a {display:block;padding:6px 13px;background:#f9f9f9;-webkit-transition:background 0.2s linear;-moz-transition:background 0.2s linear;-o-transition:background 0.2s linear;transition:background 0.2s linear;}

.tags ul li a:hover {color:#333;}

.sidebar-post { border-bottom:1px solid #efefef; margin-bottom:15px; padding-bottom:35px; position:relative; clear:right;}

.sidebar-post:last-child {border-bottom:0 none;}

.sidebar-post span {float:left; clear:both; width:100%; color:#999; font-size:12px; line-height:30px; height:30px;} 

.sidebar-post h5 {font-size:13px;font-weight:600;color:#444;margin-bottom:5px;float:left;}

.featured-sidebar {width:200px;float:left;border:1px solid #dfdfdf;}

.featured-sidebar ul {border-bottom:1px solid #efefef;}

.featured-sidebar a{color:#686868;width:180px;height:36px;line-height:36px;display:block;font-weight:600;margin-left:10px;border-bottom:1px solid #efefef;}

.featured-sidebar ul li.selected {background: url(images/featured-arrow.png) no-repeat scroll 200px center;width: 210px;}

.featured-sidebar ul li a:hover {color:#444;}

.featured-sidebar ul li.selected a {width:180px;height:36px;z-index:1000;}

.featured-sidebar ul li:last-child a {border-bottom:0 none;}


/*--- 6.4. Portfolio ---*/

ul#filters {float:right;margin-top:6px;}

ul#filters li {display:inline;margin:0;padding:0;float:left;}

ul#filters li a {color:#0055A6;background:#333;padding:8px 15px 9px 15px;margin-left:1px;font-weight:600;display:block;-webkit-transition:background 0.2s linear;-moz-transition:background 0.2s linear;-o-transition:background 0.2s linear;transition:background 0.2s linear;}

ul#filters li a.selected {color:#fff;}

.homepage-grid {clear:both;position:relative;}

.homepage-grid .bgtitle {margin-bottom:20px;}

ul#home-filters {position:absolute;top:0;right:0;}

ul#home-filters li a {color:#686868;background:#f7f7f7;padding:3px 15px;margin-left:1px;font-weight:600;display:block;-webkit-transition:background 0.2s linear;-moz-transition:background 0.2s linear;-o-transition:background 0.2s linear;transition:background 0.2s linear;}

ul#home-filters li a.selected, ul#home-filters li a:hover {color:#333;}

#home-filters li {display:inline;margin:0;padding:0;float:left;}

.portfolio {clear:both;overflow:hidden; }

.portfolio .portfolio-carousel-details {height:auto; }

.portfolio .portfolio-carousel-details  span {padding-bottom:15px;display:block;color:#A1A1A1;}

.portfolio li {margin-right:10px;float:left;position:relative;margin-bottom:10px;overflow:hidden;padding:0; -webkit-transition:background 0.2s ease-in;-moz-transition:background 0.2s ease-in;-o-transition:background 0.2s ease-in;transition:background 0.2s ease-in;}

.portfolio li:hover { }

.portfolio li.item-wide, .portfolio li.item-wide img {width:460px !important;height:376px !important;border-bottom: none !important;}

.portfolio li.item-small, .portfolio li.item-small img {width:220px !important;height:178px !important;border-bottom: none !important;}

.portfolio li.item-high, .portfolio li.item-high img {width:220px !important;height:376px !important;border-bottom: none !important;}

.portfolio li.item-long, .portfolio li.item-long img {width:460px !important;height:178px !important;border-bottom: none !important;}

.portfolio h3 {position:relative;clear:both;font-size:13px;color:#444;line-height:22px;padding:20px 0 20px 0;margin:0;width:100%;left:0;font-weight:600;}

.portfolio h3 a {color:#444;}

.portfolio p {padding:0 7px 20px;margin:0;}	

#portfolio-wrapper a {display: block; width: 100%; height: auto; position: relative;  color:#333; }

#portfolio-wrapper .four-columns img {width:220px;height:auto;display:block;}

#portfolio-wrapper .three-columns img {width:300px;height:auto;display:block;}

#portfolio-wrapper .two-columns img {width:460px;height:auto;display:block;}

#portfolio-wrapper .four-columns li {width: 220px;display: block;position: relative;}

#portfolio-wrapper .three-columns li {width: 300px;height: 328px;display: block;position: relative;}

#portfolio-wrapper .two-columns li {width: 460px;height: 459px;display: block;position: relative;}

.item-details p {margin:0;padding:10px 0;border-bottom:1px solid #efefef;}

.item-details span {color:#444;}

.portfolio-single {margin-bottom:50px;overflow:hidden;}

.previous-post-link a, .next-post-link a {width:25px;height:25px;display:block;text-indent:-9999px;float:left;margin-top:10px;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear;}

.proj-image img {display:block;}
.portfolio-gallery {width:960px;height:auto;}

.portfolio-gallery a {display:block;float:left;margin-right:20px;margin-bottom:20px;position:relative;}

.portfolio-gallery img {width:300px;height:auto;display:block;}

.portfolio-nav {float:right;position:relative;margin-top:16px;}

.portfolio-nav a {display:block;width:23px;height:25px;text-indent:-9999px;float:left;margin-left:10px;-webkit-transition:background 0.2s linear;-moz-transition:background 0.2s linear;-0-transition:background 0.2s linear;transition:background 0.2s linear;}

.gallery-page {width:960px;}

.gallery-page li {width:300px;margin:0 20px 20px 0;position:relative;float:left;}

.gallery-page li a {display:block;}

.gallery-page li img {width:100%;height:auto;display:block;}


/*--- 6.5. Blog ---*/

#masonry-blog {width:960px;position:relative;}

.masonry-post {position:relative; float:left; margin:0 15px 20px 0 ; background:#f5f5f5;}

.masonry-thumbnail {position:relative;}

.masonry-thumbnail img {width:100%;display:block;}

.masonry-page-content blockquote {clear:both;margin:20px 0;}

.masonry-page-content .button {margin-bottom:10px;}

.masonry-post-meta {height:30px;line-height:30px;border-bottom:1px dotted #c3c3c3;display:block;float:left;margin-bottom:18px;text-transform:uppercase;font-size:11px;position:relative;}

.quote-article h4 {font-size:12px;text-transform:uppercase;}

.masonry-page-content {position:relative;  padding:10px 20px 50px; background:#fafafa;}

.masonry-page-content p { margin-bottom:20px; color:#999;}


.masonry-page-content i.icon-pencil, .masonry-page-content i.icon-quote-left, .masonry-page-content i.icon-facetime-video, .masonry-page-content i.icon-link, .masonry-page-content i.icon-camera-retro, .masonry-page-content i.icon-music {font-size:16px;height:30px;width:30px;line-height:30px;text-align:center;background:#333;color:#686868;position:absolute;right:20px;top:10px;}

.post-content i.icon-pencil, .post-content i.icon-quote-left, .post-content i.icon-facetime-video, .post-content i.icon-link, .post-content i.icon-camera-retro, .post-content i.icon-music {font-size:16px;height:30px;width:30px;line-height:30px;text-align:center;background:#f9f9f9;color:#686868;position:absolute;right:0;top:10px;}

#blog-page .post-content i.icon-pencil,#blog-page .post-content i.icon-quote-left,#blog-page .post-content i.icon-facetime-video,#blog-page .post-content i.icon-link,#blog-page .post-content i.icon-camera-retro,#blog-page .post-content i.icon-music {top:0 !important;}	

#blog-page div.jp-audio div.jp-type-single div.jp-progress {width: 59%;left: 16%;}

#blog-page div.jp-audio {margin-bottom:20px;}

.columns-two .vimeo-article iframe {width:460px !important;height:259px !important;}

.columns-three .vimeo-article iframe {width:300px !important;height:169px !important;}

h1.masonry-title {clear:both;font-size:18px;font-weight:600; line-height:130%;}

.music-article h1.masonry-title {margin-top:20px;}

h1.masonry-title a, .post-content h1 a { line-height:130%; font-size:20px; font-weight:500; }

.columns-three .masonry-post {width:300px;position:relative;}	

.columns-two .masonry-post {width:460px;position:relative;}	

#posts {float:left;position:relative;width:640px;margin-right:40px;overflow:hidden;}

#blog-page .post {border-bottom:2px solid #323232;}

.single-post .post {border-bottom:0;margin-bottom:0px;padding-bottom:0px;}

h1.post-title {clear:both;}

.meta a {color:#c7c7c7;}

.post-thumbnail {display:inline-block;clear:both;margin-top:0px;}

.video-thumbnail {margin-bottom:30px;display:block;clear:both;margin-top:0px;}

.post-thumbnail a {display:block;position:relative;}

.post-thumbnail img {width:640px;height:auto;}

.single-post .masonry-post-meta, .portfolio-content .masonry-post-meta {height:50px;line-height:50px;}

.meta {clear:both;float:left;margin-bottom:20px;}

.meta span {padding-left:23px;float:left;margin-right:20px;}

.meta span.post-date {background:url(images/calendar.png) no-repeat scroll 0 3px;color:#C7C7C7;}	

.meta span.post-author {background:url(images/author.png) no-repeat scroll 0 3px;}	

.meta span.post-comment {background:url(images/comment.png) no-repeat scroll 0 4px;}	

.meta p {margin:0;padding:5px 0;}

.excerpt {width:100%;clear:both;}

p.readmore {text-align:right;}

.post {margin-bottom:50px;padding-bottom:20px;border-bottom:1px solid #efefef;overflow:hidden;position:relative;}

.post-content {clear:both;position:relative; margin:0 auto; }

.post blockquote {border-bottom:2px solid #d6d6d6;border-left:none;margin:0;padding:20px;background:#f5f5f5;font-size:13px;margin-bottom:20px;}

#blog-page .post blockquote {clear:both;border-bottom:none;border-left:2px solid #ebebeb;margin:0 auto 20px;padding:20px;background:#f5f5f5; font-size:16px; font-style:normal;}

.right-image {float:right;margin:5px 0 0 20px;padding: 4px;border: 1px solid #EFEFEF;border-radius: 2px;}

.left-image {float:left;margin:5px 20px 0 0;padding: 4px;border: 1px solid #EFEFEF;border-radius: 2px;}

.post-image {margin:5px 0 20px;}

ul.tags {padding:0 0 10px;position:relative;overflow:hidden;}

ul.tags a {color:#c7c7c7;}

ul.tags li {display:inline;float:left;height:16px;line-height:20px;margin:30px 20px 0 0;}

.tag-title {background-image:none;float:left;line-height:18px;margin:30px 20px 0 0;}

.author-bio {clear:both;margin:30px 0 0;overflow:hidden;padding:15px 0 15px;position:relative;}

.authorp {float:left;width:82%;}

.authorp h2 {color:#C7C7C7;}
.authorp h2 a {color:#444;}

.author-bio p {margin-bottom:0;}	

.author-bio img {float:left;margin:0 25px 0 0;}

.inner-blog-gallery li {float:left;display:block;margin-right:20px;margin-bottom:30px;position:relative;}

.inner-blog-gallery li a {display: block;width: 100%;height: auto;position: relative;width:145px;height:145px;}

.inner-blog-gallery img {display:block;}	

.next-prev-posts {margin-top:20px;padding:1px 0;border-top:1px solid #efefef;border-bottom:1px solid #efefef;overflow:hidden;font-size:12px;text-transform:uppercase;font-weight:600;}

.next-prev-posts .previous-post {width:50%;float:left;padding:13px 0;border-top:1px solid #efefef;border-bottom:1px solid #efefef;text-align:left;}	

.next-prev-posts .next-post {width:50%;float:right;padding:13px 0;border-top:1px solid #efefef;border-bottom:1px solid #efefef;text-align:right;}

.next-prev-posts a {color:#323232;}

.previous-post i {margin-right:10px;}

.next-post i {margin-left:10px;}


/*--- 6.5.1. Comments ---*/

.commentlist {list-style-type: none;margin: 30px 0 40px;}

.comment {margin-top: 35px;position: relative;padding:0;display:inline-block;}

.comment a {color:#444;}

.commentwrap {margin: 0 0 0 100px;padding: 0 0 10px 0;border-bottom: 1px solid #EFEFEF;}

.avatar {left: 0;position: absolute;top: 0;}

.avatar img {}

a.c_reply {font-weight:600;background:#f9f9f9;padding:2px 5px;-webkit-transition:background 0.2s linear;-moz-transition:background 0.2s linear;-o-transition:background 0.2s linear;transition:background 0.2s linear;}

.metacomment {margin-bottom: 10px;padding:0;}

.metacomment span {font-weight:bold;margin: 0 5px 0 0;}

ul.threaded {margin-left:75px;}

#commentform {width:640px;position:relative;}

#commentform fieldset {clear:both;}

#commentform input[type="text"], #commentform textarea {background:#f9f9f9;}

#commentform input:focus, #commentform textarea:focus {outline:none;}

#commentform input[type="text"] {width:174px;padding:7px 10px;font-size:12px;height:20px;line-height:20px;}

textarea#mycomment {width:618px;padding:10px;clear:both;overflow:hidden;float:left;margin-bottom:5px;}

#commentform input[type="submit"] {margin-top:5px;border:0 none;}

.error_message {color:#ff3000;}


/*--- 6.5.2. Pagination ---*/

.pagenav {text-align:center;vertical-align: middle;margin-top: 55px;background:#f9f9f9;}

.pagenav a {background:#f9f9f9;color:#686868;display:inline-block;padding:9px 15px;font-weight:600;-webkit-transition:background 0.2s linear;-moz-transition:background 0.2s linear;-o-transition:background 0.2s linear;transition:background 0.2s linear;}

span.current {color:#333;display:inline-block;padding:9px 15px;}

span.pages {display: inline-block;padding:9px 15px;font-weight:600;}


/*--- 6.6. Contact ---*/

.contact-info p {margin:0;padding:7px 0;border-top:1px solid #efefef;}

.contact-info p:last-child {border-bottom:1px solid #efefef;}

.contact-info span {color:#444;}

.contact-map {margin-bottom:50px;}

.contact-map iframe {width:940px;height:300px;}

#contactform label {clear:both;}	

#contactform input[type=text] {margin-bottom:10px;width:90%;padding:3% 5%;height:20px;line-height:20px;background:#f7f7f7;}

#contactform input[type=submit] {font-size:12px;clear:both;float:right;cursor:pointer;margin:0;}

#contactform input:focus, #contactform textarea:focus {outline:none;}

#contactform input[type=submit]:hover {}

#contactform textarea {height:150px;clear:both;background:#f7f7f7; padding:10px; margin-bottom:15px;}

.contact-info {padding-top: 9px;}

.contact-loader {float: right;padding: 11px 11px 0 0;}






/*-----------------------------------------------------------------------------------*/
/*	8.	Elements
/*-----------------------------------------------------------------------------------*/


/*--- 8.1. Slides ---*/

.portfolio-single .percent-three-fourth {min-height:30px;}

.columns-two .slides_container {width:460px;height:240px;display:none;}

.columns-two .slides_container .slide {width:460px;height:240px;display:block;}


.columns-three .slides_container {width:300px;height:157px;display:none;}

.columns-three .slides_container .slide {width:300px;height:157px;display:block;}

.post .slides_container {width:640px;height:335px;display:none;}

.post .slides_container .slide {width:640px;height:335px;display:block;}

.columns-three div.jp-audio div.jp-type-single div.jp-progress {display:none;}

.blog-slides {position:relative;}

.slides_container {width:940px;display:none;}

.slides_container div.slide {width:940px;display:block;}

#slides {margin-bottom:10px;position:relative;}

.blog-slides .next, .blog-slides .prev, #slides .next, #slides .prev, .post .next, .post .prev {position:absolute;top:50%;margin-top:-21px;width:27px !important;height:43px !important;display:block;z-index:101;background:#656565;}

.blog-slides .next img,.blog-slides .prev img, #slides .next img, #slides .prev img,  .post .next img, .post .prev img {height:auto;width:auto;}

#slides .next img,#slides .prev img {height:auto;width:auto;}

#slides .next {right:0;}

#slides .prev {left:0;}


.blog-slides .next {right:0;}

.blog-slides .prev {left:0;}

.slide img {width:100%;height:auto;overflow:visible;vertical-align:bottom;}

.slide a {display:block;margin:0;padding:0;}

.pagination {position:absolute;text-align:center;z-index:1000;width:100%;bottom:12px;}

.pagination li {display:inline-block;*display: inline;zoom: 1;margin-left:1px;margin-right:1px;list-style:none;text-align:center;height:3px;}

.pagination li a {display:inline-block;*display: inline;zoom: 1;width:40px;height:3px;overflow:hidden;background:#efefef;}

#slides .caption {z-index:500;position:absolute;bottom:-35px;left:0;height:30px;padding:5px 20px 0 20px;background:rgba(0,0,0,.5);width:540px;font-size:1.3em;line-height:1.33;text-shadow:none;}


.blog-slides .caption {z-index:500;position:absolute;bottom:-35px;left:0;height:30px;padding:5px 20px 0 20px;background:rgba(0,0,0,.5);width:540px;font-size:1.3em;line-height:1.33;text-shadow:none;}

/*--- 8.2. Buttons ---*/

.button {cursor:pointer;display:block;font-size: 12px;font-weight:600;line-height:16px;margin:0 10px 20px 0px;padding: 5px 11px;position:relative;border:0 none;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;   border:1px solid #FFF; color:#FFF; width:80px;}

.white { background: none; color: #fff; text-align:center; border:1px solid #fff;  }

.white:hover {color: #003E78; background:#fff;  border:1px solid #003E78; }

.red { background: #DA251C; color: #fff; text-align:center; border:1px solid #DA251C;  }

.red:hover {color: #003E78; background:#fff;  border:1px solid #DA251C; }



.black {background:#003E78; color:#fff; text-align:center;  border:1px solid #003E78;  }

.black:hover {color:#fff; background:#0055A6; border:1px solid #fff;  }



/*--- 8.3. Tabs ---*/

.tabs-wrapper {width: 100%;}

.tab-item {clear:both;overflow:hidden;padding:15px 0;border-bottom:1px solid #333;}

.tabs-container {float:left;position:relative;display:block;width:100%;}

.tabs-wrapper .tab-content {background:#333;padding:20px;overflow:hidden;border: 1px solid #EFEFEF;border-radius: 0px 3px 3px 3px;}

ul.tabs {float: left;height: 34px;width: 100%;padding-left: 0 !important;margin-bottom: 0 !important;}

.tabs-container p:last-child {margin-bottom:0;}

ul.tabs li {float: left;padding-left: 0 !important;overflow: hidden;padding-bottom: 0;position: relative;text-align:center;outline:none;}

ul.tabs li a {height: 34px;line-height: 34px;text-decoration:none;font-size:12px;display: block;padding: 0 25px;outline:none;border:1px solid #333;color:#9a9a9a;font-weight:600;}

ul.tabs li:last-child {}

ul.tabs li a:hover {color:#323232;}

ul.tabs li.active {top:-1px;}

ul.tabs li.active a {border-left: 1px solid #EFEFEF;border-right: 1px solid #EFEFEF; border-bottom: 1px solid #333; color:#323232;}

ul.tabs li.active {z-index: 1;}

ul.tabs li.active, ul.tabs li.active a:hover  {background:#333;color:#323232;}


/*--- 8.4. Toggles ---*/

#toggle-view {list-style:none;font-size:12px;margin:0;padding:0;width:100%;margin-bottom:20px;}

#toggle-view li {margin-bottom:1px;border-bottom: 1px dotted #333;position:relative;}

#toggle-view li:hover {}

#toggle-view h3 {margin:0;font-size:13px;cursor:pointer;padding: 12px 10px 12px 40px;color:#333;font-weight:400;}

#toggle-view h3:hover, #toggle-view h3:active {color:#333; font-weight:bold;}

#toggle-view span {position:absolute;left:0;top:14px;}

#toggle-view .panel {display:none;background:#333;overflow:hidden;padding:20px;}   

#toggle-view .panel p:last-child {margin-bottom:0;}


/*--- 8.5. Tables ---*/

.pricing-column  { background: #0055A6 none repeat scroll 0 0;  height: 300px;  width:25%; float:left;}

.first-column .package-value,  .first-column .package-features, .first-column .signup {border-left:1px solid #dbdbdb;}

.package-value, .package-features {border-right:1px solid #dbdbdb;}

.package-title {background:#686868;color:#333;font-size:16px;height:40px;line-height:40px;border-bottom:3px solid #545454;border-right:1px solid #545454;}

.featured-column {top:-10px;box-shadow:0px 2px 10px #dadada;z-index:1;}

.featured-column .package-title {height:40px;line-height:30px;position:relative;font-weight:600;box-shadow:0px -1px 10px #0055A6;z-index:-1;}

.featured-column .column-shadow {height:10px;position:relative;z-index:10;box-shadow:0px -1px 2px #dadada;}

.pricing-table .featured-column .signup {padding:25px 0;}

.pricing-column .signup {border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb;padding:20px 0;background:#F9F9F9;}

.pricing-column .signup .button {margin:0;}

.package-value {background:#f9f9f9;height:95px;line-height:95px;}

ul.package-features li {height:40px;line-height:40px;background:#333;}

ul.package-features li.alt {background:#f9f9f9;}

.package-currency {font-size:16px;position:relative;top:-20px;}

.package-price {font-size:48px;font-weight:600;}

.package-time {font-size:16px;}

.pricing-table, .normal-table {width:100%;}

.normal-table td {border:1px solid #efefef;padding:10px 20px;text-align:center;}
.normal-table tr.alt  {background:#fbfbfb;}

.normal-table tr.first-column {background:#666666;color: #efefef;}

/*--- 8.6. Info Boxes ---*/

.box-error, .box-alert, .box-notice, .box-success, .box-info {margin-bottom: 10px;padding: 10px 20px;}

.box-error i, .box-alert i, .box-notice i, .box-success i, .box-info i {font-size:14px;margin-right:15px;}

.box-error, .box-alert {background:#fce2e3;color: #e54034;}

.box-notice {background:#fdf4bd;color: #706836;}

.box-info {background:#d4ebf6;color: #20568f;}

.box-success {background:#e5eec0;color: #264509;}


/*--- 8.7. Lists ---*/

ul.star-list li {}

ul.play-list li {}

ul.arrow-list li {}

ul.tick-list li {}

ul.customlist li {padding: 6px 0;border-bottom: 1px dotted #dedede;}

ul.customlist li i {margin-right:5px;}


/*--- 8.8. Accordions ---*/

.ac-btn {background:#fbfbfb;border: 1px solid #EFEFEF;cursor: pointer;font-size: 12px;font-weight:normal;padding: 7px 10px;margin-bottom:1px;}

.ac-btn h3 {margin:0;font-size:12px;cursor:pointer;color:#686868;}

.ac-btn h3:hover {color:#444;}

.ac-content {border-top: 0;border: 1px solid #EFEFEF;display: none;margin-bottom: 2px;margin-top: -3px;overflow: auto;padding: 10px 20px;position: relative;top: 1px;}

.ac-selected {display:inherit;}

.ac-selected {display:block !important;}

.on {background: #f7f7f7;color:#444;}
	
.over {background: #f7f7f7;color:#444;}

.two-third img{ max-width:100%; overflow:hidden;}





/*-----------------------------------------------------------------------------------*/
/*	7.	Footer
/*-----------------------------------------------------------------------------------*/

#footer { background:#000 url(images/bg1-4.jpg) no-repeat top center ; border-top:5px solid #DA251C;  clear: both;  color:#fff;  margin: 0 auto; overflow: hidden;  padding-top: 40px; font-size:12px;}

#topfooter {padding:60px 0 0; margin:0; border-top:1px dotted #ccc;}

#topfooter h6 {margin:0;font-size:12px;font-weight:400;}

ul#contact-widget li {border-bottom:1px dotted #fff; padding-bottom:10px; margin-bottom:10px; padding-left:30px;}

#topfooter ul li {border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px;}

#topfooter ul li:last-child {border-bottom:none;}

ul#blog-widget li {border-bottom:1px dotted #fff;padding-bottom:10px;margin-bottom:10px;position:relative;overflow:hidden;}

ul#blog-widget li img {position:absolute;top:3px;left:0;}

ul#blog-widget li h6{float:left;padding-left:75px;}

ul#blog-widget li span{float:left;clear:both;padding-left:75px;width:auto;}

ul#contact-widget li:last-child {border-bottom:0 none;}

ul#blog-widget li:last-child {border-bottom:0 none;}

li.address {background:url(images/address.png) no-repeat scroll 0 2px;}

li.phone {background:url(images/phone.png) no-repeat scroll 0 2px;}

li.email {background:url(images/email.png) no-repeat scroll 0 2px;}

#footer a {color:#fff;}

#footer h3 {font-size:16px; color:#fff;}

#bottomfooter  {  background:#DA251C none repeat scroll 0 0;  clear: both; height: 42px; line-height: 42px;  margin-top: 40px; overflow: hidden;  position: relative; text-align:center; }

#bottomfooter a:hover { color:#900; }




/*--- 底部导航 ---*/

.siteMap { width:100%; margin:0 auto; padding:30px 0 ;}
.siteMap h3 {width:90%; margin:0 auto;  font-size:20px; color:#fff; margin-bottom:15px; border-bottom:1px dotted #ccc; text-align:center; font-weight:bold; line-height:200%;  }
.siteMap ul { width:90%; margin:0 auto; margin-bottom:15px; text-align:center; }
.siteMap h3 a { font-size:20px; color:#fff; margin-bottom:15px; display:block; width:100%;  }
.siteMap h3 a:hover { background:#D82519; color:#fff;}
.siteMap ul li { width:100%; margin:0 auto; }
.siteMap ul li  a {  font-size:16px; color:#fff; display:block; line-height:200%; }
.siteMap ul li  a:hover { background:#D82519; color:#fff;}