/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:Arial, sans-serif; margin-top:86px; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; 
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover { text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.main-Box, .top-Box, .menu-Box, .banner-Box, .content-Box, .content2-Box, .footer-Box, .copyright-Box { max-width:100%; margin:0 auto; text-align:left; position:relative; clear:both;}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}

.slider a:before { content:""; display:block; position:absolute; width:100%; height:100%; z-index:1;}

/*about*/
.about { background:url(../images/about-bg.jpg) #ccc no-repeat top center; min-height:1100px; padding-top:100px; display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; align-items:flex-end;}
.about > div:nth-of-type(1) { width:40%; text-align:left; line-height:0;}
.about > div:nth-of-type(2) { width:60%; padding-left:80px; position:relative; font-size:17px; color:#1c4b26; line-height:170%; text-align:left; padding-right:165px;}
.about-title { padding-bottom:30px; max-width: 570px;}
.about-ce { padding:48px 0 50px 36px;}
.about-pto { position:absolute; right:0; bottom:0; line-height:0;}
.owl-dots{text-align:center;margin-top: 40px;}
.owl-dot{background: #eee;width: 10px;height: 10px;border-radius: 10px;display: inline-block; margin: 5px;}
.owl-dot.active{background: #0d5637;}
.about_main, .about_tab{background: rgba(228, 228, 228, 0.4); padding: 20px;}
.about_tab{max-width: 570px;}
.about_text{text-align: left;min-height: 400px;}
.about_text strong{padding-bottom: 20px;display: block; text-align: left;}
.about_text ul li{display: inline-block;width: calc(100%/5 - 20px);vertical-align: top;margin: 8px;}



/*products*/
.banner { line-height:0; position: relative; z-index: 2;}

.main-content { max-width:90%; margin:30px auto; text-align:left; position:relative;padding: 0 20px; z-index: 1;}
.main-description {  font-size:18px; color:#3e8d50; line-height:160%; background: url(../images/map.png) no-repeat center right; padding:150px 0 20px 0px; margin-top: -155px;min-height: 200px; display: flex; flex-direction: column;}
.main-description h1 { width: 100%; font-size:25px; color:#0d5737; line-height:100%; text-align: left; /*padding-bottom:20px; max-width: 500px;*/ align-self: flex-end;}
.main-description h2{font-size: 1em; font-weight: initial;}
.pro-box .resp-tabs-container ul li{list-style-type: disc;margin-left: 15px;}
aside { display:inline-block; vertical-align:top; width:240px;}
.aside-title { font-size:20px; color:#fff; margin:0 0 50px 0; text-align:center; line-height:120%; background:#89c997; border-radius:30px; padding:15px;
-webkit-box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.2);}
.side_classLink { }
.side_classLink ul { border:1px solid #89c997; border-radius:15px; overflow:hidden;}
.side_classLink ul li { }
.side_classLink ul li > a{ display:block; padding:18px 8px; color:#537f3e; font-size:15px; line-height:130%; border-bottom:1px dotted #89c997; font-weight: bold;}
.side_classLink ul li:nth-last-child(2) > a { border-width:0;}
.side_classLink ul li > a:hover, .side_classLink ul li > a.current { color:#fff; background:#066d34;}
.side_classLink ul li.current02{ display:none; }
.m_classLink{ display:none;}

#main { display:inline-block; vertical-align:top; width:calc(100% - 240px - 7px); padding-left: 75px;}
#main h3 { font-size:28px; font-weight:normal; line-height:140%; color:#0d5737; padding-bottom:14px; padding-top:0px;}
.path { text-align:left; padding-top:15px;}
.path li { display:inline-block; vertical-align:top; color:#5c8b76; font-size:16px;}
.path li:after { display:inline-block; vertical-align:top; content:">"; padding:0 2px;}
.path li:last-child:after { content:""; padding:0;}
.path li a { color:#5c8b76; font-size:16px;}
.path li a:hover { color:#000; text-decoration:underline;}

.pro-list { display:flex; flex-direction:row; flex-wrap:wrap;}
.pro-list > div { width:calc(100%/3); padding:0 25px 50px 25px; text-align:center;}
.pro-list-pto { line-height:0; text-align:center; overflow:hidden;background: #fff;  min-height: 300px;
display: flex;
justify-content: center;
 align-items: center;
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);}
.pro-list > div img {
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.pro-list-name { padding-top:15px; font-size:15px; color:#000; line-height:140%;}
.pro-list > div:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);}
.pro-list > div:hover .pro-list-name { color:#0d5737;}

#page { text-align:center;}
#page a { display:inline-block; vertical-align:top; padding:0 10px 10px 10px; font-size:17px; color:#49c1ad;}
#page a:hover, #page a.current { color:#15816e;}

/*products-detail*/
.pro-box { position:relative; padding:20px 0 0 0px; width:100%; margin:0 auto;}
.pro-b { display:inline-block; vertical-align:middle; width:calc(50% - 7px);margin-bottom: 40px;}
.pro-b img { width:100%;
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);}
.pro-s { text-align:center; padding:10px 0;}
.rslides_tabs { margin-top:0px;}
.rslides_tabs li { display:inline-block; width:calc(25% - 5px); margin:1px; opacity:0.35;  filter: alpha(opacity=35);}
.rslides_tabs li a img { width:100%; border:1px solid #d8d8d8;}
.rslides_here { opacity:1 !important;  filter: alpha(opacity=100) !important;}

.pro-content { display:inline-block; vertical-align:top; width:45%; text-align:left; padding:0 0 0 45px; line-height:130%; position:relative; font-size:14px; color:#000000; line-height:160%; }	
.pro-content-title { padding-bottom:20px; color:#000000; font-size:28px; line-height:130%;}
.pro-content-title span { display:block; color:#909090; font-size:20px; padding-top:12px; color: #338946;}
.btn-box { border-top:1px solid #aaaaaa; margin-top:40px; padding-top:40px; padding-bottom:40px; display:flex; flex-direction:row; flex-wrap:no-wrap;}
.btn-box > div { width:33.33%; padding:0 20px; text-align:center; font-size:17px; color:#dfc9ab;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.btn-box > div span { display:block; color:#437d63; letter-spacing:1px;}
.btn-box > div:hover { opacity:0.6;}
.api-box{text-align: center;}

/*calibration*/
.calibration-title { position:relative; padding-bottom:45px;}
.calibration-title:before { content:""; position:absolute; width:100%; height:1px; top:0; left:0; background:#066d34;}
.calibration-title span { display:inline-block; color:#fff; background:#066d34; font-size:30px; padding:5px 30px; line-height:130%;}
.calibration-list { margin-bottom:20px; }
.calibration-list > div { font-size:25px; line-height:120%; color:#91b282; padding-right:30px; padding-left:10px; border-left:15px solid #89c997; margin-bottom:20px;display: inline-block;}
.calibration-data-1 { padding:0 27px; font-size:17px; color:#2a5620; line-height:150%;}
.calibration-pto-1 { text-align:right; line-height:0;}
.calibration-pto-1 img { width:100%;}
.calibration-data-2 { margin-top: -250px;margin-bottom: 100px;}
.calibration-data-2 > div:first-child{width: 35%;display: inline-block;}
.calibration-data-2 > div:last-child { display: inline-block;width: 50%;  font-size:17px; color:#2a5620; }
.calibration-data-3 > div:last-child { font-size:17px; color:#2a5620; }
.calibration-data-3 > div:last-child strong ,.calibration-data-2 > div:last-child strong { display:block; font-size:25px; color:#355227; line-height:150%; padding-bottom:30px;}
.calibration-data-2-btn { position:relative; text-align:right; display:block; margin-top:30px;}
.calibration-data-2-btn:before { content:""; display:block; position:absolute; width:calc(100% - 180px); left:0; height:1px; top:20px; background:#066d34;}
.calibration-btn { min-width:160px; height:40px; text-align:center; line-height:40px; color:#fff; background:#009944; border-radius:20px; display:inline-block; letter-spacing:1px;}
.calibration-btn:hover { color:#fff; background:#066d34;}
.calibration-data-3 {display: flex; margin-top:40px !important; align-items:flex-start !important; padding-bottom:0 !important;}
.calibration-data-4 > div:nth-of-type(1), .calibration-data-4 > div:nth-of-type(2) { text-align:center; padding: 0 20px; width:25%;}
.calibration-data-4 > div:nth-of-type(3) { width:50%;}
.calibration-data-4-name { padding:30px 0; font-size:18px; color:#657b5a;}

.calibration4-bg { background:url(../images/calibration4-1.jpg) no-repeat top left;}
.calibration-data-5 { color:#fff; font-size:18px; padding:0px 20px 100px 20px; max-width:900px;}
.calibration-data-5 span { display:block; font-size:25px; line-height:140%; padding-bottom:20px;}
.calibration-data-5-pto { padding-top:40px; position:relative; z-index:2;}
.calibration-data-5-btn { max-width:500px; width:100%; margin:-100px 0 0 auto;}

.calibration-data-6 { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between;}
.calibration-data-6 > div { margin:0 11px 20px 11px; width:calc(33.33% - 22px); text-align:center; position:relative; padding-top:40px;}
.calibration-data-6 > div img { width:100%;}
.calibration-data-6 > div:before { content:""; position:absolute; top:0; width:100%; height:18px; background:#89c997;}
.calibration-data-6 > div:first-child { margin-left:0;}
.calibration-data-6 > div:last-child { margin-right:0;}
.calibration-data-6-name { font-size:18px; color:#066d34; padding-top:15px;}
.contact_table input.datepicker{
    width: 20% ;
}
.contact_table input.address{

    width:80% ;
}

/*Video*/
iframe{	width: 100%; height: 700px; }
/*patch*/
.p_option3_txt{ padding: 7%; line-height: 24px; }

/*reserved_table contactus_table*/

.reserved_table{width: 50%;float: right;}
.reserved_table::after{content: " ";display: block;clear: both;}
.contactus_table .reserved_table_1 input {padding: 3px;width: 45%;}
.contactus_table input, .contactus_table select, .contactus_table textarea{padding: 3px;width: 100%;}

.reserved_table td,.contactus_table td{padding:10px 15px 13px;margin:0 0 8px 0; display: block;}
.reserved_table th,.contactus_table th{display: block;padding: 5px 15px; color: #0d5737; font-size: 20px;}
.btn{width: 100%;text-align: right;margin: 0 auto;clear: both;}
.main-contactus{background: url(../images/contactus-left.png) no-repeat bottom left ;background-size: 40%;}
.main-contactus::after{content: " ";clear: both;display: block;}
.contactus_table{
	width: 100%;
	background: rgba(0,0,0,0.1);
	border-radius: 10px;
	padding: 20px;
}
.googlemap iframe{width:100%;height: 100%}
.googlemap {width:45%;display: inline-block;height:500px; }
.contactusQQ form{display: inline-block;width: 45%;vertical-align: top;margin-left: 30px;}

.contactus_table td iframe{ height: auto; }

/*Background editing*/
.editbox{width: 100%; clear:both; line-height: 24px;}
.editbox p{ margin: 1.12em 0; }
.editbox ol, .editbox ul{ margin-left: 20px; }
.editbox ol li{ list-style-type: decimal}
.blank{width: 100%; height: 30px; clear: both; }

.ed-education_training{ width: 65%; float: left;}
.ed-imgbox{width: 30%; float: right;}
/*.ed-education_training_bg{background: url(../images/service-bg.png)no-repeat;}*/

.about_text .ed-subtitle{
	font-size: 18pt;
	font-weight: bold;
	padding: 10px 0;
}

.ed-pcoff{}

.ed-drop-down{
	font-size: 18pt;
	font-weight: bold;
	width: 100%;
	border: 1px solid #1c4b26;
	padding: 10px;
	margin: 10px 0;
	cursor: pointer;
	display: none;
}
.ed-drop-down:after{
	content:'≡';
	float: right;
	margin-right: 15px;
}
.ed-drop-content{
	margin-top: -10px;
	width: 100%;
	background: rgba(255,255,255,.1);
	border-bottom: 2px solid #1c4b26;
}
.ed-drop-content a{
	width: 100%;
	display: block;
	padding: 10px;
	color: #1c4b26;
	border-bottom: 1px dotted #999;
}
.ed-drop-content a:last-child{ 
	border-bottom: none; 
}

@media only screen and (max-width: 1880px){
	.about > div:nth-of-type(2){padding-left: 20px;}
}

@media only screen and (max-width: 1680px){
	.main-description { padding:150px 50px 50px 50px;}
	.about_tab{max-width: 500px}
}
@media only screen and (max-width: 1500px){
	.about > div:nth-of-type(2){padding-left: 0px;}
	.about_tab{max-width: 425px;}
}
@media only screen and (max-width: 1440px){
	iframe{ height: 500px; }
	.googlemap iframe{height: 100%}
}
@media only screen and (max-width: 1366px) {
.about { min-height:inherit; padding-top:40px;}
.about > div:nth-of-type(1) { display:none;}
.about > div:nth-of-type(2) { width:100%; padding-left:20px;}
.main-description { }
.calibration-data-2 { margin-top:-140px;}
.calibration-data-5-btn { margin:0px 0 0 auto; max-width:100%;}
.about_tab{max-width: 570px;}
}
@media only screen and (max-width: 1280px) {
.calibration-data-4 { flex-wrap:wrap; flex-direction:row !important;}	
.calibration-data-4 > div:nth-of-type(1), .calibration-data-4 > div:nth-of-type(2) { width:50%;}
.calibration-data-4 > div:nth-of-type(3) { width:100%; padding-left:0; padding-top:30px;}
.calibration-data-2 { margin-top:0px;}
.pro-list-pto{min-height: auto;}
.reserved_table,.btn{width: 100%;float:initial;}
.main-contactus{background: none}
}
@media only screen and (max-width: 1100px) {
	iframe{height: 320px;}
	.googlemap iframe{height: 100%}
}
@media only screen and (max-width: 999px) {
.about > div:nth-of-type(2) { padding-right:15px;}
.about-pto { position:relative; right:-15px; text-align:right;}
.main-content { max-width:100%; padding:0 15px;}
.main-description {font-size:16px;margin-top: -80px;}
.main-description h1 { font-size:30px; padding-bottom:10px;}
.calibration-data-2 { margin-top:30px; align-items:flex-start;}
.calibration-data-3{display: inline-block;}
.calibration4-bg { background:none;}
.calibration-data-5 { color:#2a5620; padding-top:0px; padding-left:0; padding-right:0;}
.about-ce { padding:0;}
.about_tab{max-width: 999px;}


aside { width:100%;}
.aside-title { display:none;}
#main { width:100%; padding:12px	0;}
.path { padding-bottom:20px;}
.side_classLink { display:none;}
.m_classLink{ display:block; position:relative; border-bottom:0px solid #D6D6D6;}
.m_classLink a.main{ display:block; font-size:20px; position:relative; padding: 12px 10px 14px 10px; color:#fff; text-align:left; cursor:pointer; background:#89c997;}
.m_classLink a.main i{ display:block; font-size:20px; position:absolute; right:20px; top:50%; margin-top:-11px; color:#fff; font-style:normal; font-family:FontAwesome;}
.m_classLink ul{ display:none; width:100%;  position:absolute; z-index:5; background:#fafafa; border-width:0 1px 1px 1px; border-color:#89c997; border-style:solid; }
.m_classLink ul li { display:block; margin:0 0; padding:0;}
.m_classLink ul li > a{ display:block; text-align:center; padding:17px 20px; color:#537f3e; font-size:17px; line-height:130%; border-bottom:1px dotted #89c997; }
.m_classLink ul li:nth-last-child(2) > a { border-width:0;}
.m_classLink ul li > a:hover, .m_classLink ul li > a.current { color:#fff; background:#066d34;}
.m_classLink ul li.current02{ display:none; }
#page { text-align:center;}
.calibration-title { padding-bottom:25px;}
.calibration-title span { font-size:24px;}
.calibration-list { flex-direction:column; margin-bottom:0;}
.calibration-list > div { padding-right:0; font-size:22px;}
.calibration-data-2 { margin-top: -100px;margin-bottom: 50px}
.calibration-data-2 > div:last-child{width: 100%;}
.calibration-data-1, .calibration-data-2 > div:last-child { padding-left:0; padding-right:0;}

.editbox div{ width: 100%; }

.video_list{width: calc(100%/2 -15px);}

}
@media only screen and (max-width: 980px) {
	.about_tab{background: transparent;}
	.ed-drop-down{display: block;}
	.about_text .ed-subtitle, .ed-pcoff{display: none;}
}

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

.about { background: #c7c7c7;}
.main-description {margin-top: -50px;min-height: auto}
.reserved_table input, .reserved_table select, .reserved_table textarea,.contactus_table input, .contactus_table select, .contactus_table textarea{width: 100%;}
.googlemap,.contactusQQ form{display: block;width: 100%;margin: 10px 0}
.googlemap{height: auto;}

iframe{height: 290px;}
.googlemap iframe{height: 100%}

.video_list{width: 90%;}

}
@media only screen and (max-width: 640px) {
.pro-list > div { width:100%; padding:0 5px 30px 5px;}
.pro-b { width:100%}
.pro-content { width:100%; padding-left:0; padding-top:20px;}
.about_text ul li{width: calc(100%/3 - 20px);}
.main-description {margin-top: -40px; padding:50px 15px 20px 15px;}

.about_tab{ padding: 0px; }

}
@media only screen and (max-width: 570px) {
	.about_text ul li{width: calc(100%/2 - 20px);}

}
@media only screen and (max-width: 425px) {
	body{margin-top: 105px;}
}
@media only screen and (max-width: 414px) {
.about { background:#e1e2e2;}
.calibration-data-4 > div:nth-of-type(1), .calibration-data-4 > div:nth-of-type(2) { width:100%; padding-bottom:30px;}
.calibration-data-6 > div { margin:0 0px 20px 0px; width:100%;}
.contact_btn{margin: 20px 0;}
}

@media only screen and (max-width: 320px) {
	
}