body {
	color:#333;
	font-size:14px;
	text-transform:capitalize;
	margin:0px;
	overflow-x: hidden; /*横向*/
	font-family: myFirstFont,'Microsoft YaHei',SimHei;
	list-style-type: none;
	line-height:25px;
	font-weight:lighter;
	background-color: #333;
	text-transform:uppercase;
}
tr{ font-size:14px;}
ul {list-style: none;}li {list-style: none;}P {margin-bottom: 0px}
@keyframes fade-in { 0% {opacity: 0;}/*初始状态 透明度为0*/  40% {opacity: 0;}/*过渡状态 透明度为0*/  100% {opacity: 1;}/*结束状态 透明度为1*/ }  
@-webkit-keyframes fade-in {/*针对webkit内核*/  0% {opacity: 0;}  40% {opacity: 0;}  100% {opacity: 1;}  }  
#wrapper {animation: fade-in;/*动画名称*/  animation-duration: 1.5s;/*动画持续时间*/  -webkit-animation:fade-in 1.5s;/*针对webkit内核*/  }  
@font-face{font-family: myFirstFont;src: url("/font/d228f73b.ttf"); /* IE9+ */}

a:link{color:#000;text-decoration: none}a:visited {color:#000;text-decoration: none;}a:hover{color:#000;text-decoration:none;}a:active{color:#000;}

/*链接_CSS*/

.menu{display:inline-block; width:120px; padding:2% 0; text-align:center; color:#fff;}
.menu:link{color:#fff;}
.menu:visited{color:#fff;}
.menu:hover{ background:#FFF;color:#B82A38;}
.menu .en{ display:none}
.menu:hover .en{display:block;}
.menu .ch{ }
.menu:hover .ch{display: none}


.left_menu {color:#666;position:relative;border:1px solid #eee; margin-right:5px;overflow: hidden;display:block;padding:0px 30px;}
.left_menu:link {}
.left_menu:visited {color:#666;}
.left_menu:hover {background:#333; color:#FFF}
#navi ul li.hl a{ color:#fff; background:#B82A38;border:0px solid #333; }

.button{font-size:14px;display:inline-block; background:#333;border:1px solid #333;width:100px;height:25px; margin:30px auto;padding:5px;display:flex;justify-content:center;align-items:center;transition:0.2s;}
.button:link {color:#fff;}
.button:visited {color:#fff;}
.button:hover {background:#fff;color:#333; border:1px solid #fff}

.button01{font-size:14px;display:inline-block; background:#eee;border:1px solid #fff;width:100px;height:25px; margin:30px auto;padding:5px;display:flex;justify-content:center;align-items:center;transition:0.2s;}
.button01:link {color:#666;}
.button01:hover { background:#B82A38;color:#fff; border:1px solid #B82A38}

.page{background:#f2f2f2;padding:8px 12px 8px 14px;color:#666;transition:0.5s;}
.page:hover{background:#333; color:#FFF;text-decoration: none;}
.pagenow{ border:#CCC 1px solid;}

.botton_back { color:#666;display:inline-block;border:1px solid #eee; padding:5px 20px;height:25px;display:flex;justify-content:center;align-items:center;transition:0.2s;}
.botton_back:link{ color:#666;}
.botton_back:visited{color:#666;}
.botton_back:hover{ background:#B82A38;border:#B82A38 1px solid;color:#fff;}

.foot_link{ color:#999; }
.foot_link:link{ color:#999;}
.foot_link:visited {color:#999;}
.foot_link:hover{color:#000}
.foot_link:active {color:#666}	

/*主体_CSS*/	
.box_top{position:fixed;background:rgba(0, 0, 0, 0.2);padding:0% 5%; width:90%;display:flex;justify-content:space-between;align-items:center; z-index:10}
.box_top img{ width:100% }
.box_banner{position:relative;background:#000;overflow:hidden;}
.box_banner img{background-size:cover; background-size:100%;width:105%;-webkit-animation:left 10s;opacity: 0.7}
@keyframes left{25% {transform: translatex(-0px)}}
.box_banner_text{position:absolute;line-height:25px;top:52%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}	

.box_main{background:#fff;margin:0 5%; overflow:auto}
.box_column{display:flex;flex-direction:column;align-items: center; padding:4% 0}	
.box_erji{align-items:center;line-height:35px; margin-top:30px; margin-left:-30px;display:flex;justify-content:center}

.box_index01{background:#666; height:50%;display:flex;justify-content:space-between;}
.box_index01_left{ text-align:center; width:40%;background:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column}
.box_index01_right{ color:#FFF;text-align:center; width:60%;background:#eee;display:flex;justify-content:center;align-items:center;flex-direction:column}

.box_index02{display:flex;justify-content:space-between;}
.box_index02_left{background:#000;width:50%}
.child01{display:block;height:50%;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}
.child01:hover{opacity: 0.8;}
.child02{display:block;height:50%;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}
.child02:hover{opacity: 0.8;}
.box_index02_right{width:30%; padding:0 10%; background:#B82A38;display:flex;justify-content:center;align-items:right;flex-direction:column}
.box_index02_right .title{font-size:14px;display:block; width: 200px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.box_index02_right:hover .title{ color:#000 }

.box_index03{height:65%;display:flex;justify-content:space-between; background:#000;}
.box_index03_left{display:block;color:#FFF; width:30%;  background:#B82A38;padding:0 5%;display:flex;justify-content:center;align-items:left;flex-direction:column}
.box_index03_right{display:block;width:40%;padding: 0 10%;display:flex;justify-content:center;align-items:center;flex-direction:column}
.box_index03_right:hover{opacity: 0.8;}

.box_list{padding:0 5%;overflow:auto}
.box_content{  background:#fff; border-top:#eee 1px solid; margin: 0 5%; padding:1% 0 5% 0; }

.box_page{margin:0 4%;overflow:hidden; padding:3% 0 6% 0;text-align: center;}

.box_view {background:#fff; padding:8% 15%; }
.box_viewtop {padding:3% 0;margin: 0; text-align:center;border-bottom:#eee 1px solid;}
.box_viewtop .title{ font-size:25px; }
.box_viewtop .bdsharebuttonbox{ display:flex;justify-content:center;align-items:center; margin:2%;filter: grayscale(100%);}
.box_viewtop .date{font-family: myFirstFont;display:block;}
.box_view .content { font-size:14px; max-width: 100%; }
.box_view img {max-width: 100%;}

.box_productview{padding:10% 0 5% 0; background:#FFF;display:flex;justify-content:space-between;}
.box_productview_left{width:60%; margin:0 5% 0 5%; text-align:center }

.box_productview_right{width:30%; margin:0 5% 0 0;display:flex;justify-content:top;align-items:left;flex-direction:column}
.box_productview_right .title{font-size:16px;}

.box_next{display:flex;justify-content:space-between;align-items:center; margin-top:7%;padding-top:5%;border-top:#eee 1px solid}
.box_foot{ padding:0 5%; background:#eee;padding:3% 0;overflow:auto;text-align: center; z-index:10;}
	
/*字体_CSS*/	
.font_index_ch{ font-size:22px; font-weight:bold}
.font_index_en{ }
.font_banner_ch{ font-weight:bold; font-size:35px;color:#fff;text-align:center;-webkit-animation-name:fadeIn;-webkit-animation-duration:1.5s}
.font_banner_line{font-weight:bold; color:#fff;-webkit-animation-name:fadeIn;-webkit-animation-duration:1.5s;opacity:0.5}
.font_banner_en{font-size:18px;color:#fff;text-transform:uppercase;opacity:1;-webkit-animation-name: fadeIn; -webkit-animation-duration: 2s}
@-webkit-keyframes fadeIn {0% {opacity: 0} 50% {opacity: 0}100% {opacity: 1.0}}
.font_column_ch{ font-size:18px; font-weight:bold}
.font_column_en{opacity: 0.5}


.font_x{ background:#333;display:block;margin-top:100px;position:relative;width:0.3em;height:2.5em;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);display: inline-block}
.font_x:after{content: ""; position: absolute;top: 0;left: 0;width:0.3em;height:2.5em;background: #333;-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-o-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg)} 
.font_link{position:absolute;display:block; margin:-32px 0 0 -15px ; border:#eee 0px solid; width:30px; height:30px}
/*X关闭_CSS*/	
.font_copyright{display:block;} 

/*新闻_CSS*/
.list_news{float:left;width:30%; display:block; margin-right:5%; margin-bottom:50px; padding:0 0 0 0; }
.list_news:nth-of-type(3n) {margin-right:0px;}
.list_news:hover {transition:0.5s}
.list_news .pic {position: relative;background:#000; overflow: hidden;}
.list_news .pic img {background-size:cover;opacity:0.8; transition:0.3s; width: 100%;filter: grayscale(100%);}
.list_news a:hover img {transform:scale(1.0);opacity:1;filter: grayscale(0%);}
.list_news .text {background:#fff;padding:25px 20px; text-align:center}
.list_news .title{ display:block; margin:0 auto;width: 200px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.list_news p { color:#999;overflow: hidden;}
.list_news .date {font-family: myFirstFont;display:block;margin-top: 10px}
.list_news:hover .text {}
.list_news:hover .title {color:#B82A38 }
.list_news:hover p {}
.list_news:hover .date {}

 
.list_product{ background:#eee;font-size:0; float:left;width: 25%; margin-right:0%;margin-bottom:40px;box-shadow: 0px 0px 0px #ccc;}
.list_product:hover{box-shadow: 0px 0px 0px #666;}
.list_product .text {background:#eee; padding: 25px 20px;text-align:center}
.list_product h2{color:#333;line-height:40px; font-size: 16px; margin:0 auto; width: 150px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;s}
.list_product .date {font-size:16px;font-family:'SegoeWPa35cad03718baf'; color:#9c2b31}
.list_product:hover .text {background:#9c2b31;box-shadow: 0px 0px 5px #ccc}
.list_product:hover h2 {color:#fff;}
.list_product:hover .date {color:#eee;}
.list_product .pic {background:#333;overflow:hidden;}
.list_product .pic img {background-size:cover;opacity:0.7;transition:0.7s; width: 100%;}
.list_product a:hover img {opacity:1.0;transform:scale(1.0);transition:0.7s;}

@media all and (min-width:769px) 
{.mheader {display: none;}
.menuphone{ display:none;}
}
@media all and (max-width:769px) 
{body { font-size:12px; font-weight:lighter; color:#000}
.mheader {display:block;}

.box_top{padding:0% 0%; width:100%;}
.box_top img{ width:70%;}
.box_banner img{ background:center; background-size:cover; width:200%;}
.box_banner_text{top:46%}

.box_main{margin:0 0}
.box_erji{ display:none;}

.box_index01{flex-wrap: wrap; height:auto;flex-direction:column-reverse}
.box_index01_left{width:70%; padding:15%; height:auto}
.box_index01_right{width:70%; padding:15%;height:auto}

.box_index02{flex-wrap: wrap;}
.box_index02_left{width:100%; height:auto;}
.child01{width:70%; padding:15%; height:auto; }
.child02{width:70%; padding:15%; height:auto; }
.box_index02_right{width:100%; padding: 40px 5% 20px 5%; height:auto;}

.box_index03{flex-wrap: wrap;flex-direction:column-reverse ;height:auto;}
.box_index03_left{ width:90%;padding:40px 5%;}
.box_index03_right{width:90%;padding:40px 5%;  }

.box_list{padding:0%;}
.box_content{padding:2% 0 10% 0;}
.box_page{margin:0 4%;overflow:hidden; padding:6% 0 15% 0;text-align: center;}

.box_view{padding:20% 5% 10% 5%;  flex-wrap: wrap;}
.box_viewtop .title{ font-size:14px}
.box_view img { }
.box_view .content{width:100%;}

.box_next{display:flex;justify-content:left;align-items:left;flex-direction:column; line-height:30px; margin-top:10%;padding-top:5%}
.box_foot{ font-size:10px;color:#666; line-height:18px; padding:6% 5%;}

.box_productview{padding:25% 0 5% 0; background:#FFF;display:flex;flex-wrap: wrap;flex-direction:column-reverse}
.box_productview_left{width:100%;margin:0}
.box_productview_left img{width:100%;}
.box_productview_right{width:90%; margin:0 5% 0 5%;display:flex;justify-content:top;align-items:left}

/*字体_CSS*/	
.font_banner_ch{font-size:20px}
.font_banner_line{}
.font_banner_en{font-size:14px}
.font_link{position:fixed;width:60px;height:60px; right:0; top:0; border:#F00 0px solid;display:block; margin:0px}

.list_news{width:100%; margin-right:0px;padding:5% 0 2% 0; margin-bottom:0px}
.list_news:nth-of-type(1n) {margin-right:0px}
.list_news .pic img {opacity:1}

.list_design{width:50%; margin-right:0px;margin-bottom:0px}
.list_design:nth-of-type(2n) {margin-right:0px}
.design{ position:relative;overflow:hidden;filter: grayscale(80%)}
.design .color{position:absolute;background:rgba(249, 234, 0, 0)} 
.design:hover .font_05 img{ width:70%}
}