div.cleft h1.title{font-weight: normal; font-size: 2em; margin: 15px 0 15px 0;}
div.cleft h1.title span{transform: skew(-10deg);border-left: #dd3333 5px solid; margin-left: 5px; width: calc(100% - 25px);}
div.cleft h1.title a{text-decoration: none; color: #333333;}
div.cleft h1.title a:hover{color: #dd3333;}


/*news*/
div.boxLastnews{float: left; width: 350px;}
div.boxHotnews{float: right; width: calc(100% - 350px);}
div.boxLastnews ul.news li a.img{width: 120px;}
div.boxLastnews ul.news li div.info{width: calc(100% - 135px); font-weight: bold;}
div.boxLastnews ul.news li{padding-bottom: 0px;border: 0px;}
div.boxHotnews ul.news li{padding-bottom: 10px; border: 0px; width: 280px;}
div.boxHotnews ul.news li div{display: none;float: left; width: 100%;}
div.boxHotnews ul.news li.li0{width: calc(100% - 300px); margin-right: 20px;}
div.boxHotnews ul.news li a.img{margin: 0; width:100%;}
div.boxHotnews ul.news li.li0 h3{font-size: 24px; margin: 10px 0 10px 0;}
div.boxHotnews ul.news li.li0 div{display: block;}


/*product*/

/*
div.productBoxLeft{float: left; width: 100%; position: relative; } 
div.productBoxLeft ul li{flex: 1 1 calc(100% - 30px);max-width: calc(100% - 30px);}
div.productBoxLeft ul{overflow: hidden;}
div.productBoxLeft div.hot{display: none;}

div.productBoxLeft .rsTabs{ position: absolute; top: 10px; float:right; right: 10px;}
div.productBoxLeft .rsTabs div{float: left; margin:10px 2px 2px 2px; cursor: pointer;}
div.productBoxLeft .rsTabs div:last-child{margin-right: 10px;}
div.productBoxLeft .rsTabs div img{border-radius: 10%; border: 2px solid white; opacity: 0.5;}
div.productBoxLeft .rsTabs div:hover img,
div.productBoxLeft .rsTabs div.rsNavSelected img{opacity: 1; border-color: #b43927;}


div.productBoxRight{width: 50%; float: right;}
div.productBoxRight ul li{margin-bottom: 5px;flex: 1 1 calc(33.3% - 30px);  max-width: calc(33.3% - 30px);}
*/

div.module_data{	border-bottom: #dd3333 4px solid; margin-top: 20px;}
div.module_data h2.hometabs{float:left; width: calc(100% - 5px); margin:10px 0 20px 0; font-size:1.4em; font-weight: normal;}
div.module_data h2.hometabs a{text-decoration: none; color: #333;	float: left; margin: 0 10px 0 10px; padding: 5px;letter-spacing: -0.5px; text-transform: uppercase;	font-family: 'Noto Serif',serif;	}
div.module_data h2.hometabs a:first-child{font-size: 1.4em;line-height: 1.2; transform: skew(-10deg);	border-left: #dd3333 5px solid; padding-left:10px;}
div.module_data h2.hometabs a:hover{text-decoration: underline;}
div.module_data a img:hover{opacity: 0.7;}

div.A4{background-color: #ffde76;}
div.A2{background-color: #f7f7f4;}
div.cleft div.A4 a{color: #d34836;}
div.cleft div.A4 a:hover{color: #4169E1;}


div.module_data ul.news li{width: calc(20% - 20px); padding: 10px; border-bottom: 0px;}
div.module_data ul.news li a.img{width: 100%; margin: 0px;}
div.module_data ul.news li div.info{width: 100%;}
div.module_data ul.news li div.info div{display: none;}

div.A4 ul.news li{width: calc(25% - 20px);height: 210px; overflow: hidden;}
div.A4 ul.news li.li0{width: calc(50% - 20px); height: auto;}
div.A4 ul.news li.li0 h3{font-size: 20px;}
div.A4 ul.news li.li0 div div{display: block;}




@media screen and (max-width:900px){
	div.boxHotnews ul.news{padding-left:0px; width: calc(100% - 15px);}
	div.boxHotnews ul.news li{ width: calc(50% - 20px); padding: 20px 10px 10px 10px;}
	div.boxHotnews ul.news li.li0{ width: calc(100% - 20px); margin: 0px;}
	div.boxHotnews ul.news li.li0 div{display: none;}
	div.boxHotnews ul.news li.li0 h3{font-size: 16px; margin:0px;	}
	
	div.module_data ul.news li{width: 100%; padding: 10px 0 10px 0;}
	div.module_data ul.news li a.img{width: 200px;margin-right: 20px;}
	div.module_data ul.news li div.info{width: calc(100% - 220px);	}
	
	div.A4 ul.news li{width: 100%; padding: 10px 0 10px 0; height: auto;}
	div.A4 ul.news li.li0{width: 100%; padding: 10px 0 10px 0;}
	div.A4 ul.news li.li0 div div{	display: none;	}
	div.A4 ul.news li.li0 h3{font-size: 16px;	}
	
}

@media screen and (max-width:700px){
	div.module_data ul.news li{width: 100%;}
	div.module_data ul.news li a.img{width: 150px; margin-right: 15px;}
	div.module_data ul.news li div.info{width: calc(100% - 165px);}	
}

@media screen and (max-width:600px){
	div.boxHotnews ul.news li{width: 100%!important; padding:0px 0 20px 0;}
}


@media screen and (max-width:500px){
	div.boxLastnews,
	div.boxHotnews{width:100%;}
	div.boxHotnews ul.news{padding:15px 15px 0 15px; width: calc(100% - 30px);}
	div.boxLastnews ul.news{padding-top:0px;}
	div.boxHotnews ul.news li{ width: 100%!important; padding:0px 0 20px 0;	}
	div.boxHotnews ul.news li a.img{width: 120px; margin-right: 15px;}
	div.boxHotnews ul.news li h3{width: calc(100% - 135px);}
	
}

@media screen and (max-width:300px){
	div.boxLastnews ul.news li a.img,
	div.boxHotnews ul.news li a.img{width: 100%; margin: 0px;}
	div.boxLastnews ul.news li div.info,
	div.boxHotnews ul.news li h3{width: 100%;}
	
	div.module_data ul.news li a.img{width: 100%; margin: 0 0 15px 0;}
	div.module_data ul.news li div.info{width: 100%;}
}