/*
* Theme Name: Responsive CSS3 
* Description: Responsive and clean layout
* 
* Author URI:  http://www.314100.com/
* Copyright (c) 2013 Jiashan Panoramic Technology Co.,Ltd.
* Version: 1.0
*/


/* =================================================================== */
/* Import Section
====================================================================== */
@import url("base.css");
@import url("responsive.css");
@import url("font-awesome.css");


/* =================================================================== */
/* Preloader
====================================================================== */
   #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0;  z-index:9999999; background:#FFF; }
   #loading-animation { width: 200px; height: 200px; position: absolute; left: 50%;  top: 50%;  background-image: url(../images/loading.gif);  background-repeat: no-repeat; background-position: center;  margin: -100px 0 0 -100px; }

/* =================================================================== */
/* main
====================================================================== */
   .contain{ width:100%; position:relative; height:auto; }
   .inner{ width:100%; max-width:1170px; margin:0 auto; padding:40px 0; position:relative; z-index:2; }
   .full-width{ width:100%; max-width:100%; margin:0 auto; padding:40px 0; }

/* =================================================================== */
/* Header
====================================================================== */

/* Containers */
    #top-bar { min-height: 30px; width: 100%; background-color:#505050; padding: 5px 0; font-size: 14px; z-index:9999;  }  
    
    .site-call-phone {color:#d2d2d2; position: absolute; top:7px; left:5px;  }
    .site-call-phone span a{ color:#FFF; font-weight:700;}
    .site-call-email { color:#d2d2d2; position: absolute; top: 7px; left:180px; }
    .site-call-email a{ margin-right:30px; color: #d2d2d2; }
    .site-call-phone a:hover,.site-call-email a:hover{ color: #FFF; }
    .site-call-phone i, .site-call-email i{ margin-right:7px; font-size:16px; }
    
    .site_lang { position:absolute; top:7px; right:5px; z-index:1; font-family:Microsoft Yahei, Verdana, Geneva, sans-serif;  }
    .site_lang a {color:#d2d2d2;}
    .site_lang a:hover{color:#fff;}
    
    .lang_en_cn{ background:url(../images/icon-chinese.png) no-repeat left top;  display:block; cursor:pointer; overflow:hidden; transition: background-position 0.3s ease-in-out;	-moz-transition: background-position 0.3s ease-in-out; -webkit-transition: background-position 0.3s ease-in-out; -o-transition: background-position 0.3s ease-in-out; padding-left:25px; color:#999;}

/* Navigation */
	#header{ width:100%; border-bottom:0px solid #e2e2e2; position:relative; background:#fff;  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2); z-index:999;}
    .ie8  #header{ border-bottom:1px #CCC solid; }


/* =================================================================== */
/* Revolution Slider
====================================================================== */
   .home-slider-1 { font-size: 32px; color: #fff; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; line-height: 40px; padding: 12px 16px; } 
   .home-slider-2 { font-size: 48px; color: #fff; font-weight: 600; l letter-spacing: 1px; text-transform: uppercase; line-height: 40px; border-bottom:1px #FFF solid;  border-top:1px #FFF solid; padding: 30px 15px; } 

/* ------------------ Icon Box ------------------ */

.featured-box { float: left; margin: 0 0 30px 0; z-index:1; }

.circle .icon-magic { margin-top: 21px; }
.circle i { font-size:48px; margin: 20px 0;  float: left; color: #fff; position: relative; }

.circle { width:90px; height:90px; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #2c66ae; text-align: center; float: left; }
.featured-desc { float: left; margin: -90px 0 0 100px; }
.featured-desc h3 { font-size: 20px; margin-bottom: 5px; font-family:  OpenSans-Bold;}

.featured-box:hover > .circle { background-color: #a0a0a0; }
.featured-box:hover > .circle i { color: #fff; }

.circle, .circle i, .circle span { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
.circle span { display: block; width: 90px; height: 90px; border-radius: 5px; background-color:#2c66ae; }

.featured-box:hover > .circle span { background-color: #a0a0a0; opacity: 0; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); 	-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s ; }

.icon-left-1 {left: 23%;}
.icon-left-2 {left: 30%;}

.circle-2 .icon-magic { margin-top: 21px; }
.circle-2 i { font-size:48px; margin: 20px 0;  float: left; color: #fff; position: relative; }

.circle-2 { width:90px; height:90px; display: block; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius:45px; background-color: #2c66ae; text-align: center; float: left; }

.featured-box:hover > .circle-2 { background-color: #a0a0a0; }
.featured-box:hover > .circle-2 i { color: #fff; }

.circle-2, .circle-2 i, .circle-2 span { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
.circle-2 span { display: block; width: 90px; height: 90px; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius:45px; background-color:#2c66ae; }

.featured-box:hover > .circle-2 span { background-color: #a0a0a0; opacity: 0; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); 	-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s ; }


/* ------------------ Icon Box ------------------ */
  .featured-box-new { margin: 0 0 30px 0; }
  
  .circle-new { margin:0 auto; display:block; }
  .circle-new i { font-size: 48px; margin: 25px auto;  float: left; color: #fff; z-index: 5; position: relative; text-align:center; }
  .circle-new { width: 90px; height: 90px; display: block; border-radius: 50%; background-color:#283d98; text-align: center; border:2px #283d98 solid; }
  .circle-new i.icon-left-1 {left:30px; }
  .circle-new i.icon-left-2 {left:25px; }
  .circle-new i.icon-left-3 {left:22px; }

  .featured-desc-new { margin:20px auto; display:block; text-align:center;  }
  .featured-desc-new h3 { margin-bottom: 15px; text-align:center; color:#666; }
  
  .featured-box-new:hover > .circle-new { background-color: #fff; border:2px #283d98 solid;}
  .featured-box-new:hover > .circle-new i { color: #283d98; }
  .featured-desc-new p a{ font-size:14px; color:#5B6064; line-height:22px; }
  .featured-desc-new p a:hover{ color:#2c4f91;}
  
  .circle-new, .circle-new i, .circle-new span { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
  .circle-new span { z-index: 4; display: block; width: 90px; height: 90px; border-radius: 50%; background-color: #283d98; }
  
  .featured-box-new:hover > .circle-new span { background-color: #283d98;  opacity: 0; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; }


/* ------------------ 10.PARALLAX ------------------ */
.parallax-section { position: relative; overflow: hidden; width: 100%; }
.parallax-header { position: relative; text-align: center; }

.parallax-titlea { padding:60px 0; margin:30px auto; }
.parallax-titlea h2 { font-size:38px; color: #FFFFFF; font-weight:normal; letter-spacing:5px;}

.parallax-slogan {font-size: 26px;  line-height: 140%; margin: 0; z-index: 10; position: relative; }
.parallax-slogan-1 {  font-size: 26px; line-height: 140%; margin: 0; z-index: 10; position: relative; text-transform: uppercase; }

.ie8 .parallax-title,
.ie8 .parallax-slogan { opacity: 0; }

.parallax-content { color: #FFFFFF; position: relative; }

.parallax-content .parallax-header { padding: 80px 0; }

.parallax-background { background-position: center center; -webkit-background-size: cover !important;  -moz-background-size: cover !important;  -o-background-size: cover !important;  background-size: cover !important; background-repeat: repeat-y;}

.parallax-background.fixed { background-attachment: fixed !important; }

.parallax-banner-1 { background: url('../images/parallax-banner-1.jpg') 50% 0 no-repeat fixed; }
.parallax-banner-2 { background: url('../images/parallax-banner-2.jpg') 50% 0 no-repeat fixed; }
.parallax-banner-3 { background: url('../images/parallax-banner-3.jpg') 50% 0 no-repeat fixed; }
.parallax-banner-4 { background: url('../images/parallax-banner-4.jpg') 50% 0 no-repeat fixed; }
.parallax-banner-5 { background: url('../images/parallax-banner-5.jpg') 50% 0 no-repeat fixed; }
.parallax-banner-6 { background: url('../images/parallax-banner-6.jpg') 50% 0 no-repeat fixed; }
.parallax-banner-10 { background: #FFF fixed; }

.parallax-banner-about { background: url('../images/parallax-banner-about.jpg'); background-position: bottom center; }

.parallax-banner-product-1 { background: url('../images/parallax-banner-products-1.jpg') 50% 0 no-repeat fixed; }
.parallax-banner-product-2 { background: url('../images/parallax-banner-products-2.jpg') 50% 0 no-repeat fixed; }
.parallax-banner-product-3 { background: url('../images/parallax-banner-products-3.jpg') 50% 0 no-repeat fixed; }
.parallax-banner-product-4 { background: url('../images/parallax-banner-products-4.jpg') 50% 0 no-repeat fixed; }
.parallax-banner-product-5 { background: url('../images/parallax-banner-products-5.jpg') 50% 0 no-repeat fixed; }
.parallax-banner-product-6 { background: url('../images/parallax-banner-products-6.jpg') 50% top no-repeat fixed; }

.parallax-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: repeat; background-attachment: scroll; }
.parallax-overlay-1 { background-image: url('../images/pattern_001.png'); }
.parallax-overlay-2 { background-image: url('../images/pattern_002.png'); }
.parallax-overlay-3 { background-image: url('../images/pattern_003.png'); }
.parallax-overlay-4 { background-image: url('../images/pattern_004.png'); }
.parallax-overlay-5 { background-image: url('../images/pattern_005.png'); }
.parallax-overlay-6 { background-image: url('../images/pattern_006.png'); }


.bar-main { position: relative; overflow: hidden; width: 100%; background: url('../images/parallax-banner-6.jpg') left top no-repeat;}


/* ------------------ Home news ------------------ */

.home_news_img { float:left; margin:0 0 15px 0; position:relative;  width:270px;}
.home_news_img img { width:270px; height:auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.home_news_img h6 { z-index:3; position:absolute; left:0; top:0; padding:15px; background:#333; color:#FFF; text-align:center; -webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0;}

.home_news_desc { float: right; width:270px;}
.home_news_desc h3 { font-size: 18px; margin-bottom: 20px; text-transform: uppercase; line-height:22px; }
.home_news_desc h3 a:link{ font-size: 18px; margin-bottom: 20px; color:#777;}
.home_news_desc h3 a:visited {color:#999;}
.home_news_desc h3 a:hover{ color:#283d98; }


 
 
 
/* =================================================================== */
/* Miscellaneous
====================================================================== */
.headline { padding-right: 10px;  z-index: 5; position: relative; float: left; }
.line { border-bottom: 1px solid #f0f0f0; width: 100%; float: left; height: 1px; display: inline-block; margin: -16px 0 25px 0; }
.widget .line { margin-bottom: 22px; }

.section-header { position: relative; text-align: center; overflow: hidden; letter-spacing:-1px;  white-space: nowrap; text-transform: uppercase; padding-bottom: 25px; margin-bottom: 25px; }
.section-header:after { background-color: #2c4f91;   content: "";  display: block;  width: 100%;  height: 3px;  position: absolute;  bottom: 0;  left: 0; width: 50px;  left: 50%;  margin: 0 0 0 -25px;  }
.section-header span { color:#2c4f91;}

.section-header-2 { text-align:center;  font-weight:bold;  font-size:24px; color:#2C4F91;  }

.section-header-3 { text-align:center; margin-bottom:30px;}



/* =================================================================== */
/* Footer
====================================================================== */
   #footer-contact { background:#21252b;  padding:30px 0 15px 0; }
  
/* Footer Bottom
====================================*/
  .footer-bottom {  border-bottom: 1px solid #1a1e22;   background:#21252b;}
  
  .copyright{ background:#21252b; border-top: 1px solid #2e343a; padding-top:30px;}
  .copyright p { text-align:center;  font-size:14px;}
  .copyright a { color: #609ddb; font-size:14px; }
  .copyright a:hover { color: #FFF; }


/*  Back to Top
====================================*/
    #back_top i { margin:10px;}
    #back_top a { background:#104175; right: 30px; bottom: 30px; display: block; width: 35px; height:35px; position: fixed; z-index: 999;border-radius:5px; color:#fff; }
    #back_top a:hover { background:#000; color:#FFF; }
 
 
/* Titlebar
====================================*/
  #titlebar { background: #003678; position: relative; min-height:300px; padding-top:25px;    }
  #titlebar h2 { font-size: 32px;  float: left; width: 100%; color:#fff;  }
  #titlebar span { font-weight: 300; color: #aaa; }
  
  .titlebar { height: 250px; }
  .titlebar h2 { font-size:38px; letter-spacing:2px;  width: 100%; color:#fff; text-align:center; margin-top:90px;  }
  .titlebar span { font-weight: 300; color: #aaa; }
  
  .ie8 .titlebar { height:150px; }
  .ie8 .titlebar h2 { font-size: 48px;  width: 100%; color:#fff; text-align:center; margin-top:30px;  }

  
 
  
/* Breadcrumbs
====================================*/
  .full-width-bread{ width:100%; max-width:100%; margin:0 auto; padding:15px 0; background:#f4f6f6; border-bottom:1px #e9e9e9 solid;}

  #breadcrumbs ul { font-size: 12px; }
  #breadcrumbs ul li { display: inline-block; color: #777; margin: 0 0 0 5px; }
  #breadcrumbs ul li:after { content: " - "; font-size: 14px; color:#777; margin: 0 0 0 9px; }
  #breadcrumbs ul li:last-child:after, #breadcrumbs ul li:first-child:after { content: ""; margin: 0; }
  #breadcrumbs ul li:last-child a, #breadcrumbs ul li a { color: #777; }
  #breadcrumbs ul li a:hover { color:#039; }
  #breadcrumbs ul li:first-child { padding-right: 0; margin-left: 0; }
  #breadcrumbs ul li:first-child, #breadcrumbs ul li:last-child { color: #777; background: none; }
  #breadcrumbs ul li:last-child { padding:0; background: none;}
  
 
/* List Styles
====================================*/
.list-1 li,
.list-2 li,
.list-3 li,
.list-4 li { list-style: none; margin: 7px 0; margin-left: 2px; font-size:16px;  }

.list-1 li:first-child,
.list-2 li:first-child,
.list-3 li:first-child,
.list-4 li:first-child { margin-top: 0; }

.list-1 li:before,
.list-2 li:before,
.list-3 li:before,
.list-4 li:before { content: ""; font-family: "FontAwesome"; margin: 0 7px 0 0; position: relative; }

.list-1 li:before { content: ""; }
.list-2 li:before { content: ""; }
.list-3 li:before { content: ""; }
.list-4 li:before { content: ""; }

ul.list-5 { margin:0 auto;}
.list-5 li { background:url(../images/list-marker-circle-w.png) no-repeat 0 12px; padding-left:15px; padding-top:3px; padding-bottom:3px; line-height:22px;  color:#FFF; margin-bottom:10px;  }
.list-5 li strong { color:#FFF; font-size:18px; color:#fff; }

.list-6 li { padding-top:0; padding-bottom:5px; line-height:22px; color:#c8c8c8; }
.list-6 li i { margin-right:10px;}

.list-7 li { margin-top:8px; font-size:14px; color: #777; line-height:20px; }
.list-7 li a{color: #777; }   
.list-7 li a:hover{ color:#06F;} 



/* =================================================================== */
/* Portfolio
====================================================================== */
.item-preview { background:#efefef; -webkit-box-shadow: 0 0px 2px rgba(0,0,0,0.15);  -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 0px 2px rgba(0, 0, 0, 0.15);-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 30px;}

.pic-show { background:#FFF; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.15);  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.15); box-shadow: 0 1px 5px rgba(0,0,0,0.15); border-radius: 3px; overflow: hidden;}

.text_i_t{ width:70%; margin:20px auto; font-size:80%; text-align:center; font-style:italic; color:#999; line-height:20px;}

/* News Item Description
--------------------------------------------------- */

.item-preview .item-description { padding: 10px 20px 0 20px; position: relative;  overflow: hidden;  text-align: center; }
.item-preview .item-description p a:link{ font-size:14px; line-height: 20px; color:#444; margin-bottom:0; }
.item-preview .item-description p a:visited { color:#999;}
.item-preview .item-description p a:hover { color:#06C;}
.item-preview .item-description h6 { margin-bottom:15px; font-style:italic; font-size:14px; color:#C6C6C6; }


/*-----------------------------------------------------------------------------------*/
/*	Image and Preview Image: Overlay & Border
/*-----------------------------------------------------------------------------------*/

.item-picture { position: relative; }
.item-picture img { max-width: 100%; height: auto;  }
.item-picture iframe,
.item-picture .html5-video { display: none; }

.item-picture-2 { border-radius: 3px 3px 0 0;}
.item-picture-4 { border-radius: 3px;}

/* Image Overlay
--------------------------------------------------- */
.image-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; background-color:#2c4f91; background: rgba(45, 80, 145, 0); cursor: pointer; -webkit-transition: background-color 0.2s ease-out;    -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; }
.image-overlay span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 60%; opacity: 0; -webkit-transition: all 0.15s ease-out;  -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }

.image-overlay .link { background-image: url(../images/overlay-icon-link.png); }
.image-overlay .zoom { background-image: url(../images/overlay-icon-zoom.png); }
.image-overlay .mail { background-image: url(../images/overlay-icon-mail.png); }
.image-overlay .video { background-image: url(../images/overlay-icon-video.png); }

.item-picture:hover .image-overlay { background: rgba(45, 80, 145, 0.55); }
.item-picture:hover .image-overlay span { background-position: 50% 50%; opacity: 1; }
.ie8 .image-overlay, .ie8 .image-overlay span { filter: alpha(opacity=0); }
.ie8 .item-picture:hover .image-overlay { filter: alpha(opacity=50); }
.ie8 .item-picture:hover .image-overlay span { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff); }


.item-class { width:95%; margin:25px auto; border-bottom:1px #CCC solid; padding-bottom:20px; }
.item-class h3 {font-size:24px; height:30px; margin:0;}
.item-class h3 a{ color:#999; }
.item-class h3 a:hover{ color:#2C4F91;}
.item-class ul { padding:10px 20px;}
.item-class li { float:left; margin-right:30px; line-height:30px; font-size:16px; list-style:disc; }
.item-class li a{ color:#777; }
.item-class li a:hover { color:#2C4F91;}


/* item text
--------------------------------------------------- */
.item_right {}
.item_right h3 {font-family:OpenSans-Light, serif; margin-bottom:10px; margin-top:30px; font-weight:700; font-size:20px;}
.item_right h3:first-child{ margin-top:0;}
.item_right p {}


.item-list { width: 770px; display:block; margin:20px auto; border-bottom:1px #efefef solid; padding-top:10px; }

.item-list-img { float:left; width: 270px;}
.item-list-description { float:right; width:  470px;}
.item-list-description h3 a:link{ color:#333; font-size:18px; line-height: 22px; color:#333; margin-bottom: 10px;}
.item-list-description h3 a:visited{ color:#333; }
.item-list-description h3 a:hover { color:#06C; }
.item-list-description p { margin-top:5px; word-wrap: break-word;word-break: normal;  }


/* =================================================================== */
/* News - blog
====================================================================== */
.news-one-third, .news-two-third {float: left; display: inline; margin-left: 10px; margin-right: 10px;}
.news-one-third { width: 380px; }
.news-two-third { width: 750px; }

.news-style { border-bottom:1px #e5e5e5 solid; }
.news-item-preview { margin-bottom: 40px; }
.news-item-preview article { background:#FFF; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* News Item Description
--------------------------------------------------- */
.news-item-description { text-align:left; }
.news-item-description h3 a:link{ color:#333; font-size:24px; line-height: 22px; color:#333; margin-bottom: 10px;}
.news-item-description h3 a:visited{ color:#333; }
.news-item-description h3 a:hover { color:#c00; }
.news-item-description h6 { font-size:12px; font-style:italic; color:#999;}
.news-item-description p { margin-top:5px; word-wrap: break-word;word-break: normal;  }

/* News Item foot
--------------------------------------------------- */
.news-item-foot { margin-top:5px; color:#bbb;  border-top:1px #e5e5e5 solid; }
.news-item-foot p{ font-size:12px; padding:10px 10px 10px 20px;}

/* pager_nav  
====================================*/
    .pager_nav { width:100%; margin:0 auto; border-top:0px #CCC solid; padding:0; position:relative; text-align:center;}
    .pager_nav .bx_num { font-weight:bold;  font-size:75%; margin:20px auto; }
    .pager_nav .bx_num a {color:#999;margin:0 2px; background:#fff; border:1px #ccc solid;padding:5px 8px;}
    .pager_nav .bx_num a:hover, .pager_nav .bx_num span { color:#fff;margin:0 2px;background:#2c4f91; padding:5px 8px;  border:1px #2c4f91 solid;}
    .pager_nav .bx-prev{ cursor:pointer;}
    
    .page_tec { text-align:center;}
    .box-brod { border:1px #1d1d1d solid; }


/* News show
--------------------------------------------------- */
.news_show { background:rgba(255, 255, 255, .8);  background:#FFF; max-width:650px; margin:15px auto;  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); padding:20px;}
.news_show h3 { margin-top:15px;}
.news_show h6 { margin-bottom:30px; font-size:12px; color:#bbb;}

.news_show img { width:100%; height:auto; margin:20px auto;}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  
  .news_show { width:100%;}
}

/* Google Maps
====================================*/
  .google-cont { width:100%; position:relative;  text-align:center; }
  .google-cont  h2 { position:absolute; z-index:1800;padding:20px; background:#FFF; margin:20px auto; left:45%;}
  
  #baidumaps { width:100%; height:350px; margin:0; }
  

     



/* Standard Table
--------------------------------------------------- */
table.standard {width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; font-size:11px; }
table.standard caption {font-family:OpenSans-Light, serif; margin-bottom:10px; font-weight:700; font-size:20px; color:#333; text-align:left; padding-left:15px; }
table.standard th { font-family:Tahoma, Geneva, sans-serif;font-weight: bold; border: 1px solid #d9dee4; border-bottom: 1px solid #d9dee4; background-color: #e3e7eb; padding: 8px 15px; text-align: center; vertical-align: middle; color:#333; }
table.standard td { font-family:Tahoma, Geneva, sans-serif; border: 1px solid #d9dee4; padding: 8px 15px; text-align:center; color:#666;  }
table.standard tr:hover td { background-color:#fff; background-color: rgba(255, 255, 255, 1); }
.ie8 table.standard th { font-family: OpenSansBold, Arial, "Helvetica Neue", Helvetica, sans-serif; }
table.standard tfoot td{ font-weight:bold; padding:15px; line-height:20px;}

@media only screen and (max-width: 40em) { /*640*/

	   .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  * html .cf { zoom: 1; }
  *:first-child+html .cf { zoom: 1; }

    .standard { display: block; position: relative; width: 100%; }
		.standard thead { display: block; float: left; }
		.standard tbody { display: -webkit-box; overflow-x: auto; }
		.standard th,
		.standard tr,
		.standard td { display: block; }

		/* sort out borders */

		.standard th { border-bottom: 0; }
		.standard td { border-left: 0; border-right: 0; border-bottom: 0; }
		.standard tbody tr { border-right: 0px solid #babcbf; }
		.standard th:last-child,
		.standard td:last-child { border-bottom: 1px solid #babcbf; }
        .abc { height:60px;}
	}


table.standard-2 { font-family: OpenSans-Regular;  width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 40px; font-size:12px; }
table.standard-2 caption {font-family:OpenSans-Light, serif; margin-bottom:10px; font-weight:700; font-size:20px; color:#777; text-align:left; padding-left:15px; }
table.standard-2 th { font-size:14px; font-weight: bold; border: 1px solid #c7cfc3; border-bottom: 1px solid #b1b9ad; background-color: #ebeee9; padding: 8px 15px; text-align: center; vertical-align: middle; }
table.standard-2 td { font-size:14px; border: 1px solid #c7cfc3; padding: 8px 15px; text-align: left; line-height:20px;  }
table.standard-2 tr:hover td { background-color:#fff; background-color: rgba(255, 255, 255, 1); }
table.standard-2 tfoot td{ font-weight:bold; padding:15px; line-height:20px;}

table.standard-3 { font-family: OpenSans-Regular;  width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 40px; font-size:12px; c }
table.standard-3 caption {font-family:OpenSans-Light, serif; margin-bottom:10px; font-weight:700; font-size:20px; color:#fff; text-align:left; padding-left:15px; }
table.standard-3 th { font-size:14px; font-weight: bold; border: 1px solid #c7cfc3; border-bottom: 1px solid #b1b9ad; background-color: #ebeee9; padding: 8px 15px; text-align: center; vertical-align: middle; }
table.standard-3 td { font-size:14px; border: 1px solid #c7cfc3; padding: 8px 15px; text-align: left; line-height:20px; background: rgba(250,250,250,.8);  }
table.standard-3 tr:hover td { background-color:#fff; background-color: rgba(255, 255, 255, 1); }
table.standard-3 tfoot td{ font-weight:bold; padding:15px; line-height:20px;}



/* Highlights
--------------------------------------------------- */
.highlight.color,
.highlight.gray,
.highlight.light {
	padding: 2px 10px;
	color: #fff;
	border-radius: 3px;
	box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.1);
     margin-right:15px;
}

.highlight.color { background: #06F; }
.highlight.gray { background: #aaa; }

.highlight.light {
	background: #f2f2f2;
	color: #888;
	box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.05);
}



/* =================================================================== */
/* Button
====================================================================== */

/* Home Get Started Button */
	.home-button{ width:170px; height:auto; padding:10px 23px; border:2px solid white; background: rgba(43,43,43,0.1); color:#FFF; font-weight:300; text-transform:uppercase; font-size:18px; cursor:pointer;
margin:35px auto; display:block; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
    .home-button:link { color:#FFF;}
	.home-button:hover{ background:white; color:#3c3c3c; text-decoration:none; }
    
    .home-pr-button{ width:200px; height:auto; padding:10px 23px; border:2px solid white; background: rgba(43,43,43,0.1); color:#FFF; font-weight:300; text-transform:uppercase; font-size:18px; cursor:pointer;
margin:35px auto; display:block; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
    .home-pr-button:link { font-size:16px; color:#FFF;}
	.home-pr-button:hover{ background:white; color:#3c3c3c; text-decoration:none; }
    
    .home-news-button{ width:200px; height:auto; padding:10px 23px; border:2px solid #2c4f91; background: rgba(255,255,255,0.1); color:#2c4f91; font-weight:300; text-transform:uppercase; cursor:pointer;
margin:35px auto; display:block; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
    .home-news-button:link { font-size:16px; color:#2c4f91;}
	.home-news-button:hover{ background:rgba(45,80,145,1); background:#2c4f91; color:#fff; text-decoration:none; }
    
    .view-button{ width:200px; height:auto; padding:8px 10px; border:1px solid #3c709f; background: rgba(255,255,255,0.1); color:#3c709f;  cursor:pointer; display:block; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
    .view-button:link { color:#3c709f; font-size:12px;}
	.view-button:hover{ background:#3c709f; color:#fff; text-decoration:none; }
    
    .pr-button{ width:200px; height:auto; padding:10px 10px; border:1px solid #3c709f; background: rgba(40,110,180,1); color:#fff; font-weight:300; text-transform:uppercase; font-size:24px; cursor:pointer;margin:35px auto; display:block; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
    .pr-button:link { color:#fff; font-size:16px;}
	.pr-button:hover{ background:#333; color:#fff; text-decoration:none; border:1px solid #333; }


    .sub-button{ width:170px; height:auto; padding:10px 10px; background:#3c709f; color:#fff; font-weight:300; font-size:14px; cursor:pointer;
		margin-top:25px; margin-bottom:45px; display:block; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border:0;  }
    .sub-button:link { background:#3c709f; color:#fff; font-size:14px;}
	.sub-button:hover{ background:#000; color:#fff; text-decoration:none; }
    
    .icon-button{ width:40px; height:auto; padding:8px 8px; border:1px solid #999; background: rgba(255,255,255,0.1); color:#999; font-size:18px; cursor:pointer; margin:0 5px; display:inline-block; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
    .icon-button:link { color:#999;}
	.icon-button:hover{  border:1px solid #104175; background:#104175; color:#fff; text-decoration:none; }
    
    .icon-button-2{ width:40px; height:auto; padding:8px 0px; background:#2C4F91; color:#fff;  cursor:pointer; margin:0; display:inline-block; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
    .icon-button-2:link { color:#fff; font-size:24px; }
	.icon-button-2:hover{  background:#333; color:#fff; text-decoration:none;  }
    
    .pi-italic{ font-style: italic;  font-size:12px;  color:#609ddb;}
    .pi-italic:link {color:#609ddb;}
    .pi-italic:hover{ color:#2c4f91;}

    
    
/* =================================================================== */
/* img
====================================================================== */
    

.pi-img-hover-zoom {
  overflow: hidden;
}
.pi-img-hover-zoom img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  -ms-transition: -ms-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
.pi-img-hover-zoom:hover img {
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.pi-img-w:hover .pi-img-hover-zoom img,
.pi-portfolio-description-box:hover .pi-img-hover-zoom img {
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}