body,form,div,span,ul,ol,li,p,pre,dl,dt,dd,h1,h2,h3,h4,h5,h6,em,a,fieldset,legend,address,label,textarea,select,input,figure,table,th,td,b,i{margin:0;padding:0;}
body, button, input, select, textarea{font:0.12rem/1.5 tahoma,arial,'hiragino sans gb','microsoft yahei',sans-serif;}
fieldset,img{border:0;}
img{width: 100%;display: block;}
ul,li{list-style:none;}
em,i,cite{font-style:normal;}
table{border-collapse:separate;border-spacing:0;}
a{text-decoration:none;color: #000;}
a:focus,input,button,select,textarea{outline:none; font-size:100%;}
input,select,img{ vertical-align:middle;}
legend{ display:none;}
textarea{resize:none;}
button {cursor:pointer;  border:none;}
*{box-sizing: border-box;}

a,button,img{-webkit-touch-callout:none;outline:none;-webkit-user-select:none;}
input{-webkit-appearance:none}
a,button,input,div{-webkit-tap-highlight-color:rgba(0,0,0,0);}
html{width:100%; background: #ebece4;}
body{background-color: #fff;max-width: 600px;min-height: 100vh;margin: 0 auto;}
 .textnoselect
 {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.img-noselect
{
    pointer-events:none;
    -webkit-pointer-events:none;
    -ms-pointer-events:none;
    -moz-pointer-events:none;
}

/* m-menu */
.topmenu{max-width: 600px;height: 40px;background-color: #fff;padding-top: 4px;position: relative;}
.topmenu .mid-logo{width: 110px;height: 32px;margin: 0px auto 0;background: url(/special/imgs/xinlogo.png) no-repeat center center;display: block;text-indent: -999em;background-size: auto 100%;}

.topmenu .nav-hamburger-link{display: block;position:absolute; right:10px;top:12px;height: 30px; width: 36px;cursor: pointer;}
.topmenu .sdnews{background: #f7f7f7;padding:0px 5px 0 4%;height: 20px;line-height:20px;position: absolute;left: 0%; top: 12px;font-size: 12px;color: #7d7d7d;}
.topmenu .sdnews::after{
    content: "";
    position: absolute;
    height: 0px;
    width: 0px;
    border-top: 20px solid  #e6e6e6;
    border-right: 6px solid transparent;
    top: 0px;
    right: -6px;
}

.menuPop{position: fixed;max-width: 600px;background:#f1f1f1;top: 38px;bottom: 0;left: 0;right: 0;z-index: 100;margin: 0 auto;
	-webkit-animation-name: fadeIn; /*动画名称*/
	-webkit-animation-duration: 0.4s; /*动画持续时间*/
	-webkit-animation-iteration-count: 1; /*动画次数*/
  -webkit-animation-delay: 0s; /*延迟时间*/
  display: none;
}
.menuPop.pcshow{left: 50%;margin-left: -300px;}
.topmenu.fixedtop{position: fixed;top: 0;left: 0;right: 0;z-index: 100;max-width: 600px;margin: 0 auto;}
.topmenu.pcshow.fixedtop{left: 50%;margin-left: -300px;}

.anmaiClose{
	-webkit-animation-name: closefadeIn; /*动画名称*/
	-webkit-animation-duration: 0.4s; /*动画持续时间*/
	-webkit-animation-iteration-count: 1; /*动画次数*/
	-webkit-animation-delay: 0s; /*延迟时间*/
}
@-webkit-keyframes closefadeIn{
0% {opacity: 1; }
50% {opacity: 0.5;}
100% {opacity: 0;}
}
.xin-searchOpen{-webkit-animation-name: openfadeIn; /*动画名称*/
-webkit-animation-duration: 0.4s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/
}
@-webkit-keyframes openfadeIn{
0% {opacity: 0;}
50% {opacity: 0.5;}
100% {opacity: 1; }
}

.nav-hamburger{height: 30px; width: 36px;}
.nav-hamburger .nav-hamburger-line {
	display: block;
	position: relative;
	width: 22px;
	height: 1px;
	border-radius: 1px;
	background: #666;
	-webkit-transition-property: transform, opacity, -webkit-transform;
	-moz-transition-property: transform, opacity, -webkit-transform;
	-ms-transition-property: transform, opacity, -webkit-transform;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-ms-transition-duration: 0.25s;
	transition-duration: 0.25s;
}
.nav-hamburger .nav-hamburger-line:nth-child(1) {
	top: 4px;
	left: 6px;
	-webkit-transform-origin: 2px 3px;
	-moz-transform-origin: 2px 3px;
	-ms-transform-origin: 2px 3px;
	transform-origin: 2px 3px;
}
.nav-hamburger .nav-hamburger-line:nth-child(2) {
	top: 9px;
	left: 6px;
	opacity: 1;
}
.nav-hamburger .nav-hamburger-line:nth-child(3) {
	top: 14px;
	left: 6px;
	-webkit-transform-origin: 4px 3px;
	-moz-transform-origin: 4px 3px;
	-ms-transform-origin: 4px 3px;
	transform-origin: 4px 3px;
}
.nav-hamburger-link .opened .nav-hamburger-line {
	background-color:#0365AA;
}
.nav-hamburger-link .opened .nav-hamburger-line:nth-child(1) {
	top: 2px;
	left: 10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.nav-hamburger-link .opened .nav-hamburger-line:nth-child(2) {
	opacity: 0;
}
.nav-hamburger-link .opened .nav-hamburger-line:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 12px;
	top: 12px;
}
.headMenu{background:#f9f9f9; border-bottom:1px solid #d4d4d4;padding: 10px 0;}
.popTopP45{padding-top:50px;padding-bottom: 4px;}
.menuTan{margin: 0 10px;overflow: hidden;}
.menuTan li{line-height:30px; height:30px; float: left; width:16.5%; text-align: center; margin-bottom:2px; }
.menuTan li:active{background: #FFD35A; border-radius:3px;}
.menuTan li a{font-size:18px; display:inline-block; color: #1D1D1D;}
.menuTan .danq a{ border-bottom: 2px solid #FFBF00; font-size: 20px; font-weight: 500;}

.proDuction{padding-top: 30px;}
.proDuction ul{ margin: 0 auto;padding: 0 15px;display: flex;justify-content: space-between;flex-flow: wrap;}
.proDuction ul li{height:50px; text-align: center;width: 48%;margin-bottom: 15px;}
.proDuction ul li a p{font-size: 20px; height: 50px; line-height: 50px; overflow: hidden; margin: 0 auto; text-align: center;  display: block; color: #fff;position: relative; font-weight: 300; border-radius:2px;}
.proDuction ul li:nth-child(1) p{background: rgba(231, 0, 0, 0.33);}
.proDuction ul li:nth-child(2) p{background:rgba(246, 28, 75, 0.7)}
.proDuction ul li:nth-child(3) p{background: rgba(37, 190, 126, 0.63)}
.proDuction ul li:nth-child(4) p{background: rgba(255, 76, 66, 0.56)}
.proDuction ul li:nth-child(5) p{background: rgba(246, 108, 0, 0.62)}
.proDuction ul li:nth-child(6) p{background:rgba(61, 163, 255, 0.57)}
.proDuction ul li:nth-child(7) p{background: #FFB400;}
.proDuction ul li:nth-child(8) p{background: #FF7D00;}
.proDuction ul li:nth-child(9) p{background: #2ea7e0;}
.proDuction ul li:nth-child(10) p{background: #ad69b9;}
.proDuction ul li:nth-child(11) p{background:#00bcd4;}
.proDuction ul li:nth-child(12) p{background: #ff5722;}
/* m-menu end */

.footer{width: 100%;padding: 0 10px;margin-top: 20px;}
.footer .top{display: flex;border-top: 1px solid #ccc;}
.footer .top a{display: block;flex: 1;text-align: center;font-size: 14px;height: 40px;line-height: 40px;}
.footer .bot{font-size: 11px;text-align: center;padding-bottom: 15px;}

.banner{margin-top: 40px;}

.list-desc{width: 100%;padding: 15px;margin-bottom: 10px;}
.list-desc h1{font-size: 0.8rem;margin-bottom: 8px;}
.list-desc p{font-size: 0.6rem;line-height: 1rem;}

.list-content{width: 100%;padding: 0 15px;}
.list-content .headline{border-left: 0.25rem solid #fb5f20;font-size: 0.7rem;padding-left: 0.3rem;font-weight: 700;margin-bottom: 5px;}

.list li{padding: 15px 0;border-top: 1px solid #ddd;}
.list li:first-child{border-top: 0;}
.list a{display: flex;justify-content: space-between;}
.list a:active{color: #fb5f20;}
.list a .img-box{flex: 0 0 5rem;height: 3.5rem;margin-left: 0.7rem;overflow: hidden;}
.list a .img-box img{object-fit: cover;}
.list a .title-box{flex: 1;display: flex;flex-flow: wrap;align-items:flex-start}
.list a .title-box .title{font-size: 0.8rem;font-weight: normal;width: 100%;}
.list a .title-box .date{align-self: flex-end;font-size: 0.6rem;color: #999;margin-top: 0.5rem;}


a#go-top {
  width: 40px;
  background-position: -130px -253px;
  color: #999;
  text-decoration: none;
  text-indent: -9999em;
  line-height: 25px;
  display: block;
  height: 40px;
  background-image: url(http://www.qdxin.cn/img/sprit190712.png);
    background-image: -webkit-image-set(url(http://www.qdxin.cn/img/sprit190712.png) 1x,url(http://www.qdxin.cn/img/sprit190712@2x.png) 2x);
    background-repeat: no-repeat;
}

.qr-wrapper{position: fixed;right: 50%;margin-right: -470px;bottom: 20px;width: 150px;background-color: #fff;padding: 10px;border-radius: 10px;}
.qr-wrapper p{text-align: center;font-size: 12px;}
.qr-wrapper p.red{color: #fb3220;}

@media screen and (max-width: 600px) {
  .qr-wrapper{display: none;}
 }