@charset "utf-8";

/* CSS Document */





.wordtextbox ul{

	display: block;

    list-style-type: disc;

    -webkit-margin-before: 1em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    -webkit-padding-start: 40px;

}

.wordtextbox ol{

	display: block;

    list-style-type: decimal;

    -webkit-margin-before: 1em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    -webkit-padding-start: 40px;

}

.wordtextbox img{

	height:auto !important;

	max-width:100% !important;

}





/*----OWL----------------------------------*/

.owl-default {

	margin:0; 

	padding: 0px;

	background: transparent;

	position: relative;

}

.owl-default .slide-box{

	position: relative;

}

.owl-default .owl-nav [class*=owl-] {

	background-color: rgba(0,0,0,0.0);

	color: #FFF;

    font-size: 30px;

	padding:0px 20px;

	cursor: pointer;

	position: absolute;

	top: 0;

	height:100%;

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

}

.owl-default .owl-nav [class*=owl-] i {

	position: relative;

    top:50%;

    transform:translateY(-50%);

}

.owl-default .owl-prev {

	left:0px;

}

.owl-default .owl-next{

	right:0px;

}

.owl-default .owl-nav [class*=owl-]:hover{

	opacity: 1;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

}

.owl-default .owl-dots{

	position: absolute;

    bottom: 30px;

    left: 0;

    text-align: center;

    width: 100%;

}

.owl-default .owl-dots .owl-dot{

	display: inline-block;

	zoom: 1;

}

.owl-default .owl-dots .owl-dot span {

    width: 10px;

    height: 10px;

    margin: 5px 7px;

    background: #d6d6d6;

    display: block;

    -webkit-backface-visibility: visible;

    -webkit-transition: opacity 200ms ease;

    -moz-transition: opacity 200ms ease;

    -ms-transition: opacity 200ms ease;

    -o-transition: opacity 200ms ease;

    transition: opacity 200ms ease;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

}

.owl-default .owl-dots .owl-dot.active span, 

.owl-default .owl-dots .owl-dot:hover span {

    background: #FF9800;

}



.owl-a1-t1 .image {

	width:100%; 

	height:0px;

	padding-bottom:50%; 

	overflow: hidden; 

}

.owl-a1-t1 a.more {

	position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 15px;

    font-size: 0;

}







/*----VIDEO-------------------------------------------*/

.home-video {

	padding:0;

	overflow: hidden;

}



.home-video .wordtextbox{

	font-size:14px;

	padding:15px;

}

.video-c2-t3 .videobox{

	margin: 0px auto;

    padding: 15px;

    background-color: rgba(0,0,0,0.7);

	width: 1180px;

	font-size: 0;

}

.video-c2-t3 .videobox iframe{

	 width: 100% !important;

}



.video-c2-t1 .videobox{

	margin: 0px;

    padding: 15px;

    background-color: rgba(0,0,0,0.7);

}



.video-c2-t2 .videobox{

	margin: 30px;

    padding: 15px;

	border-radius: 8px;

    background-color: rgba(0,0,0,0.7);

}

.video-c2-t2 .wordtextbox{

	color:#FFF;

}





.home-video .mapbox{

	font-size:0;

}

.video-c3-t1 .mapbox iframe{

	min-height:310px !important;

}

.video-c3-t1 .wordtextbox {

	background-color: #333;

}

.video-c3-t1 .wordtextbox .des{


    border: 8px solid #3F51B5;

    margin: 40px;

    padding: 40px;

	min-height: 200px;

	color:#fff;

}


.video-c3-t1 .wordtextbox h3{

    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    font-size: 4.8rem;

}

@media (max-width: 420px) {
.video-c3-t1 .wordtextbox .des{
    border: 4px solid #3F51B5;
    margin: 20px;
    padding: 30px;
	min-height: 200px;
	color:#fff;

}
	.video-c3-t1 .wordtextbox h3{
    font-size: 3.8rem;
}
}

.video-c3-t2 {

	position: relative;

    overflow: hidden;

    width: 100%;

}

