*{
	margin:0;
	padding:0;
	border:0;
  	background-color:transparent;
  	color: #666464;
  	height: auto;
}
@font-face{
	font-family: "冬青";
	src:url(../font/冬青黑体W3.otf) format('woff');
}
@font-face{
	font-family: "Avenir";
	src:url(../font/Avenir Next.ttc);
}
body{
	font-family: "冬青";
}
li{
	list-style: none;
}
a:hover,
a{
	text-decoration: none;
}
.clear{
	clear:both;
}
.content{
	width:90%;
	margin:0 auto;
	display:flex;
}
.content2{
	width:90%;
	margin:0 auto;
}
.key_word{
	
}
@font-face {
	font-family: cursive;
	src: url("../font/CURSHT__.TTF");
}
/******小屏手机*********/
@media (max-width: 768px){
	html.effect{
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}
	html.effect,
	html.effect body{
		width:100%;
		height:100%;
		overflow:hidden;
	}
	body{
		overflow-x:hidden;
		font-size:1.2rem;
		display:block;
	}
	header{
		width: 100%;
		z-index: 999;
		background:#fff;
		top:0;
		padding-top:15px;
		box-shadow: 5px 5px 30px 0 #f9f9f9;
		position: relative;
	}
	header .content{
		width:100%;
		display:flex;
		align-content: center;
		height:50px;
	}
	.leftcontrol{
		position:absolute;
		top:0;
		left:0;
		z-index: 11;
		width:260px;
		height:100%;
		background:#fff;
		display:none;
		padding-top:65px;
		overflow-x: hidden;
		overflow-y: auto;
		box-shadow: inset -5px -5px 20px 2px #cecccc;
	}
	.show{
		display: block;
	}
	.leftcontrol a{
		display:flex;
		width:100%;
		height:50px;
		align-items: center;
		padding-left:50px;
		border:1px solid #e9e9e9;
	}

	.leftcontrol a.active{
		background:#9ED216;
	}
	.leftcontrol>a:before{
		content:'';
		display:block;
		width:10px;
		height:10px;
		border-radius: 5px;
		border:1px solid #b6b6b6;
		margin-right:30px;
	}
	.leftcontrol a.active:before{
		background:#fff;
		border-color:transparent;
	}
	.leftcontrol li{
		color:#505050;
		padding:0;
		width:65%;
	}
	.resource-items{
		display:none;
	}
	.leftcontrol .show{
		display:block;
	}
	.leftcontrol .visible{
		visibility: visible;
	}
	.resource-items a{
		padding-left:90px;
		border-color:transparent;
	}
	.leftcontrol a span{
		color:#b6b6b6;
	}
	.sitecontent{
		z-index: 1;
		position: absolute;
		height: 100%;
		width:100%;
	}
	.sitecontent .scrollView{
		overflow-x: hidden;
		overflow-y: auto;
		height: calc(100% - 70px);
		height: -webkit-calc(100% - 70px);
	}
	body.open .sitecontent{
		transform: translate3d(260px,0,0);
		-webkit-transform: translate3d(260px,0,0);
	}
	.content .nav li{
		font-size: 14px;
	}
	.language .search input::-webkit-input-placeholder{
		font-size:50%;
	}
	.content .logo{
		width:40%;
		position: relative;
		top: 0;
		left: 0;
	}
	.content .logo img{
		max-height:35px;
	}
	.content .language,
	.content .logo,
	.content .nav{
		float:left;
	}
	.content .nav{
		width:30%;
		position: relative;
		margin-left:2%;
		display: flex;
	}
	.nav .nav-btn{
		display:block;
		width:30px;
		height:20px;
		position: relative;
	}
	.nav .nav-btn .before{
		content:'';
		display:block;
		width:100%;
		height:2px;
		background:#8c8c8c;
		position: absolute;
		top:0;
		left:0;
	}
	.active_before{
		top:3px !important;
		transform: rotate(45deg);
		transition: all 0.5s ease;
	}
	.nav .nav-btn .after{
		content:'';
		display:block;
		width:100%;
		height:2px;
		background:#8c8c8c;
		position: absolute;
		bottom:0;
		left:0;
	}
	.active_after{
		bottom:15px !important;
		transform: rotate(-45deg);
		transition: all 0.5s ease;
	}
	.content .language{
		width:25%;
		display: flex;

	}

	.language .search .submit{
		display: block;
		float:left;
	}
	.language .search .keyword{
		width:77%;
	}
	.language textarea{		
		background: transparent;
		color:#a1a1a1;
		padding-left:2em;
		padding-top:10px;
		height:50px;
		resize:none;
		outline: none;
		border:none;	
	}
	.language .search .submit{
		width:10%;
		height:50%;
	}
	.language .search input{
		width:100%;
		border:0;
		height:100%;
		outline: none;
		background: transparent;
	}
	.language .search .submit{
		position: relative;
	}
	.language .search .submit input{
		position: absolute;
		top:0;
		left:0;
	}
	.language .search,
	.language .lang{
		padding:0;
	}
	.language span,
	.language button{
		background-color:transparent;
		border: none;
		outline: none;
		float:left;
		margin-left:5px;
	}
	.language .search .icon-bar{
		font-size:20px;

	}
	.language .search{
		position: relative;
		display:flex;
		width:100%;
		justify-content: flex-end;
		
	}
	.language .search .icon-bar-phone{
		font-size: 20px;
	}
	.language .search form{
		display:none;
	}
	.head-search{
		position: absolute;
		height:50px;
		top: 0px;
		
		width:100%;
		background:#fff;
		z-index: 12;
		padding:0 2%;
		display:none;
		align-items: center;
		border-top:1px solid #c3c3c3;
		
	}
	.head-search input{
		outline: none;
		border:0;
		height:100%;
		line-height: 35px;
	}
	.head-search span{
		display:flex;
		height:100%;
		align-items: center;
	}
	.head-search span.keyword{
		width:94%;
	}
	.head-search span.submit{
		font-size: 20px;
		width:6%;
	}
	.banner{
		width:100%;
		overflow: hidden;
	}
	.banner{
		position: relative;
	}
	.headtitle .line{
		background:#9ed216;
		margin:0 auto;
	}
	.headtitle .title{
		font-weight: 300;
		color:#3c3c3c;
		text-align: center;
	}
	.index-banner .row .descript,
	.index-banner .row h2{
		color:#fff;
	}
	.index-banner .row h2{
		padding:0;
		margin:0;
	}
	.index-banner .row .descript{
		width:80%;
	}
	.index-banner .row a.more{
		color:#fff;
	}
	.index-banner .row{
		position: absolute;
	}
	/**********banner****************/
	.banner,
	.banner .item{
		height:350px;
		background-position: center;
	}
	.index-banner .row .descript,
	.index-banner .row h2{
		color:#fff;
	}
	.index-banner .row h2{
		font-size: 28px;
		padding:0;
		margin:0;
		text-align: center;
	}
	.index-banner .row .descript{
		font-size:14px;
		margin:30px 0;
		text-align: center;
		width:100%;
	}
	.index-banner .row a.more{
		color:#fff;
		font-size:16px;
		text-align: center;
		width: 100%;
		display: block;
	}
	.inside-banner,
	.index-banner{
		position: relative;
	}
	.index-banner .row{
		position: absolute;
		top:20%;
		width:80%;
		left:10%;
	}
	.prodetail-banner .prev,
	.prodetail-banner .next,
	.index-banner .next,
	.index-banner .prev{
		display:none;
	}
	.headtitle .title{
		font-size: 24px;
		margin-bottom:30px;
	}
	.headtitle .line{
		width:36px;
		height:3px;
		margin-bottom:20px;
	}
	/***************底部*******************/
	#footer{
		background:#505050;
		padding-top:30px;
	}
	#footer .footer{
		margin:0 auto;
		display:flex;
	}
	.footer .footer_left{
		width:50%;
	}
	.footer .footer_box{
		display:flex;
		width:100%;
		flex-direction: column;
	}
	.footer .footer_box .items{
		width:100%;
	}
	.footer .footer_left .items .head{
		color:#fff;
		font-size: 16px;
		margin-bottom:20px;
		position: relative;
		padding-left:20px;
	}
	.footer .footer_left .items .head:before{
		content:"";
		display:block;
		position: absolute;
		width:3px;
		height:15px;
		background:#9ed216;
		top:4px;
		left:0;
	}
	.footer .footer_left .items a{
		padding-left:20px;
		margin-bottom:10px;
		display:block;
		color:#a1a1a1;
	}
	.footer .footer_left .items a img{
		width:12%;
	}
	.footer .footer_left .share{
		margin-top:10px;
		margin-bottom:20px;
	}
	.footer .footer_left .share a{
		width:20px;
		height:20px;
		border-radius: 50%;
		display: block;
		float:left;
		margin-right:10px;
		background: #2e2f2f;
	}
	.footer_line{
		padding:10px 0;
		width:100%;
		display:flex;
		justify-content: center;
		background:#363535;
	}
	.footer_line img{
		width:40px;
		height:40px;
		margin-right:10px;
	}

}
/******手机********/
@media (max-width: 500px){
	#footer div:last-child{width: 100% ! important;}
	#footer div>a>p{float: none ! important;}
}
/******大屏手机********/
@media (min-width: 768px){
	
}
/******平板电脑********/
@media (min-width: 992px) {
	html{
		font-size:24px;
	}
	.content .nav li{
		font-size: 14px;
	}
	.language .search input::-webkit-input-placeholder{
		font-size:50%;
	}
	header{
		position: relative;
	}

	header .about_items{
		height:60px;
		position: absolute;
		background:#4c4a4f;
		line-height: 60px;
		display: none;
	}
	header .about_items a{
		padding:0 20px;
		color:#c8c8c8;
	}
	.content .logo{
		width:30%;
		position: relative;
		top: 0;
		left: 0;
	}
	.content .language,
	.content .logo,
	.content .nav{
		float:left;
	}
	.content .nav{
		width:45%;
		display: flex;
	}
	.content .nav .nav-items>a{
		width:20%;
		padding:5% 0;
		text-align: center;
		float:left;
	}
	.content .nav a.active{
		background:#9ED216;
	}
	.content .nav li{
		color:#505050;
		padding:0;
	}
	.content .nav a.active li{
		color:#fff;
	}
	.content .language{
		width:25%;
	}
	.language .search .keyword,
	.language .search .submit{
		display: block;
		float:left;
	}
	.language .search .keyword{
		width:80%;
		border-bottom:1px solid #000;
	}
	.language .search .submit{
		width:10%;
		height:50%;
	}
	.language .search input{
		width:100%;
		border:0;
		height:100%;
		outline: none;
		background: transparent;
	}
	.language .search .submit{
		position: relative;
	}
	.language .search .submit input{
		position: absolute;
		top:0;
		left:0;
	}
	.language .search,
	.language .lang{
		padding:0;
	}
	.language span,
	.language button{
		background-color:transparent;
		border: none;
		outline: none;
		float:left;
		margin-left:5px;
	}
	.banner{
		width:100%;
		overflow: hidden;
	}
	.banner{
		position: relative;
	}
	.banner .next,
	.banner .prev{
		background-color:#000000;
		background-image:none;
		opacity: 0.4;
		font-size: 32px;
		color:#fff;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: cursive;
	}
	.banner .next:hover,
	.banner .prev:hover{
		background:#9ED216;
	}
	.headtitle .line{
		background:#9ed216;
		margin:0 auto;
	}
	.headtitle .title{
		font-weight: 300;
		color:#3c3c3c;
		text-align: center;
	}
	.index-banner .row .descript,
	.index-banner .row h2{
		color:#fff;
	}
	.index-banner .row h2{
		padding:0;
		margin:0;
	}
	.index-banner .row .descript{
		width:80%;
	}
	.index-banner .row a.more{
		color:#fff;
	}
	.index-banner .row{
		position: absolute;
	}
	/**********banner****************/
	.banner,
	.banner .item{
		height:540px;
	}
	.index-banner .row .descript,
	.index-banner .row h2{
		color:#fff;
	}
	.index-banner .row h2{
		font-size: 40px;
		padding:0;
		margin:0;
	}
	.index-banner .row .descript{
		width:80%;
		font-size:16px;
		margin:50px 0;
	}
	.index-banner .row a.more{
		color:#fff;
		font-size:16px;
	}
	.index-banner{
		position: relative;
	}
	.index-banner .row{
		position: absolute;
		top:30%;
		left:15%;
	}
	.index-banner .next,
	.index-banner .prev{
		width:50px;
		height:50px;
		border-radius: 10px;
	}
	.headtitle .title{
		font-size: 24px;
		margin-bottom:50px;
	}
	.headtitle .line{
		width:36px;
		height:3px;
		margin-bottom:20px;
	}
	/***************底部*******************/
	#footer{
		background:#505050;
		padding-top:60px;
	}
	#footer .footer{
		margin:0 auto;
		display:flex;
		padding:0 10%;
		padding-bottom:50px;
		justify-content: center;
	}
	.footer .footer_left{
		width:70%;
	}
	.footer .footer_box{
		display:flex;
		width:100%;
	}
	.footer .footer_box .items{
		width:25%;
	}
	.footer .footer_left .items .head{
		color:#fff;
		font-size: 16px;
		margin-bottom:20px;
		position: relative;
		padding-left:20px;
	}
	.footer .footer_left .items .head:before{
		content:"";
		display:block;
		position: absolute;
		width:3px;
		height:15px;
		background:#9ed216;
		top:4px;
		left:0;
	}
	.footer .footer_left .items a{
		padding-left:20px;
		margin-bottom:10px;
		display:block;
		color:#a1a1a1;
	}
	.footer .footer_left .items a img{
		width:8%;
	}
	.footer .footer_left .items a img{
		width:12%;
	}
	.footer .footer_left .share{
		margin-top:35px;
	}
	.footer .footer_left .share a{
		width:20px;
		height:20px;
		border-radius: 50%;
		display: block;
		float:left;
		margin-right:10px;
		background: #2e2f2f;
	}
	.footer .footer_right{
		width:50%;
	}
	.footer_line{
		padding:10px 0;
		width:100%;
		display:flex;
		justify-content: center;
		background:#363535;
	}
	.footer_line img{
		width:40px;
		height:40px;
		margin-right:30px;
	}
}
/******大屏电脑********/
@media (min-width: 1200px) {
	html{
		font-size:24px;
	}
	.content .nav li{
		font-size: 14px;
	}
	.language .search input::-webkit-input-placeholder{
		font-size:50%;
	}
	header{
		position: relative;
	}
	.side_nav{
		width:50px;
		position: fixed;
		right:10px;
		top:70%;
		background:#fff;
		z-index:99;
		box-shadow: 0px 6px 100px 0 rgba(0,0,0,0.35);
	}
	.side_nav .message .items{
		padding:10px;
		border-bottom:1px solid #e6e6e6;
	}
	.side_nav .side_items{
		height:50px;
		width:100%;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}
	.side_nav .side_message{
		position: relative;
	}
	.side_message .message{
		position: absolute;
		left:-420px;
		top:-80px;
		width:400px;
		box-shadow: 0px 6px 100px 0 rgba(0,0,0,0.35);
		background:#fff;
		padding:20px 20px;
		display: none;
	}
	.side_message .message:after{
		content:'';
		display:block;
		width:0;
		height:0;
		border-style: solid;
		border-width: 20px;
		border-color:transparent transparent transparent #fff;
		top:84px;
		right:-35px;
		position: absolute;
	}
	.side_message:hover .message{
		display:block;
	}
	.side_nav .side_tel{
		position:relative;
	}
	.side_nav .side_tel .tel{
		position: absolute;
		top:0;
		left:-170px;
		width:150px;
		height:50px;
		background:#fff;
		line-height: 50px;
		text-align: center;
		color:#505050;
		display:none;
	}
	.side_nav .side_tel .tel2{
		top:51px;
	}
	.side_nav .side_tel .tel1:after{
		content:'';
		display:block;
		width:0;
		height:0;
		border-style: solid;
		border-width: 20px;
		border-color:transparent transparent transparent #fff;
		top:5px;
		right:-30px;
		position: absolute;
	}
	.side_nav .side_tel:hover .tel{
		display:block;
	}
	.side_nav .items:hover{
		border-color:#9ed216;
	}
	.side_nav .items label{
		color:#a1a1a1;
		text-align: center;
		margin:0;
	}
	.side_nav .items input{
		background:transparent;
		border:0;
		outline: none;
		color:#a1a1a1;
	}
	.side_nav  textarea{
		background: transparent;
		color:#a1a1a1;
		padding-left:2em;
		padding-top:10px;
		height:50px;
		resize:none;
		outline: none;
		border:none;
	}
	.side_nav button{
		margin-top: 20px;
		background:#9ed216;
		color:#fff;
		text-align: center;
		border-radius: 0;
	}
	.side_nav .side_top{
		display:none;
	}
	/*****头部******/
	header .about_items a{
		padding:0 20px;
		color:#c8c8c8;
	}
	.content .logo{
		width:25%;
	}
	.content .logo{
		margin-top: 20px;
	}
	.content .language,
	.content .logo,
	.content .nav{
		float:left;
	}
	.content .nav{
		width:50%;
		display: flex;
	}
	.content .nav .nav-items{
		width:30%;
		text-align: center;
		float:left;

	}
	.content .nav .nav-items>a{
		width:100%;
		padding:25% 0;
	}
	.content .nav .resource{
		position: relative;
	}
	.content .nav .resource .about_items{
		height:60px;
		top:80px;
		position: absolute;
		background:#4c4a4f;
		line-height: 60px;
		display: none;
		z-index: 11;
		width:100%;
		text-align: center;
	}
	.content .nav .resource:hover .about_items{
		display:block;
	}
	.content .nav a.active{
		background:#9ED216;
	}
	.content .nav li{
		color:#505050;
		padding:0;
	}
	.content .nav a.active li{
		color:#fff;
	}
	.content .language{
		width:25%;
	}
	.language .search{
		position:relative;
		text-align: right;
		padding-right:25px !important;
		height:100%;

	}
	.language .icon-bar{
		width:100%;
		height:100%;
	}
	.language .icon-bar i{
		cursor: pointer;
		position: absolute;
		top: 35px;
		right:13.2%;
	}
	.language .search .icon-bar:hover form{
		display: block;
	}
	.language form{
		display: none;
		position: absolute;
		width: 80%;
		top: 35px;
		height:40px;
		background: #fff;
		padding: 5px 0;
		left:13.2%;
		z-index: 12;
		overflow: hidden;
	}
	.language .search .keyword,
	.language .search .submit{
		display: block;
		float:left;
	}
	.language .search .keyword{
		width:80%;
	}
	.language .search .submit{
		width:10%;
		height:50%;
		
	}
	.language .search input{
		width:100%;
		
		height:100%;
		outline: none;
		background: transparent;
	}
	.language .search .submit{
		position: relative;
	}
	.language .search .submit input{
		position: absolute;
		top:0;
		left:0;
	}
	.language .search,
	.language .lang{
		padding:0;
	}
	.language span,
	.language button{
		background-color:transparent;
		border: none;
		outline: none;
		float:left;
		margin-left:5px;
	}
	.lang{
		position: relative;
		height:100%;
		cursor: pointer;
	}
	.lang .select{
		position: absolute;
		width:100%;
		height:30px;
		bottom:50%;
		background:#fff;
		display:block;
		z-index: 12;
	}
	.lang .select span.active{
		color:#9ED216;
	}
	.lang .select span{
		padding:5px;
	}
	.lang .select em{
		position: relative;
		top:4px;
		left:-37px;
	}
	.lang:hover .select{
		display:block;
	}
	.banner{
		width:100%;
		overflow: hidden;
	}
	.banner{
		position: relative;
	}
	.banner .next,
	.banner .prev{
		background-color:#000000;
		background-image:none;
		opacity: 0.4;
		font-size: 32px;
		color:#fff;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: cursive;
	}
	.banner .next:hover,
	.banner .prev:hover{
		background:#9ED216;
	}
	.headtitle .line{
		background:#9ed216;
		margin:0 auto;
	}
	.headtitle .title{
		font-weight: 300;
		color:#3c3c3c;
		text-align: center;
	}
	.index-banner .row .descript,
	.index-banner .row h2{
		color:#fff;
	}
	.index-banner .row h2{
		padding:0;
		margin:0;
	}
	.index-banner .row .descript{
		width:80%;
	}
	.index-banner .row a.more{
		color:#fff;
	}
	.index-banner .row{
		position: absolute;
	}
	/**********banner****************/
	.banner,
	.banner .item{
		height:540px;
		overflow: hidden;
	}
	.index-banner .row .descript,
	.index-banner .row h2{
		color:#fff;
	}
	.index-banner .row h2{
		font-size: 40px;
		padding:0;
		margin:0;
	}
	.index-banner .row .descript{
		width:80%;
		font-size:16px;
		margin:50px 0;
	}
	.index-banner .row a.more{
		color:#fff;
		font-size:16px;
	}
	.index-banner{
		position: relative;
	}
	.index-banner .row{
		position: absolute;
		top:30%;
		left:15%;
	}
	.index-banner .next,
	.index-banner .prev{
		width:50px;
		height:50px;
		border-radius: 10px;
	}
	.headtitle .title{
		font-size: 24px;
		margin-bottom:50px;
	}
	.headtitle .line{
		width:36px;
		height:3px;
		margin-bottom:20px;
	}
	/***************底部*******************/
	#footer{
		background:#505050;
		padding-top:60px;
	}
	#footer .footer{
		margin:0 auto;
		display:flex;
		padding:0 10%;
		padding-bottom:50px;
		justify-content: center;
	}
	.footer .footer_left{
		width:70%;
		
	}
	.footer .footer_box{
		display:flex;
		width:100%;
	}
	.footer .footer_box .items{
		width:50%;
		padding-left: 60px;

	}
	.footer .footer_left .items .head{
		color:#fff;
		font-size: 16px;
		margin-bottom:20px;
		position: relative;
		padding-left:20px;
	}
	.footer .footer_left .items .head:before{
		content:"";
		display:block;
		position: absolute;
		width:3px;
		height:15px;
		background:#9ed216;
		top:4px;
		left:0;
	}
	.footer .footer_left .items a{
		padding-left:20px;
		margin-bottom:10px;
		display:block;
		color:#a1a1a1;
	}
	.footer .weixin{
		position:relative;
	}
	.footer .weixin span{
		display:none;
		position: absolute;
		left:30%;
		top:-75px;
		width:100px;
		height:100px;
	}
	.footer .weixin span img{
		width:150px !important;
		height:150px !important;
	}
	.footer .weixin:hover span{
		display:block;
	}
	.footer .footer_left .share{
		margin-top:35px;
	}
	.footer .footer_left .share a{
		width:20px;
		height:20px;
		border-radius: 50%;
		display: block;
		float:left;
		margin-right:10px;
		background: #2e2f2f;
	}
	.footer .footer_right{
		width:50%;
	}
	.footer_right .message{
		width:60%;
		float:right;
	}
	.footer_right .items{
		padding:10px;
		border-bottom:1px solid #2a2a2a;
	}
	.footer_right .items:hover{
		border-color:#9ed216;
	}
	.footer_right .items label{
		color:#a1a1a1;
		text-align: center;
		margin:0;
	}
	.footer_right .items input{
		background:transparent;
		border:0;
		outline: none;
		color:#fff;
	}
	.footer_right  textarea{
		background: transparent;
		color:#fff;
		padding-left:2em;
		padding-top:10px;
		height:50px;
		resize:none;
		outline: none;
		border:none;
	}
	.footer_right button{
		margin-top: 20px;
		background:#9ed216;
		color:#000;
		text-align: center;
		border-radius: 0;
	}
	.footer_line{
		padding:10px 0;
		width:100%;
		display:flex;
		justify-content: center;
		background:#363535;
	}
	.footer_line img{
		width:40px;
		height:40px;
		margin-right:30px;
	}


}