@import url('reset.css');
@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'cocogooseregular';
    src: url('font/cocogoose_trial-webfont.eot');
    src: url('font/cocogoose_trial-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/cocogoose_trial-webfont.woff2') format('woff2'),
         url('font/cocogoose_trial-webfont.woff') format('woff'),
         url('font/cocogoose_trial-webfont.ttf') format('truetype'),
         url('font/cocogoose_trial-webfont.svg#cocogooseregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{ float:left; width:100%; height:auto; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#3f4776;}
.container{ float:left; width:100%; height:auto; background-color:#fff; }

.page{ width:967px; height:auto; margin:0px auto;}
header{ float:left; width:100%; height:auto; padding:10px 0px 40px 0px;}
.logo{ float:left; width:23%; height:auto;}
.logo img{ float:left; width:100%; height:auto; max-width:225px;}
.menu{ float:right; width:63%; height:auto;}
.number{ float:right; width:100%; }
.number h3{ float:right; font-size:18px; color:#2a2a2a; font-family: 'cocogooseregular'; margin-right:10px; margin-top:10px; background-image:url(../images/plus.png); background-position:left center; background-repeat:no-repeat; padding-left:18px;}
.number img{ float:right; width:auto; height:auto; margin-right:22px;}
.menu ul{ float:left; margin-top:5px;}
.menu ul li{ float:left;}
.menu ul li a{ float:left; font-size:13px; color:#2a2a2a; padding:15px 19px; background-image:url(../images/btn1.png); background-position:left center; background-repeat:no-repeat; text-transform:uppercase; font-family: 'cocogooseregular';}
.menu ul li a:hover{  background-image:url(../images/btn1s.png); background-position:left center; background-repeat:no-repeat; color:#28743c;}
.menu ul li .act{  background-image:url(../images/btn1s.png); background-position:left center; background-repeat:no-repeat; color:#28743c;}


.res_menu{ display:none; padding:5px 0px; float:left; width:100%; background-color:#317e49; margin-bottom:0px; text-transform:uppercase; font-weight:bold; text-align:center;}

.banner{ float:left; width:100%; height:auto; background-color:#010108; background-image:url(../images/banner_bg2.jpg); background-position:center top; background-repeat:no-repeat;}
.slide_main{ float:left; width:100%; height:auto;  overflow:hidden; }

.caption{ float:left; width:90%; position:absolute;  font-family: 'cocogooseregular';}
.caption h1{ float:left; width:100%;  font-size:30px; color:#fff; text-transform:uppercase; line-height:30px; margin-top:8%; margin-bottom:22px;}
.caption h6{ float:left; width:100%; font-size:12px; color:#fff; line-height:18px; margin-bottom:10px; text-transform:uppercase;}


.sub_boxes{ float:left; width:100%; height:auto; background-image:url(../images/banner_bg.png); background-position:center bottom; background-repeat:repeat-x; font-family: 'cocogooseregular'; margin-bottom:45px;}
.part_box1{ float:left; width:32%; height:auto; margin:0% 1% 0% 0%;  border-right:1px solid #fff; padding:10px 0px 0px 0px; height:150px;  }
.part_box1 h2{ float:left; width:100%; font-size:16px; color:#fff; text-transform:uppercase; line-height:21px; margin-top:45px;}
.part_box1 img{ float:right; width:70%; height:auto; margin-top:-112px; position:relative;  z-index:100;}
.part_box1:hover h2{ text-shadow:1px 1px 5px #333;}

.part_box2{ float:left; width:31%; height:auto; margin:0% 1% 0% 0%; overflow:hidden;  border-right:1px solid #fff; padding:10px 0px 0px 0px; height:150px;  }
.part_box2 img{ float:left; width:auto; height:auto; z-index:100; margin-right:10px; margin-left:20px; margin-top:25px;}
.part_box2 h2{ float:left; font-size:16px; color:#fff; text-transform:uppercase; line-height:21px; margin-top:45px;}
.part_box2:hover h2{ text-shadow:1px 1px 5px #333;}

.part_box3{ float:left; width:31%; height:auto; margin:0%; overflow:hidden; padding:30px 0px; padding:10px 0px 0px 0px; height:150px;  }
.part_box3 img{ float:left; width:auto; height:auto; z-index:100; margin-right:10px; position:absolute; margin-top:15px; }
.part_box3 h2{ float:right; text-align:right; width:100%; margin-bottom:5px; font-size:16px; color:#fff; text-transform:uppercase; line-height:21px; margin-top:40px; }
.part_box3:hover h2{ text-shadow:1px 1px 5px #333;}
.part_box3 h3{ float:right; text-align:right; font-size:18px; color:#fff; font-family:Tahoma, Geneva, sans-serif;  line-height:21px;}

.content_part{ float:left; width:100%; height:auto; color:#3f4776; margin-bottom:15px;}
.cont_span{ float:left; width:100%; border-bottom:1px solid #e4e5ec; margin-bottom:38px;}
.left_cont{ float:left; width:66%; height:auto;}
.left_cont h1{ float:left; height:auto; font-size:18px; font-weight:bold; margin-bottom:25px; background-image:url(../images/arow_icon.png); background-position:right center; background-repeat:no-repeat;  color:#3f4776; padding-right:30px;}
.left_cont p{ float:left; font-size:14px; line-height:20px; margin-bottom:15px;}
.link{ float:left; font-style:16px; font-weight:bold; color:#3f4776;}
.link:hover{ text-decoration:underline;}

.right_cont{ float:right; width:30%; height:auto;}
.right_cont img{ float:left; width:55%; max-width:170px; height:auto;}
.right_cont h2{ float:right; width:45%; text-transform:uppercase; font-weight:bold; text-align:right; font-size:17px; line-height:23px; margin-bottom:30px;}
.link2{ float:right; font-style:16px; font-weight:bold; color:#3f4776;}
.link2:hover{ text-decoration:underline;}

.service_span{ float:left; width:100%; height:auto;}
.service_span h1{ float:left; height:auto; font-size:18px; font-weight:bold; margin-bottom:25px; background-image:url(../images/arow_icon.png); background-position:right center; background-repeat:no-repeat;  color:#3f4776; padding-right:30px;}

.span_wrap{ float:left; width:100%; height:auto; margin-bottom:25px;}
.list_sub{ float:left; width:33%; height:auto; }
.list_sub ul{ float:left; width:100%;}
.list_sub ul li{  float:left; font-size:14px; color:#3f4776; padding:10px 0px; background-image:url(../images/icon_left1.png); background-position:left center; background-repeat:no-repeat; padding-left:25px;}
/*.list_sub ul li a{ float:left; font-size:14px; color:#3f4776; padding:10px 0px; background-image:url(../images/icon_left1.png); background-position:left center; background-repeat:no-repeat; padding-left:25px;}
.list_sub ul li a:hover{ color:#246d36; background-image:url(../images/icon_left1s.png); background-position:left center; background-repeat:no-repeat;}*/
.scroll_box{ float:left; width:100%; height:auto; margin-bottom:50px;}
.cap2{ float:left; width:100%; text-align:center; margin:10px 0px;}
.cap2 h2{ font-weight:bold; color:#FFF; font-size:18px; padding:9px 52px 23px 52px; background-image:url(../images/text_bg.png); background-position:center top; background-repeat:no-repeat; position:relative; z-index:100; }

.brand_log{ float:left; width:100%; height:auto; padding:19px 0px; background-color:#f5f6f8; margin-top:-35px; margin-bottom:10px; }

/*inner*/

.inner_cap{ float:left; width:100%; text-align:center; padding:80px 0px;}
.inner_cap h2{ font-family: 'cocogooseregular'; color:#fff; font-size:25px; text-transform:uppercase;}
.inner_cont{ float:left; width:100%; height:auto; margin-top:50px;}
.inner_span{ float:left; width:100%; margin-bottom:38px;}
.testi_box{ float:left; width:100%; height:auto; text-align:left;}
.testi_box h2{ float:left; height:auto; font-size:18px; font-weight:bold; margin-bottom:25px; background-image:url(../images/arow_icon.png); background-position:right center; background-repeat:no-repeat;  color:#3f4776; padding-right:30px;}
.right_inner{ float:right; width:30%; height:auto;}

#news-container {  width:100%; height:auto;}
#news-container ul li{ float:left;}
#news-container ul li div{ font-size:14px; line-height:20px; }
#news-container ul li div h6{ float:left; width:100%; margin:5px 0px; color:#3f7450;}

.pro_box{ float:left; width:100%; height:auto; text-align:center;}
.pro_box h1{ float:left; width:100%;  height:auto; font-size:18px; font-weight:bold; margin-bottom:25px;  color:#3f4776;}

.row{ float:left; width:100%; height:auto; margin-bottom:15px;}
.span_sub{ float:left; width:20%; padding:1%; margin:1% 0% 1% 2%; border:1px solid #e4e5ec;}
.span_sub img{ float:left; width:100%; height:auto; margin-bottom:10px;}
.span_sub h5{ float:left; width:100%; text-align:center; text-transform:uppercase; font-size:14px; background-color:#f5f6f8; padding:8px 0px;}

.photo_wrap{ float:left; width:100%; height:auto;}
.photo_wrap ul{ float:left; width:100%;}
.photo_wrap ul li{ float:left; width:23%; height:108px; margin-right:1%; border:solid #CCC; border-width:1px; margin-bottom:5px; }
.photo_wrap ul li img{ width:100%; height:108px;}
.photo_wrap ul li:hover{ border:solid #337749; border-width:1px;}
.photo_wrap ul li:hover img{ opacity:0.8;}

.ser_wrap{ float:left; width:100%; height:auto}
.ser_wrap ul{ float:left;}
.ser_wrap ul li{  background-image:url(../images/icon_left1.png); background-position:left center; background-repeat:no-repeat; padding:5px 0px; padding-left:25px; line-height:20px;}
.span_left{ float:left; width:48%; padding-right:2%; border-right:1px solid #ccc; padding:10px 0px;}
.span_left h3{ float:left; height:auto; font-size:18px; font-weight:bold; margin-bottom:30px; background-image:url(../images/arow_icon.png); background-position:right center; background-repeat:no-repeat;  color:#3f4776; padding-right:30px;}
.root{ float:left; width:90%; height:auto; margin-bottom:15px;}
.root h6{ float:left; width:30%; margin-top:6px;}
.text_box1{ float:right; width:67%; padding-left:2%; height:25px; border:1px solid #CCC; font-size:13px; font-family:Tahoma, Geneva, sans-serif;}
.text_box2{ float:right; width:67%; padding-left:2%; padding-top:5px; height:100px; border:1px solid #CCC; font-size:13px; font-family:Tahoma, Geneva, sans-serif;}
.sub_btn{ float:right; padding:7px 25px; background-color:#3f4776; color:#fff; border:none; margin-left:5px; font-family:Tahoma, Geneva, sans-serif; font-size:14px; cursor:pointer;}
.sub_btn:hover{ background-color:#31419e;}

.span_right{ float:right; width:48%; height:auto; padding:10px 0px;}
.span_right a{  color:#3f4776; }
.span_right a:hover{ text-decoration:underline;}
.span_right h3{ float:left; height:auto; font-size:18px; font-weight:bold; margin-bottom:30px; background-image:url(../images/arow_icon.png); background-position:right center; background-repeat:no-repeat;  color:#3f4776; padding-right:30px;}
.span_right p{ float:left; line-height:22px;}
.map{ float:left; width:100%; height:auto; margin:15px 0px;}
.map iframe{ float:left; width:98%; height:150px; border:1px solid #CCC !important;}






/*inner*/


footer{ float:left; width:100%; height:auto; border-top:11px solid #c5d0be; background-image:url(../images/banner_bg.png); background-position:center top; background-repeat:repeat-y; background-color:#2f8f3e; }
.inner_foot{ float:left; width:100%; height:auto; padding-bottom:40px;}
.add_left{ float:left; width:25%; background-color:#ff7d39; padding:20px 0px 25px 0px; margin-top:-11px; font-family:Arial, Helvetica, sans-serif; }
.add_left h2{ float:left; width:100%;  text-align:center; color:#fff; font-family:Tahoma, Geneva, sans-serif; text-transform:uppercase;  font-size:15px;  
line-height:20px;  margin-bottom:5px; font-weight:bold;  margin-bottom:10px;}
.add_left img{ width:50%; height:auto; margin:5px 0px; margin-left:25%; }
.add_left h2 span{ font-weight:bold;}
.add_left h3{ float:left; width:100%; text-align:center; color:#fff; font-family:Tahoma, Geneva, sans-serif; text-transform:uppercase;  font-size:15px; 
line-height:20px;  margin-bottom:5px; font-weight:bold; margin-bottom:10px;}

.sub_links{ float:left; width:100%; height:auto; margin-bottom:25px;}
.right_bottom{ float:right; width:66%; margin-top:45px;}
.right_bottom h2{ float:left;  padding-left:13px; font-weight:bold; font-size:18px; color:#fff; margin-bottom:18px;}
.sub_links ul{ float:left; width:100%; height:auto; }
.sub_links ul li{ float:left; margin-bottom:8px;}
.sub_links ul li a{ float:left; font-size:13px; color:#fff; padding:0px 13px; border-right:1px solid #FFF; }
.sub_links ul li a:hover{ color:#f18850;}

.bottom_box{ float:left; width:100%; height:auto; padding:20px 0px; background-color:#000; border-top:1px solid #c5d0be;}
.inner_bottom{ float:left; width:100%; height:auto; font-size:13px;}
.bt_box { float:left; width:30%; border-right:1px solid #3d3d3d; padding:15px 0px; text-align:center; color:#666;}
.bt_box a{ color:#666;}
.bt_box a:hover{ color:#246d36;}

.bt_box2 { float:left; width:19%; border-right:1px solid #3d3d3d; padding:15px 0px; text-align:center; color:#666;}
.bt_box2 a{ color:#666;}
.bt_box2 a:hover{ color:#246d36;}


/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	right:30px;
}
#back-top a {
	width: 55px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 55px;
	height: 55px;
	display: block;
	margin-bottom: 7px;
	background-image:url(../images/top_arrow.png); background-position:left top; background-repeat:no-repeat;
	/* rounded corners */

	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	opacity:0.4;
}
#back-top a:hover span {
	background-image:url(../images/top_arrow1.png); background-position:left top; background-repeat:no-repeat;
	opacity:1;
}





.sub_cap{ float:right; width:47%; height:auto; text-align:right;  }
.sub_cap h1{ float:right; font-size:15px; font-weight:bold; color:#fff; background-color:#ff7d39; padding:15px 20px; font-family:Tahoma, Geneva, sans-serif; position:absolute; border-radius:0px 0px 10px 10px;}



@media only screen and ( max-width:1100px){
	.frame_box{ display:none !important;}
	.page{ width:98%;}
	header{ padding:40px 0px;}
	.part_box2{ margin-top:50px;}
	.part_box3{ margin-top:8%;}
	.banner{ height:auto !important; padding-bottom:5px; }
	.part_box1 img{ margin-top:-8px;}
	.slide_main{ width:98%; padding:1%; margin-top:2px; }
	.logo{ width:20%;}
	.menu ul li a{ padding:15px 25px;}
	.menu{ width:70%;}
	.part_box3 img{ position:relative; width:50%; max-width:160px;  }
	.part_box3 h2 { margin-top:-80px; z-index:100;}
	.part_box3 h3{ margin-top:-16px;}
	.part_box1 h2{ margin-top:60px;}
	.caption h1{ font-size:21px; line-height:26px; margin-bottom:10px;}
	.part_box1 img{ display:none;}
	.part_box1, .part_box2, .part_box3{ height:auto !important;}
	.part_box1 h2, .part_box2 h2, .part_box3 h2{ margin-top:0px;}
		.part_box2 img{ display:none;}
		.part_box3 img{ display:none;}
		.part_box1 h2 ,.part_box2 h2,.part_box3 h2{ float:left; width:100%; text-align:center; margin-top:0px;} 
		.part_box3 h3{ display:none;}
		.part_box1, .part_box2,.part_box3{ margin-top:10px; }
		.sub_boxes{ padding:25px 0px;}


	.sub_cap{ float:right; width:100%; height:auto; text-align:right;  }
.sub_cap h1{ float:right; font-size:15px; font-weight:bold; color:#fff; background-color:#ff7d39; padding:15px 20px; font-family:Tahoma, Geneva, sans-serif; position:absolute; border-radius:0px 0px 10px 10px; right:1%;}
}

@media only screen and ( max-width:1024px){
	.menu ul li a{ padding:15px 22px;}
	
}

@media only screen and ( max-width:930px){
	
	.menu{ width:71%;}
	.menu ul li a{ padding:9px 13px; background-image:none; }
	.menu ul li a:hover{ padding:9px 13px; background-image:none;}
	header{ padding:40px 0px 20px 0px;}
	.left_cont h1{ line-height:22px;}
	
}


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

		.page{ width:100%;}
		.logo{ float:left; width:100%; text-align:center; margin-bottom:5px;}
		.logo img{ float:none; margin:10px auto; max-width:160px; }
		header{ padding:15px 0px 3px 0px;}
		.menu{ display:none;}
		.res_menu{ display:block;}
		.menu ul li a{ padding:13px 26px;}
		.caption h1{ font-size:20px; line-height:24px; margin-bottom:10px;}
		.left_cont{ width:100%; margin-bottom:20px;}
		.right_cont{ float:left; width:100%;}
		.right_cont h2{ float:left; width:49%; margin-left:4%; text-align:left; margin-top:70px;}
		.link2{ display:none;}
		.right_cont img{ width:40%;}
		.list_sub ul li a{ line-height:20px;}
		.right_bottom{ width:70%;}
		.bt_box{ width:49%; border:none;}
		.bt_box2{ width:49%;}
		.part_box1 img{ display:none;}
		.part_box2 img{ display:none;}
		.part_box3 img{ display:none;}
		.part_box1 h2 ,.part_box2 h2,.part_box3 h2{ float:left; width:100%; text-align:center; margin-top:0px;} 
		.sub_boxes{ background-image:url(../images/res_bg.jpg); background-position:left top; background-repeat:repeat-y; margin-top:0px; padding:	       20px 0px;}
		.part_box1, .part_box2,.part_box3{ margin-top:10px; border-right:none; padding:0px;}
		.part_box3 h3{ display:none;}
		.inner_cap{ padding:47px 0px;}
		.inner_cont{ margin-top:35px;}
		.right_inner{ float:left; width:100%;}
		.span_right{ float:left; width:46%; margin-left:2%;}
		.add_left h2{ font-size:15px; line-height:18px;}
		.add_left h3{ font-size:15px; line-height:18px;}


}

@media only screen and ( max-width:650px){
		.page{ width:100%;}
		.caption h1{ font-size:17px;}
		.caption h6{ font-size:10px;}
		.left_cont h1{ font-size:15px; line-height:23px;}
		.testi_box h2{ font-size:15px; line-height:23px; background-image:none;}
		.left_cont p{ font-size:13px;}
		.link{ font-size:13px;}
		.right_cont h2{ font-size:14px;}
		.service_span h1{ font-size:16px;}
		.list_sub{ width:49%;}
		.add_left{ width:29%; padding:50px 0px;}
		.add_left h2{ font-size:18px;}
		.add_left h6{ line-height:20px;}
		.content_part{ float:left; width:98%; margin-left:1%;}
		.banner{ margin-bottom:3px;}
		.add_left h2{ font-size:16px;}
		.inner_cont{ margin-top:25px;}
		#news-container ul li div{ font-size:13px;}
		.pro_box h1{ font-size:15px; line-height:23px;}
		.span_sub h5{ font-size:12px;}
		.span_right{ float:left; width:100%; border:none; padding-right:0%; margin-left:0%; margin-bottom:10px; padding:5px 0px;}
		.span_left{ float:left; width:100%; border:none; padding-right:0%; margin-left:0%; margin-bottom:10px; padding:5px 0px;}
		.root{ float:left; width:99%; height:auto;}
		.span_left h3{ font-size:15px; line-height:23px; background-image:none; margin-bottom:15px;}
		.span_right h3{ font-size:15px; line-height:23px; background-image:none; margin-bottom:15px;}
		.sub_cap h1{ font-size:14px;}
		.caption h1{ margin-top:12%;}
		.add_left h2{ font-size:13px; line-height:18px;}
		.add_left h3{ font-size:13px; line-height:18px;}
		

}

@media only screen and ( max-width:480px){
	
		.logo img{ width:45%;}
		.caption h6{ display:none;}
		.caption h1{ font-size:12px; line-height:16px;}
		.part_box1{ width:100%; padding-bottom:15px; margin:0%; margin-bottom:10px; border-bottom:1px solid #FFF; }
		.part_box2{ width:100%; padding-bottom:15px; margin:0%; margin-bottom:10px; border-bottom:1px solid #FFF;}
		.part_box3{ width:100%; padding-bottom:15px; margin:0%;  border-bottom:1px solid #FFF;}
		.part_box1 h2,.part_box2 h2,.part_box2 h2{ font-size:14px;}	
		.sub_boxes{ padding:20px 0px 0px 0px;}
		.left_cont h1{ background-image:none; padding:0px;}
		.service_span h1{ background-image:none; padding:0px;}
		.list_sub{ float:left; width:90%;}
		.add_left{ width:100%; margin-top:0px; padding:20px 0px;}
		.right_bottom{ float:left; width:100%;}
		.sub_links ul li a{ padding:0px 10px;}
		.inner_foot{ padding-bottom:10px;}
		.bottom_box{ padding:7px 0px;}
		.bt_box2{ float:left; width:100%; border-right:none; padding-bottom:10px; margin-bottom:8px; border-bottom:1px solid #333;}
		.bt_box{ float:left; width:100%; border-right:none; padding-bottom:10px; margin-bottom:8px; border-bottom:1px solid #333;}
		.list_sub ul li a{ padding:7px 0px 7px 20px;}
		.inner_cap{ padding:30px 0px;}
		.inner_cont{ margin-top:15px;}
		.inner_cap h2{ font-size:20px;}
		.row{ float:none; margin-bottom:5px;}
		.span_sub{ width:45%; margin:1%;}
		.photo_wrap ul li{ width:30%;  margin:1%; height:90px;}
		.photo_wrap ul li img{ height:90px;}
		.number h3{ font-size:16px;}
		.sub_cap h1{ font-size:13px;}
		.caption h1{ margin-top:16%;}
		.add_left h2{ font-size:15px; line-height:18px;}
		.add_left h3{ font-size:15px; line-height:18px;}
		

}

@media only screen and ( max-width:365px){
	
		.caption{ display:none;}
		.right_cont h2{ margin-top:0px;}
		.add_left h2{ font-size:14px;}
		.inner_cap h2{ font-size:18px;}
		.number img{ margin-right:15px;}
		.photo_wrap ul li{ width:47%; margin:1%;}
		.number h3{ font-size:14px;}
		.text_box1{ float:left; width:98%;}
		.text_box2{ float:left; width:98%;}
		.root h6{ float:left; width:100%; margin-bottom:8px;}
		.root{ margin-bottom:8px;}
		.sub_btn{ float:left; margin-left:0px; margin-right:5px;}
		.sub_cap h1{ display:none;}

}