.video-c3-t2 .folatdes{

	position:absolute;

	padding:50px;

	top:0;

	right:0;

	width:50%;

	padding:50px;

	overflow:hidden;

}

.video-c3-t2 .wordtextbox {

	background-color: rgba(0,0,0,0.75);

}

.video-c3-t2 .wordtextbox .des{

    text-align: center;

    border: 10px solid #00bcd4;

    margin: 40px;

    padding: 40px 50px;

	min-height: 250px;

	color:#fff;

}





/*----IMAGE--------------------------------------------------------------*/

.home-image{

	position:relative;

	

}

.home-image img{

	width:100%;

}

.home-image .wordimagebox{

	position:relative;

	padding:0;

}

.home-image a.more{

	position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 15px;

    font-size: 0;

}

.home-image .wordtextbox{

	color:#000;

}

.home-image .des-area{

	padding:45px;

	overflow: hidden;

}

.home-image .imageitem{

	padding: 0px;

	position:relative;

	overflow: hidden;

}

.home-image .image-chunkbox{

	overflow:hidden;

}

.home-image .image-area{

	overflow: hidden;

}



.image-a3 .imageitem .map{

    background-color: #000;

	    overflow: hidden;

}





.image-a3 .imageitem{

    background-color: #000;

}

.image-a3 .image {

	width:100%; 

	height:0px;

	padding-bottom:75%; 

	overflow: hidden; 

}

.image-a3 .imageitem .image {
    text-align: center;
    overflow: hidden;
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}

.image-a3 .imageitem:hover .image {
	opacity: 0.5;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}


.image-a3-t1 .image-area-more .imgbox > div .image {
    text-align: center;
    overflow: hidden;
	opacity: 0.5;
	-webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}

.image-a3-t1 .image-area-more .imgbox > div:hover .image {
	opacity: 1;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}



.image-a3-t1 .image-area-more .imgbox > div:hover .text {
display: none;

}


.image-a3-t1 {

	width: 1180px;
    padding-right: 0px;
    padding-left: 0px;
    margin: auto;

}



.image-a3-t1 .imgbox{

	margin-left:-15px;

	margin-right:-15px;

	padding:20px 0 80px;

	overflow: hidden;

}

.image-a3-t1 .imgbox > div{

	overflow: hidden;

}

.image-a3-t1 .image-area-more .imgbox > div{

	padding:1px;

}







.image-a3-t2 .imgbox{

	overflow: hidden;

}

.image-a3-t2 .imgbox > div{

	padding:0px 0px;

	overflow: hidden;

}

.image-a3-t2 .image-area-more .imgbox > div{

	padding:1px;

}







.image-a4 .wrap{

	margin-top:-100px;

}



.image-a4-t1{}

.image-a4-t1 .imageitem{

	padding-bottom:20px;

}

.image-a4-t1 .imgbox .image-area > div{

	padding:15px;

}

.image-a4-t1 .map{

	background-color:#FFF;

	border:1px solid #666;

	border-radius: 5px;

	padding:3px;

}

.image-a4-t1 .image{

	border-radius: 4px;

}







.image-a4-t2 .des-area {

    padding-bottom: 120px !important;

	background-attachment: fixed !important;

}

.image-a4-t2 .map{

	background-color:#000;

	overflow: hidden;

}

.image-a4-t2 .imageitem .image {

    text-align: center;

    overflow: hidden;

	opacity: 0.75;

	-webkit-transform: scale3d(1,1,1);

    transform: scale3d(1,1,1);

	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;

    transition: opacity 0.2s, transform 0.2s;

}

.image-a4-t2 .imageitem:hover .image {

	opacity: 1;

    -webkit-transform: scale3d(1.05,1.05,1);

    transform: scale3d(1.05,1.05,1);

	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;

    transition: opacity 0.2s, transform 0.2s;

}







.owl-a6-t1{

	padding:80px 0;

}

.owl-a6-t1 .awitem {

	padding:0px;

}

.owl-a6-t1 .awitem > div{

	overflow: hidden;

	width: 100%;

    height: 100%;

}







