* {
	/*-webkit-touch-callout: none;*/
	/* iOS Safari */
	/*-webkit-user-select: none;*/
	/* Chrome/Safari/Opera */
	/*-khtml-user-select: none;*/
	/* Konqueror */
	/*-moz-user-select: none;*/
	/* Firefox */
	/*-ms-user-select: none;*/
	/* Internet Explorer/Edge */
	/*user-select: none;*/
	/* Non-prefixed version, currently

not supported by any browser */
}

.modal-title{text-align: center;color: #fff;font-size: 0.2rem;}
/* .btn-default{display: block;margin: 0 auto;width: 100px;height: 34px;} */
.modal-content{background-color:  #13a89e !important;}
.checkbox label{color: #fff;}
.modal.in .modal-dialog{
	-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
}
.videos {
    display: none;
    border: 1px solid #080808;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -25%;
    margin-top: -25vh;
    z-index: 999999100;
    width: 50%;
    height: 50vh;
}
.videos #video {
    position: relative;
    z-index: 999999;
}
.vclose {
    position: absolute !important;
    right: 1%;
    top: 1%;
    border-radius: 100%;
    cursor: pointer;
    z-index: 99999999;
}
.videos:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
}
@media (max-width: 766px) {
	.nav-menu{
		border: none!important;
	}
	.navbar{
		border: none!important;
	}
	.footer-content-pc{
		display: none;
	}
	.foot-image img{
		height: 0.35rem;
		display: inline-block;
		margin:0 5px;
	}
	.footer-ul li{
		font-size: 0.1rem;
	}
	.button-type-1 span:nth-child(2){
		display: block;
		font-size: 0.14rem;
	}
	.button-type {
		position: absolute;
		top: 20%;
		right: 20%;
	}
	.button-type>ul li {
		font-size: 0.14rem;
		color: #FFFFFF;
		display: inline-block;
		list-style: none;
	}
	.button-type>ul li:hover {
		cursor: pointer;
	}
	.button-type>ul li:active {
		color: gainsboro;
	}
	/*.content-1 {*/
		/*z-index: 1;*/
		/*border: 2px solid #FFFFFF;*/
		/*display: flex;*/
		/*flex-direction: column;*/
		/*align-items: center;*/
		/*position: absolute;*/
		/*width: 80%;*/
		/*height: 80%;*/
		/*bottom: -80%;*/
	/*}*/
	.nav-menu-pc {
		display: none!important;
	}
	/*.nav-menu-mobile {
		display: block!important;
	}*/
	.logo1 {
		width: 0.4rem;
		height: 0.4rem;
		margin-top: 0.1rem;
	}
	.menu-button {
		display: none;
	}
	.button-menu {
		border: none;
		background-color: rgba(255, 255, 255, 0);
	}
	.button-menu:hover {
		background-color: rgba(255, 255, 255, 0)!important;
	}
	.nav-menu {
		background-color: rgba(255, 255, 255, 0);
		border-bottom: 1px solid #e7e7e7;
		position: absolute;
		z-index: 999;
		width: 100%;
	}
	.nav-title-wrapper {
		position: absolute!important;
		width: 100%;
	}
	.nav-title {
		margin-top: 0rem;
		background-color: rgba(255, 255, 255,1);
		background-color: #fff;
	}
	.nav-title>li {}
	.nav-title li a {
		font-size: 0.16rem;
	}
	.nav-title li ul li a {
		font-size: 0.14rem;
	}
	.nav-menu {
		margin-bottom: 0rem;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.default-connecte{
		border-radius: 0.1rem 0.1rem 0.1rem;
	}
	.nav-title-wrapper{
		margin-top: 0.2rem;
	}
	.phone-image{
		border-radius: 0.14rem 0.14rem 0.14rem;
		background-position: right;
		padding-right: 1rem;
		background-image: url(../img/img12.png);
		background-size:0.24rem 0.24rem;
		background-repeat: no-repeat;
	}
	.footer-ul li{
		font-size: 0.14rem;
	}
	.footer-content-mobile{
		display: none;
	}
	.button-type {
		position: absolute;
		top: 4%;
		right: 20%;
	}
	.button-type>ul li {
		font-size: 0.2rem;
		color: #FFFFFF;
		display: inline-block;
		list-style: none;
	}
	.button-type>ul li:hover {
		cursor: pointer;
	}
	.button-type>ul li:active {
		color: gainsboro;
	}
	.menu-button {
		color: #FFFFFF;
		display: block;
		position: absolute;
		top: 4%;
		right: 0;
		padding: 0rem 0.4rem 0rem 0.4rem;
		font-size: 0.4rem;
	}
	.top-menu {
		/* height: 4rem; */
	}
	.content-1 {
		z-index: 1;
		border: 2px solid #FFFFFF;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: absolute;
		width: 60%;
		height: 80%;
		bottom: -80%;
	}
	.nav-menu-mobile {
		display: none!important;
	}
	.nav-menu {
		background-color: rgba(255, 255, 255, 0);
		position: absolute;
		z-index: 9999;
		width: 100%;
		padding: 0.1rem 0rem 0.1rem 0rem;
	}
	.menu-title {
		top: 140%;
		left: 0;
	}
	.menu li {
		padding: 0.1rem 0.2rem 0.2rem 0.1rem;
		float: left;
	}
	.logo1 {
		width: 1rem;
		height: 1rem;
		margin-top: 0.04rem;
	}
	.button-menu {
		border: none;
		background-color: rgba(255, 255, 255, 0);
	}
	.button-menu:hover {
		background-color: rgba(255, 255, 255, 0);
	}
	.nav-title-wrapper {
		margin-left: -15px!important;
		margin-right: -15px!important;
	}
	.nav-title {
		position: absolute;
		right: -100%;
		width: 100%;
		margin-top: 0.1rem;
		background-color: rgba(255, 255, 255, 0)!important;
	}
	.nav-title>.open>a {
		background-color: rgba(255, 255, 255, 0)!important;
	}
	.nav-title li a {
		color: #FFFFFF!important;
		background-color: rgba(255, 255, 255, 0);
		font-size: 0.16rem;
	}
	.nav-title>li>ul>li>a {
		color: #777!important;
		font-size: 0.16rem;
	}
	.nav-menu {
		margin-bottom: 0rem;
	}
	.navbar-default {
		border-color: rgba(255, 255, 255, 0)!important;
	}
	.nav-menu {
		background-color: rgba(255, 255, 255, 0)!important;
		border-bottom: 2px solid #e7e7e7;
		position: absolute;
		z-index: 9999;
		width: 100%;
		padding: 0.1rem 0rem 0.1rem 0rem;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.default-connecte{
		width: 1.6rem;border-radius: 0.2rem 0.2rem 0.2rem;text-align: left;
	}
	.footer-ul li{
		font-size: 0.14rem;
	}
	.footer-content-mobile{
		display: none;
	}
	.button-type {
		position: absolute;
		top: 4%;
		right: 16%;
	}
	.button-type>ul li {
		font-size: 0.2rem;
		color: #FFFFFF;
		display: inline-block;
		list-style: none;
	}
	.button-type>ul li:hover {
		cursor: pointer;
	}
	.button-type>ul li:active {
		color: gainsboro;
	}
	.menu-button {
		color: #FFFFFF;
		display: block;
		position: absolute;
		top: 4%;
		right: 0;
		padding: 0rem 0.4rem 0rem 0.4rem;
		font-size: 0.4rem;
	}
	#medium-title{
		top: 30%;
		color: #FFFFFF;
	    position: absolute;
	    font-size: 0.4rem;
	}
	.mainmain{
		width: 100%!important;
	}
	.button-type2{
		right: 16%!important;
	}
/*	.top-menu {
		height: 6rem;
	}*/

	.content-1 {
		z-index: 1;
		border: 2px solid #FFFFFF;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: absolute;
		width: 90%;
		height: 86%;
		bottom: -86%;
	}
	.nav-menu-mobile {
		display: none!important;
	}
	.nav-menu {
		background-color: rgba(255, 255, 255, 0);
		position: absolute;
		z-index: 9999;
		width: 100%;
		padding: 0.1rem 0rem 0.1rem 0rem;
	}
	.menu-title {
		top: 166%;
		left: 0;
	}
	.menu li {
		padding: 0.1rem 0.2rem 0.2rem 0.1rem;
	}
	.logo1 {
		width: 1.6rem;
		height: 1.6rem;
		margin-top: 0.1rem;
	}
	.button-menu {
		border: none;
		background-color: rgba(255, 255, 255, 0);
	}
	.button-menu:hover {
		background-color: rgba(255, 255, 255, 0);
	}
	.nav-title-wrapper {
		margin-left: -15px!important;
		margin-right: -15px!important;
	}
	.nav-title {
		position: absolute;
		right: -100%;
		width: 100%;
		margin-top: 0.4rem;
	}
	.nav-title>.open>a {
		background-color: rgba(255, 255, 255, 0)!important;
	}
	.nav-title li a {
		color: #FFFFFF!important;
		background-color: rgba(255, 255, 255, 0);
		font-size: 0.24rem;
	}
	.nav-title>li>ul>li>a {
		color: #777!important;
		font-size: 0.2rem;
	}
	.nav-menu {
		margin-bottom: 0rem;
	}
	.navbar-default {
		border-color: rgba(255, 255, 255, 0)!important;
	}
	.nav-menu {
		background-color: rgba(255, 255, 255, 0)!important;
		border-bottom: 2px solid #e7e7e7;
		position: absolute;
		z-index: 9999;
		width: 100%;
		padding: 0.1rem 0rem 0.1rem 0rem;
	}
}


@media (min-width: 1200px) {
	.footer-content {
		padding: 0.5rem 0rem 0.2rem 0rem;
	}
	.default-connecte{
		width: 1.6rem;border-radius: 0.2rem 0.2rem 0.2rem;text-align: left;
	}
	.footer-content-mobile{
		display: none;
	}
	.foot-image img{
		max-width: 100%;
		height: auto;
		display: inline-block;
		padding: 0rem 0.1rem 0rem 0.1rem;
	}
	.foot-image{
		/* margin: 0rem 0rem 0rem 0.4rem;	 */
	}
	
	.button-type {
		position: absolute;
		top: 4%;
		right: 10%;
	}
	.button-type>ul li {
		font-size: 0.2rem;
		color: #FFFFFF;
		display: inline-block;
		list-style: none;
	}
	.button-type>ul li:hover {
		cursor: pointer;
	}
	.button-type>ul li:active {
		color: gainsboro;
	}
	.menu-button {
		color: #FFFFFF;
		display: block;
		position: absolute;
		top: 4%;
		right: 2%;
		/*padding: 0rem 0.4rem 0rem 0.4rem;*/
		font-size: 0.4rem;
	}
	.top-menu {
		/* height: 4rem; */
	}
	/*.content-1 {*/
		/*z-index: 1;*/
		/*border: 2px solid #FFFFFF;*/
		/*display: flex;*/
		/*flex-direction: column;*/
		/*align-items: center;*/
		/*position: absolute;*/
		/*width: 80%;*/
		/*height: 80%;*/
			/*bottom: -80%;*/
	/*}*/

	.content-1 {
		z-index: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: absolute;
		width: 100%;
		height: 100%;
		bottom: -100%;
		opacity: 0.8;
		filter:alpha(opacity=80);
		background-color: #13a89e;
	}
	.content-list{
		z-index: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 85%;
		height: 80%;
		margin: 12% 0 0 0;
		padding: 0 25px;
		background-image: url("../img/pic2.png");
		background-size: 100% 100%;
		
	}
	.content-list .content-title{
		overflow: hidden;
		font-size: 24px;
		font-weight: bold;
		color: #fff;
		text-align: center;
		font-style: italic;
		margin-left: -15px;
		margin-top: -17px;
		width: 150px;
 
	}
	.content-list .therm-content{
			overflow: hidden;
		text-align: justify;
		   text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
	}


	.nav-menu-mobile {
		display: none!important;
	}
	.menu-title {
		top: 166%;
		top: 50px;
		left: 0;
	}
	.menu li {
		padding: 0.1rem 0.2rem 0.2rem 0.1rem;
		float: left;
	}
	.logo1 {
		width: 1.6rem;
		height: 1.6rem;
		/* margin-top: 0.1rem; */
			-webkit-transition: all 0.5s ease 0s ;
	-moz-transition: all 0.5s ease 0s ;
	-ms-transition: all 0.5s ease 0s ;
	-o-transition: all 0.5s ease 0s ;
	transition: all 0.5s ease 0s ;
	}
	.button-menu {
		border: none;
		background-color: rgba(255, 255, 255, 0);
	}
	.button-menu:hover {
		background-color: rgba(255, 255, 255, 0);
	}
	.nav-title-wrapper {
		overflow: hidden!important;
	}
	.nav-title {
		position: absolute;
		right: 35px;
		width: 250px;
		margin-top: 0.9rem;
		display:none;
		 background-color: rgba(0,0,0,.7);
		 	/* border:1px solid red; */
	}
	.nav-title>.open>a {
		background-color: rgba(255, 255, 255, 0)!important;
	}
	.nav-title li{
		display:block;
		width:100%;
		/* overflow:hidden; */
		border-top: 1px solid #ccc;
	}
	.nav-title li:first-child{
		border:none;
	}
	.nav-title li a {
		color: #FFFFFF!important;
		background-color: rgba(255, 255, 255, 0);
		font-size: 0.26rem;
	}
	.nav-title>li>ul>li>a {
		color: #777!important;

	}
	.nav-title li a ,.dropdown-menu > li > a{
		font-size: 16px;
	}
	.nav-menu {
		margin-bottom: 0rem;
	}
	.navbar-default {
		border-color: rgba(255, 255, 255, 0);
	}
	.nav-menu {
		background-color: rgba(255, 255, 255, 0);
		position: absolute;
		z-index: 990;
		width: 100%;
			padding: 0.2rem 0rem 0.2rem 0rem;
	}
	.navbar-default .navbar-nav > li >a:hover,.dropdown-menu > li > a:hover{
	color:#333!important;
		 background-color: rgba(0,0,0,0);
	}

	
	   

	
	
	
	
	
}
.dropdown-menu{
	width:250px;
	top:0;
	padding:0;
	position:relative;
	 background-color: rgba(0,0,0,0);
}
.navbar-nav > li > .dropdown-menu{
	border-top: 1px solid #ccc;
}
.dropdown-menu li{
	    padding: 10px 15px;
}
.nav-title>li>ul>li>a{
			color:#fff!important;
}
.dropdown-menu li a{
	padding:0;

		font-size: 14px;
		overflow:hidden;
		    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
	}
	.nav-title{
	}
	.nav-title a{
		/*background-color: rgba(255,255,255,0);*/
	}
	.nav-title li{
		color: #FFFFFF;
	}
	.nav-title .active a{
		/*background-color: rgba(255,255,255,0)!important;*/
	}
	.nav-title .active li{
		color: #FFFFFF;
	}
	.menu-button{
		cursor:pointer;
		background-image: url(../img/menu1.png);
		background-repeat: no-repeat;
		/* background-size: 0.6rem 0.2rem; */
		background-position: left;
		padding-left: 0.75rem;
		-webkit-transition: all 0.5s ease 0s ;
	-moz-transition: all 0.5s ease 0s ;
	-ms-transition: all 0.5s ease 0s ;
	-o-transition: all 0.5s ease 0s ;
	transition: all 0.5s ease 0s ;
	}

#button-type{
	margin:0 10px 0 0;
}
#button-type,#navbar-toggle{
	top:0.51rem;
	
-webkit-transition: all 0.5s ease 0s ;
	-moz-transition: all 0.5s ease 0s ;
	-ms-transition: all 0.5s ease 0s ;
	-o-transition: all 0.5s ease 0s ;
	transition: all 0.5s ease 0s ;
}
#navbar-toggle{
	margin:4px 0 0 0;
}

