section,.w1200{max-width:1200px;margin:0 auto}

html,body{min-height:100%}
body{background:url('../images/bg.jpg') 50% no-repeat;background-size:cover;background-attachment:fixed}

/*header*/
header{padding:16px 3%;position:relative}
.logo{margin-top:10px;margin-right:3%}
.logo img{height:56px}
.t_c{padding:10px 10px 0}
.t_c h3{margin-bottom:6px;font-weight:700;color:#1872ae;}
.t_code{left:230px;top:50%;-webkit-transform:translateY(-40%);-moz-transform:translateY(-40%);-ms-transform:translateY(-40%);transform:translateY(-40%)}
.t_code img{border:1px solid #ddd;width:76px;height:76px;margin-bottom:4px}

/*article*/
.table_data{-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;border-radius:20px;-webkit-box-shadow:0px 0px 20px #888;-moz-box-shadow:0px 0px 20px #888;-ms-box-shadow:0px 0px 20px #888;-o-box-shadow:0px 0px 20px #888;box-shadow:0px 0px 20px #888;margin:30px 0 50px;overflow:hidden;padding:0 100px 20px}
.table_data table{width:100%;position:relative;z-index:3}
.table_data th,.table_data td{line-height:24px;padding:8px 8px;word-break:break-all}
.table_data th{color:#1872ae;padding:13px 5px;text-align:left;white-space:nowrap}
.table_data tbody{background:#fff}

.table_data:before{content:'';position:absolute;height:50px;top:0;left:0;right:0;background:#ddeaf3}

.table_data td:first-child{font-weight:700}

@media (max-width:1440px){
	article{padding:0 3%}
	section,.w1200{max-width:100%}
}
@media (min-width:1200px){
	.t_c{position: absolute;left:326px}
}
@media (max-width:1200px){
	body{background-size:100% 100%}
	header{padding:3% 3% 1%}
	.table_data{padding:0 40px 20px}
	.logo{margin-top:8px;display:block;height:5.2vw}
	.logo img{height:100%}
	.t_c,.logo{float:none}
	.t_c{margin-top:30px;right:0;line-height:1.6em}
	.t_code{-webkit-transform:translateY(-8%);-moz-transform:translateY(-8%);-ms-transform:translateY(-8%);transform:translateY(-8%);top:-1.5vw}
	.t_code img{width:auto;height:8vw}
	.t_code{left: 24%}
	.t_code .txt{margin:.2vw 0 0 1.4vw}
}

@media (max-width:1024px){
	.logo{height:6vw}
	.t_code img{height:8vw}
	.t_code{left:27%}
}

@media (max-width:767px){
	body:before {
        content:""; 
        background-image:url('../images/bg_m.jpg'); 
        position:fixed; 
        top:0; 
        left:0; right: 0;bottom: 0;
        -webkit-background-size:100% 100% !important; 
        -moz-background-size:100% 100% !important; 
        -o-background-size:100% 100%; 
        background-size:100% 100% !important;
        z-index:-1;
    }
	.f14,header{font-size:12px}
	.table_data{padding:0 10px 20px;margin:20px 0 40px}
}


@media (max-width:640px){
	header{padding:4% 4% 1%}
	article{padding:0 4%}
	.logo{height:11vw}
	.t_code{top:-2.2vw;left:50%}
	.t_code img{height:14vw}
}

@media (max-width:580px){
	.t_c p{text-indent: 2em}
}

@media (max-width:375px){
	.f16{font-size:14px}
}