.image-a6-t2 {}

.image-a6-t2 > div{

	padding:0;

}

.owl-a6-t2 .image {

	width:100%; 

	height:0;

	padding:0;

	padding-bottom:60%;

	overflow: hidden; 

}

.owl-a6-t2 a.more {

	position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 15px;

    font-size: 0;

}







.image-a8-t1 .imgbox{

	margin-left:-15px;

	margin-right:-15px;

	padding:20px 0;

	overflow: hidden;

}

.image-a8-t1 .imgbox > div{

	overflow: hidden;

}

.image-a8-t1 .image-area-more .imgbox > div{

	padding:15px;

}









.image-a10 .imageitem .map{

    background-color: #000;

	    overflow: hidden;

}

.image-a10 .imageitem .text{

       background-color: #979696;

    color: #ffffff;

    padding: 5px 15px;

}

.image-a10 .imageitem .title{

   font-size: 20px;

       line-height: 2;

}

.image-a10 .des-area {

    padding: 30px;

    overflow: hidden;

    line-height: 2;

}



.image-a10 .imageitem{

    background-color: #000;

}

.image-a10 .image {

	width:100%; 

	height:0px;

	padding-bottom:75%; 

	overflow: hidden; 

}

.image-a10 .imageitem .image {

    text-align: center;

    overflow: hidden;

	opacity: 1;

	-webkit-transform: scale3d(1,1,1);

    transform: scale3d(1,1,1);

	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;

    transition: opacity 0.2s, transform 0.2s;

}

.image-a10 .imageitem:hover .image {

	opacity: 0.5;

    -webkit-transform: scale3d(1.05,1.05,1);

    transform: scale3d(1.05,1.05,1);

	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;

    transition: opacity 0.2s, transform 0.2s;

}







.image-a10-t1 .imgbox{

	margin-left:-15px;

	margin-right:-15px;

	overflow: hidden;

}

.image-a10-t1 .imgbox > div{

	overflow: hidden;
margin-bottom: 40px;
}

.image-a10-t1 .image-area-more .imgbox > div{

	padding:15px;

}







.tbb-area{



}

.tbb-lc-l{

	text-align: left;

}

.tbb-lc-c{

	text-align: center;

}

.tbb-lc-r{

	text-align: right;

}

.tbb-area .tbb-des-area{

	margin: auto;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 7% 12%;

}

.tbb-area .tbb-des-area h3 {

	font-size: 40px;

    line-height: 46px;

    color: #fff;

	letter-spacing: 2px;

	  font-weight: 500;

	text-shadow: 3px 2px 2px #686868;

}	

.tbb-area .tbb-des-area p {

    color: #FFF;

	letter-spacing: 2px;

    font-weight: 500;

    line-height: 1.8;

    text-shadow: 3px 2px 2px #686868;

}

.tbb-area .tbb-link{

	padding:20px 0;

}

.tbb-area .tbb-des-area a {

	background-color: #6e6e6e;

    color: #FFF;

        padding: 15px 50px;

	display: inline-block;

    margin-bottom: 5px;

}

.tbb-area .tbb-des-area a:hover {

	background-color: #00BCD4;

	transition-duration: 1s;

    

}

.bv-area{

	width: 100%;

	padding: 0;

    margin: 0;

    font-size: 0;

}

.bv-area video{

	width: 100%;

}





/*----IN BOX TEXT----*/

.inw1 .text{

	position: absolute;

    bottom: 0;

    right: 0;

    left: 0;

    width: 100%;

    padding: 20px 10%;

    margin: auto;

    overflow: hidden;

    /* transform: translateY(-50%);*/
}

.inw1 .text .title{

	line-height:26px;

	font-size: 1.6rem;

	color:#fff;

	text-align:center;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.8), 1px 1px 1px rgba(0,0,0,0.8),2px 2px 2px rgba(0,0,0,0.6), 2px 2px 2px rgba(0,0,0,0.6);

}







.inw2 .text{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    color: #FFF;

}

