@charset "utf-8";

/* CSS Document */

a:hover, a:focus, a:visited {

	text-decoration: none;

}

@font-face {

	font-family: "BrushScriptStd";

	src: url(../fonts/BrushScriptStd.otf);

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: "Lato-Light";

	src: url(../fonts/Lato-Light.ttf);

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: "DidotHTFM06MediumItal";

	src: url(../fonts/DidotHTFM06MediumItal.ttf);

	font-weight: normal;

	font-style: normal;

}
/*20171113*/
.tittleBolck h1{
    font-size: 25px;
    text-align: left;
    padding-left: 10px;
    text-transform: uppercase;
    line-height: 50px;
}
.tittleBolck p{
	padding-left: 10px;
    font-size:10px;
    color:#ccc;
}
/*20171113*/


.head-one>a{

	font-size: 36px;

	color: #000;

	text-align: center;

	text-transform: uppercase;

	display: block;


}

.head-two {

	font-size: 14px;

	color: #999;

	text-align: center;

}

.section-one .carousel-indicators {

	bottom: 20px;

}

.section-one #myCarousel .carousel-indicators li {

	background: url(../images/star.png) no-repeat;

	width: 21px;

	height: 21px;

	background-size: cover;

	border: none;

	margin: 0 8px;

}

.section-one #myCarousel .carousel-indicators li.active {

	background: url(../images/staractive.png) no-repeat;

	width: 21px;

	height: 21px;

	background-size: cover;

	border: none;

}

.section-one .text-set h2 {

	font-size: 50px;

	color: #fff;

	font-family: "DidotHTFM06MediumItal";

}

.section-one .text-set h3 {

	font-size: 20px;

	color: #fff;

	padding: 2px 0 18px 0px;

	font-family: "Lato-Light";

}

.section-one .text-set a {

	font-size: 16px;

	color: #fff;

	background-color: #ff7800;

	padding: 12px 11px;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	transition: all .25s;

}

.section-one .text-set a:hover {

	color: #ff7800;

	background-color: #fff;

}

.section-one .text-set {

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	left: 20%;

}

.section-two {

	padding: 60px 0 0 0;

}

.section-two h3 {

	margin-bottom: 40px;

}

.section-two ul li:nth-child(odd) {

	border-top: 1px dashed #ccc;

	border-bottom: 1px dashed #ccc;

}

.section-two ul li:first-child {

	border-top: none;

}

.section-two ul li:last-child {

	border-bottom: 1px dashed #ccc;

}

.section-two ul li a {

	font-size: 14px;

	color: #333;

	display: block;

	padding: 17.75px 0 17.75px 35px;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	transition: all .25s;

}

.section-two ul li a:hover {

	background-color: #ff7800;

	color: #fff;

}

.section-two ul li.active-one {

	border-bottom: none;

	border-top: none;

}

.section-two ul li.active-one a {

	background-color: #ff7800;

	color: #fff;

}

.section-two .set {

	border: 1px solid #e4e4e4;

	margin-bottom: 10px;

	position: relative;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	transition: all .25s;

	overflow: hidden;

}

.section-two .rw-two .col-md-4 {

	padding: 0 5px;

}

.section-two .set h4 {

	font-size: 16px;

	color: #fff;

	text-align: center;

	position: absolute;

	left: 0;
	line-height:30px;

	right: 0;

	bottom: 0;

	background-color: rgba(113,113,113,.75);

	width: 100%;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	transition: all .5s;

	height: 75px;

	padding: 16px 0px;

}

.section-two .set:hover h4 {

	height: 100%;

	padding: 119px 0px;

}

.section-three {

	background: url(../images/bannertwo.jpg) no-repeat center center;

	background-size: cover;

	width: 100%;

	height: 493px;

	padding-top: 60px;

	margin-top: 70px;

	background-attachment: fixed;

}

.section-three .head-one {

	color: #fff;

}

.section-three .ic-one {

	background: url(../images/icone.png) no-repeat center center;

	width: 100px;

	height: 100px;

	background-size: cover;

	margin: 0 auto;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	transition: all .25s;

}

.section-three .ic-two {

	background: url(../images/ictwo.png) no-repeat center center;

	width: 100px;

	height: 100px;

	background-size: cover;

	margin: 0 auto;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	transition: all .25s;

}

.section-three .ic-three {

	background: url(../images/icthree.png) no-repeat center center;

	width: 100px;

	height: 100px;

	background-size: cover;

	margin: 0 auto;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	transition: all .25s;

}

