@charset"utf-8";li{list-style:none}legend{color:#5a5a5a}fieldset,img{border:0}i,em{font-style:normal}ul{margin:0;padding:0}strong{font-weight:bold}caption,th{text-align:left}q:before,q:after{content:''}sup{vertical-align:super}sub{vertical-align:sub}del,ins{text-decoration:none}small{font-size:12px;display:block}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select{font-size:100%}input.hidefocus::-moz-focus-inner{border:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}table{border-collapse:collapse;border-spacing:0;empty-cells:show}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none}*{padding:0;margin:0;}a{text-decoration:none!important;-webkit-tap-highlight-color:transparent;outline:none}strong{font-weight:bold}ul{list-style:none}*html.clearfix{zoom:1}* html.clearfix{zoom:1}.h1, .h2, .h3, h1, h2, h3{margin:0} html{font-size:62.5%; /* 10รท16=62.5% */} body{font-size:14px;font-size:1.4rem ; line-height:24px;font-family:'source han sans cn','microsoft yahei',arial;color:#333;background:#fff;line-height:25px}*{margin:0;padding:0}a{text-decoration:none;color:#333;}* html .clearfix{zoom:1}* html .clearfix{zoom:1}.clearfix:after{height:0;visibility:hidden;content:".";display:block;clear:both} .contentfix{width:83.33%;margin:0 auto}.contentleft{margin-left:8.6%}body .bold{font-family: 'sourcehansanscn-bold';} .rightnone{margin-right:0!important} @font-face { font-family: 'sourcehansanscn-light'; src: format('truetype'); } @font-face { font-family: 'sourcehansanscn-regular'; src: format('truetype'); } @font-face { font-family: 'sourcehansanscn-normal'; src: format('truetype'); } @font-face { font-family: 'sourcehansanscn-bold'; src: format('truetype'); } @font-face { font-family: 'sourcehansanscn-light'; src: format('truetype'); } /**/ body{background:url(/uploads/image/himages/background.jpg) no-repeat #f7f7f7 center top;font-size:16px;} header{padding-top:40px;} header h1{color:#fff;} .content{background:#fff;border-radius:10px;padding:30px;box-shadow:0 1px 5px rgba(0,0,0,.21);} .content ul{border-bottom:1px solid #6d3353}.content ul li{margin-bottom:10px;}.content ul li a{font-weight:bold;text-decoration: underline!important} .content .more{display:block;width:200px;margin:0 auto;background:#fff;position:relative;top:-13px;text-align:center} @media screen and (min-width: 769px) { body{padding-bottom:90px} header{padding-top:25vh} header h1{font-size:50px;padding-left:64px;margin-bottom:13vh} .content{padding-bottom:9vh} .content ul{padding-bottom:110px;}.content ul li{clear:both;} .content ul li .img{width:21.6%;float:left;height:170px;background:#eee}.content ul li .img img{display:block;margin:40px auto 0} .content ul li .desc{width:74%;float:right;height:130px;background:#eee;padding:40px 2% 0} } @media screen and (max-width: 768px) { body{padding-bottom:40px} header h1{font-size:26px;padding-bottom:30px;text-align:center} .content{padding-bottom:50px} .content ul{padding-bottom:30px;}.content ul li{line-height:2;margin-bottom:20px;background:#eee;padding:40px 20px;}.content ul li .img img{display:block;margin:0 auto 20px} } @media screen and (min-width: 769px) and (max-width: 1000px) { .content ul li{float:left;width:48%;margin-right:2%;}.content ul li:nth-child(2n){margin-right:0} } @media screen and (min-width: 1001px){ .content ul li:nth-child(3n){margin-right:0} }