@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("../gg_images/header_bg.png");background-repeat:no-repeat;background-position:center;background-size:cover;}
.header_top_logo_main{width:1280px;margin:0 auto;padding-top:15px;}
.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:110px;}
.header .header_main .header_logo img{border-radius:10px;width:320px;}

.subject{width:calc(100% - 40px); max-width:1280px; 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 .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;}

@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%;}

	.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;}
}