.section-three .ic-four {

	background: url(../images/icfour.png) no-repeat center center;

	width: 100px;

	height: 100px;

	background-size: cover;

	margin: 0 auto;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	transition: all .25s;

}

.section-three .set-one:hover .ic-one {

	background: url(../images/iconeh.png) no-repeat center center;

}

.section-three .set-one:hover .ic-two {

	background: url(../images/ictwoh.png) no-repeat center center;

}

.section-three .set-one:hover .ic-three {

	background: url(../images/icthreeh.png) no-repeat center center;

}

.section-three .set-one:hover .ic-four {

	background: url(../images/icfourh.png) no-repeat center center;

}

.section-three .set-one:hover p {

	color: #000;

}

.section-three .set-one {

	padding: 40px 30px 0px;

	margin-top: 30px;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	transition: all .25s;

	min-height: 300px;

	cursor: pointer;

}

.section-three .set-one:hover {

	background-color:rgba(255, 255, 255, 0.83);

}

.section-three .set-one p {

	font-size: 14px;

	color: #fff;

	line-height: 24px;

	text-align: center;

	margin-top: 40px;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	transition: all .25s;

}

.section-seven {

	background-color: #eee;

	padding: 35px 0 30px 0;

}

.section-seven .owl-carousel {

	width: 94%;

	z-index: 1;

	margin: 0 auto;

}

.section-seven .owl-prev {

	background: url(../images/prev.jpg) no-repeat !important;

	width: 27px;

	height: 98px;

	position: absolute;

	z-index: 300;

	left: -40px;

	font-size: 0;

	color: transparent;

	top: -8px;

}

.section-seven .owl-next {

	position: absolute;

	z-index: 300;

	right: -40px;

	width: 27px;

	height: 98px;

	font-size: 0;

	background: url(../images/next.jpg) no-repeat !important;

	font-size: 0;

	color: transparent;

	top: -8px;

}

.section-seven .owl-nav.disabled {

	display: block;

}

.section-five .owl-nav {

	display: none;

}

.section-five .owl-carousel .owl-item img {

	width: auto;

}

.section-five {

	background-color: #eee;

	padding: 50px 0 35px 0;

}

.section-five .owl-carousel {

	margin-top: 34px;

}

.section-five .set-multi .calender, .section-five .set-multi .date {

	font-size: 14px;

	color: #999;

}

.section-five .set-multi .text {

	margin-bottom: 15px;

}

.section-five .set-multi span {

	display: inline-block;

	vertical-align: middle;

	margin-right: 8px;

}

.section-five .set-multi h4 {

	font-size: 20px;

	color: #000;

	text-align: center;

	margin-top: 15px;

}

.section-five .set-multi p {

	font-size: 16px;

	line-height: 24px;

	color: #555;

	text-align: center;

	margin-bottom: 15px;

}

.section-five .full-set {

	background-color: #fff;

	padding: 20px;

	border: none;

}

.section-five .full-set .set-multi {

	border: 1px solid #ccc;

	padding: 20px;

}

.section-five .owl-dots {

	margin-top: 30px;

}

.section-five .owl-carousel .owl-dot {

	width: 11px;

	height: 11px;

	background-color: #999;

	border-radius: 50%;

	margin: 0 2px;

}

.section-five .owl-carousel .owl-dot.active {

	background-color: #ff7800;

}

.section-six {

	padding: 80px 0;

}

.section-six .set-bg {

	background: url(../images/bannerthree.jpg) no-repeat;

	width: 100%;

	margin-top: 35px;

}

.section-six .set-bg h3 {

	font-size: 20px;

	color: #fff;

	margin-bottom: 16px;

}

.section-six .set-bg h4 {

	color: #fff;

	font-size: 14px;

}

.section-six .set-bg h4.eye {

	margin-left: 25px;

}

.section-six .set-bg h4 span {

	display: inline-block;

	vertical-align: middle;

	margin-right: 6px;

}

.section-six .set-bg p {

	font-size: 14px;

	color: #fff;

	line-height: 24px;

	margin-top: 22px;

}

a.link {

	font-size: 12px;

	color: #fff;

	background-color: #ff7800;

	text-align: center;

	text-transform: uppercase;

	border-radius: 30px;

	border: 1px solid transparent;

	padding: 5px 22px;

	margin-top: 40px;

	-webkit-transition: all .25s;

	-moz-transition: all .25s;

	-ms-transition: all .25s;

	transition: all .25s;

}

a.link:hover {

	color: #ff7800;

	background-color: #fff;

	border: 1px solid #ff7800;

}

