@charset "utf-8";
/* CSS Document */

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

.cl{ clear:both;}

.wrapper{ width:100%; float:left; height:auto; margin:0 0 0 0;}

.header{ width:100%; float:left; height:auto; margin:0 0 0 0;}

.incontainer{ width:975px; height:auto; margin:auto;}

.logo{ width:128px; height:auto; margin:15px 0 15px 0; text-decoration:none; float:left;}

.logo img{ width:100%;}

.head_right{ width:auto; float:right; margin:30px 0 0 0; height:auto;}

.head_right_first{ width:435px; float:left; margin:0 100px 0 0; height:auto; text-decoration:none;}

.head_right_first img{ width:100%;}

.head_right .call{ width:auto; float:right; margin:0 0 0 0; padding:15px 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc; text-align:center; font-family:Century Gothic; font-size:16px; color:#000;}

.head_right .call h1{ font-weight:normal; width:100%; margin:0 0 0 0; padding:0px; font-size:16px; line-height:24px;}

.head_right .call h1 i{ font-style:normal; color:#ff4e00;}

..head_right .call h1 strong{ color:#ff4e00;}

.head_right .call h1 span{ width:auto; clear:both; float:left; margin:0 0 0 0; font-size:13.1px; color:#666;}

.menu{ width:100%; float:left; height:auto; margin:0 0 0 0;  border-bottom:1px solid #ccc; border-top:1px solid #ccc;}



.middile{ width:100%; float:left; height:auto; margin:0 0 0 0;}

.banner{ width:100%; float:left; height:auto; margin:0 0 0 0;}

.banner img{ width:100%;}

.home_first{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:40px 0;}

.home_first_first{width:30%;float:left;height: auto !important;margin-bottom: 33px !important;height:auto;margin:0 1.5%;border:1px solid #ccc;border-radius:7px;}

.home_first_first img{ width:100%; float:left; height:auto; margin:0 0 0 0; border-bottom:5px solid #ff9a07; border-radius:7px 7px 0 0; padding:10px 0;}

.home_first_first h1{width:100%;float:left;height:auto;margin:15px 0 10px;padding:0px;font-weight:normal;font-family:Century Gothic;font-size: 23px;color:#ff9d07;text-transform:uppercase;text-align:center;}

.home_first_first h1 span{ color:#000; text-transform:none;}

.home_first_first p{ width:100%; float:left; height:80px; margin:0 0 15px; padding:0px; font-weight:normal; font-family:Century Gothic; font-size:15px; color:#666; text-align:center;}


.home_first_first:hover h1{ text-decoration:underline;}

.home_second{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:0 0 40px 0;}
.home_second h1{ width:100%; float:left; height:auto; margin:0 0 10px; padding:0px; font-weight:normal; font-family:Century Gothic; font-size:25px; color:#000; text-transform:uppercase; text-align:left;}
.home_second p{ width:100%; float:left; height:auto; margin:0 0 0; padding:0px; font-weight:normal; font-family:Century Gothic; font-size:15px; color:#666; text-align:left; line-height:22px;}

.home_second p a{ color:#ff9d07;}


.home_third{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:0 0 40px 0;}
.home_third h1{ width:100%; float:left; height:auto; margin:0 0 20px; padding:0px; font-weight:normal; font-family:Century Gothic; font-size:25px; color:#000; text-transform:uppercase; text-align:left;}

.home_third_first{ width:19%; float:left; height:auto; padding:2%; background:#f7f7f7; border-radius:7px; text-align:center; margin:0 1%;}

.home_third_first img{ width:127px; height:130px; border-radius:50%;}

.home_third_first p{ width:100%; float:left; height:auto; margin:0 0 0; padding:0px; font-weight:normal; font-family:Century Gothic; font-size:12px; color:#666; text-align:center; line-height:20px;}

.home_third_first h1{ width:100%; float:left; height:auto; margin:15px 0 10px; padding:0px; font-weight:normal; font-family:Century Gothic; font-size:25px; color:#ff9d07; text-transform:uppercase; text-align:center;}

.footer{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:25px 0 0 0; border-top:1px solid #ccc;}

.footer ul{ width:30%; float:left; margin:0 0 0 0; padding:0 1.5%; border-right:1px solid #ccc; min-height:170px;}

.footer ul:last-child{ border-right:none;}

.footer ul h1{ width:100%; float:left; height:auto; margin:0 0 10px 0; font-family:Century Gothic; font-size:25px; color:#000; text-transform:uppercase;}

.footer ul h2{ width:100%; float:left; height:auto; margin:0 0 0 0; line-height:25px; font-family:Century Gothic; font-size:25px; color:#ff9d07; text-transform:none; font-weight:normal;}

.footer ul p{ width:100%; float:left; height:auto; margin:10px 0 0 0; line-height:25px; font-family:Century Gothic; font-size:25px; color:#ff9d07; text-transform:none; font-weight:bold;}

.footer ul h2 span{ width:100%; float:left; height:auto; margin:0 0 0 0; font-size:17px; color:#666;}

.footer ul li{ width:100%; float:left; height:auto; list-style:none; margin:0 0 7px 0; padding:0px;}

.footer ul li a{ width:auto; float:left; font-family:Century Gothic; font-size:13px; color:#666;}

.copy_right{ width:100%; float:left; height:auto; margin:0 0 0 0; border-top:1px solid #ccc; padding:15px 0;}

.copy_right .left{ width:auto; float:left; margin:0 0 0 0; font-size:13px; color:#ff9d07; font-family:Century Gothic;}

.copy_right .right{ width:auto; float:right; margin:0 0 0 0; font-size:13px; color:#000; font-family:Century Gothic;}

.copy_right .right a{ float:right; margin:0 0 0 5px;}

.head2{ width:100%; text-align:right; float:left; height:auto; margin:0 0 0 0; font-family:Century Gothic; font-size:13px; text-transform:uppercase; padding:25px 0; color:#888;}

.head2 a{ color:#fdaf3e;}

.head2 a:hover{ color:#f99e19;}

.inner_page{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:10px 0 25px 0;}

.inner_page h1{ width:100%; text-align:center; float:left; height:auto; line-height:60px; margin:0 0 0 0; font-family:Century Gothic; font-size:50px; color:#000; font-weight:normal; padding:0px;}

.inner_page h1 span{ color:#ff9c07; text-transform:uppercase; font-weight:bold; width:100%; float:left; height:auto; margin:0 0 0 0;}

.inner_page .left{ width:45%; float:left; height:auto; margin:0 0 0 0;}

.inner_page .left img{ width:100%;}

.inner_page .right{ width:50%; float:right; height:auto; margin:0 0 0 0;}

.inner_page .right .box{ width:90%; border:1px solid #ccc; border-radius:10px; float:left; margin:20px 0 0 0; padding:5%;  font-family:Century Gothic; font-size:22px; text-align:center; color:#666; line-height:30px;}

.inner_page .right h2{ width:100%; float:left; height:auto; margin:20px 0 0 0; font-family:Century Gothic; font-size:20px; font-weight:700; color:#000; text-align:center; line-height:30px;}

.inner_page .right h4{ width:100%; float:left; height:auto; margin:20px 0 0 0; font-family:Century Gothic; font-size:20px; font-weight:700; color:#ff9c07; text-align:center; line-height:30px;}

.inner_page h2{ width:100%; float:left; height:auto; margin:25px 0 0 0; font-family:Century Gothic; font-size:20px; font-weight:700; color:#000; text-align:left; line-height:30px;}

.inner_page h3{ width:100%; float:left; height:auto; margin:25px 0 0 0; font-family:Century Gothic; font-size:20px; font-weight:700; color:#328881; text-align:left; line-height:30px;}

.inner_page h3 span{ font-weight:normal;}

.inner_page ul{ width:100%; float:left; height:auto; margin:10px 0 0 0; padding:0px;}

.inner_page ul li{ width:98%; float:right; margin:0 0 10px 0; height:auto; font-size:13px; color:#4a4a4a;  font-family:Century Gothic;}

.inner_page p{ width:100%; float:right; margin:0 0 20px 0; height:auto; font-size:13px; color:#4a4a4a;  font-family:Century Gothic;}

.in_ban{ width:100%; float:left; height:auto; margin:0 0 0 0;}

.in_ban img{ width:100%;}

.contact_left{ width:70%; float:left; margin:0 0; height:auto;}

.map{ width:98%; float:left; padding:1%; background:#f6f6f6; height:auto; margin:20px 0;}

.contact_detail{ width:100%; float:left; height:auto; margin:0 0 0 0;}

.contact_right{ width:28%; float:right; margin:0 0; height:auto;}

.form_area{ width:100%; float:left; height:auto; margin:15px 0 0 0;}

.form_area p{ width:100%; float:left; height:auto;  font-family:Century Gothic; font-size:13px; margin:0 0 5px 0;}

.form_area input{ width:96%; float:left; height:auto; border:none !important; border-radius:0px !important; padding:13px 2% !important; background:#f6f6f6 !important;}

.form_area textarea{ width:96%; float:left; height:150px; border:none !important; border-radius:0px !important; padding:10px 2% !important; background:#f6f6f6 !important;}

.form_area button{ padding:20px 50px; background:#87b020; outline:none;}

.map_new{ width:98% !important; border-radius:5px; border:1px solid #fff; float:left; padding:1% 1% 0;}

.map_new iframe{  border-radius:5px;}

.cot_no{ font-size:18px;}

.my_tool{ width:100%; float:left; height:auto; margin:15px 0 0 0;}

.my_tool a{ width:29%; float:left; margin:0 1.5%; height:auto; text-align:center; border:2px solid #000;}
.my_tool a img{ width:50%;}

.link_new{ width:auto; float:left; height:auto; margin:10px 0 10px 0; text-decoration:none; padding:10px 20px; color:#fff; font-weight:bold; background:#fe9a07; border-radius:7px; float:left; font-size:15px;}

.link_new:hover{ color:#fff;}

.new1{ width:100%; float:left; height:auto; margin:20px 0 0 0;}

.new1 a{ width:20%; float:left; margin:0 1.2%; height:auto; text-decoration:none; border:2px solid #ffae00; padding:1%;}

.new1 a img{ width:100%;}



@media (min-width: 0px) and (max-width: 979px) {
.incontainer{ width:94%; float:left; height:auto; margin:0 0 0 0; padding:0 3%;}	
.navbar .nav .dropdown-toggle .caret {float: right; margin-top: 19px !important;}
.navbar .nav > li{ border-right:none !important;}
.navbar .nav > li{ border-bottom:1px solid #f6f6f6;}
}

@media (min-width: 768px) and (max-width: 979px) {
	.head_right_first{ width:405px; margin:5px 15px 0 0;}
}

@media (min-width: 0px) and (max-width: 767px) {
.logo{ width:100%; text-align:center;}
.logo img{ width:90px;}
.head_right{ width:100%; float:left; height:auto; margin:0;}
.head_right_first{ width:100%; float:left; margin:0xp;}
.head_right .call{ width:auto; float:left; margin:10px 0 10px 0; position:relative; z-index:11;}
.menu{ width:100%; float:right; border:none; margin:-60px 0 0 0;}
.home_first_first{width:90%;margin:15px 5%;height: 619px !important;}
.home_first{ padding:0 0 20px 0;}
.home_third_first{ width:90%; padding:3% 2%; margin:15px 3%;}
.footer ul{ width:100%; float:left; margin:0 0 0 0; border:none;}
.copy_right .left{ width:100%; float:left; text-align:center; margin:0 0 10px 0;}
.copy_right .right{ width:100%; float:left; text-align:center; margin:0 0 10px 0;}
.copy_right .right a{ float:none;}
.inner_page .left{ width:100%; float:left; height:auto; margin:0 0 0 0; text-align:center;}
.inner_page .left img{ width:60%;}
.inner_page .right{ width:100%; float:left; height:auto; margin:20px 0 0 0;}
.inner_page h1{ font-size:35px; line-height:45px;}
.inner_page .right .box{ font-size:18px; line-height:24px;}
.inner_page .right h2{ font-size:17px; line-height:22px; font-variant:600;}
.inner_page h2{ font-size:17px; line-height:22px; font-weight:500;}
.inner_page h3{ font-size:16px; line-height:22px;}
.inner_page ul li{ width:95%; font-size:12px; margin:0 0 5px 0 0;}
.contact_left{ width:100%; float:left; height:auto; margin:0 0 20px 0;}
.contact_right{ width:100%; float:left;}
.my_tool a{ width:90%; float:left; margin:15px 5%;}
.new1 a{ width:90%; margin:5% 3%; padding:2%;}
}