@charset "utf-8";


/* ----- home-content ----- */
 .titleBar {
	height: 35px;
	background-image: url(../images/home-titleBar-bg.gif);
	background-repeat: repeat-x;
}
 .titleBar .title {
	float: left;
}
 .titleBar .more a {
	float: right;
	display: block;
	width: 33px;
	height: 11px;
	background-image: url(../images/home-more.gif);
	overflow: hidden;
	text-indent: -9999px;
	margin-top: 16px;
}
 .titleBar .more a:hover {
	background-position: 0px -11px;
}
 .text {
	margin-top: 8px;
}
 .text .item {
	clear: both;
}
 .text .item .icon {
	float: left;
	width: 17px;
	margin-right: 6px;
	padding-left: 9px;
margin-top: -2px;
}
 .text .item .firstLink {
	float: left;
	width: calc(100% - 113px);
	font-size: 13px;
	line-height: 18px;
	color: #555;
}
 .text .item .firstLink a {
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	color: #4457a5;
	text-decoration: none;
}
 .text .item .firstLink a:hover {
	color: #f80;
	text-decoration: underline;
}
 .text .item .link {
	float: left;
	width: calc(100% - 113px);
}
 .text .item .link a {
	font-size: 13px;
	line-height: 18px;
	display:block;
	color: #555;
	text-decoration: none;
}
 .text .item .link a:hover {
	color: #f80;
	text-decoration: underline;
}
 .text .item .date {
	float: right;
	width: 70px;
	font-size: 11px;
	color: #30a1e0;
	text-align: right;
}
 .text .itemDiv {
	clear: both;
	background-image: url(../images/com-dotline-1.gif);
	background-repeat: repeat-x;
	background-position: center;
	line-height: 15px;
}
 #detailbtn {
	clear: both;
	width: 100%;
        margin-top: 210px;
	margin-left: 20px;
}


 .ReAll {
	clear: both;
	width: 100%;
        margin-top: 20px;
	margin-left: 20px;

}

}
 .ReAll .ReList {
	float: left;
	width: 96px;
	height: 86px;
}



 .proAll {
	clear: both;
	width: 100%;
	margin-left: 4px;
}
 .proAll .proList {
	float: left;
	width:50%;
	padding-right: 10px;
	margin-bottom:10px;
	padding-top: 10px;
	box-sizing:border-box
}
 .proAll .proList .proPic {
	float: left;
	width: 96px;
	height: 86px;
	background-image: url(../images/home-pro-bg.gif);
}
 .proAll .proList .proPic .picHot {
	position: absolute;
	z-index: 2;
	margin: 0px 5px;
}
 .proAll .proList .proPic .picSelf {
	position: absolute;
	z-index: 1;
	margin: 3px 8px;
}
 .proAll .proList .proText {
	float: right;
	width: calc(100% - 102px);
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	color: #4457a5;
	margin-top: 6px;
}
 .proAll .proList .proText a {
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	color: #555;
	text-decoration: none;
}
 .proAll .proList .proText a:hover {
	color: #f80;
	text-decoration: underline;
}
#hqm {
	clear: both;
	width: 255px;
	height: 240px;
}
#hqm ul {
	margin: 0px;
	padding: 0px;
}
#hqm li {
	float: left;
	list-style-type: none;
}
#hqm li a {
	display: block;
	width: 85px;
	height: 80px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#hqm li a:hover {
	background-position: 0px -80px;
}
#hqm li.link1 a {
	background-image: url(../images/home-qm-1.gif);
}
#hqm li.link2 a {
	background-image: url(../images/home-qm-2.gif);
}
#hqm li.link3 a {
	background-image: url(../images/home-qm-3.gif);
}
#hqm li.link4 a {
	background-image: url(../images/home-qm-4.gif);
}
#hqm li.link5 a {
	background-image: url(../images/home-qm-5.gif);
}
#hqm li.link6 a {
	background-image: url(../images/home-qm-6.gif);
}
#hqm li.link7 a {
	background-image: url(../images/home-qm-7.gif);
}
#hqm li.link8 a {
	background-image: url(../images/home-qm-8.gif);
}
#hqm li.link9 a {
	background-image: url(../images/home-qm-9.gif);
}
#banner {
	margin-top: 0;
}

