@charset "utf-8";




@import url(bootstrap.css);
@import url(font-awesome.css);
@import url(settings.css);
@import url(layers.css);
@import url(navigation.css);
@import url(jquery-ui.css);
@import url(owl-carousel.css);
@import url(assets-style.css);
@import url(animate.css);
@import url(jquery-bootstrap-touchspin.css);
@import url(hover.css);
@import url(polyglot-language-switcher.css);
@import url(jquery-fancybox.css);
@import url(flaticon.css);
@import url(masterslider.css);
@import url(ms-vertical.css);
@import url(style.css);


@font-face {
	font-family: "Microsoft YaHei",Arial
    src: url(../font/BubblegumSans-Regular.ttf);
}

@font-face {
	font-family: "Microsoft YaHei",Arial
    src: url(../font/Dosis-Bold.ttf);
}
@font-face {
	font-family: "Microsoft YaHei",Arial
    src: url(../font/Dosis-ExtraBold.ttf);
}
@font-face {
	font-family: "Microsoft YaHei",Arial
    src: url(../font/Dosis-ExtraLight.ttf);
}
@font-face {
	font-family: "Microsoft YaHei",Arial
    src: url(../font/Dosis-Light.ttf);
}
@font-face {
	font-family: "Microsoft YaHei",Arial
    src: url(../font/Dosis-Medium.ttf);
}
@font-face {
	font-family: "Microsoft YaHei",Arial
    src: url(../font/Dosis-SemiBold.ttf);
}
@font-face {
	font-family: "Microsoft YaHei",Arial
    src: url(../font/Dosis-Regular.ttf);
}
@font-face {
	font-family: "Microsoft YaHei",Arial
    src: url(../font/Rancho-Regular.ttf);
}



/*** 

====================================================================
	Reset
====================================================================

 ***/


* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-size:16px;
	color:#292929;
	font-weight:400;
	background:#ffffff;
}

@media (min-width: 1200px) {
  .container {
    padding: 0;
  }
}

a{
	text-decoration:none;
	cursor:pointer;	
	font-family: "Microsoft YaHei",Arial;
	color: #333;
}
.dosis{	
	font-family: "Microsoft YaHei",Arial;
}


.normal {
	font-weight: 400;
}
.medium {
	font-weight: 500;
}
.semibold {
	font-weight: 600;
}
.bold {
	font-weight: 700;
}
.capitalize {
	text-transform: capitalize;
}
.uppercase {
	text-transform: uppercase;
}

.theme-color {
	color: #ff9a00 !important;
}
.row-10 {
	margin: 0 -10px;
}

a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-family: "Microsoft YaHei",Arial;
	margin:0px;
	background:none;
	color: #232323;
}



input,button,select,textarea{
	font-family: "Microsoft YaHei",Arial;
}


p{
	position:relative;
	font-family: "Microsoft YaHei",Arial;
	line-height: 28px;
	color: #888;
	margin: 0px;
	font-size: 18px;
		
}


.hvr-sweep-to-top:before {
    background: #000;
}
.hvr-bounce-to-right:before {
    background: #000;
}


ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}


.center{
	text-align:center;	
}

.left{
	text-align:left !important;	
}

.right{
	text-align:right;	
}

.out{
	opacity:0;
	filter:alpha(opacity=0);	
}

.in{
	opacity:1;
	filter:alpha(opacity=100);	
}

.uppercase{
	text-transform:uppercase !important;	
}

.capitalized{
	text-transform:capitalize !important;	
}

.lowercase{
	text-transform:lowercase !important;	
}

.no-margin{
	margin:0px !important;	
}

.no-float{
	float:none !important;	
}


.no-padd {
	padding: 0px !important;	
}


.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../img/preloader.gif);}


.btn-style-one {
	position: relative;
    font-size: 20px;
    border: 2px solid transparent;
    text-transform: capitalize;
    background: #fba505;
    display: inline-block;
    min-width: 170px;
    color: #fff;
    padding: 14px 36px;
    transition: .5s ease-in;
    border-radius: 0 15px 0 15px;
}

/*.btn-style-one:hover {
	background: rgba(0, 0, 0, 0.84) !important;
	transition: .5s ease-in;
	color: #fff;
	transition: .5s ease-in !important;
}*/


.btn-style-two {
	position: relative;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	background: transparent;
	border: 2px solid #fff;
	padding: 15px 35px;
	border-radius: 50px;
	transition: .5s ease-in !important;
	line-height: 2px;
}

.btn-style-two:hover {
	border-color: transparent;
	transition: .5s ease-in !important;
}



.btn-bg-1 {
	background: #08c1d7;
}
.btn-bg-2 {
	background: #fe702a;
}
.btn-bg-3 {
	background: #b75af3;
}
.btn-bg-4 {
	background: #000;
}

/***

====================================================================
	Scroll To Top style
====================================================================

***/


