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

/*=============menu_mobile=================*/

.menu_mobile {
	position: fixed;
	width: 250px;
	background: #401c0b;
	top: 0;
	left: -260px;
	height: 100%;
	z-index: 9999;
	color: #fff;
	box-shadow: 2px 0 10px rgba(0,0,0,.3);
	}
	
.menu_mobile > div {
	border-top: 1px solid rgba(0,0,0,.2);
	overflow-y: scroll;
	overflow-x: hidden;
	margin-top: 40px;
	}

.menu_mobile > div > ul li {
	position: relative;
	border-top: 1px solid rgba(0,0,0,.1);
	position: relative;
	}

.menu_mobile > div > ul li a {
	border-top: 1px solid rgba(255,255,255,.1);
	color: #fff;
	display: block;
	line-height: 36px;
	text-decoration: none;
	padding-left: 30px;
	}

.menu_mobile > div > ul li i {position: absolute; top: 12px; left: 10px;}
.menu_mobile > div > ul li li i {left: 20px;}

.menu_mobile > div > ul > li > a {
	font-weight: bold;
	}

.menu_mobile > div > ul li li a {
	color: #ddd;
	}

.menu_mobile > div > ul > li:first-child, .menu_mobile > div > ul > li:first-child a {
	border-top: none;
	}

.menu_mobile > div > ul li ul a {
	padding-left: 40px;
	}

.menu_mobile > div > ul li a:hover {
	background: rgba(88,88,88,.2);
	}

.menu_mobile > div > ul li span {
	display: block;
	position: absolute;
	top: 13px;
	left: 10px;
	}
	
.menu_mobile > div > ul li ul li span {
	left: 20px;
	}

/*=============top_page=================*/
/*.top_page {padding: 0 5px; box-shadow: 0 1px 1px 1px rgba(0,0,0,.2)}
.top_page .module div {font-size: 12px; color: #3c1d1d; line-height: 34px;}
.top_page p a {display: inline-block; margin: 0 10px; line-height: 34px;}*/
.top_page {padding: 0 5px; box-shadow: 0 1px 1px 1px rgba(0,0,0,.2);}
.top_page .module {position: relative;overflow:hidden;}
.top_page .module div {overflow:hidden; height:35px;}
.top_page .module div p {margin:0px;line-height:35px;text-transform:uppercase;white-space:nowrap;position:absolute;lefT:0px;top:0px;  font-size: 13px;
	-webkit-animation:textmove 20s infinite linear;
	-moz-animation:textmove 20s infinite linear;
	-o-animation:textmove 20s infinite linear;
	animation:textmove 20s infinite linear;
}
.top_page .module div p a {color: #444; text-decoration: none;}
.top_page .module div:before {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	display:block;
	content:'';
	z-index:10;
	pointer-events:none;
	background:-moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 5%, rgba(255,255,255,0) 15%, rgba(255,255,255,0.1) 85%, rgba(255,255,255,0.5) 95%, rgba(255,255,255,1) 100%);
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(5%,rgba(255,255,255,0.5)), color-stop(15%,rgba(255,255,255,0)), color-stop(85%,rgba(255,255,255,0.1)), color-stop(95%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,1)));
	background:-webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 5%,rgba(255,255,255,0) 15%,rgba(255,255,255,0.1) 85%,rgba(255,255,255,0.5) 95%,rgba(255,255,255,1) 100%);
	background:-o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 5%,rgba(255,255,255,0) 15%,rgba(255,255,255,0.1) 85%,rgba(255,255,255,0.5) 95%,rgba(255,255,255,1) 100%);
	background:-ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 5%,rgba(255,255,255,0) 15%,rgba(255,255,255,0.1) 85%,rgba(255,255,255,0.5) 95%,rgba(255,255,255,1) 100%);
	background:linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 5%,rgba(255,255,255,0) 15%,rgba(255,255,255,0.1) 85%,rgba(255,255,255,0.5) 95%,rgba(255,255,255,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d0006', endColorstr='#9d0006',GradientType=1);
	}