.button-type-this,.navbar-toggle-this{
	top:0.25rem!important;
}
.nav-title-this{
	margin-top: 0.7rem;
}








@media screen and (max-width:1440px) {
	.characteristics {
		left: 10%;
		top: 15%;
	}
	.funtion-ul li {
		padding: 0.1rem 0rem 0rem 0;
	}
	.five-title {
		top: 10%;
	}
	.funtion-ul {
		width: 100%;
	}
	.funtion-ul li span {
		font-size: 0.18rem;
	}	
	.funtion-ul .this span {
		font-size: 0.22rem!important;
	}
	.funtion {
		top: 50px;
	}
	.button-type2{
		right:13%;
	}
	.button-type3{
		right: 125x;
	}
	.adress-content {
		width: 100%;
	}
	.adress-right {
 
    margin-left: 0.2rem;
    padding-left: 0.2rem;
}
	
	

}
@media screen and (max-width:1366px) {
	.content-list .content-title {
		font-size: 20px;
	}
	.characteristics {
		left: 10%;
		top: 10%;
	}
	.funtion-ul li {
		padding: 0.1rem 0rem 0rem 0;
	}
	.five-title {
		top: 10%;
	}
	.funtion-ul {
		width: 100%;
	}
	.funtion-ul li span {
		font-size: 0.18rem;
	}	
	.funtion-ul .this span {
		font-size: 0.22rem!important;
	}
	.funtion {
		top: 30px;
	}
	.button-type2{
		right:13%;
	}
	.button-type3{
		right: 115px;
	}
	.vc-fontss .vc-innerss {

    margin: 25% 0 0 0;
}
	
	
	

}
@media screen and (max-width:1360px) {
	.content-list .content-title {
		font-size: 20px;
	}
	.characteristics {
		left: 10%;
		top: 10%;
	}
		.characteristics {
		left: 10%;
		top: 10%;
	}
	.funtion-ul li {
		padding: 0.1rem 0rem 0rem 0;
	}
	.five-title {
		top: 10%;
	}
	.funtion-ul {
		width: 100%;
	}
	.funtion-ul li span {
		font-size: 0.18rem;
	}	
	.funtion-ul .this span {
		font-size: 0.22rem!important;
	}
	.funtion {
		top: 30px;
	}
	.button-type2{
		right:13%;
	}
	.button-type3{
		right: 114px;
	}
	
	

}
@media screen and (max-width:1280px) {
	.content-list .content-title {
		font-size: 20px;
	}
	.characteristics {
		left: 10%;
		top: 10%;
	}
	.funtion-ul li {
		padding: 0.1rem 0rem 0rem 0;
	}
	.five-title {
		top: 10%;
	}
	.funtion-ul {
		width: 100%;
	}
	.funtion-ul li span {
		font-size: 0.18rem;
	}	
	.funtion-ul .this span {
		font-size: 0.22rem!important;
	}
	.funtion {
		top: 30px;
	}
	.button-type2{
		right:25% !important;
	}
	.button-type3{
		right: 104px;
	}


}
@media screen and (max-width:767px) {
	.nav-title-this{
			margin-top: 0;
	}
	.button-type-this {
		top: 0.13rem!important;
	}
	.nav-title>li>ul>li>a{
				color:#777!important;
	}

	
}

@media screen and (max-width:1200px) {
.videos {
    display: none;
    border: 1px solid #080808;
    position: fixed;
     left: 10%;
    top: 30%;
    margin-left: 0%;
    margin-top: 0vh;
    z-index: 999999100;
    width: 80%;
    height: 50vh;
}

	
}