{margin:0;padding:0;list-style:none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin:0;padding:0;}
ul,ol {list-style:none;}
a,a:hover {text-decoration:none;}
legend {color:#000;}
fieldset,img {border:0;}
button,input,select,textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
.top_i {max-width:100%;background-color:#f3f3f3;}
.top_s {max-width:630px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:35px;line-height:35px;color:#777;font-size:13px;position: relative;}
.top_s c img {  display: none;  transition: opacity 0.5s ease; position: absolute; top:35px;right:30px}
.top_s c:hover img {display: block;    opacity: 1;}
.searchbox {position:relative;z-index:1;clear:both;width:630px;height:40px;margin:30px auto 0;border:2px solid #EB5F50;border-radius:5px;}
.mod_select {float:right;margin-right:98px;}
.mod_select .select_box {position:relative;margin-right:0px;height:40px;color:#555}
.mod_select .select_box .select_txt {display:inline-block;float:left;height:40px;padding-left:0;overflow:hidden;line-height:40px;font-size:15px;cursor:pointer;}
.mod_select .select_box .select-icon {float:left;margin-top:20px;margin-left:8px;transform:translate(0,-50%);width:10px;height:10px;background:url(/skin/images/xia.png) center no-repeat;background-size:16px 19px;}
.mod_select .select_box .option {display:none;position:absolute;top:40px;right:-14px;width:90px;background-color:#fff;border:2px solid #EB5F50;border-top:0;}
.mod_select .select_box .option li {padding-left:25px;font-size:15px;padding-right:10px;line-height:2;cursor:pointer;overflow:hidden}
.mod_select .select_box .option li:hover {background-color:#f6f6f6;}
.searchbox .import {width:396px;border-radius:6px;height:40px;float:left;padding-left:20px;border:none;outline:none;font-size:14px;background-color:transparent;}
.searchbox .btn-search {position:absolute;right:0;width:86px;height:40px;color:#fff;background-color:#EB5F50;border:0;border-radius:0 3px 3px 0; background-image:url(/skin/images/ss.png) ;background-repeat: no-repeat;   background-position: center center; background-size: 22px 22px;  height: 40px}
footer {background-color:#2c2c2c;text-align:center;font-size:14px;padding:36px 0 30px 0;color:#888}
.searchbox .btn-search:hover {opacity: 0.9}
footer,footer a {color:#888;}
.fixed-bottom {position:fixed;bottom:0;left:0;right:0;}
.fixed-bottom .dong {max-width:1000px;font-size:14px;margin:15px auto 5px auto;color:#888}
.fixed-bottom .dong a {margin-left:6px;}
.logo {max-width:630px;margin:1% auto 20px auto;display:flex;justify-content:space-between;align-items:center;}
.logo img {width:260px;margin:30px auto;}
.hots {max-width:630px;margin:10px auto 20px auto;font-size:13px;clear:both;}
.hots span {float:left;line-height:18px}
.hots c {float:left;line-height:18px}
.hots a {float:left;margin-left:10px;color:#555}
.hots a:hover {color:#0056b3}
.hots ts a{float:right;font-size:13px;background:url(../images/wenhao.png);background-size:13px 13px;padding:0 0 0 15px;background-repeat:no-repeat;background-position:left 3px;color:#5C91BD}
.dpdt { font-size:14px;max-width:610px; margin:  auto; overflow: hidden; border: 1px solid #CFCFCF; padding: 0 10px 0 10px;clear:both;border-radius:5px;   position: relative;  }
.dpdt a{float:left;margin-left:10px;color:#555;line-height:28px;height:28px}
#clearSearch {display: none;  vertical-align: middle;  line-height: 36px;;-webkit-appearance:none}
.input-group-addon {background: white;  cursor: pointer;}
.tp20{ clear:both}
.scrollbox{ max-width:630px; margin: 20px auto; overflow: hidden; border: 1px solid #CFCFCF; padding: 0 10px 0 10px;clear:both;border-radius:5px; }
#scrollDiv{max-width: 630px;height:220px; overflow:hidden;}
#scrollDiv li{height:90px;padding:10px 0 5px 0; overflow:hidden; vertical-align:bottom; zoom:1; border-bottom:#B7B7B7 dashed 1px;}
#scrollDiv li:hover{margin-left:1px}
#scrollDiv li img{ float:left;width:90px;height:85px}
#scrollDiv li r{ float:left;width:550px;height:75px;margin-left:15px;}
#scrollDiv li h3{ height:20px; padding-top:0px; font-size:15px; color:#353535; line-height:20px;overflow:hidden;font-weight:400}
#scrollDiv li h3 a{color:#353535; text-decoration:none;}
#scrollDiv li h3 a:hover{ color:#F00}
#scrollDiv li div{ margin-top:6px;margin-bottom:5px;height:36px; color:#777; line-height:18px; overflow:hidden;font-size:14px}
#scrollDiv li div a{ color:#416A7F; text-decoration:none}
#scrollDiv li j{ color:#EB5F50;font-size:14px}
#scrollDiv li j c{ color:#EB5F50; font-size:16px;font-weight:600;}
#scrollDiv li j d{ color:#666; font-size:14px;margin-left:10px}
#scrollDiv li j e{ color:#6595ED; font-size:14px;margin-left:10px}
#scrollDiv li j f{ color:#EB5F50; font-size:14px;margin-left:10px}
.scroltit{ height:30px; line-height:30px; padding-bottom:5px;}
.scroltit h3{ width:100px; float:left;}
.scroltit span{ padding:3px 6px;border: 1px solid #EB5F50;border-radius:5px;color:#EB5F50;font-size:13px}
.scroltit c a{color:#666;font-size:13px;margin-left:10px}
.scroltit a{ color:#EB5F50;}
.scroltit a:hover{opacity: .9}
.scroltit .updown{float:right; width:32px; height:30px; margin-left:4px}
#but_up{ margin-top:2px;background:url(/skin/images/top.png); text-indent:-9999px; background-size: 25px 25px;background-repeat: no-repeat; }
#but_down{ margin-top:2px;background:url(/skin/images/bottom.png) ; text-indent:-9999px; background-size: 25px 25px;background-repeat: no-repeat; }
.intt {font-size:14px;max-width:630px;margin:39px auto 50px auto;clear:both;}
.hover-image-container {position:relative;display:inline-block;}
.hover-image-container img {position:absolute;top:-20;left:1000;height:120px;width:auto;display:none;opacity:0;transition:opacity 0.5s ease,right 0.5s ease;background:#fff;pointer-events:none;}
.item {float:left;margin:10px 18px 0 0}
.item a {color:#393939}
.item a:hover {color:#ff5555}
.item a:hover + .hover-image-container img {display:block;right:95px;top:-35px;opacity:1;border:1px solid  #f0f0f0;padding:5px;background:#fff;}

@media screen and (max-width:600px) {
.hover-image-container{display:none}
.intt {margin:60px 2% 50px 2%}
.fixed-bottom {  position: static;clear:both;position:fixed;bottom:0;}
.top_s {margin:0 12px 0 12px;}
.dpdt {margin:0 12px 20px 12px;}
.scrollbox{margin:20px 2%;clear:both}
.hots c {display:none}
#scrollDiv{height:190px; overflow:hidden;}
#scrollDiv li{height:70px;padding:10px 0 10px 0;}
#scrollDiv li img{ float:left;width:70px;height:auto}
#scrollDiv li r{ float:left;width:81%;height:70px;margin-left:10px;}
#scrollDiv li h3{ height:19px;  font-size:14px; color:#353535; line-height:18px;overflow:hidden}
#scrollDiv li div{ margin-top:6px;margin-bottom:5px;height:17px; color:#777; line-height:16px; overflow:hidden;font-size:12px}
#scrollDiv li j{font-size:13px}
#scrollDiv li j c{ font-size:15px;font-weight:600;}
#scrollDiv li j d{ font-size:12px;}
#scrollDiv li j e{ font-size:12px;}
#scrollDiv li j f{ font-size:12px}
}
@media screen and (max-width:460px) {
#scrollDiv{height:190px; overflow:hidden;}
#scrollDiv li{height:70px;padding:10px 0 10px 0;}

#scrollDiv li img{ float:left;width:70px;height:auto}
#scrollDiv li r{ float:left;width:76%;height:75px;margin-left:10px;}

}
@media screen and (max-width:380px) {
#scrollDiv{height:190px; overflow:hidden;}
#scrollDiv li{height:70px;padding:10px 0 10px 0;}
#scrollDiv li img{ float:left;width:70px;height:auto}
#scrollDiv li r{ float:left;width:71%;height:75px;margin-left:10px;}
}
@media screen and (max-width:316px) {
#scrollDiv{height:190px; overflow:hidden;}
#scrollDiv li{height:70px;padding:10px 0 10px 0;}
#scrollDiv li img{ float:left;width:70px;height:auto}
#scrollDiv li r{ float:left;width:68%;height:70px;margin-left:5px;}
#scrollDiv li j e{ display:none}

}
@media screen and (max-width:630px) {footer {padding:10px 0 10px 0;}
.fixed-bottom .dong ,.dpdt{display:none}
.logo {margin-bottom:0px}
.logo img {width:220px;margin:50px auto;}
.searchbox {width:90%;height:40px;margin:0px auto 0;}
.searchbox .import {width:55%;border-radius:6px;height:40px;float:left;padding-left:10px;border:none;outline:none;font-size:14px;color:#666}
.searchbox .btn-search {width:60px;cursor:pointer;height:100%;border-radius:0;-webkit-appearance:none;font-size:13px}
.mod_select {float:right;margin-right:72px;}
.mod_select .select_box .option {display:none;position:absolute;top:40px;right:-14px;width:66px;background-color:#fff;border-top:0;}
.mod_select .select_box .option li {padding-left:15px;font-size:13px;padding-right:6px;line-height:2;cursor:pointer;overflow:hidden}
.mod_select .select_box .select-icon {float:left;margin-top:21px;margin-left:5px;margin-right:-3px;transform:translate(0,-50%);width:10px;height:10px;background-size:16px 19px;-webkit-appearance:none}
.mod_select .select_box .select_txt {display:inline-block;float:left;height:40px;padding-left:0px;overflow:hidden;line-height:40px;font-size:14px;cursor:pointer;-webkit-appearance:none}
.hots {width:90%;margin:10px auto 0 2%;}
.hots a {float:left;margin:0 7px 0 0}
}


.quan-ul {
max-width:683px;clear:both;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin:20px auto;
}
.quan-item a c img{  display: none;  transition: opacity 0.5s ease; position: absolute; top:0px;right:130px;height:80px;background:#fff}
.quan-item a:hover c  img{display: block;    opacity: 1;}

.quan-item {
	position: relative;
	float: left;
	background: #ffffff;
	transition: all .2s;
	width: 210px;
	height: 60px;
	margin-top: 20px;
}
.quan-left {
	float: left;
	padding-left: 0px;
	margin-right: 5px;
	/* width: 206px; */
}
.quan-right {
	overflow: hidden;
	height: 60px;
	text-align: center;
}
.quan-img{
	padding-top: 00px;
    padding-left: 00px;
    padding-right: 10px;}
 .quan-img img   {width:110px;height:57px}
.quan-circle {
	width: 1px;
	position: absolute;
	right: 92.5px;
	margin-top: 0px;	height: 60px;
}
.quan-right .quan-right-title {
	margin-top: 0px;
	font-size: 14px;
	max-height: 55px;
	overflow: hidden;
	color: #e62828;
	padding: 0 ;
}
.quan-right .quan-right-btn {
	margin-top: 8px;
	color: #fff;
	background: #e62828;
}
.quan-right:before {
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
	top: 0;
	right: 0;
	background-size: 100%;
}

.quan-circle span {
	display: block;
	background: #ddd;
	margin-top: 3.9px;
	border-radius: 50%;
	width: 3px;
	height: 3px;
}
.quan-right-btn {
	display: inline-block;
	width: 88px;
	height: 26px;
	line-height: 25px;
	border-radius: 2px;
	font-size: 13px;
}

@media screen and (max-width:440px) {
.quan-ul {padding:0 2%;width: 96%;}

}
@media screen and (max-width:430px) {
.quan-ul {padding:0 1%;width: 99%;transform: scale(0.95);}
.quan-item {width: 49%;margin-top:10px;}
.quan-left{width: 49%;}
 .quan-img img   {width:100%;height:50px}
 .quan-right-btn {
	display: inline-block;
	width: 80px;
	height: 22px;
	line-height: 22px;
	border-radius: 2px;
	font-size: 12px;
}
.quan-right .quan-right-title {

margin-top:-2px;

}
.quan-circle {

	right: 51%;

}
.quan-circle span {
	display: block;
	background: #ddd;
	margin-top: 2.9px;
	border-radius: 50%;
	width: 3px;
	height: 3px;
}
}
@media screen and (max-width:430px) {
.quan-right .quan-right-title {
	margin-top: -2px;
	font-size: 12px;
}    
}