.scroll-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 45px;
    height: 45px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background: #fff;
    border-radius: 50%;
    margin: 0;
    text-align: center;
    z-index: 999999999;
    cursor: pointer;
	display:none;	
    opacity: .8;
    transition: .3s ease-in;

}
.scroll-to-top i:before {
    color: #ff9a00;
    font-size: 20px;
    margin: 0;
    line-height: 45px;
}

.scroll-to-top:hover {
    opacity: 1;
    transition: .3s ease-in;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.span-1 {
	width: 100%;
	float: left;
}
.span-2 {
	width: 50%;
	float: left;
}

.span-3 {
	width: 33.3333333333% !important;
	float: left;
}

.span-4 {
	width: 25% !important;
	float: left;
}





.mr-23 {
	margin-right: 23px;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    margin-left: 0px;
}

.bg-p {
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.pb-15 {
	padding-bottom: 15px !important;
}
.pt-99 {
	padding-top: 99px !important;
}
.pt-100 {
	padding-top: 100px !important;
}
.pt-72 {
	padding-top: 72px !important;
}

.mb-6 {
	margin-bottom: 6px !important;
}
.mt-13 {
	margin-top: 13px !important;
}

.mt-65 {
	margin-top: 65px !important;
}
.mt-72 {
	margin-top: 72px !important;
}

.ml-40 {
	margin-left: 40px !important;
}
.mr-40 {
	margin-right: 40px !important;
}
.ml-25 {
	margin-left: 25px !important;
}

.pl-46 {
	padding-left: 46px !important;
}
.pl-32 {
	padding-left: 32px !important;
}




/*========== section title ================ */
.section-title {
    position: relative;
}

.section-title h2 {
    position: relative;
    font-size: 33px;
    color: #00988f;
    padding-bottom: 23px;
}
.section-title h2 span {
    color: #faba63;
}

.section-title h2:after {
	position:absolute;
	content: "";
	left:0px;
	bottom:0px;
	width:100%;
	height:10px;
	background:url(../img/sep-1.png) center left no-repeat;
}
.section-title.center h2:after {
	background:url(../img/sep-1.png) center center no-repeat !important;
}
.section-title.sep-2 h2:after {
	background:url(../img/sep-2.png) center center no-repeat !important;
}

.section-title.pb-60 {
	padding-bottom: 60px;
}







::-webkit-input-placeholder {
    color: #777;
}

::-moz-placeholder {
    color: #777;
}

::-ms-input-placeholder {
    color: #777;
}




.text p{text-indent: 2em;font-size: 14px;}
.list h3{color:#000;font-size:18px;line-height: 30px;}
.list li p{
	font-size: 14px;
}
#dituContent *{box-sizing: content-box;}
#dituContent label{max-width: none;min-width: auto;}

.section-tabs{
	position:relative;
	margin: 0 0 50px;
	border:1px solid #dadada;
	border-radius: 5px;
	padding:50px 15px 20px;
	margin-top: 190px;
}
.section-tabs *{
	font-family: "Microsoft YaHei",Arial;
}
.section-tabs img{
	position: absolute;
	top:-190px;
	left: 10%;
}
@media all and (max-width: 1200px){
	.section-tabs{
		padding: 30px 15px 20px;
		margin-top: 155px;
	}
	.section-tabs img{
		top:-155px;
		left: 10%;
	}
}
@media all and (max-width: 768px){
	.section-tabs{
		padding: 20px 15px 20px;
		margin-top: 0;
	}
	.section-tabs img{
		display: none;
	}
}
.section-tabs ul{
	padding: 0;
}
.section-tabs ul li{

}
.section-tabs a.tabs{
	line-height: 2.5em;
	color: #b0afaf;
	display: inline-block;
	width:100%;
	border-bottom: 1px solid #dadada;
}
.section-tabs a.tabs.active , .section-tabs a.tabs:hover{
	color: #0ba29b;
}
.section-tabs ul li .droplist{
	overflow: hidden;
	display: none;
}
.section-tabs ul li .droplist .listbox{
	margin: 10px 0;
}
.section-tabs ul li .droplist p i{
	display: inline-block;
	width:6px;
	height:6px;
	border-radius: 50%;
	background:#b0b0b0;
	float:left;
	margin-top: 15px;
}
.section-tabs ul li .droplist p a{
	color:#b0afaf;
	font-size: 16px;
	border-bottom: 1px solid #dadada;
	display: inline-block;
	width:calc(100% - 25px);
	margin-left:19px;
	line-height: 2em;
	overflow: hidden;
}
.section-tabs ul li .droplist p a:hover,.section-tabs ul li .droplist p a.light{
	color:#09a19a;
}

.text ul li{
	position:relative;
	line-height: 2em;
	color:#888;
}
.text ul li:before{
	content: "";
	position:absolute;
	width:5px;
	height:5px;
	top:1em;
	left:0;
	margin-top: -2.5px;
	background:#09a19a;
	border-radius: 50%;
}