@keyframes textmove{
	0% 		{transform:translate(0px,0px);}
	100% 	{transform:translate(calc(1200px - 100%),0px);}
}
@-webkit-keyframes textmove{
	0% 		{-webkit-transform:translate(0px,0px);}
	100%	{-webkit-transform:translate(calc(1200px - 100%),0px);}
}
@-moz-keyframes textmove{
	0% 		{-moz-transform:translate(0px,0px);}
	100%	{-moz-transform:translate(calc(1200px - 100%),0px);}
}
@-o-keyframes textmove{
	0% 		{-o-transform:translate(0px,0px);}
	100%	{-o-transform:translate(calc(1200px - 100%),0px);}
}

.header .module > a {display: block; text-align: center; margin: 10px 0;}
.header .module p {text-align: center;}
.header .module p a img {max-width: 100%;}
.header .module form {width: 205px; margin: 20px auto;}
.header .module form > * {float: left; display: block; border: 0;}
.header .module form > input {border: 2px solid #3d3d3d; height: 24px; width: 170px; outline: none; text-indent: 5px;}
.header .module form > button {background: #3d3d3d url(../images/btn.png) center center no-repeat; height: 28px; width: 30px;}

.service_home {background: #3d3d3d; padding: 25px 5px;}
.service_item li a {display: block;}
.service_item li a:first-child {margin-bottom: 5px;}
.service_item li img {max-width: 100%;}

.news_home {background: #edeeef; padding: 25px 5px;}
.news_home dl dt img {max-width: 100%;}
.news_home dl dd p:nth-child(3n+2) {line-height: 1.6em;}
.news_home dl dd p.more {text-align: center; margin: 10px 0;}
.news_home dl dd p.more a {display: inline-block; background: #3d3d3d; padding: 5px 15px; color: #fff; font-style: italic;}
.news_home dl dd h3 {margin: 5px 0;}
.news_home dl dd h3 a {font-size: 20px; font-family:  'Roboto Condensed';}

.cat_home {padding: 5px; text-align: center;}
.cat_home dl dt a {display: block; height: 180px; vertical-align: middle; text-align: center; overflow: hidden;}
.cat_home dl dt a img {max-height: 100%;}
.cat_home dl dd p {border-top: 1px solid #ddd; padding: 8px 0;}
.cat_home dl dd p a {color: #999; font-size: 12px; font-weight: bold; text-decoration: none;}
.cat_home dl dd p a:hover {color: #d17f04;}
.cat_home dl dd p a i {background: #aaa; color: #fff; display: inline-block; width: 14px; text-align: center; line-height: 14px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;}
.cat_home dl dd p a:hover i {background: #d17f04;}
.cat_home dl dd strong {display: block; padding: 8px 0; font-family:  'Roboto Condensed'; font-size: 16px;}

.product_home {padding: 5px;}
.product_home .module > p {font-size: 16px; font-family: 'Roboto Condensed'; border-bottom: 1px solid #ddd;}
.product_home .module > p span {display: inline-block; padding: 6px 15px; background: #3d3d3d; color: #fff}
.listproduct_home {padding: 5px; text-align: center;}
.product_home .module {border: 1px solid #3d3d3d;}
.listproduct_home dl dt a {display: block;height: 140px;padding: 20px 0; text-align: center;overflow: hidden;}
.listproduct_home dl dt a img {height: 100%; transition: all .5s; -webkit-transition: all .5s;}
.listproduct_home dl:hover dt a img {position: relative;
	-webkit-transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
}
.listproduct_home dl dd {overflow: hidden; text-align: center; margin-top: 5px; font-size: 14px;}
.listproduct_home dl dd a {line-height: 18px; transition: color .5s, text-shadow .5s; -webkit-transition: color .5s, text-shadow .5s;}
.listproduct_home dl dd p {color: #e00; font-size: 12px;}
.listproduct_home dl dd em {color: #888; text-decoration: line-through; font-size: 12px;}
.listproduct_home dl:hover dd a {color: #d17f04; text-shadow: 1px 1px 1px rgba(0,0,0,.1); text-decoration: none;}

.bottom_page {background: #2a2a2a; color: #616161; text-align: center; padding: 10px 0;}
.bottom_page a {color: #616161;}

.footer {background: #3d3d3d; color: #cccccc; padding: 5px;}
.footer a {color: #cccccc;}

.footer .fouth {margin-bottom: 15px;}
.footer .fouth > p {text-transform: uppercase; font-size: 16px; font-family:  'Roboto Condensed'; color: #fff;}

.network_footer div {text-align: center;}
.network_footer div a {display: inline-block; width: 50px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; text-align: center;
	transition: color .5s, background .5s;
	-webkit-transition: color .5s, background .5s;
}
.network_footer div a i {display: inline-block; font-size: 32px; line-height: 50px;}
.network_footer div a:hover {color: #444; background: #ddd;}

.contact_footer h2 {font-size: 14px;font-family:  'Roboto Condensed'; text-transform: uppercase; font-weight: normal;}
.contact_footer p {margin: 5px 0;}

.footer .call_footer p {background: url(../images/map.png) center center no-repeat; display: block; font-size: 26px; text-align: center; font-weight: bold; color: #cccccc;}
.call_footer > p span {display: block;}

.video_footer p.more {text-align: right; margin-top: 5px;}


/*===================================*/

.subpage {padding:  20px 5px;}
.tab {border-bottom: 1px solid #ddd; line-height: 32px; font-size: 17px; font-family: 'Roboto Condensed'; margin-bottom: 15px; text-transform: uppercase;}

._box {margin-bottom: 20px;}
._box > p {background: #3d3d3d; color: #fff; text-transform: uppercase; border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;line-height: 34px; text-indent: 10px; font-size: 15px; font-family: 'Roboto Condensed';}
._box > div {border: 1px solid #ddd;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;padding: 15px;margin-top: 3px;}

.news_left dl {float: left; width: 100%; border-top: 1px dotted #ddd; padding-top: 15px; margin-top: 15px;}
.news_left dl:first-child {border-top:  0;padding-top: 0; margin-top: 0;}
.news_left dl dt {float: left;}
.news_left dl dt a {display: block; width: 75px; height: 55px}
.news_left dl dt a img {width: 100%; height: 100%;}
.news_left dl dd {margin-left: 90px;}
.news_left dl dd a {color: #444; display: block; line-height: 17px;}

.gallery_left > div > a {float: left; display: block; width: 48%; height: 70px; margin: 0 4% 10px 0;}
.gallery_left > div > a:nth-child(2n+2) {margin-right: 0;}
.gallery_left > div > a img {width: 100%; height: 100%;}
.gallery_left > div > p {text-align: right;}

.cat_menu li {padding: 5px 5px;border-top: 1px dotted #ddd;}
.cat_menu li:first-child {border-top: 0;}
.cat_menu li a {color: #666; text-decoration: none;}
.cat_menu li i {display: inline-block; margin-right: 5px;}
.cat_menu li:hover, .cat_menu li:hover a {color: #d17f04;}
.cat_menu li.big {font-size: 15px; font-family: 'Roboto Condensed'; color: #d17f04;}
.cat_menu li.big a {color: #d17f04;}
.cat_menu li.small {padding-left: 10px;}

/*---------------nav_bar---------------*/

.nav_bar {position: absolute;top: 8px;right: 0;text-transform: uppercase; font-size: 13px; font-family:  'Roboto Condensed';}
.nav_bar span {display: inline-block;margin: 0 5px;color: #aaa;}
.nav_bar a {color: #aaa;}

/*---------listproduct_page---------*/

.listproduct_page {margin-top: 20px;}
.listproduct_page dl {margin-bottom: 20px;}
.listproduct_page dl dt {border: 1px solid #eee; background: #fff;}
.listproduct_page dl:hover dt {border: 1px solid #eee;}
.listproduct_page dl dt a {display: block;padding: 20px 0; text-align: center;overflow: hidden;}
.listproduct_page dl dt a img {height: 100%; transition: all .5s; -webkit-transition: all .5s;}
.listproduct_page dl:hover dt a img {position: relative;
	-webkit-transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
}listproduct_page dl dd {height: 36px; overflow: hidden; text-align: center; margin-top: 5px; font-size: 14px;}
.listproduct_page dl dd a {line-height: 18px; transition: color .5s, text-shadow .5s; -webkit-transition: color .5s, text-shadow .5s;}
.listproduct_page dl:hover dd a {color: #d17f04; text-shadow: 1px 1px 1px rgba(0,0,0,.1); text-decoration: none;}
.listproduct_page dl dd p {font-size: 12px; color: #e00; margin-top: 4px;}

/*----------gallery----------*/

div.gallery_page, .list_album_page {padding-top: 15px;}
.gallery_page dl {width: 24%;overflow: hidden;position: relative;float: left; margin-right: 1.25%;margin-bottom: 10px;}
.gallery_page dl:nth-child(4n+4), .list_album_page dl:nth-child(4n+4) {margin-right: 0;}
.list_album_page dl {width: 220px;margin-bottom: 11px;position: relative;float: left; margin-right: 1.25%;margin-bottom: 10px;}
.list_album_page dl dd {text-align: center;height: 31px;margin-top: 5px;}
.gallery_page dl dt a, .list_album_page dl dt a {display: block;height: 140px;overflow: hidden;}
.gallery_page dl dd {padding: 5px;position: absolute;bottom: -31px;	background: rgba(0, 0, 0, 0.6);	width: 215px;color: #fff;transition: bottom 0.3s;-webkit-transition: bottom 0.3s;}
.gallery_page dl:hover dd {	bottom: 0;}


.home_box {padding: 0 5px;}
.home_box .fouth_news {margin-bottom: 15px;}
.home_box .fouth_news > p {text-transform: uppercase; padding: 8px 10px 5px 10px; font-weight: bold; background: #f6f6f6; color: #3f3f3f; border-bottom: 1px solid #ddd;}
.home_box .fouth_news > p i {color: #d00; }

.home_box .fouth_news div {font-size: 13px; color: #333; font-family: 'Roboto Condensed';}
.home_box .fouth_news dl dt {margin: 5px 0; font-weight: bold;}
.home_box .fouth_news dl dd > a {display: block; float: left; width: 65px; height: 50px; margin: 0 5px 0 0; border: 1px solid #ddd; padding: 2px; margin-top: 3px; color: #333;}
.home_box .fouth_news dl dd > a img {width: 100%; height: 100%;}
.home_box .fouth_news dl dd > p {line-height: 1.4em; color: #555; text-align: justify;}

.home_box .fouth_news > div > p {margin: 5px 0;}
.home_box .fouth_news ul {padding-left: 16px;}
.home_box .fouth_news ul li {margin: 5px 0; list-style: disc;}
.home_box .fouth_news ul li a {color: #555;}

.btn_addcart {background: #d17f04; display: block;width: 50%; color: #fff; text-align: center; line-height: 40px; text-decoration: none; font-weight: bold;
	border-radius: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.tags_product {margin-top: 10px;}
.tags_product i {color: #222;}
.tags_product a {color: #666;}


.menu {background: #3d3d3d; width: 100%; top: 0; left: 0; z-index: 999999;}
.menu .module > ul > li {display: inline-block; position: relative;}
.menu .module > ul > li ul {position: absolute; top: 43px; left: 0; background: #3d3d3d; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; display: none; z-index: 9999; width: 250px;}
.menu .module > ul > li ul li {border-top: 1px solid #333;}
.menu .module > ul > li ul li a {border-top: 1px solid #454545;}
.menu .module > ul > li:hover ul {display: block;}
.menu li a {display: block; color: #cccccc; text-transform: uppercase; font-family: 'Roboto Condensed'; font-size: 14px; padding: 5px; text-decoration: none;
	-webkit-transition: color .5s;
	-moz-transition: color .5s;
	-o-transition: color .5s;
}