.inw2 .text .title{

	position: absolute;

    top: 50%;

    right: 0;

    left: 0;

    width: calc(100% - 60px);

    padding: 20px 10%;

    margin: auto;

    overflow: hidden;

    transform: translateY(-50%);

}

.inw2 .text .title{

	line-height:26px;

	font-size:22px;

	color:#fff;

	text-align:center;

	    text-shadow: -2px 2px 1px rgba(0, 0, 16, 0.6);

	

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

}

.inw2 .imageitem .text::before,

.inw2 .imageitem .text::after {

	position: absolute;

	content: '';

	opacity: 0;

}

.inw2 .imageitem .text::before {

	top: 30px;

	right: 30px;

	bottom: 30px;

	left: 30px;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: scale(0,1);

	transform: scale(0,1);

	-webkit-transform-origin: 0 0;

	transform-origin: 0 0;

}

.inw2 .imageitem .text::after {

	top: 30px;

	right: 30px;

	bottom: 30px;

	left: 30px;

	border-right: 1px solid #fff;

	border-left: 1px solid #fff;

	-webkit-transform: scale(1,0);

	transform: scale(1,0);

	-webkit-transform-origin: 100% 0;

	transform-origin: 100% 0;

}

.inw2 .imageitem .text::before,

.inw2 .imageitem .text::after {

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

}

.inw2 .imageitem:hover .text::before,

.inw2 .imageitem:hover .text::after {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);

}

.inw2 .imageitem:hover .text .title{

	opacity: 1;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

}

.inw2 .imageitem:hover .text::after {

	-webkit-transition-delay: 0.15s;

	transition-delay: 0.15s;

}







.outw1 .text{

	color:#000;

	text-align:center;

	padding-bottom:25px;

}

.outw1 .text .title{

	font-size: 20px;

	line-height:1.2;

	padding:10px;

}

.outw1 .text .des{

	font-size: 14px;

	line-height:1.2;

	padding:10px;

}

.outw1 .btn-more{

	text-align:center;

}

.outw1 .btn-more a{

    border: 1px solid #666;

    background-color: #fff;

    font-size: 12px;

    color: #000;

    padding: 3px 10px;

    margin: 5px 0;

    display: inline-block;

    border-radius: 5px;

}

.outw1 .btn-more a:hover{

	color: #fff;

	background-color: #000;

}







.img-200{

	padding-bottom:200% !important;

}

.img-150{

	padding-bottom:150% !important;

}

.img-120{

	padding-bottom:120% !important;

}

.img-100{

	padding-bottom:100% !important;

}

.img-90{

	padding-bottom:90% !important;

}

.img-80{

	padding-bottom:80% !important;

}

.img-70{

	padding-bottom:70% !important;

}

.img-60{

	padding-bottom:60% !important;

}

.img-50{

	padding-bottom:50% !important;

}

.img-40{

	padding-bottom:40% !important;

}

.img-30{

	padding-bottom:30% !important;

}



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

.home-text{

	overflow: hidden;

}



.text-b2-t1 .image-area > div {

	padding:0;

}

.text-b2-t1 .imageitem{

	position:relative;

	padding: 20px;

}

.text-b2-t1 .single_feature_icon{

	border: 1px solid #fff;

    width: 70px;

    height: 70px;

    line-height: 70px;

    margin: 20px auto;

	padding:10px;

    transition: all 0.6s;

}

.text-b2-t1 .single_feature_icon .image{

	width: 100%;

    height: 0;

    padding-bottom: 100%;

    text-align: center;

    overflow: hidden;

    position: relative;

}

.text-b2-t1 .single_feature_icon .image img{

	position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    max-width: 100%;

    max-height: 100%;

}

.text-b2-t1 .imageitem:hover .single_feature_icon{

    border-color:#FFEB3B;

    transform: rotate(45deg);

}

.text-b2-t1 .imageitem:hover .single_feature_icon .image{

    transform: rotate(-45deg);

}

.text-b2-t1 .imageitem:hover .title{

    color: #fff;

}

