/*----------------------------------------------------------header--------------------------------------------------------*/
p{font-family: 'montserratlight'; font-size: 14px; line-height: 26px;}
.header{ position:absolute; width:100%; z-index:999;}
.sticky{ position:fixed;}
.sticky.header .header_bottom{ background:#222;}
.sticky.header .header_bottom .logo{ width:130px; padding:10px 0; -webkit-transition:  all 0.3s ease; -moz-transition:  all 0.3s ease; -o-transition:  all 0.3s ease;  transition: all 0.3s ease; }
.sticky.header .site-menu ul li a{padding:15px 30px;}

.header .header_top{ background:#d4471b; color:#fff; padding:10px 0;}
.header_top .phone{ float:left;}
.phone a{ color:#ffffff; font-size:22px; line-height:24px; font-family: 'rokkittregular'; margin:0 25px 0 0; float:left; padding:0 0 0 30px;}
.phone a:hover{ color:#d7d8d8;}
.phone a.phn{ background:url(../images/phone.png) no-repeat 0 0;}
.phone a.fax{background:url(../images/fax.png) no-repeat 0 0;} 
.header_top .socail{ float:right;}
.header .header_bottom{ background:url(../images/header-bottom-bg.png) repeat 0 0;}
.header_bottom .logo{ width:196px; float:left; padding:20px 0 0 0;}
.header_bottom .logo img{ width:100%;}
.header_bottom .nav{ float:right; font-family: 'rokkittregular';}
/*----------------------------------------------------------banner--------------------------------------------------------*/
.banner{ padding:44px 0 0 0; font-family: 'rokkittregular';}
.banner #slides ul li img{ min-width:100%;}
.sliderbtn{ margin:0 auto;}
/*----------------------------------------------------------homeabout--------------------------------------------------------*/
.homeabout{ background:url(../images/homeaboutbg.png) repeat 0 0; padding:40px 0 0 0;}
.homeaboutleft{ float:left; width:565px;}
.homeabout .pic{ float:right; width:380px;}
.homeabout .pic img{ width:100%;}
.homeabout .hometitle{ padding:50px 0 0 0;}
.homeaboutleft .btn{ margin:10px 0 0 0;}/*----------------------------------------------------------homeproduct-----------------------------------------------------*/
.homeaproduct{ padding:100px 0; }
.homeaproduct .hometitle{ text-align:center; margin:0 0 50px 0;}
ul.product { list-style:none; text-align:center;}
.product li{float:left; width:220px; height:300px;  margin:0 0 30px 30px; border:solid 1px #fff; overflow:hidden;}
.product li:hover{border:solid 1px #d4471b;  -webkit-transition:  all 0.3s ease; -moz-transition:  all 0.3s ease; -o-transition:  all 0.3s ease;  transition: all 0.3s ease;}
.product li:hover .title{ background:#d4471b;  -webkit-transition:  all 0.3s ease; -moz-transition:  all 0.3s ease; -o-transition:  all 0.3s ease;  transition: all 0.3s ease;}
.product li:hover .overley{ display:block;}
.product li:first-child, .product_page .block7 .product li:first-child { margin-left:0px;}
.product li:nth-child(4n+1), .product_page .block7 .product li:nth-child(4n+1){ margin-left:0px;}
.product li .pic{ width:100%; height:220px; overflow:hidden; position:relative;}
.product li .pic img{ width:100%;}
.product li .title{ background:#544840; color:#fff; padding:15px 25px; font-size:20px; line-height:22px; font-family: 'rokkittregular'; text-align:center; min-height:50px;	}
.homeaproduct .btn{ margin:20px auto 0 auto;  } 
.overley{ position:absolute; top:0px; left:0px; width:100%; height:100%;  background:url(../images/header-bottom-bg.png) repeat; display:none;}
/*-------------------------------------------------------footer-------------------------------------------------*/
.footer{background:#211f1d; padding:50px 0;}
.footer .footerlogo{ width:195px; float:left;}
.footer .footerlogo img{ width:100%;	}
.footerRight{ float:right; padding:25px 0 0 0;}
.footerRight .socail{ float: left; margin:0 20px 0 0;}
.footerNav{ float:right;}
.footerNav ul{ list-style:none;}
.footerNav ul li{ float:left; margin:0 0 0 45px; font-size:16px; line-height:18px;}
.footerNav ul li a{ color:#baaa9f;}
.footerNav ul li a:hover{ color:#d4471b;}

.sitemap{background:#0b0b0b; padding:18px 0; color:#baaa9f; } 
.fright a{color:#fff;}
.fright a:hover{color:#d4471b;}

a#backToTop {width:30px; height:30px; opacity: 1; position: fixed; bottom: 10%; right:5%; display: none; text-indent: -10000px; 	font-size:0px; outline: none !important; background-image: url(../images/scroll_top.png); background-repeat: no-repeat; 	background-position: 0 0; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; z-index:999; }

/*-------------------------------------------------------Home-end-------------------------------------------------*/
/*----------------------------------------------------------banner--------------------------------------------------------*/
.inner_banner{ padding:44px 0 0 0; height:440px; overflow: hidden; }
.inner_banner img{ width:100%;}
.inner_block{}
.about{padding:40px 0;}
.about .block1 h4, .product_page h4{ margin:30px 0;}
.about .block1 .listsytle{ margin:0 0 50px 0;}
.about .block2{ margin:20px 0; }
.about .block3 { margin:30px 0;}
.about .block3 .listsytle{ margin:15px 10px;}
.about .block3 .listsytle li{ float:left; margin:0 20px 10px 0; width:27%; line-height:24px;     background: url(../images/liststyle_bg.png) no-repeat 0 8px;}
.about .block4 h5{ color:#333; margin:20px 0 10px 0;}
.about .block4{ margin:30px 0;}
.about .block4 .listsytle{ margin:15px 10px;}
.about .block4 .listsytle li{ margin:0 0 10px 0;  line-height:28px;     background: url(../images/liststyle_bg.png) no-repeat 0 10px;}
.about .block5{ margin:0 0 30px 0;}
.about .block5 p{ margin:0 0 20px 0;}
.block1 .pic{ width:375px;  float:left; margin:0 30px 0 0;}
.block1 .pic img{ width:100%;}
.inner_product{background:url(../images/homeaboutbg.png) repeat 0 0; padding:40px 0;}
.inner_product h1 span{background:url(../images/homeaboutbg.png) repeat 0 0;}
.inner_product .btn{ margin:15px auto 0 auto;}

.product_page .block6{ margin:30px 0; border:solid 1px #ccc; padding:15px; background:#eee;}
.product_page .block6 h6{ color:#333; font-weight:bold; font-size:16px; line-height:18px; margin:0 0 15px 0;}
.product_page .block6 .listsytle { margin:0px;}
.product_page .block6 .listsytle li{ float:left; margin:0 20px 10px 0; width:27%; line-height:24px;  background: url(../images/liststyle_bg.png) no-repeat 0 8px; font-size:13px;}

.product_page .block7{ margin:0 0 30px 0;}
.product_page .block7 .subTitle{ color:#333; font-weight:bold; font-size:18px; line-height:20px; margin:0 0 20px 0;}
.product_page .block7 .product li{ height:260px; position:relative; float:left; display:block; }
.product_page .block7 .product li .pic img{ min-height:100%;}
.product_page .block7 .product li .title{ position:absolute; left:0px; bottom:0px; width:96%; padding:10px 10px 10px 5px; font-size: 20px;   line-height: 20px; overflow: hidden; min-height:35px; }
.product_page .block7 .product li .title span{ display:none; font-size:15px; line-height:16px;}
.product_page .block7 .product li:hover .title span{ display:block !important; }






.product_page{ padding:70px 0;}
.contact{ padding:60px 0;}
.contact  h2{ margin:0 0 30px 0; color:#333;}
.contact .adders{ width:330px; float:left;}
a.addres_iocn, a.phn_icon, a.fax_icon, a.web_icon{ display:block; color:#333; line-height:26px; margin:0 0 15px 0;  padding:0 0 0 40px;}
a.addres_iocn{background:url(../images/addres_icon.png) no-repeat 0 1px;}
a.phn_icon{background:url(../images/phn_icon.png) no-repeat 0 1px;}
a.fax_icon{background:url(../images/fax_icon.png) no-repeat 0 1px;}
a.web_icon{background:url(../images/web_icon.png) no-repeat 0 1px;}
.adders .socail{ display:block; margin:20px 0 0 00px;}	
.adders .socail a{    background: url(../images/socail_contact.png) no-repeat 0 0; margin:0 5px 0 0;}	
.contact .form{ width:580px; float:right;}
.adders h3{ color:#333; margin:0 0 20px 0;}


.smlInput{ width:45%; height:40px; background:none; border:solid 1px #cccccc; outline:none; padding:0 0 0 10px; font-size:14px; line-height:16px; color:#333; font-family: 'montserratlight'; margin:0 13px 15px 0;}
.smlSelect{ width:47%; height:40px; border:solid 1px #cccccc; outline:none; padding:0 0 0 10px; font-size:14px; line-height:16px; color:#999; font-family: 'montserratlight'; margin:0 0 15px 0; background:url(../images/select_bg.png) no-repeat right center;
 -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;}


/*-------------------------------------------------------inner-end-------------------------------------------------*/