.section-six .white-bg {

	background-color: #fff;

	border: 1px solid #ccc;

	margin: 30px 0px;

}

.section-six .white-bg ul li {

	border-bottom: 1px dashed #ccc;

	padding: 19px 0;

}

.section-six .white-bg ul li a {

	font-size: 16px;

	color: #333;

	display: block;

}

.section-six .white-bg ul li a span {

	display: inline-block;

	vertical-align: middle;

}

.section-six .white-bg ul li a span img {

	vertical-align: middle;

	display: inline-block;

}

.section-six .set-text {

	padding-left: 30px;

	margin-top: 58px;

}

.section-six .white-bg ul li a span.ic-one {

	font-size: 14px;

	color: #999;

	margin-left: 7px;

}

.section-six .white-bg ul {

	padding: 30px 30px;

}

.section-six .white-bg ul li:last-child {

	border-bottom: none;

}

.section-six .white-bg ul li:hover a {

	color: #ff7800;

}

.section-industry {
	padding: 80px 0 80px 0;

}

.section-four {

	padding: 80px 0 0 0;

}

.section-four .head-two {

	margin-bottom: 30px;

}

.section-four h4>a{

	font-size: 18px;

	color: #ff7800;

	margin: 10px 0;

}

.section-four p {

	font-size: 14px;

	color: #555;

	line-height: 24px;

}

.section-four .link {

	margin-top: 10px;

}

.section-four .video {

	position: relative;

}

.section-four .play {

	position: absolute;

	left: 0;

	right: 0;

	margin: 0 auto;

	top: 50%;

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

}

/*slide*/





.section-four .carousel {

	width: 100%;

}

.section-four .carousel .carousel-indicators {

	overflow: auto;

	position: static;

	text-align: center;

	white-space: nowrap;

	width: 90%;

	overflow: hidden;

	margin: 0 auto;

}

.section-four .carousel .carousel-indicators li {

	background-color: transparent;

	-webkit-border-radius: 0;

	border-radius: 0;

	display: inline-block;

	height: auto;

	margin: 0 !important;

	width: auto;

}

.section-four .carousel .carousel-indicators li img {

	display: block;

	border: 2px solid transparent;

}

.section-four .carousel .carousel-indicators li.active img {

	opacity: 1;

	border: 2px solid #ff7800;

}

.section-four .carousel .carousel-indicators li:hover img {

	opacity: 0.75;

}

.section-four .carousel .carousel-outer {

	position: relative;

	margin-top: 10px;

}

.section-four .carousel-indicators li img {

	height: 99px;

	width: 160px;

}

.section-four .carousel-control {

	background: none;

	opacity: 1;

	top: 10px;

	width: 33px;

	height: 70px;

	z-index: 99;

}

.section-four .carousel-control span {

	display: block;

}

.section-four .bottm-section {

	position: relative;

	background: #fff;

	padding: 8px 0 6px 0;

}

.Section-Third .Third-Sec-One .img-responsive, .Section-Third .thumbnail > img, .Section-Third .thumbnail a > img, .Section-Third .carousel-inner > .item > img, .Section-Third .carousel-inner > .item > a > img {

	max-width: 54.5% !important;

	margin: 0 auto;

}

.section-four h5 {

	text-align: center;

	font-size: 16px;

	color: #fff;

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	width: 100%;

	background-color: rgba(0,0,0,.65);

	padding: 16px 0px;

}

.section-four .item img {

	width: 100%;

}



@media screen and (max-width: 767px) {

.third-Slider #fade-quote-carousel.carousel .carousel-indicators {

	right: -10px;

	top: -70px;

}

.third-Slider .quote {

	margin: 15px 0;

}

.third-Slider .item p {

	font-size: 13px;

	line-height: 20px;

}

.third-Slider #fade-quote-carousel .profile-circle {

	margin: 20px auto;

}

}



@media (max-width: 1200px) {

.section-seven .owl-prev, .section-seven .owl-next {

	top: -16px;

}

a.link {

	margin-top: 5px;

}

.section-two .set h4 {

	height: 36px;

	padding: 8px 0px;

}

.section-four .carousel-indicators li img {

	height: 80px;

	width: 125px;

}

.section-four .carousel-control span {

	height: 80px;

	display: inline-block;

}

.section-four .carousel-control span img {

	width: 100%;

	height: 80px;

}

.section-six .white-bg ul li a span img {

	width: 14px;

}

.section-six .white-bg ul li a span.ic-one {

	font-size: 10px;

	margin-left: 0;

}

.section-six .white-bg ul li a {

	font-size: 12px;

}

}