.text-b2-t1 .text .title{

	transition: all 0.6s;

    font-size: 16px;

    line-height: 30px;

    height: 60px;

    color: #fff;

	overflow:hidden;

	text-align: center;

	text-shadow: 1px 1px rgba(0,0,0,1),1px 1px rgba(0,0,0,1);

}

.text-b2-t1 .text .separator3 {

    height: 2px;

    width: 40px;

    margin: 20px auto;

    background: #888888;

}

.text-b2-t1 a.more{

	position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 15px;

    font-size: 0;

}







.text-b2-t2 > div {

	padding:0;

}

.text-b2-t2 .link-area{

	padding:20px 0;

}

.text-b2-t2 .link-left {

    padding-right: 15px;

    vertical-align: top;

    height: 50px;

    width: 50px;

    float: left;

}

.text-b2-t2 .link-left .image{

	width: 100%;

    height: 0;

    padding-bottom: 100%;

    text-align: center;

    overflow: hidden;

    position: relative;

}

.text-b2-t2 .link-left .image img{

	position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    max-width: 100%;

    max-height: 100%;

}

.text-b2-t2 .link-body {

    vertical-align: middle;

    display: table-cell;

    float: left;

    width: calc(100% - 60px);

    font-size: 16px;

    line-height: 35px;

    color: #58585a;

    text-align: left;

}







.text-b3-t1{}

.text-b3-t1 .container .imgbox{

	margin-left:-10px;

	margin-right:-10px;

	padding:20px 0;

	overflow: hidden;

}



.text-b3-t1 .file-area{

	padding:10px;

}

.text-b3-t1 .imageitem{

	border:1px solid #ccc;

}

.text-b3-t1 .text{

	padding:10px;

	background-color:#fff;

}

.text-b3-t1 .title{

	font-size:16px;

	line-height:20px;

	height:40px;

	overflow: hidden;

}

.text-b3-t1 .size{

	font-size:12px;

	line-height:15px;

	overflow: hidden;

	padding-bottom:5px;

	margin-bottom:5px;

	border-bottom:1px dashed #ddd;

}

.text-b3-t1 .more{

	text-align:right;

}

.text-b3-t1 .more a{

	display:inline-block;

	padding:5px 10px;

	background-color:#903;

	color:#fff;

}







.text-b3-t2 {

	padding:40px 0;

}

.text-b3-t2 table {

	width:100%;

}

.text-b3-t2 table th{

	background: #c7a87a;

    color: #ffffff;

    text-transform: uppercase;

}

.text-b3-t2 table tr, 

.text-b3-t2 table th, 

.text-b3-t2 table td {

    border: none;

    border-bottom: 1px solid #e4ebeb;

}

.text-b3-t2 table th, 

.text-b3-t2 table td {

    padding: 10px 12px;

    text-align: left;

}

.text-b3-t2 table tr td {

    background: #f8f8f8;

    color: #999999;

}

.text-b3-t2 table tr:nth-of-type(2n+2) td {

    background: #ffffff;

}







