@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ font-weight: 500;}
h1{font-size:1.5em}
h2{font-size:1.3em}
h3{font-size:1.2em}
h4{font-size:1.1em}
h5{font-size:1.0em}
h6{font-size:0.9em}
a, fieldset, img{border:none;}
a{ color:#777; text-decoration:none;}
a:active,a:hover{ color:#777; text-decoration:none;}
ul li,ol li{ list-style:none;}
img{ vertical-align:middle; margin: 0 auto;}
body,button,input,select,textarea{font: 16px/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;}

/*头部banner*/
.top-banner{ width: 100%;}
.top-wrap .top-banner{ width: 100%; overflow: hidden;}
.con-wrap .con-li{ width: 100%; padding: 35px 10px 25px;}
.con-wrap .con-h{ width: 320px; height: 45px; margin: -25px 0 30px;}
.con-wrap .con-li:before{ width: 335px; height: 60px; line-height: 60px; margin: -65px 0 0 -160px; font-size: 17px;}
.con-wrap .con-renwu{ padding: 0 0 8px;}
.con-wrap .con-chanpin .con-h{ margin: -26px 0 20px;}
.con-wrap .con-chanpin .con-li{ padding: 0px 10px 5px; margin: 0 auto 15px;}
.con-wrap .con-xianchang{ padding: 0 0 15px;}
.con-wrap .con-xianchang .orange-bg{display: none;}
.con-wrap .con-xianchang ol{display: none;}
.con-wrap .con-xianchang .con-li-live{ width: 100%; overflow: visible; padding: 0 10px; box-sizing: border-box;}
.con-wrap .con-li li .con-li-img { margin-bottom:5px;}
.con-wrap .con-li-live li .con-li-img img{ width: 100%;}
.con-wrap .con-xianchang ul li{ display: inline-block;}
.con-wrap .con-xianchang ul li p{ font-size: 14px; height: 30px; line-height: 30px; padding: 0 6px;}


.top-wrap .top-banner img{ width: 150%; margin-bottom: -1px; margin-left: -25%;}
.con-wrap .con-host-wrap{width: 95%; padding: 0 2.5%;}
.host-down a{font-size: 20px; line-height: 28px;}
.con-wrap .con-host .con-h{width: 100%; height: auto; margin: -35px 0 -7px;}
.con-renwu .con-li span{width: 100%;margin-left: -50%; margin-top: -78px;}
.con-wrap .con-renwu .con-li{padding: 35px 4px 25px;}
.con-wrap .con-li:before{ margin-top: -75px;}
/*.con-wrap .con-chanpin .con-li{ padding: 0px 10px 5px;}*/
@media only screen and (max-width: 400px) {
	.con-wrap .con-li li .con-li-img{ margin-bottom: 2px;}
	.con-wrap .con-li li .con-li-img img{ width: 140px; margin-bottom: 5px;}
	.con-wrap .con-li li a{ font-size: 18px;}
	.con-wrap .con-li .con-li-btn a{ width: 65px; height: 20px; font-size: 12px; background-size: 14px 14px; padding: 0 3px 0 0;}
	.con-wrap .con-li .con-li-btn .btn-r{ background-size: 14px 14px;}
	.con-wrap .con-chanpin .con-li{ padding: 0px 0px 5px;}
	.con-wrap .con-li-live li .con-li-img img{ width: 100%;}
}

@media only screen and (max-width: 375px) {
	.con-wrap .con-li:before{ width: 320px; font-size: 16px;}
	.con-wrap .con-chanpin .con-li li a.con-li-img{ width: 140px; height: 195px; font-size: 14px;}
}