@media (max-width: 991px) {

.section-two .set h4 {

	display:flex;

	justify-content:center;

	align-items:center;

	padding: 0;	

}

.section-two .set:hover h4 {

	padding: 0;	

}

.section-seven .owl-prev, .section-seven .owl-next {

    top: 4px;

}

.section-six .set-bg {

	background-size: contain;

}

.section-three .set-one {

	padding: 40px 5px 0;

}

.section-one .text-set h2 {

	font-size: 30px;

}

.section-one .text-set h3 {

	padding: 10px 0;

}

.section-one .text-set a {

	padding: 10px 10px;

}

.section-four .video .video-img {

	width: 100%;

}

.section-four .carousel-indicators li img {

	height: 120px;

	width: 208px;

}

.section-four .carousel-control span img {

	height: auto;

	margin: 15px 0;

}

}



@media (max-width: 767px) {

.owl-carousel .owl-item img {

	width: auto;

	margin: 0 auto;

}

.section-seven .owl-next {

	right: 0;

	top: -7px;

}

.section-seven .owl-prev {

	left: 0;

	top: -7px;

}

.section-six .set-bg {

	background-size: auto;

}

.section-one .text-set h3 {

	padding: 2px 0;

	font-size: 11px;

}

.section-one .text-set h2 {

	font-size: 16px;

}

.section-one .carousel-indicators {

	bottom: 0;

}

.section-one #myCarousel .carousel-indicators li, .section-one #myCarousel .carousel-indicators li.active {

	width: 10px;

	height: 10px;

	margin: 0 2px;

}

.section-one .text-set a {

	font-size: 10px;

	padding: 2px 5px;

}

.section-one .text-set {

	left: 5%;

}

.head-one {

	font-size: 24px;

}

.head-two {

	font-size: 12px;

}

.section-two {

	padding-top: 20px;

}

.section-two h3 {

	margin-bottom: 10px;

}

.section-two .rw-two .col-md-4 {

	padding: 5px 15px;

}

.section-two .set {

	width: 100%;

}

.section-two .set img {

	width: 100%;

}

.section-three {

	height: auto;

	padding: 50px;

}

.section-four .carousel-indicators li img {

	height: 54px;

	width: 80px;

}

.section-four .carousel-control span img {

	height: 75px;

	width: 24px;

	margin: 0;

}

.section-four .carousel .carousel-indicators li {

	margin: 10px 0 !important;

}

.section-four h5 {

	padding: 10px 0;

}

.section-four {

	padding: 30px 0;

}

.section-six {

	padding: 30px 0;

}

a.link {

	margin-top: 5px;

}

.section-six .set-text {

	padding-left: 15px;

	margin-top: 20px;

}

.section-six .white-bg ul li a span {

	float: none;

	padding-top: 5px;

}

.section-six .white-bg ul {

	padding: 20px 10px;

}

}



@media (max-width: 320px) {

.section-four .carousel-indicators li img {

	height: 46px;

	width: 68px;

}

	.ziz-box {
		background: #f3f2f2;
		margin: 0 auto;
		clear: both;
		padding-top: 30px
	}
	.ziz-box h2 {
		width: 1080px;
		height: 56px;
		/*background: url(../images/he-nav.png);*/
		margin: 0 auto;
		text-align: center;
	}
	.ziz-box h2 p{
		font-size: 18px;
		font-weight: 100;
	}
	.ziz-b {
		width: 1080px;
		margin: 0 auto;
		padding-top: 20px;
	}
	.ziz-b .mr_box {
		height: 320px;
	}
	.ziz {
		width: 1080px;
		height: 300px;
		float: left;
		overflow: hidden;
		padding-top: 20px;
		margin-left: 2px
	}
	.ziz ul {
		overflow: hidden
	}
	.ziz ul li {
		float: left;
		width: 198px;
		height: 280px;
		overflow: hidden;
		display: inline;
		margin: 0 10px;
		border: 1px solid #bfbfbf;
	}
	.ziz ul li a {
		width: 198px;
		height: 280px;
	}
	.ziz ul li a img {
		width: 198px;
		height: 280px;
	}
	@media screen and (max-width: 1200px) {
		.ziz-box h2 {
			width: auto;
			height: 56px;
			margin: 0 auto;
			text-align: center;
		}
		.ziz-b {
			width: auto;
			margin: 0 auto;
			padding-top: 20px;
		}
		.ziz {
			width: auto;
			height: 300px;
			float: left;
			overflow: hidden;
			padding-top: 20px;
			margin-left: 2px
		}
	}

}

