@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');

*{
	padding:0px;
	margin:0px;
}

body{
	font-family: 'Lato', sans-serif;
}

.strip_1a img{
	float: left;
}

.strip_1a{
	display: block;
}

.top_wrap{
	font-family:Lato;
	padding:5px 0;
}

.menu_wrap{
	background-color: #0d8200;
}

.logo{
	margin: 0px 0;
}

.phone p{
	text-align:right;
	font-size:16px;
	margin:10px 0;
}

.ban_wrap{
	background:#236C00;
	padding:2px 0;
}

.ban_wrap img{
	width:100%;
}

.tea_blc h2{
	text-align: center;
	margin: 5px 0;
}

.tea_blc p{
	text-align: center;
	margin: 5px 0;
}

.tea h3{
	color: #0036B5;
}

.teas img{
	position: relative;
	width: 200px;
	margin: 0 auto;
}

.about_wrap{
	background-color:#ffffff;
}

.about_left{
	height:450px;
	background-color:#FF5E1F;
	color:#FFFFFF;
	text-align:center;
	font-size:22px;
	line-height:2.0;
	padding:25px;
	margin:25px 0;
-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
}

.about_right{
	height:500px;
	text-align:center;
	font-size:22px;
	line-height:2.0;
	padding:25px;
}

.about_right img{
	width:450px;
	margin:25px 0;
}

.fig{
	float: left;
	width: 170px;
	padding: 10px;
}

.comp_wrap{
	background-color:#F1F1F1;
	padding:80px 0;
}

.comp img{
	width:100%;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
}

.comp h3{
	text-align:center;
	border:solid 3px #FFB600;
	padding:5px 0;
}

.strip_1{
	background:url(../images/strip.jpg);
	background-size:cover;
	height:500px;
}

.strip_1 h1{
	text-align: center;
	color: #FFFFFF;
	margin: 150px 0 80px 0;
}

.str_bt{
	outline: none;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	-border-radius:40px;
	background-color:#18bd01;
	color:#FFFFFF;
	font-size:22px;
	font-weight:bold;
	padding:15px 25px;
	margin:0px 20px;
	-webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3);
}

.str_bt_2{
	outline: none;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	-border-radius:40px;
	background-color:#ff6801;
	color:#FFFFFF;
	font-size:22px;
	font-weight:bold;
	padding:15px 25px;
	margin:0px 20px;
	-webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3);
}


.footer{
	background: #E4E4E4;
	padding:35px 0;
}

.footer h3{
	color:#000000;
}

.contact p{
	font-size:16px;
	color:#000000;
}

.follow ul{
	list-style:none;
	padding:0px;
	margin:0 0px;
}

.follow ul li{
	float:left;
}

.follow ul li a img{
	width:35px;
	margin: 0 3px;
}

.follow ul li:last-child{
	float:none;
}

.f_menu ul{
	list-style:square;
}

.f_menu ul li a{
	font-size:16px;
	color:#000000;
	text-decoration:none;
}

.design{
	background-color:#0d8200;
	text-align:center;
	color:#FFDD00;
	padding:5px 0;
}

.design a{
	color:#FFFFFF;
	text-decoration:none;
}

.about2_wrap{
	font-size:16px;
	line-height:2.0;
	text-align:justify;
	padding:50px 0;
}

/*.about2_wrap img{
	width:300px;
	margin:20px 0;
}*/

.ser_wrap{
	font-size:16px;
	line-height:2.0;
	text-align:justify;
	padding:50px 0;
}

.ser_wrap img{
	width:400px;
	margin:0px 0;
}

.pro_wrap{
	line-height:2.0;
	text-align:justify;
	padding:50px 0;
}

/*.pro_wrap img{
	width:260px;
	padding:0px;
	margin:10px 0;
}*/

.about2_wrap .arw_r{
	width:15px;
	margin:10px;
}

.tea{
	float:left;
	display:block;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-border-radius:10px;
	background-color:#FFFFFF;
	padding:20px;
	margin:15px 0px;
	-webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3);
box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3);
}

.tea img{
	width:230px;
}

.tea_bt{
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-border-radius:20px;
	background-color:#FF6E00;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding:5px 55px;
	margin:0px 0 15px 0;
	-webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3);
	outline:none;
}

.tea h3{
	font-size:20px;
	font-weight:bold;
	padding: 0 0px;
}

.tea h4{
	font-size:17px;
	font-weight:bold;
	line-height:1.5;
}

.raw{
	margin:25px 0;
}

.tea2{
	float:left;
	display:block;
	background-color:#FFFFFF;
	padding:20px;
	margin:15px 0px;
}

.tea2 img{
	width:230px;
	border:solid 1px #7A7A7A;
}

.tea2 h3{
	font-size:20px;
	font-weight:bold;
	text-align: center;
	color: #00BBFF;
}

.tea2 h4{
	font-size:17px;
	font-weight:bold;
}


@media (max-width:1024px){
	

.strip_1{
	display:none;
}

}

@media (max-width:667px){
	
.strip_1a{
	display: block;
}

	
.strip_1{
	display:none;
}

}

@media (max-width:480px){
	
.strip_1a{
	display: block;
}
	
.tea{
	float:none;
	width:100%;
	padding:20px;
	margin:15px 0px;
}

.tea img{
	width:100%;
}

.strip_1{
	display:none;
}
	
.footer{
	background: #FFFFFF;
	padding:5px 0;
}

.fflls{
	display: none;
}

}