@import "../css/owl.carousel.min.css";
@import "../css/owl.theme.default.min.css";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:300,400,600,700,800|Poppins:300,400,500,600,700');
html,body{
	font-family: Microsoft YaHei,'宋体',Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;
	color: #364150;
}
/* admin CSS */
.error{
	color: #C00;	
}
.msg{
	color: #C00;
	text-align: center;
	clear: both;
	font-weight: bold;
	margin-left: 20px;
}
.foot{
	background: #404040;
	color: #B8B8B8;
	font-size: 12px;
}
a {
  color: #364150;
  text-decoration: none;
}
.btn-primary {
  color: #fff;
  background-color: #45b6af;
  border-color: #45b6af;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #3b9c96;
  border-color: #3b9c96;
}
.btn-primary:hover {
  color: #fff;
  background-color: #3b9c96;
  border-color: #3b9c96;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3b9c96;
  border-color: #3b9c96;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #3b9c96;
  border-color: #3b9c96;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #3b9c96;
  border-color: #3b9c96;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 150px;
  margin-bottom: 10px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 8;
	margin-bottom: 20px;
}
.carousel-caption dt{
	font-size: 36px;
}
.carousel-caption dt{
	font-size: 24px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
  height: 150px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 150px;
}
@media (min-width: 768px) {
.carousel {
  height: 360px;
  margin-top: 0px;
  margin-bottom: 10px;
	width: 100%;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 8;
	margin-bottom: 80px;
}
.carousel-caption dt{
	font-size: 48px;
	margin-bottom: 20px;
}
.carousel-caption dt{
	font-size: 36px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
  height: 360px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 360px;
}
}

 .tooltip-inner{

    color:#113f6c;
    background-color: #fff;
}
.tooltip.bottom .tooltip-arrow{
    border-bottom-color: #fff;
}

h4.line {
    border-bottom: 1px solid #1cade2;
    padding-bottom: 8px;
    position: relative;
    margin-bottom: 10px;
    text-transform: uppercase;
}
h4.line>span {
    width: auto;
    border-bottom: 4px solid #1cade2;
    padding-bottom: 7px;
}

#my_03 li{
    margin: 10px;
    float: left;
    width: 120px;
    height: 170px;
    text-align: center;
    border-color: #8F8C8D;
    padding: 10px;
    border-style: solid;
}
#my_03 li img {
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
}

.cut {
overflow:hidden;
text-overflow:ellipsis;
white-space: nowrap; 
}


.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../img/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../img/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../img/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../img/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}

.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}

.sep {
	position: relative;
    left: 0;
    right: 0;
	width: 30px;
    height: 1.5px;
    background: #353535;
    display: block;
    margin: 20px auto;
    text-align: center;
}

.sep:before {
    content: '';
    position: absolute;
    left: -10px;
    right: 0;
    bottom: 0;
    background: #353535;
    width: 50px;
    height: 1.5px;
    margin: 5px 0;
}

.sep:after {
    content: '';
    position: absolute;
    left: -10px;
    right: 0;
    top: 0;
    background: #353535;
    width: 50px;
    height: 1.5px;
    margin: 5px 0;
}

.sep-white {
	background: #fff;
}

.sep-white:before {
	background: #fff;
}

.sep-white:after {
	background: #fff;
}
/*
================================
Team - Version 1
================================
*/

