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

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

.menu_mobile {
	position: fixed;
	width: 250px;
	background: #181818;
	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;
	}

/*-------------------header-------------------*/
.header_box {background-image:url(../images/bg.jpg);height: 163px;background-repeat:repeat-x;}

.header h1 {text-align: center;}
.header h1 a span {text-indent: -9999px;background-repeat: no-repeat;display: inline-block;width: 281px;height: 105px;background-position: 0 0;}
.header dl dt {float: left; font-size: 32px; color: #e00; margin-right: 10px; padding-top: 5px; width: 36px; text-align: center;}
.header dl dd {float: left; color: #666}
.header dl dd strong {color: #000}
.header dl dd strong {display: block;}

.header .lang_box {text-align: center;}
.header .lang_box a {display: inline-block; margin: 0 3px;}

/*-------------------menu-------------------*/

.menu {background-image:url(../images/dh_bg.png);background-repeat: no-repeat;}
.menu > ul {float: left;}
.menu > ul > li {float: left; position: relative;}
.menu > ul > li ul {z-index: 999; position: absolute; top: 40px; left: 0;background: rgba(36,36,36,.9); width: 230px;display: none;}
.menu > ul > li:hover ul {display: block;}
.menu > ul > li ul li {border-top: 1px solid #515151;}
.menu > ul > li ul li a {display: block; line-height: 38px; text-transform: uppercase; color: #fff;padding: 0 20px; text-decoration: none;}
.menu > ul > li ul li a:hover {background: #e5050c;line-height:38px;}
.menu > ul > li:first-child {border-left: none;}
.menu > ul > li > a {display: block;line-height: 40px;color: #fff;text-transform: uppercase;text-decoration: none;padding: 0 20px;    font-size: 12px;}
.menu > ul > li:hover > a {background: #e5050c;}

.menu form {float: right; background: #4b4b4b; margin-top: 13px;}
.menu form > * {float: left;display: block;}
.menu form input[type=text] {height: 24px; background: #888; width: 160px; font-family: 'Roboto Condensed', sans-serif; text-indent: 5px; color: #fff;}
.menu form input[type=text]::-webkit-input-placeholder {color: #fff;}
.menu form input[type=text]:-moz-placeholder {color: #fff;}
.menu form input[type=text]::-moz-placeholder {color: #fff;}
.menu form input[type=text]:-ms-input-placeholder {color: #fff;}
.menu form button {background: url(../images/btn.png) center center no-repeat;width: 28px;height: 24px; cursor: pointer;}

.menu p.lang_box {float: right;color: #fff; padding: 13px 10px 13px 35px; background: #4b4b4b url(../images/bg_lang.png) no-repeat; margin-left: 10px;}
.menu p.lang_box * {display: block;float: left;margin-left: 2px;line-height: 24px;}

.cathome_box {padding: 20px 5px;}
.cathome_box .module > h3 {font-size: 24px; text-align: center; font-weight: 600;}
.cathome_box .module > p {line-height: 20px; text-align: center;margin-bottom: 20px; font-size: 15px}

/*-------------------hot_product-------------------*/

.hot_product {margin-top: 20px;}
.hot_product dl {background: #fff; margin-bottom: 20px;}
.hot_product dl dt a {display: block; height: 150px;overflow: hidden;}
.hot_product dl dd {padding: 15px;}
.hot_product dl dd h2 a {text-transform: uppercase; color: #000; font-size: 16px;}
.hot_product dl dd p {font-size: 14px; color: #777; margin: 10px 0;}
.hot_product dl dd > a {background: #585858; color: #fff; display: inline-block; padding: 3px 10px; font-size: 13px;}
.hot_product dl:hover dd > a {background: #e5050c; text-decoration: none;}

/*-------------------third_box-------------------*/

.third_box {padding: 30px 5px; background: #eef0f3;}
.third_box .item > p {border-bottom: 1px solid #767676; margin-bottom: 30px;}
.third_box .item > p strong {border-bottom: 3px solid #008bd6; display: inline-block; text-transform: uppercase; color: #181818; padding-bottom: 8px; font-size: 18px; position: relative; margin-bottom: -1px;}
.about_home {color: #444; margin-bottom: 30px;}
.about_home img {max-width: 100%;}
.about_home > div > a {display: block; border: 1px solid #d9d9d9; float: left; margin: 0 10px 10px 0;}
.about_home > div div {margin: 10px 0; line-height: 25px; }
p.more {text-align: right;}
p.more a {color: #e5050c; text-decoration: none;}

.video_home iframe {width: 100%; margin-bottom: 30px;}
.video_home p a {color: #444;}
.video_home p i {color: #e5050c;}

.gallery_home > div > a {display: block;float: left; width: 66px; height: 50px; margin: 0 10px 10px 0;}
.gallery_home > div > a img {width: 100%;height: 100%;}

/*----------footer----------*/

.footer { color: white; padding: 0 5px;background: url(../images/foot_bg.jpg) repeat-x;}
.footer .module {padding: 30px 0;}
.footer .fouth > p {color: #fff; font-size: 16px; text-transform: uppercase; border-bottom: 1px solid white; padding-bottom: 8px; margin-bottom: 15px;}

.contact_home img {position: relative; margin-top: -11px; max-width: 100%;}
.contact_home p {margin: 10px 0;}
.contact_home p i {display: inline-block; margin-right: 5px;}

.support_home img {margin: 0 !important;}
.support_home > div > div {float: left; width: 50%; margin-top: 10px;}
.cat_footer div a {display: block; float: left; width: 50%; color: #858585;}

.bottom {background: #181818; padding: 15px 5px; color: #666;}

/*----------slides----------*/

.flexslider .slides > li > div > p {line-height: 20px;margin: 15px 0; border-top: 1px solid #8c8c8c; position: relative; padding-top: 15px;}
.flexslider .slides > li > div > p span {position: absolute; top: 0; left: 0; border-top: 2px solid #fff; width: 100px}
.flexslider .slides > li > div > a {display: inline-block;padding: 5px 15px;background: #e5050c;color: #fff;font-size: 15px;}


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

div.gallery_page, .list_album_page {padding-top: 15px;}
.gallery_page dl {width: 225px;overflow: hidden;position: relative;float: left;	margin-left: 20px;margin-bottom: 20px;}
.list_album_page dl {width: 220px;margin-bottom: 11px;position: relative;float: left;margin-left: 20px;margin-bottom: 20px;}
.list_album_page dl dd {text-align: center;height: 31px;margin-top: 5px;}
.gallery_page dl.first, .list_album_page dl.first {margin-left: 0;}
.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;}


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

.listproduct_page {margin-top: 20px;}
.listproduct_page dl dt {border: 0px solid #888;}
.listproduct_page dl dt a {display: block;height: 160px;text-align: center;overflow: hidden;}
.listproduct_page dl dt a img {height: 100%;}
.listproduct_page dl dd {text-align: center;}
.listproduct_page dl dd a {color: #181818; display: block; padding: 5px 0; line-height: 30px;}

/*---------product_page---------*/

.product_page {margin: 20px 0;}
.product_page .left_pro {border: 1px solid #ddd; padding: 20px;}
.product_page .left_pro a {display: block; width: 100%;text-align: center;}
.product_page .left_pro a img {max-width: 100%;}
.left_pro ul {text-align: center; margin-top: 15px;}
.left_pro ul li {display: inline-block; margin: 0 3px;}
.left_pro ul li a {display: table-cell; width: 55px; height: 55px; text-align: center; border: 1px solid #ddd; vertical-align: middle;}

.product_page .right_pro h1 {font-size: 26px;}
.product_page .right_pro p.price {text-transform: uppercase; color: #e00;font-size: 16px; margin: 5px 0; border-bottom: 1px dotted #ddd; padding-bottom: 10px; margin-bottom: 10px;}
.product_page .right_pro .brief > * {display: block; line-height: 18px; margin: 5px 0;}
.detail_product {margin-top: 20px;}
.detail_product > p {border-bottom: 1px solid #ddd;margin-bottom: 25px}
.detail_product > p strong {font-size: 18px;background: #fff;position: relative;display: inline-block;margin-bottom: -14px; padding-right: 5px;}

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

.nav_bar {position: absolute;top: 8px;right: 0;text-transform: uppercase;}
.nav_bar span {display: inline-block;margin: 0 5px;color: #aaa;}
.nav_bar a {color: #aaa;}

/*---------------subpage---------------*/

.subpage {margin: 20px 0; padding: 0 5px;}
.subpage {margin: 40px 0;}

/*---------------_box---------------*/

._box {margin-bottom: 20px;}
._box > p {background: #1e1e1e; color: #fff; text-transform: uppercase; line-height: 34px; text-indent: 10px;}
._box > div {border: 1px solid #ddd;padding: 10px;margin-top: 3px;}

/*---------------news_left---------------*/

.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: 65px; height: 50px}
.news_left dl dt a img {width: 100%; height: 100%;}
.news_left dl dd {margin-left: 75px;}
.news_left dl dd a {color: #444; display: block; line-height: 17px;}

/*---------------cat_menu---------------*/

.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:hover, .cat_menu li:hover a {color: #e5050c;}
.cat_menu li.big {font-size: 15px; font-weight: bold;}
.cat_menu li.small {padding-left: 10px;}

.tab {border-bottom: 1px solid #ddd;line-height: 34px; font-weight: bold;font-size: 18px; color: #1e1e1e;}

.about_page > p, .about_page > div {line-height: 22px; margin: 10px 0;}