#banner img{
	width:100% !important;
	height:auto !important}
#video {
	clear: both;
	margin-top: 15px;
}

#video h2{
	display:block;
	height:26px;
	margin-bottom:10px;
	box-sizing:border-box;
	overflow:hidden;}

#video #vInner {
 	padding: 10px;
	box-sizing:border-box;
	border:1px solid #ccc;
}
#R .titleBar {
	height: 29px;
	background:#ccc;
 	padding: 0px 11px;
}
#R .titleBar .title {
	float: left;
	margin-top: 8px;
}
#R .titleBar .more a {
	float: right;
	display: block;
	width: 33px;
	height: 11px;
	background-image: url(../images/home-more.gif);
	overflow: hidden;
	text-indent: -9999px;
	margin-top: 10px;
}

#R .titleBar .more a:hover {
	background-position: 0px -11px;
}
#R .text {
 	padding: 11px;
	box-sizing:border-box;
	border:1px solid #ccc;
	margin-top:0;
	width:100%;
}

#R .text dl{
	display:block;
	float:left;
	width:calc(100% / 4);
	box-sizing:border-box;
	padding:0 10px;
	border-left:2px solid #ccc}

#R .text dt {
	background-image: url(../images/com-icon-1.gif);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	padding-left: 9px;
}
#R .text dt a {
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	color: #30a1e0;
	text-decoration: none;
}
#R .text dt a:hover {
	color: #f80;
	text-decoration: underline;
}
#R .text dd {
	font-size: 12px;
	line-height: 18px;
	color: #555;
	text-decoration: none;
	padding-left: 9px;
}
#R #ad {
	margin-top: 30px;
}
#R #ad ul {
	margin: 0px;
	padding: 0px;
	width:calc(100% - 60px);
	margin:0 auto;
	display:block;
}
#R #ad li {
	list-style-type: none;
 }
 
#R #ad li a{
	display:block;
	text-align:center;
	padding:5px;
	box-sizing:border-box;}
	
#R #ad li a img{
	max-width:100%;
	display:inline-block !important
	 }
	 
#R #ad	.slick-prev{
	border-left:4px solid #666;
	border-bottom:4px solid #666;
	transform:rotate(45deg);
	margin-top:-10px}
	
#R #ad	.slick-next{
	border-right:4px solid #666;
	border-bottom:4px solid #666;
	transform:rotate(-45deg);
	margin-top:-10px}	
	
#R #ad	.slick-next:hover,
#R #ad	.slick-prev:hover{
	border-color:#36C}	
	 
@media screen and (max-width:768px) {	 	
.proAll .proList{
	margin-bottom:0;}
.proAll .proList .proText {
    width: calc(100% - 97px);}
.proAll .proList {
    padding-right: 0;}

		
			
}


@media screen and (max-width:600px) {
#R .text dl{
	width:calc(100% / 2);
	margin-bottom:10px
}

 .text .item .firstLink, .text .item .link {
 	width: calc(100% - 33px);
 
}
.text .item .date {
    float: left;
    width: 100%;
    margin-left: 30px;
    margin-top: 5px;
      text-align: left;
}
}

@media screen and (max-width:375px) {
 .proAll .proList {
	float: none;
	width:100%;
	padding-right: 0;
 	padding-top: 10px;
 }


 .proAll .proList:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
}

@media screen and (max-width:320px) {
#R .text dl{
	width:calc(100% / 1);
	margin-bottom:8px;
	border-left:0;
	padding-bottom:8px;
	border-bottom:1px dashed #ccc;
}
}