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

body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
img{ max-width:100%; border:0;}

.header{ max-width:1100px; margin:0 auto; padding:20px 0;}
.logo{ float:left;}

.header-right{ float:right; margin:20px 0 0 0;}
.number a{text-decoration:none; color:#000;}

.slogan{float:left; font-size:2em; text-align:center; color:#000; margin:12px 30px 0; width: 40%; font-weight:bold;}

.blueberry { max-width: 1100px; margin-left:auto; margin-right:auto; height:460px; }

.pager{display:none;}

.clr{ clear:both;}
.header-right h3{ color:#666; font-size:30px; background:url(images/call_icon.png) no-repeat center left; font-weight:normal;  padding:10px 0px 10px 40px;}
.menu-active{ background:#ffac1b;}
#main-nav{ width:100%; background:#505863; margin-top:15px;}
.menu{ max-width:1100px; margin:0 auto;}
.menu ul{ list-style:none; margin:0px; padding:0px;}
.menu ul li{ margin:0px; padding:0px;}
.menu ul li a{margin:0px; padding:12px 30px; text-decoration:none; float:left; color:#fff; font-size:17px;}
.menu ul li a:hover{ background:#ffac1b; color:#333;}

.banner-bg{ background:url(images/banner_bg.png) top left repeat-x; width:100%; margin:0px; padding:0px;}
.banner{ margin:0px auto; width:1100px; padding:0px;}

.shadow{  padding:0px; margin:8em auto 0; width:1100px;}

.slide-show{ margin:0 auto; width:1100px; margin:0 auto;}

#middle-content{ width:1100px; margin:0 auto; margin-top:5px;}
.welcome-content{ width:100%; margin:0px; padding:0px;}
.welcome-content h1{ color:#333; font-size:28px; padding:10px 0;}
.welcome-content h1 span{ color:#be6d1b; font-size:20px;}
.welcome-content p{ margin:0px; padding:5px 0; text-align:justify; font-size:14px; color:#666;}

.read-more{ margin:10px 0 10px 0; padding:0px; float:right;}
.read-more a{ background:#505863; padding:10px 15px; text-align:center; color:#fff; font-size:14px; text-decoration:none;}

.footer-top-section{ width:1100px; margin:0 auto; margin-top:20px;}
.footer-top-section-images{ width:100%; margin:0px; padding:0px;}
.footer-top-section-images ul{ list-style:none; margin:0px; padding:0px;}
.footer-top-section-images ul li{ margin:0px; padding:0px;}
.footer-top-section-images ul li a{ margin:0px; padding:0px 0px; text-decoration:none; float:left;}
.footer-top-section-images ul li img{ max-width:100%;}

#contact-address{ width:100%; background:#ffac1b; margin:10px 0 0 0; overflow:hidden;}
.contact-address{ max-width:1100px; margin:0 auto; padding:10px 0;}
.contact-address1{ width:30%; float:left;}
.contact-address1 h3{ color:#333; font-size:22px; background:url(images/call_icon.png) no-repeat center left; font-weight:normal;  padding:10px 0px 10px 40px;}

.contact-address2{ width:40%; float:left;}
.contact-address2 h3{ color:#333; font-size:22px; background:url(images/location.png) no-repeat center left; font-weight:normal;  padding:10px 0px 10px 40px; margin-left:0px;}

.contact-address3{ width:25%; float:right;}
.contact-address3 h3{ color:#333; font-size:22px; background:url(images/email.png) no-repeat center left; font-weight:normal;  padding:10px 0px 10px 40px;}




#footer{ width:100%; background:#30353c; overflow:hidden; padding:10px 0;}
.footer{ max-width:1100px; margin:0 auto; padding:20px 0;}
.footer-left1{width:22%; float:left;}
.footer-left1 h3{ color:#fff; padding:5px 0; font-size:20px; font-weight:normal;}
.footer-left1 ul{ list-style:none; margin:0px; padding:0px;}
.footer-left1 ul li{ margin:0px; padding:0px;}
.footer-left1 ul li a{ text-decoration:none; padding:0px 0; line-height:1.6; font-size:14px; color:#ccc;}

.footer-left2{width:22%; float:left; margin-left:5px; }
.footer-left2 h3{ color:#fff; padding:5px 0; font-size:20px; font-weight:normal;}
.footer-left2 ul{ list-style:none; margin:0px; padding:0px;}
.footer-left2 ul li{ margin:0px; padding:0px;}
.footer-left2 ul li a{ text-decoration:none; padding:0px 0; line-height:1.6; font-size:14px; color:#ccc;}

.footer-left3{width:25%; float:right;}
.footer-left3 h3{ color:#ffac1b; padding:5px 0; font-size:20px; font-weight:normal;}
.social-icons{ width:100%; margin:10px 0;}
.footer-left3 ul{ list-style:none; margin:0px; padding:0px;}
.footer-left3 ul li{ margin:0px; padding:0px;}
.footer-left3 ul li a{ text-decoration:none; padding:0px 2px; float:left;}
.footer-left3 input{ width:93%; padding:8px 10px; background:#fff; border:0;}
.stamp{ float:right;}

.submit{ margin:15px 0 10px 0; padding:0px; float:right;}
.submit a{ background:#ffac1b; padding:10px 15px; text-align:center; color:#fff; font-size:14px; text-decoration:none; text-transform:uppercase;}



/**contact us css start here**/

.contact-us{ width:100%; margin:0px; padding:0px;}
.contact-us h1{ color:#333; font-size:28px; padding:10px 0;}
.contact-us-form{ width:40%; margin:10px 0;}
.contact-us-form input{ width:100%; padding:8px 5px; border:1px solid #ccc; margin:10px 0;}
.contact-us-form textarea{ width:100%; padding:15px 5px; border:1px solid #ccc; margin:10px 0;}

.map{ width:50%; float:right;}
/**contact us css end here**/


    	ul{
			list-style: none outside none;
		    padding-left: 0;
            margin: 0;
		}
        .demo .item{
            margin-bottom: 20px;
        }
		.content-slider li{
		
		    text-align: center;
		    color: #FFF;
		}
		.content-slider h3 {
		    margin: 0;
		    padding: 70px 0;
		}
		.demo{
			width:100%;
		}
		
.left-panel{width:30%; margin:0px; padding:0px; float:left; font-weight:normal;}	

.left-panel h3{margin:0px; padding:0px; color:#000;}	

.left-panel h5{margin:5px 0px; padding:0px; color:#999;}	

.left-panel p{margin:5px 0 0; padding:0px; text-align:justify; line-height:18px;}	

.right-panel{width:65%; margin:0px 0 1em; padding:0px; float:right;}

.right-panel p{margin:5px 0 0; padding:0px; text-align:justify; line-height:18px;}		

hr{border:1px solid #CCC;}

@media screen and (max-width:650px)

{
	
	
.header{ width:100%; margin:0 auto; padding:20px 0; margin-top:30px;}
.logo{ float:none; text-align:center;}
.logo img{ width:250px;}

.header-right{ float:none; margin:0 auto; text-align:center; width:60%; margin-top:20px;}
.header-right h3{ color:#666; font-size:24px; background:url(images/call_icon.png) no-repeat center left; font-weight:normal;  padding:10px 0px 10px 25px; text-align:center;}
#main-nav{top:0px; position:absolute; margin:0px; z-index:99999;}
.banner-bg{ background:none; width:100%; z-index:-9999;}
.shadow{  padding:0px; margin:0px auto; width:100%; display:none;}
.slide-show{ margin:0 auto; width:100%; margin:0 auto;}
#middle-content{ width:92%; margin:0 auto; margin-top:5px; text-align:center;}

.footer-top-section{ width:95%; margin:0 auto; margin-top:20px;}

.footer-top-section-images ul li a{ max-width:100%; text-align:center;}
.contact-address{ width:95%; margin:0 auto; padding:10px 0;}
.contact-address1{ width:100%; float:none; margin:0 auto;}
.contact-address1 h3{ color:#333; font-size:18px; background:url(images/call_icon.png) no-repeat center left; font-weight:normal;  padding:10px 0px 10px 40px;}
.contact-address2 h3{font-size:18px;}
.contact-address3 h3{font-size:18px;}
.contact-address2{ width:100%; float:none; margin:0 auto;}
.contact-address3{ width:100%; float:none; margin:0 auto;}

.footer{width:95%; margin:0 auto; padding:20px 0;}
.footer-left1{width:100%; float:none; text-align:center;}
.footer-left2{ display:none;}
.footer-left3{width:100%; float:none; margin:0 auto;}
.stamp{ float:none; margin:0 auto; text-align:center;}

.contact-us-form{ width:95%; margin:10px 0;}
.banner{ margin:0px auto; width:100%; padding:0px;}

.slogan{display:none;}
	
.left-panel{width:100%; margin:0px; padding:0px; float:none; font-weight:normal;}	

.right-panel{width:100%; margin:0px 0 1em; padding:0px; float:none;}		
	}




@media screen and (max-width:480px)

{
	
	
.header{ width:100%; margin:0 auto; padding:20px 0; margin-top:30px;}
.logo{ float:none; text-align:center;}
.logo img{ width:250px;}

.header-right{ float:none; margin:0 auto; text-align:center; width:60%; margin-top:20px;}
.header-right h3{ color:#666; font-size:24px; background:url(images/call_icon.png) no-repeat center left; font-weight:normal;  padding:10px 0px 10px 25px; text-align:center;}
#main-nav{top:0px; position:absolute; margin:0px; z-index:99999;}
.banner-bg{ background:none; width:100%; z-index:-9999;}
.shadow{  padding:0px; margin:0px auto; width:100%; display:none;}
.slide-show{ margin:0 auto; width:100%; margin:0 auto;}
#middle-content{ width:92%; margin:0 auto; margin-top:5px; text-align:center;}

.footer-top-section{ width:95%; margin:0 auto; margin-top:20px;}

.footer-top-section-images ul li a{ max-width:100%; text-align:center;}
.contact-address{ width:95%; margin:0 auto; padding:10px 0;}
.contact-address1{ width:100%; float:none; margin:0 auto;}
.contact-address1 h3{ color:#333; font-size:18px; background:url(images/call_icon.png) no-repeat center left; font-weight:normal;  padding:10px 0px 10px 40px;}
.contact-address2 h3{font-size:18px;}
.contact-address3 h3{font-size:18px;}
.contact-address2{ width:100%; float:none; margin:0 auto;}
.contact-address3{ width:100%; float:none; margin:0 auto;}

.footer{width:95%; margin:0 auto; padding:20px 0;}
.footer-left1{width:100%; float:none; text-align:center;}
.footer-left2{ display:none;}
.footer-left3{width:100%; float:none; margin:0 auto;}
.stamp{ float:none; margin:0 auto; text-align:center;}

.contact-us-form{ width:95%; margin:10px 0;}
.banner{ margin:0px auto; width:100%; padding:0px;}

.slogan{display:none;}
	
.left-panel{width:100%; margin:0px; padding:0px; float:none; font-weight:normal;}	

.right-panel{width:100%; margin:0px 0 1em; padding:0px; float:none;}		
	}





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

{
	
	
.header{ width:100%; margin:0 auto; padding:20px 0; margin-top:30px;}
.logo{ float:none; text-align:center;}
.logo img{ width:250px;}

.header-right{ float:none; margin:0 auto; text-align:center; width:80%; margin-top:20px;}
.header-right h3{ color:#666; font-size:24px; background:url(images/call_icon.png) no-repeat center left; font-weight:normal;  padding:10px 0px 10px 25px; text-align:center;}
#main-nav{top:0px; position:absolute; margin:0px; z-index:99999;}
.banner-bg{ background:none; width:100%; z-index:-9999;}
.shadow {
    margin: 0.6em auto 0;
    padding: 0;
    width: 100%; display:none;
}
.slide-show{ margin:0 auto; width:100%; margin:0 auto;}
#middle-content{ width:92%; margin:0 auto; margin-top:5px; text-align:center;}

.footer-top-section{ width:95%; margin:0 auto; margin-top:20px;}

.footer-top-section-images ul li a{ max-width:100%; text-align:center;}
.contact-address{ width:95%; margin:0 auto; padding:10px 0;}
.contact-address1{ width:100%; float:none; margin:0 auto;}
.contact-address1 h3{ color:#333; font-size:18px; background:url(images/call_icon.png) no-repeat center left; font-weight:normal;  padding:10px 0px 10px 40px;}
.contact-address2 h3{font-size:18px;}
.contact-address3 h3{font-size:18px;}
.contact-address2{ width:100%; float:none; margin:0 auto;}
.contact-address3{ width:100%; float:none; margin:0 auto;}

.footer{width:95%; margin:0 auto; padding:20px 0;}
.footer-left1{width:100%; float:none; text-align:center;}
.footer-left2{ display:none;}
.footer-left3{width:100%; float:none; margin:0 auto;}
.stamp{ float:none; margin:0 auto; text-align:center;}

.contact-us-form{ width:95%; margin:10px 0;}
.banner{ margin:0px auto; width:100%; padding:0px;}

.slogan{display:none;}

.left-panel{width:100%; margin:0px; padding:0px; float:none; font-weight:normal;}	

.right-panel{width:100%; margin:0px 0 1em; padding:0px; float:none;}	
	
	}