@charset "utf-8";
/* CSS Document */
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}
input{
 -webkit-appearance:none; /*去除input默认样式*/
 -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /*去除点击高亮的颜色*/
	}

 body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
	padding: 0;background: url("../images/bg1080.jpg") no-repeat center top
	}
.headbox{  height: 44px; padding:0px;}
.headbox h1{ margin:0px 15px; width:auto; height:auto; display:block; float:left;}.headbox h3{  line-height:44px; margin:0px ; padding:0px;}
.headbox h1 a{ width:100px; height:44px; display:block; float:left;padding:0px; background:url(http://www.artrade.com/image/ecp/logo.png) no-repeat center center;   background-size: 100px 44px;}
.logo_style{ float:left}
.login_right{ width:auto; float:right; margin:0px 15px; line-height:44px;}
.login_right a{ color:#000; margin:0px 15px; text-decoration: none;}
.footbox{ width:100%; padding:20px 0px; margin-top: 40px; height:auto; text-align:center; color:#994801; font-size:16px}
/***************/	
.banner-box{width:100%; text-align: center;margin: 0px auto; }
.manghe-box,.list-box{ width: 100%; height: auto ; margin: 0px auto 30px auto;   overflow: hidden;}
.kaiheguize{ margin: 0px auto; border-radius: 10px;  background-color: rgba(255, 255, 255, 0.1);  box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.25);   }
.kaiheguize h3{font-size:24px}
.kaiheguize p{ line-height:1.6; font-size:16px; color: #994801}
/******列表**********/	
.list-zc{ margin: 0px auto; overflow: hidden}
.banner-s{ width:auto;  height: auto; float:left; display: block; margin: 5px auto;}
.banner-s img{ width:100%}
/******媒体查询**********/	
@media (min-width: 280px) {
	.top-box{display: block}
	.banner-box img{ width:100%}
	.kaiheguize{ width:80%; padding: 15px;}
	.footbox{ font-size:14px;	}
	.banner-s{ width:100%;  text-align: center; padding:5px 0px;}
	}
@media (min-width: 312px) {
    .top-box{display:block}  
	.banner-s{ width:100%;  text-align: center; padding:5px 0px;}
	}	
@media (min-width: 360px) {
    .bg{padding-top: 0px;}
	.top-box{display:block}
	.kaihexuzhi img{ width:360px;}
	.banner-s{ width:100%;  text-align: center; padding:5px 0px;}
	}
@media (min-width: 540px) {
	.top-box{display:block}	
	.bg{padding-top: 0px;}
	.banner-s{ width:520px;  text-align: center; padding:5px 10px;}
	}
@media (min-width: 640px) {
	.top-box{display:block}
	.bg{padding-top: 0px;}
	/*.banner-box img{ width:100%}*/
	.kaihexuzhi img{ width:360px;}
	.banner-s{ width:300px;  text-align: center; padding:5px 10px;}
	}
@media (min-width: 768px) {
	.bg{padding-top: 0px;}
	.kaihexuzhi-tsimg{ width:730px;}
	.kaihexuzhi img{ width:360px;}
	.banner-s{ width:364px;  text-align: center; padding:5px 10px;}
	}	
@media (min-width:870px) {
	.top-box{display:block}
	.bg{padding-top: 0px;}
	/*.banner-box img{ width:100%}*/
	.kaihexuzhi-tsimg{ width:730px;}
	.kaihexuzhi img{ width:360px;}
	.banner-s{ width:415px;  text-align: center; padding:5px 10px;}
	}	
@media (min-width: 1024px) {
	.top-box{ width: 100%; height: 44px; padding:0px; display: block }
	.headbox{width: 1024px ; margin:0 auto ;}
	.logo-box{ width:1024px; height: auto} 	
	.banner-box{ width:1024px; height:auto; margin: 0px auto; text-align: center}
	.kaiheguize{ width:780px; padding: 40px}
	.kaihexuzhi-ts{ width:1024px;}
	.kaihexuzhi-ts img{ width:730px;}
	.kaihexuzhi img{ width:360px;}
	.list-zc{width:1024px;}
	.banner-s{ width:490px;  text-align: center; padding:5px 11px;}
	}