@charset "utf-8";
*{margin:0;padding:0;list-style:none;font-family:"微软雅黑";}
html,body{height:100%;}
img{border: 0 none;vertical-align:middle;/*display:table;*/}
a{text-decoration:none;background:none;}
ul,ol{list-style:none;}
:focus{outline:none;}
.clearfix{clear:both;content:"";display:block;overflow:hidden;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.fw{font-weight: bold;}
.ti2{text-indent:2em;}

.header{max-height:580px;height:calc(100vw * 0.58);min-height:400px;background-image:url("../a_images/cq_home/header_2.png");background-repeat:no-repeat;background-position:center;background-size:cover;}
.header_top_logo_main{width:960px;height:60px;margin:0 auto;}
.header_top_logo_main img{width: 160px;}
.header .header_main{width:100%;max-width:1000px;margin:0 auto;height:100%;text-align:center;}
.header .header_main .header_logo{width:100%;margin:0 auto;padding-top:100px;}
.header .header_main .header_logo .text_title{color: #ffffff;font-size: 2.6rem;}
.header .header_main .header_logo img{border-radius:10px;width:60px;height:60px;}
.header .header_main .header_title{width:100%;font-size:1.2rem;color:#fff;margin-top:20px;}
.header .header_main .header_btn{width:180px;min-width:120px;height:50px;margin:0 auto;margin-top:80px;position:relative;text-align: center;}
.header .header_main .header_btn a img{width:100%;}

.header .header_main .header_btn a .down_but_main{background:rgba(255,255,255,0.2);height:100%;width:100%;border-radius: 8px;line-height: 50px;}
.header .header_main .header_btn a .down_but_main .down_img{height:26px;width:26px;margin-top:-3px;}
.header .header_main .header_btn a .down_but_main .text_font{color:#ffffff;font-size:18px;}

.header .header_main .header_btn .qrcode{position:absolute;left:102%;top:-60px;padding:15px;background:#fff;display:none;}
.header .header_main .header_btn .qrcode img{width:140px;margin-top: 10px;}
.header .header_main .header_btn .qrcode .span_box{padding-top:5px;}
.header .header_main .header_btn .qrcode .close_but{width:40px;height:30px;position:absolute;top:5;right:5px;font-size: 12px;text-align: right;cursor:pointer;}

.subject{width:calc(100% - 40px); max-width:1000px; margin:0 auto;text-align:center;}
.subject .subject_title{font-size:22px;margin-top:40px;font-weight:bold;color:#333;}
.subject .subject_text{font-size:14px;margin-top:20px;text-align:left;line-height:30px;color:#666;}
.subject .subject_text .subject_content_main{margin-top: 10px;}
.subject .subject_text .subject_content_title{color: #333333;}

.subject .listmain{width:100%;}
.subject .listmain .listmain_boxs{width:23.5%;float:left;margin-top:60px;}
.subject .listmain .listmain_boxs{margin-right:1.5%;}
.subject .listmain .listmain_boxs:last-child{margin-left:0;}
/*.subject .listmain .listmain_boxs:first-child{margin-right:2%;}
.subject .listmain .listmain_boxs:last-child{margin-left:2%;}*/
.subject .listmain .listmain_boxs .listmain_boxs_img{width:100%;}
.subject .listmain .listmain_boxs .listmain_boxs_img img{width:100%;}
.subject .listmain .listmain_boxs .listmain_boxs_exp{text-align:left;margin-top:10px;font-size:14px;}
.subject .listmain .listmain_boxs .listmain_boxs_exp .listmain_boxs_title{font-size:14px;font-weight:bold;text-align:center;color:#333;}
.subject .listmain .listmain_boxs .listmain_boxs_exp .listmain_boxs_text{margin-top:5px;line-height:25px;color:#666;}

.footer{height:60px;width:100%;background:#397dee;margin-top:80px;}
.footer .footer_text{line-height:60px;text-align:center;color:#fff;font-size:14px;width:auto;margin:0px 20px;}

.tips_box{ width:calc(100% - 30px); padding:15px; height:100%; position:fixed; background:rgba(0, 0, 0, 0.8); z-index:1111;display:none;}
.tips_box img{width:100%;}


@media only screen and (max-width:1000px){
	.header .header_main .header_logo{padding-top:130px;}
	.header_top_logo_main{width: 100%;}
}

@media only screen and (max-width:768px){
	.header .header_main .header_logo{padding-top:60px;}
	.header_top_logo_main{width: 100%;}
	
}
@media only screen and (max-width:560px){
	.header{max-height:580px;height:80%;}
	.header_top_logo_main{width: 100%;}
	.header .header_main .header_logo{width:100%;padding-top:25%;}
	.header .header_main .header_title{width:calc(100% - 40px);margin:0 auto;margin-top:20px;}
	.header .header_main .header_btn{margin-top:30%;width:24%;min-width:160px;}
	.header .header_main .header_logo .text_title{font-size: 2.2rem;}
	.header .header_main .header_title{font-size: 1.1rem;}

	.subject .listmain .listmain_boxs{width:100%;}
	.subject .listmain .listmain_boxs:first-child{margin-right:0%;}
	.subject .listmain .listmain_boxs:last-child{margin-left:0%;}
	
	.footer .footer_text{line-height:22px;padding-top:8px;}
}