@charset "utf-8";

/* CSS Document */



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

.headerbg{ float:left; width:100%;}

.phone{ float:right; width:38%; font-weight:700; font-size:13px; background:url(image/phone.png) no-repeat left; margin-top:60px; padding-left:25px; color:#b95427; text-transform:uppercase; font-family: 'Raleway', sans-serif;}

.phone span{ float:left; color:#616161; font-size:13px; font-weight:700; font-family: 'Open Sans', sans-serif; }



.mail{ float:left; width:62%; font-weight:700; font-size:13px; background:url(image/mail.png) no-repeat left; margin-top:60px; padding-left:25px; color:#b95427; font-family: 'Raleway', sans-serif;}

.mail span{ float:left; color:#616161; width:100%; font-size:13px; font-weight:400; font-family: 'Open Sans', sans-serif; }



.top{ float:left; width:100%; margin-top:8px;}

.top ul{ list-style:none; margin:0px; padding:0px; float:right;}

.top ul li{ float:left; background:url(image/top-ul.png) no-repeat right;}

.top ul li:last-child{ background:none;}

.top ul li a{ font-size:13px; padding:8px 10px; text-decoration:none; font-family: 'Raleway', sans-serif; color:#a3a3a3;}

.logo{ float:left; width:100%; margin-top: 0px;}

.logo img{ text-align: center;

margin: 0px auto;

padding-top: 20px;}

.menu{ float:left; width:100%; background:#2d2829;}

.menu ul{ list-style:none; margin:0px; padding:0px 0px 0px 4px; float:left;}

.menu ul li{ float:left;}

.menu ul li a{ float:left; text-transform:uppercase; color:#fff; font-weight:800; font-family: 'Raleway', sans-serif; padding:21px 21px 21px 21px; font-size:14px; text-decoration:none;}

.menu ul li a img{ padding:0px 8px;}

.menu ul li a:hover{ background:#be5427; color:#FFF;}

.menu ul li ul { margin-top:62px; z-index:1111; padding:0px; list-style:none; width:250px; background:#2d2829  ; position:absolute;  display:none;  }

.menu ul li ul a:hover{ background:#be5427; width:250px;}

.menu ul li:hover ul { display:block;}

.menu ul ul li { width:100%; float:left; background:url(image/ulli.png) no-repeat bottom left; background-size:100%;}

.menu ul li ul li a {  text-decoration:none; color:#FFF; font-weight:700; font-size:13px; font-family: 'Raleway', sans-serif; font-size:12px; text-transform:uppercase;padding: 7px 15px;float: left;}

.menu ul li ul li a:hover{ background:#be5427; color:#FFF;}

.view{ float:right;}

.pos{ position:; z-index:111111; float:right; width:100%; margin-top:0px; }

.search{ float:left; width:100%; border:1px solid #3f3f3f; height:45px; width:250px; background:none; color:#FFF; font-size:13px; font-family: 'Raleway', sans-serif;

padding-left:7px; margin:40px 0px 40px 15px; background:url(image/search.png) no-repeat right; background-position: 222px 15px;}

.navbar-collapse.collapse{ padding:0px;}

.cata{ float:left; position:absolute; z-index:111111; margin-top: -150px;}

.about{ float:left; width:100%; color:#404040; font-weight:800; font-family: 'Raleway', sans-serif; background:url(image/bord.png) no-repeat left top; font-size:35px; margin-left:15px; padding:5px 0px; margin-top:15px;}

.marg-top{ padding:0px; margin-top:260px;}

.read{ float:left; width:140px; height:42px; background:url(image/read.png) no-repeat; margin:19px 0px;}

.feature{ float:left; width:100%; text-align:center; font-size:27px; padding:20px 0px 40px 0px; font-family: 'Roboto', sans-serif; color:#0e0e0e; font-weight:500;}

.box1{ float: left; width: 100%; border: 1px solid #DAD5D5; margin: 10px 0px; border-radius: 4px;
padding: 0px 0px 0px; background: #fff;}

.box1 img{ width:100%;}

.box1:hover{}

.box2:hover {padding: 0px 15px;}

.box2{ float:left; width:100%;}

.box2 img{ width:100%;}

.pro-name{ float:left; width:100%; text-align:center; font-family: 'Raleway', sans-serif; padding:15px 0px 0px 0px; font-size:15px; font-weight:600; color:#2d2d2d;}

.pro-code{ float:left; width:100%; text-align:center; font-family: 'Raleway', sans-serif; padding:5px 0px 10px 0px; font-size:15px; font-weight:600; color:#be5427;}

.pro-add:hover{ text-decoration:none; color:#FFF;}

.pro-des1:hover{ text-decoration:none; color:#FFF;}

.pro-des1{ display:none;}

.pro-add{ display:none;}

.pro-des{ display:none;}

.box1:hover .pro-name{}

.box1:hover .pro-des1{ float:left; display:block; width:35%; margin-left:7px; text-decoration:none; background:#2a2a2a; color:#FFF; height:40px; padding:11px 10px; text-transform:uppercase; font-size:14px; font-weight:700;}

.box1:hover .pro-add{ float:left; width:58%; display:block; margin-bottom:10px; text-decoration:none; background:#be5427; color:#FFF; height:40px; padding:11px 9px; text-transform:uppercase; font-size:14px; font-weight:700;}

.box1:hover .pro-des.pro-des{ float:left; width:100%; margin-bottom:10px; display:block; text-align:left; font-family: 'Raleway', sans-serif; padding:0px 0px 5px 0px; font-size:13px; font-weight:700; color:#747373;}

.box1:hover{ background:#FFF;}

.box1:hover{ padding-bottom:0px;}

.news-title{ float:left; width:100%; background:url(image/news.png) no-repeat; background-size:100%; height:50px;}

.news{ background:#FFF; border:1px solid #e1e1e1; float:left; width:100%; padding-top:20px; padding-left:12px;}

.news-tit{ float:left; width:70%; color:#3f3e3e; font-family: 'Raleway', sans-serif; font-weight:800; font-size:14px; padding-left:10px; padding-top:14px;}

.news-dess{ float:left; width:80%; padding-bottom:32px; color:#424242; font-family: 'Raleway', sans-serif; font-weight:400; font-size:12px; padding-left:10px; padding-top:7px;}

.news-date{ float:left; margin-top: 12px; width:20%; border-radius:30px; background:#be5427; font-size:12px; font-weight:700; text-align: center;

padding: 9px 5px; color:#FFF;}

.map{ padding:0px !important; width:100%; margin-top:40px;}

.well-des{ float:left; width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#2d2d2d; font-size:13px; line-height:22px; font-weight:500;}

.map img{ width:100%;}

.form-email{ float:left; width:78%; color:#474747; border:1px solid #c4c4c4; background:#f2f2f2; height:46px; font-size:15px; margin-bottom:30px; font-weight:700; padding-left:10px; font-family: 'Raleway', sans-serif;}

.submit{ float:left; width:22%; color:#fff; background:#be5427; height:46px; font-size:13px; font-weight:700; border:0px; margin-bottom:30px; font-family: 'Raleway', sans-serif;}

.basket{ background:url(image/basket.png) no-repeat center; width:97%; height:45px; float:left; margin-top: 60px; display:none; position:absolute; z-index:1111}

.box1:hover .basket{ display:block;}

.foterbg{ padding:0px; background:#231f20; background-size:100% 100%;}

.ftitle{ float:left; width:100%; text-transform:uppercase; padding:50px 0px 10px 0px; font-weight:600; font-family: 'Raleway', sans-serif; color:#FFF; font-size:18px;}

.fmenu{ float:left; width:100%;}

.fmenu ul{ list-style:none; margin-top:10px; padding:0px;}

.fmenu ul li{ float:left; width:100%;}

.fmenu ul li a{ text-decoration:none; float:left; padding:0px; font-family: 'Raleway', sans-serif; font-weight:500; text-transform:uppercase; padding:3px 0px; color:#adadad; font-size:13px;}

.news-des{ float:left; width:100%; font-family: 'Open Sans', sans-serif; color:#646464; font-size:13px;}

.fmail1{ float:left; width:100%; background:#494949; height:40px; border:0px; margin:10px 0px; color:#a6a6a6; font-size:13px; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:italic; padding-left:15px;}

.sub{ float:right; width:100px; height:40px; color:#FFF; background:#ce0f33; border-radius:5px; border:0px; font-weight:700; margin-bottom:60px; font-size:13px; font-family: 'Raleway', sans-serif;}

.adres{ float:left; width:100%; background:url(image/mab.png) no-repeat left top; padding-left:25px; font-size:13px; font-family: 'Open Sans', sans-serif; color:#adadad; margin-top:5px; padding-bottom:15px;}

.fphone{ float:left; width:100%; background:url(image/fphone.png) no-repeat left; padding-left:20px; margin:5px 0px; font-size:13px; font-family: 'Raleway', sans-serif; color:#adadad;}

.fmail{ float:left; width:100%; background:url(image/fmail.png) no-repeat left; padding-left:20px; margin:5px 0px; font-size:13px; font-family: 'Raleway', sans-serif; color:#adadad;}

.social{ margin:4px 0px; float:left; width:20%;}

.copy{ float:left; width:100%; color:#adadad; font-size:13px; font-weight:300; font-family: 'Raleway', sans-serif; padding:30px 0px;}

.heading{ float:left; width:100%; font-size:20px; color:#2d2d2d; font-family: 'Raleway', sans-serif; font-weight:500; padding-top:40px; border-bottom:1px solid #cdcdcd; padding-bottom:10px;}

.home{ float:left; width:60%; margin-top:5px; margin-bottom:20px;}

.home ul{ margin:0px; padding:0px; list-style:none;}

.home ul li{ float:left;}

.home ul li a{ float:left; padding:0px 5px; font-family: 'Roboto', sans-serif; font-weight:400; color:#515151;}

.next1{ float:left; width:40%; margin-top:5px; margin-bottom:20px;}

.next1 ul{ margin:0px; padding:0px; list-style:none; float:right;}

.next1 ul li{ float:left;}

.next1 ul li a{ float:left; padding:0px 2px; font-family: 'Roboto', sans-serif; font-weight:400; color:#515151;}

.cat{ float:left; width:100%; background:#2d2829; height:800px; margin-top:30px; margin-bottom:20px;}

.produ{ float:left; width:100%; background:#be5427; margin-bottom:10px; padding:14px 0px; text-transform:uppercase; text-align:center; font-weight:700; font-family: 'Open Sans', sans-serif; color:#FFF; font-size:17px;}

.main-title a{ float:left; width:100%; background:#3c3839; margin:3px 0px; padding:7px 30px; color:#fff; font-family: 'Open Sans', sans-serif; font-weight:600; text-decoration:none;}

.main-title a:hover{ text-decoration:none; color:#fff;}

.main-title a:focus{ text-decoration:none; color:#fff;}

.main-title span{ background:url(image/plus.png) no-repeat left; width:25px; height:20px; float:left; display:none;}

.main-title a:focus span{background:url(image/mains.png) no-repeat left; width:25px; height:20px; float:left; display:none;}

.left-menu{ float:left; width:100%;}

.left-menu ul{ list-style:none; margin:0px; padding:0px;}

.left-menu ul li{ float:left; width:100%;}

.left-menu ul li a{ text-decoration:none; float:left; width:100%; padding:8px 25px; font-weight:600; color:#7c7c7c; font-family: 'Open Sans', sans-serif; font-size:13px;}

.right-title{ float:left; width:100%; text-align:left; color:#414141; font-size:18px; font-family: 'Open Sans', sans-serif; padding:20px 0px 5px 0px;}

.right-art{ float:left; width:100%; font-family: 'Open Sans', sans-serif; font-size:14px; color:#010101;}

.right-des1{ float:left; width:100%; text-align:left; color:#333333; font-size:13px; font-family: 'Open Sans', sans-serif; padding:10px 0px 30px 0px;}

.d_art{ float:left; color:#333; font-size:13px; font-family: 'Open Sans', sans-serif; width:100%;}

.fname{ width:49%; margin:10px 2px; text-align:left; border-radius:5px; background:#CCC; border:1px solid #000; padding:5px;}

.navbar-toggle{ border:1px solid #fff; margin-bottom:3px; margin-top:3px;}

.navbar-toggle .icon-bar{ border:1px solid #fff;}

.baner-posion{ position:absolute; z-index:11111; background:rgba(10,11,13,0.9); top:164px; left:200px; width:350px;}

.baner-name{ float:left; color:#FFF; font-size:60px; padding:17px 0px 0px 25px; font-family: 'Oswald', sans-serif; text-transform:uppercase;}

.baner-des{ float:left; padding:5px 0px 5px 25px; color:#fff; font-size:14px; font-family: 'Raleway', sans-serif; }

.learn{ float:left; background:url(image/learn.png) no-repeat; width:140px; height:45px; margin:5px 25px;}	



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

	.baner-posion{ display:none;}

				.menu { background:#666;float:left;width:100%;}

.menu ul {list-style:none;margin:0;padding:0; background:#d0062e;}

.menu ul li {float:left; width:100%; margin:0;padding:0; background:none; border-bottom:1px solid #FFF;}

.menu ul li:last-child {background:none; border:none;}

.menu ul li a {display:block;margin:0;padding:10px 30px;color:#fff;font-family: 'Roboto', sans-serif; font-size:12px;text-transform:uppercase; text-align:left;;}

.menu ul li a:hover {display:block;color:#fff;background:none; background:#473a30;}

		.search{ float:left; margin-bottom:20px;}

		.menubg{ background:none;}	

		.logo img{ width:100%;}

		.logo{ position:static;}

		.phone{ width:100%;}

		.cata{ position:static; margin-top:15px;}

		.pos{ position:relative; margin:0px; padding:0px; background:#000;}

		.mail{ width:100%;}

		.topbg{ height:auto;}

		.top ul{ float:left;}

		.feature img{ width:100%;}

		.col-md-5 img{ width:100%;}

		.phone span{ width:100%;}

		.mail span{ width:100%;}

		

				}