.team-v1 {
	background: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.team-v1 .heading {
	margin-bottom: 10px;
}

.team-v1 .heading h2 {
	font-size: 28px;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
}

.team-v1 .heading p {
	font-size: 16px;
	text-align: center;
	color: #353535;
}

.team-v1 .team-carousel {
	position: relative;
}

.team-v1 .owl-controls {
	position: absolute;
	top: -60px;
	right: 0;
	
}

.team-v1 .owl-controls .owl-prev,
.team-v1 .owl-controls .owl-next {
	background: #353535;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding-left: 13px;
	padding-right: 13px;
	float: left;
	margin-left: 10px;
}

.team-v1 .owl-controls .owl-prev i,
.team-v1 .owl-controls .owl-next i {
	font-size: 16px;
	color: #ffffff;
}

.team-v1 .owl-controls .owl-prev:hover,
.team-v1 .owl-controls .owl-next:hover {
	background: #f57c05;
}


.team-v1 .text {
	background: #F2F3F3;
	padding: 15px;
}

.team-v1 .text h3 {
	text-align: center;
	color: #353535;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px;
}

.team-v1 .text h3 a {
	color: #353535;
}

.team-v1 .text p {
	text-align: center;
	font-size: 14px;
	margin-bottom: 0;
}

.team-v1 .item .thumb {
	position: relative;
	overflow: hidden;
}

.team-v1 .item:hover .thumb img {
	width: 100%;
}

.team-v1 .item .thumb .overlay {
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	background: rgba(64, 64, 64, 0.6);
}

.team-v1 .item:hover .thumb .overlay {
	opacity: 1;
	filter: alpha(opacity=1);
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.team-v1 .item .social-icons {
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 10%;
	left: 0;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.team-v1 .item:hover .social-icons {
	top: 20%;
	opacity: 1;
	filter: alpha(opacity=1);
}

.team-v1 .social-icons ul {
	text-align: center;
	margin-top: 25%;
	padding-left: 15px;
}

.team-v1 .social-icons ul li {
	list-style-type: none;
	margin-bottom: 10px;
	display: inline-block;
	margin-right: 7px;
}

.team-v1 .social-icons ul li a {
	width: 30px;
	line-height: 30px;
	background: #f57c05;
	color: #fff;
	display: block;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	font-size: 16px!important;
}

.team-v1 .social-icons ul li a:hover {
	background: #353535;
}

/*
================================
Testimonial - Version 1
================================
*/

.testimonial-v1 {
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

.testimonial-v1 .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #DEE8EB;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.testimonial-v1 .container {
	position: relative;
	z-index: 9999;
}

.testimonial-v1 .heading {
	margin-bottom: 50px;
}

.testimonial-v1 .heading h2 {
	font-size: 36px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #000000;
}

.testimonial-v1 .heading p {
	font-size: 16px;
	text-align: center;
	color: #000000;
}
.b1{
    background: #FFFFFF;
    padding: 15px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29) !important;
    border-bottom: 4px solid #27AFD3;
    border-radius: 29px / 147px;
}
.testimonial-v1 .testimonial-carousel {
  	margin-top: 0px;
  	text-align: center;
  	position: relative;
  	width: 80%;
  	margin: 0 auto;
}

.testimonial-v1 .content .comment {
	color: #000000;
	padding: 15px 50px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative;
	font-style: italic;
}

.testimonial-v1 .content .comment p {
	margin: 0 auto;
	color: #333333;
	font-size: 14px;
}

.testimonial-v1 .author {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.testimonial-v1 .photo {
	display: inline-block;
	margin-right: -4px;
	vertical-align: top;
}

.testimonial-v1 .photo img {
	width: 80px;
	height: 80px;
	float: right;
	margin-right: 25px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.testimonial-v1 .text {
	display: inline-block;
	vertical-align: top;
}

.testimonial-v1 .text h3 {
	font-size: 18px;
	font-weight: bold;
	color: #55ADCF;
	text-align: left;
	margin-top: 10px;
}

.testimonial-v1 .text h4 {
	font-size: 13px;
	color: #55ADCF;
	text-align: left;
}

.testimonial-v1 .owl-nav {
	margin-top: 20px;
}

.testimonial-v1 .owl-nav i {
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 20px;
	text-align: center;
}

.testimonial-v1 .owl-nav .owl-prev,
.testimonial-v1 .owl-nav .owl-next {
	color: #55ADCF;
	background: none;
	position: absolute;
	top: 14%;
}

.testimonial-v1 .owl-nav .owl-prev i,
.testimonial-v1 .owl-nav .owl-next i {
	font-size: 30px;
	font-weight: bold;
}

.testimonial-v1 .owl-nav .owl-prev {
	left: -80px;
}

.testimonial-v1 .owl-nav .owl-next {
	right: -80px;
}

.testimonial-v1 .owl-nav .owl-prev:hover,
.testimonial-v1 .owl-nav .owl-next:hover {
	background: none;
}
/*
================================
News - Version 1
================================
*/

.news-v1 {
	background: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
}

.news-v1 .heading {
	margin-bottom: 50px;
}

.news-v1 .heading h2 {
	font-size: 36px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

.news-v1 .heading p {
	font-size: 16px;
	text-align: center;
	color: #353535;
}

.news-v1 .news-carousel {
	position: relative;
}

.news-v1 .owl-controls {
	position: absolute;
	top: -60px;
	right: 0;
}

.news-v1 .owl-controls .owl-prev,
.news-v1 .owl-controls .owl-next {
	background: #353535;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding-left: 13px;
	padding-right: 13px;
}

.news-v1 .owl-controls .owl-prev i,
.news-v1 .owl-controls .owl-next i {
	font-size: 16px;
}

.news-v1 .owl-controls .owl-prev:hover,
.news-v1 .owl-controls .owl-next:hover {
	background: #f57c05;
}

.news-v1 .text {
	background: #f1f1f1;
	padding: 15px;
}

.news-v1 .text h3 {
	text-align: left;
	color: #353535;
	font-weight: bold;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.news-v1 .text h3 a {
	color: #353535;
}

.news-v1 .text h3 a:hover {
	color: #f57c05;
}

.news-v1 .text h4 {
	text-align: left;
	color: #353535;
	font-size: 13px;
	margin-bottom: 20px;
}

.news-v1 .text p {
	text-align: left;
	margin-bottom: 0;
}

.news-v1 .item .thumb {
	position: relative;
	overflow: hidden;
}

.news-v1 .date {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 14px;
}

.news-v1 .date .day {
	float: left;
	background: #f57c05;
	color: #fff;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

.news-v1 .date .day:before {
	position: absolute;
	top: 0;
	font-size: 30px;
	right: -8px;
	font-family: 'FontAwesome', sans-serif;
	content: '\f0da';
	color: #f57c05;
}

.news-v1 .date .month {
	float: left;
	background: #353535;
	color: #fff;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	padding-right: 10px;
	text-transform: uppercase;
	font-weight: bold;
}
.blogdate {
    float: left;
    width: 60px;
    margin-right: 30px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.blogdate .month {
    font-size: 12px;
    line-height: 12px;
    padding-top: 3px;
    padding-bottom: 4px;
    font-weight: bold;
    color: #fff;
    background: #34b489;
    width: 100%;
    float: left;
    text-align: center;
}
.blogdate .day {
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
    padding-top: 1px;
    padding-bottom: 0px;
    width: 100%;
    float: left;
    text-align: center;
}
.blogdate .year {
    font-size: 12px;
    line-height: 12px;
    padding-bottom: 4px;
    width: 100%;
    float: left;
    text-align: center;
}
.border{  border-width: 1rpx; border-style: solid; border-color: #B2B2B2;}

.border-bottom{ border-bottom-width: 1rpx;border-bottom-style: solid;border-bottom-color:#B2B2B2;}