.cg0{background-color:#f7f7f7;}

.cg1{background-color:#d6d6d6;}

.cg2{background-color:##f0ece9;}



.cg3{background-color:#f7f7f7;}

.cg4{background-color:#d6d6d6;}

.cg5{background-color:##f0ece9;}





.cg6{background-color:#f7f7f7;}

.cg7{background-color:#d6d6d6;}

.cg8{background-color:##f0ece9;}



.cg9{background-color:#f7f7f7;}

.cg10{background-color:#d6d6d6;}

.cg11{background-color:##f0ece9;}











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

.owl-news-t1 .slide-box{

    margin: 0 0 15px;

    overflow: hidden;

    position: relative;

	padding: 10px;

}

.owl-news-t1 .padding {

	border-bottom: 2px solid #dcb669;

	position: relative;

}

.owl-news-t1 .image {

    width:100%;

    height:0;

    padding-bottom:60%;

    overflow: hidden;

}

.owl-news-t1 .date {

    font-size: 16px;

    color: #795548;

    padding: 15px 0 0px;

}

.owl-news-t1 .title {

    color: #000;

	font-size:18px;

	height:50px;

	line-height:32px;

	overflow:hidden;

	margin:5px 0px;

	margin-bottom: 20px;

}

.owl-news-t1 .title a {

    color: #000;

	

}

.owl-news-t1 .des {

    font-size: 12px;

    color: #869093;

	height:60px;

	line-height:20px;

	overflow:hidden;

	margin:5px 0px;

}

.owl-news-t1 a.more{

	position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 15px;

    font-size: 0;

}

.owl-news-t1 a.amore{

	position: absolute;

    top: 0;

    right: 0;

    padding: 3px 8px;

	color:#FFF;

	background-color:rgba(0,0,0,0.75);

}

.owl-news-t1 .owl-nav [class*=owl-] {

    color: #FFF;

    font-size: 0;

	padding:30px 10px;

    cursor: pointer;

    background-image: url(../images/next_prev.png);

    background-repeat: no-repeat;

	position: absolute;

    top: 50%;

    margin-top: -30px;

	background-color: rgba(0,0,0,0.7);

}

.owl-news-t1 .owl-prev {

    background-position: 3px center;

	left:3px;

}

.owl-news-t1 .owl-next{

    background-position: -17px center;

	right:3px;

}









.tab .nav-tabs{

	border: 1px solid #dfe2e3;

}

.tab .nav-tabs li{

	margin: 0;

}

.tab .nav-tabs li a{

	font-size: 14px;

	line-height:20px;

	color: #999898;

	background: #fff;

	margin: 0;

	padding: 10px 25px;

	border-radius: 0;

	border: none;

	border-right: 1px solid #ddd;

	text-transform: uppercase;

	position: relative;

	height: 40px;

}

.tab .nav-tabs li a:hover{

	border-top: none;

	border-bottom: none;

	border-right-color: #ddd;

}

.tab .nav-tabs li.active a,

.tab .nav-tabs li.active a:hover{

	color: #fff;

	border: none;

	background: #4870ca;

	border-right: 1px solid #ddd;

}



.tab .nav-tabs li.active a:after{

	content: "";

	border-top: 10px solid #4870ca;

	border-left: 10px solid transparent;

	border-right: 10px solid transparent;

	position: absolute;

	bottom: -10px;

	left: 43%;

}

.tab .tab-content{

	font-size: 14px;

	color: #999898;

	line-height: 25px;

	background: #fff;

	padding: 40px 10px 20px;

	border-top: none;

	overflow: hidden;

}	

.tab .tab-content .Article{}

.tab .tab-content .Article li{

    margin-bottom: 20px;	

	font-size:0;

}

.tab .tab-content .Article li > div{

	float:left;

	font-size: 14px;

	color: #1688d3;

	width: 100px;

	height:30px;

	overflow:hidden;

}

.tab .tab-content .Article .date{

	font-size: 14px;

	line-height:30px;

	text-align: center;

}

.tab .tab-content .Article .content{

	width: calc(100% - 110px);

	font-size:0;

}

.tab .tab-content .Article .content a{

	font-size:16px;

	color:#000;

	line-height:30px;

}

.tab .tab-content .cls{

	display: inline-block;

	font-size:14px;

	line-height:20px;

	padding:2px 8px;

	margin:3px 8px 3px 0;

	color:#000;

	border-radius: 4px;

}

.tab .tab-content .amore{

	width:100%;

	overflow:hidden;

	padding:10px 0;

	text-align:right;

}

.tab .tab-content .amore a i{

	padding-right:10px;

}



.anbg0{ background-color:#6f86b5;}

.anbg1{ background-color:#80c2cc;}

.anbg2{ background-color:#FFC107;}

.anbg3{ background-color:#F75353;}

.anbg4{ background-color:#8AC11D;}

.anbg5{ background-color:#e7989a;}





.tab .nav-tabs li.active a.tabanbg0{

	background: #6f86b5;

}

.tab .nav-tabs li.active a.tabanbg0:after{

	border-top: 10px solid #6f86b5;

}

.tab .nav-tabs li.active a.tabanbg1{

	background: #80c2cc;

}

.tab .nav-tabs li.active a.tabanbg1:after{

	border-top: 10px solid #80c2cc;

}

.tab .nav-tabs li.active a.tabanbg2{

	background: #FFC107;

}

.tab .nav-tabs li.active a.tabanbg2:after{

	border-top: 10px solid #FFC107;

}

.tab .nav-tabs li.active a.tabanbg3{

	background: #F75353;

}

.tab .nav-tabs li.active a.tabanbg3:after{

	border-top: 10px solid #F75353;

}

.tab .nav-tabs li.active a.tabanbg4{

	background: #8AC11D;

}

.tab .nav-tabs li.active a.tabanbg4:after{

	border-top: 10px solid #8AC11D;

}

.tab .nav-tabs li.active a.tabanbg5{

	background: #e7989a;

}

.tab .nav-tabs li.active a.tabanbg5:after{

	border-top: 10px solid #e7989a;

}









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

.owl-photo-t1 .slide-box{

    margin: 0;

    overflow: hidden;

    background-color: #f3f3f3;

    position: relative;

	padding: 0px;

}

.owl-photo-t1 .padding {}

.owl-photo-t1 .image {

    width:100%;

    height:0;

    padding-bottom:80%;

    overflow: hidden;

}

.owl-photo-t1 .text {

    padding: 30px;

}

.owl-photo-t1 .date {

    font-size: 14px;

    color: #1688d3;

    padding: 0px;

}

.owl-photo-t1 .title {

    color: #000;

	font-size:20px;

	height:50px;

	line-height:25px;

	overflow:hidden;

	margin:5px 0px;

}

.owl-photo-t1 a.more{

    display: inline-block;

    padding: 10px 15px;

    font-size: 14px;

    font-weight: bold;

    color: #fff;

    background: #e7989a;

    border-bottom-right-radius: 10px;

    text-transform: capitalize;

    transition: all 0.30s linear;

}

.owl-photo-t1 a.more:hover{

	background: #333;

	text-decoration: none;

}

.owl-photo-t1 .owl-nav [class*=owl-] {

    color: #FFF;

    font-size: 0;

	padding:30px 10px;

    cursor: pointer;

    background-image: url(../images/next_prev.png);

    background-repeat: no-repeat;

	position: absolute;

    top: 50%;

    margin-top: -30px;

	background-color: rgba(0,0,0,0.7);

}

.owl-photo-t1 .owl-prev {

    background-position: 3px center;

	left:3px;

}

.owl-photo-t1 .owl-next{

    background-position: -17px center;

	right:3px;

}



.owl-photo-t1 .padding .map {

	overflow: hidden;

}

.owl-photo-t1 .padding .image {

    text-align: center;

	opacity: 1;

	-webkit-transform: scale3d(1,1,1);

    transform: scale3d(1,1,1);

	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;

    transition: opacity 0.2s, transform 0.2s;

}

.owl-photo-t1 .padding:hover .image {

	opacity: 1;

    -webkit-transform: scale3d(1.05,1.05,1);

    transform: scale3d(1.05,1.05,1);

	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;

    transition: opacity 0.2s, transform 0.2s;

}









@media (max-width: 1024px){

	.video-c2-t3 .videobox {



    width: 90%;

}

}



@media only screen and (min-width: 768px){

	.image-a6-t2 {

		width:100%;

		display: flex;

	}

	.image-a6-t2 > div{

		padding:0;

		position: relative;

	}

	.owl-a6-t2{

		width: 100%;

		height: 100%;

		top: 0;

		right: 0;

		left: 0;

		bottom: 0;

		position: absolute;

	}

	.owl-a6-t2 .owl-stage-outer,

	.owl-a6-t2 .owl-stage,

	.owl-a6-t2 .owl-item,

	.owl-a6-t2 .item,

	.owl-a6-t2 .slide-box{

		height:100%;

	}

	.owl-a6-t2 .image {

		width:100%; 

		height:100%;

		padding:0; 

		overflow: hidden; 

	}

	.tbb-area{

   		background-color: transparent !important;

	}	

}

@media only screen and (max-width: 767px){
.tbb-area .tbb-des-area h3 {
    font-size: 28px;
    line-height: 32px;
    color: #000;
    text-shadow: 0px 0px 0px #686868;
}
	.tbb-area .tbb-des-area p {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    text-shadow: 0px 0px 0px #686868;
}
	.tbb-area .tbb-des-area {
    margin: auto;
    background-color: rgba(0, 0, 0, 0);
    padding: 0% 0;
}
	.tab .nav-tabs li{

		width: 50%;

		text-align: center;

	}

	.tab .nav-tabs li.active a,

	.tab .nav-tabs li.active a:after,

	.tab .nav-tabs li.active a:hover{

		border: none;

	}

	.tab .tab-content .Article .date{

		width: 100%;

	}

	.tab .tab-content .Article .date{

		text-align: left;

	}

	.tab .tab-content .Article .content{

	   width: 100%;

	}

	.tab .nav-tabs li{

		border-bottom: 1px solid #ddd;

	}

	.tab .tab-content{

		padding: 20px 10px;

	}

	.tab .tab-content li{

	    border-bottom: 1px dotted #DFE2E3;

		padding:0 0 5px 0;

	}

	

	.owl-photo-t1 .text {

    	padding: 15px;

	}

	.owl-photo-t1 .title {

		color: #000;

		font-size: 16px;

		height: 40px;

		line-height: 20px;

		overflow: hidden;

		margin: 5px 0px;

	}

	

	.image-a3-t1 {

	width: 100%;
    

}

	.home-image .des-area{

		padding: 10px;

		overflow: hidden;

	}

	

	

	.image-a3-t1 .imgbox {

		margin: 0px;

		padding: 20px 0;

		overflow: hidden;

	}

	.image-a3-t1 .image-area-more .imgbox > div {

		padding: 0px;

	}



	.image-a10 .des-area {

    padding: 30px;

    overflow: hidden;

    line-height: 2;

}

	.home-text .wordtextbox {

		padding:5px;

	}

	.home-image .container,

	.home-image .image-area,

	.home-image .image-area > div{

		padding:0px !important;

		overflow: hidden;

	}

	

	.video-c2-t2 .videobox{

		margin: 20px 0;

	}

	

	

	

	.inw2 .imageitem .text::before {

		top: 15px;

		right: 15px;

		bottom: 15px;

		left: 15px;

		border-top: 1px solid #fff;

		border-bottom: 1px solid #fff;

		-webkit-transform: scale(0,1);

		transform: scale(0,1);

		-webkit-transform-origin: 0 0;

		transform-origin: 0 0;

	}

	.inw2 .imageitem .text::after {

		top: 15px;

		right: 15px;

		bottom: 15px;

		left: 15px;

		border-right: 1px solid #fff;

		border-left: 1px solid #fff;

		-webkit-transform: scale(1,0);

		transform: scale(1,0);

		-webkit-transform-origin: 100% 0;

		transform-origin: 100% 0;

	}

	

	.inw2 .imageitem .text::before,

	.inw2 .imageitem .text::after {

		opacity: 0;

		-webkit-transform: scale(1);

		transform: scale(1);

	}

	.inw2 .imageitem .text .title{

		opacity: 0;

		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

		transition: opacity 0.35s, transform 0.35s;

	}

	.inw2 .imageitem .text::after {

		-webkit-transition-delay: 0.15s;

		transition-delay: 0.15s;

	}



	.tbb-area {

    	padding: 30px;

    	background-color: rgba(0, 0, 0, 1);

	}

	.tbb-area .tbb-des-area h3 {

    	font-size: 28px;

    	line-height: 32px;

	}

	.tbb-area .tbb-des-area p {

    	font-size: 16px;

    	line-height: 22px;

	}

	.tbb-area .tbb-des-area a {

    	background-color: #6e6e6e;

    	color: #FFF;

    	padding: 10px 20px;

    	display: inline-block;

    	margin-bottom: 5px;

	}

	

}