@charset "gb2312";
/* by offcnlyh in 2016.09.18 */
*{padding:0;margin:0;list-style: none;text-decoration: none;font-weight:normal;color:#333;font:12px Microsoft Yahei; }
html{width:100%;height:100%;}
html,body{ width:100%;font-size:62.5%;}
body{font:16px Microsoft Yahei; height:100%}
.fl{float:left}
.fr{float:right;}
a,button,input,optgroup,select,textarea {
    -webkit-tap-highlight-color:rgba(0,0,0,0);outline: none; /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/border:0
}
input[type=”button”], input[type=”submit”], input[type=”reset”] {
-webkit-appearance: none;/*去掉苹果默认样式*/
}
.zg_wrapper{max-width:720px;margin:0 auto;overflow:hidden;display: -webkit-box;-webkit-box-orient:vertical;background:#eeeeee;}
.clear{clear:both;}
.zg_bg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:222;display:none;}
/*=========header========*/
.zg_header{padding:3% 5%;background:#fff; position:relative;z-index:22222}
.zg_header a img{width:51.5%;}
.zg_header_r{width:18%;padding-top:1%;}
.zg_header_r a{float:left;font:3rem/3rem "Microsoft Yahei";margin-left:2%}
.zg_header_r p{float:right;width:30%;margin-top:6%;}
.zg_header_r p img{width:70%;}
.zg_nav {position:absolute;top:90%;left:0;padding:5% 3%; width:97%;z-index:33333;background:url(../images/zg_navbg2.png);display:none;}
.zg_nav ul{ position:relative;}
.zg_nav ul li{width:25%;float:left;text-align:center;}
.zg_nav ul li img{width:42%;}
.zg_nav p{ position:absolute;right:9%;top:-9%;width:2.7%;}
.zg_nav p img{width:100%}
/*banner*/
.zg_banner{}
.zg_banner img{width:100%;}
.zg_banner .swiper-pagination-bullet{ background:#FFF;opacity:1;}
.zg_banner .swiper-pagination-bullet-active{ background:#e74d4d;}
.zg_banner .swiper-pagination-bullet{ width:20px; height:20px;}
.m02_c{ position:relative;max-width:720px;}
.m02_c p{background:rgba(0,0,0,.5); position:absolute;left:0;width:94%;bottom:0;padding:2% 3%;}
.m02_c p span{float:right;font:2.4rem/3rem "Microsoft Yahei";color:#a3a3a3;}
.m02_c p font{float:right;display:block;width:10.4%;margin:0.5% 0 0 2%}
.m02_c p a{font:2.4rem/3rem "Microsoft Yahei";color:#fff;}
.m02_c p a img{width:100%;}
.swiper-pagination{text-align:right;padding:1% 0;}
.swiper-button-prev1,.swiper-button-next1{ width:1.5%;padding-top:10%;}
.swiper-button-prev1{background:url(../images/left.png) no-repeat left center;background-size:100% 40%; left:2%;top:40%;}
.swiper-button-next1{background:url(../images/right.png) no-repeat right center;background-size:100% 40%; right:2%;top:40%;}
/*=============main==========*/
/*main01*/
.zg_main01{background:#fff; position:relative;}
.zg_tit{background:url(../images/zg_pic01.jpg) no-repeat left bottom;background-size:100% auto;padding:2% 0;margin:0 3%;font:4.8rem/4.8rem "Microsoft Yahei";}
.zg_sel{ position:absolute;right:0%;top:0;z-index:222;padding:2% 0;}
.zg_tit a{float: right;font:2.4rem/3.6rem "Microsoft Yahei"; margin-right:8px;margin-top:0.6rem} 
.zg_tit a:hover{color: #f55b59;}
/* input */
.zg_sel_b{ position:relative;z-index: 222;width:100%;margin-top:5%;}
.zg_sel_b select{font:2.8rem/4.8rem "Microsoft Yahei";}
.zg_sel_b option{font:2.8rem/4.8rem "Microsoft Yahei";background:#f55b59;color:#fff;}
.zg_main01_ul{margin:2% 0;}
.zg_main01_ul li{padding:0% 3%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin:0.6rem 0}
.zg_main01_ul li div{border-bottom:1px solid #ccc;padding:3% 0;}
.zg_main01_ul li p{padding-left:3%;font:2.8rem/3rem "Microsoft Yahei";color:#999;}
.zg_main01_ul li p img{float:right;width:12%;}
.zg_main01_ul li h4{font:3.2rem/5rem "Microsoft Yahei";text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.zg_main01_ul li h4 span{font:3.2rem/5rem "Microsoft Yahei";color:#666;}
.zg_main01_ul li span{display:block;color:#999;font:2rem/2rem "Microsoft Yahei"}
.zg_main01_ul li span font{color:#999;font:2rem/2rem "Microsoft Yahei"}
.zg_main01_ul li a{font:3.2rem/5rem "Microsoft Yahei";text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.zg_main01_a{text-align:center;padding-bottom:3%;}
.zg_main01_a a{font:3.2rem/5rem "Microsoft Yahei";color:#f55b59;}
/*main02*/
.main02{margin:3% 0;background:#fff;padding:3% 0;}
.zg_main02_b{margin:3%;}
.zg_main02_cent{border:1px solid #e5e5e5;padding:2% 2% 6% 2%;}
.zg_main02_cent dt{}
.zg_main02_cent dd{padding:6% 1%;text-align:center;background:url(../images/zg_pic04.jpg) no-repeat center bottom;}
.zg_main02_cent dd a{font:2.4rem/3rem "Microsoft Yahei";}
.zg_main02_more{padding:0 3%;font:2.8rem/2.8rem "Microsoft Yahei";color:#f55b59;margin:3% 0;}
.zg_main02_more a{font:2.8rem/2.8rem "Microsoft Yahei";}
.zg_main02_more span{font:bold 3.2rem/4rem "Microsoft Yahei";color:#f55b59;margin-right:3%;}
/*footer*/
.zg_footer{background:#333333;padding:3% 0;text-align:center;color:#fff;font:2.4rem/4rem "Microsoft Yahei";}
@media screen and (min-width:318px) and (max-width:359px){
.zg_header_r a{float:left;font:1.4rem/1.5rem "Microsoft Yahei";margin-right:5%;}
.m02_c p span{float:right;font:1.2rem/1.6rem "Microsoft Yahei";color:#a3a3a3;}
.m02_c p font{float:right;display:block;width:10.4%;}
.m02_c p a{font:1.2rem/1.6rem "Microsoft Yahei";color:#fff;}
.m02_c p a img{width:100%;margin:1% 0 0 2%}
.zg_tit{font:2.0rem/2.0rem "Microsoft Yahei";}
.zg_tit a{font:1.4rem/2.6rem "Microsoft Yahei";margin-right:5px;margin-top:0}
#adds{font:1.4rem/2rem "Microsoft Yahei";}
.sear span{font:1.6rem/1.6rem "Microsoft Yahei";}
.zg_main01_ul li p{font:1.4rem/1.6rem "Microsoft Yahei";}
.zg_main01_ul li a{font:1.6rem/2.8rem "Microsoft Yahei";}
.zg_main01_ul li span{font:1.6rem/1.6rem "Microsoft Yahei";}
.zg_main01_ul li h4{font:1.4rem/2.5rem "Microsoft Yahei";text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.zg_main01_ul li h4 span{font:1.6rem/2.5rem "Microsoft Yahei";}
.zg_main01_a a{font:1.6rem/3rem "Microsoft Yahei";}
.zg_main02_cent dd a{font:1.2rem/1.6rem "Microsoft Yahei";}
.zg_main02_more{padding:0 3%;font:1.4rem/2rem "Microsoft Yahei";color:#f55b59}
.zg_main02_more a{font:1.4rem/2rem "Microsoft Yahei";}
.zg_main02_more span{font:bold 1.8rem/2.5rem "Microsoft Yahei";color:#f55b59;margin-right:3%;}
.zg_footer{background:#333333;padding:3% 0;text-align:center;color:#fff;font:1.2rem/3rem "Microsoft Yahei";}
.zg_sel_b select{font:1.4rem/3rem "Microsoft Yahei";}
.zg_sel_b option{font:1.4rem/3rem "Microsoft Yahei";background:#f55b59;color:#fff;}
	}
@media screen and (min-width:360px) and (max-width:400px){
.zg_header_r a{float:left;font:1.4rem/1.5rem "Microsoft Yahei";margin-right:5%;}
.m02_c p span{float:right;font:1.2rem/1.6rem "Microsoft Yahei";color:#a3a3a3;}
.m02_c p font{float:right;display:block;width:10.4%;}
.m02_c p a{font:1.2rem/1.6rem "Microsoft Yahei";color:#fff;}
.m02_c p a img{width:100%;margin:1% 0 0 2%}
.zg_tit{font:2.5rem/2.5rem "Microsoft Yahei";}	
.zg_tit a{font:1.6rem/1.6rem "Microsoft Yahei";margin-right:5px;}
#adds{font:1.6rem/2rem "Microsoft Yahei";}
.sear span{font:1.6rem/1.6rem "Microsoft Yahei";}
.zg_main01_ul li p{font:1.6rem/1.6rem "Microsoft Yahei";}
.zg_main01_ul li a{font:1.8rem/2.6rem "Microsoft Yahei";}
.zg_main01_ul li span{font:1.6rem/2.6rem "Microsoft Yahei";}
.zg_main01_ul li span font{font:1.6rem/2.6rem "Microsoft Yahei";}
.zg_main01_a a{font:1.6rem/3rem "Microsoft Yahei";}
.zg_main02_cent dd a{font:1.2rem/1.6rem "Microsoft Yahei";}
.zg_main02_more{padding:0 3%;font:1.5rem/2rem "Microsoft Yahei";color:#f55b59}
.zg_main02_more a{font:1.5rem/2rem "Microsoft Yahei";}
.zg_main02_more span{font:bold 2.2rem/2.5rem "Microsoft Yahei";color:#f55b59;margin-right:3%;}
.zg_footer{font:1.4rem/3rem "Microsoft Yahei";}
.zg_sel_b select{font:1.4rem/3rem "Microsoft Yahei";}
.zg_sel_b option{font:1.4rem/3rem "Microsoft Yahei";background:#f55b59;color:#fff;}
	}
@media screen and (min-width:401px) and (max-width:500px){
.zg_header_r p{float:right;width:30%;margin-top:7%;}
.zg_header_r a{float:left;font:1.6rem/2rem "Microsoft Yahei";margin-right:5%;}

.m02_c p span{float:right;font:1.4rem/1.8rem "Microsoft Yahei";color:#a3a3a3;}
.m02_c p font{float:right;display:block;width:10.4%;}
.m02_c p a{font:1.4rem/1.8rem "Microsoft Yahei";color:#fff;}
.m02_c p a img{width:100%;margin:1% 0 0 2%}
.zg_tit{font:2.8rem/2.8rem "Microsoft Yahei";}
.zg_tit{font:2.5rem/2.5rem "Microsoft Yahei";}	
.zg_tit a{font:1.8rem/2.6rem "Microsoft Yahei";margin-right:5px;margin-top:0}
#adds{font:1.6rem/2rem "Microsoft Yahei";}
.sear span{font:1.8rem/1.8rem "Microsoft Yahei";}
.zg_main01_ul li p{font:1.8rem/2rem "Microsoft Yahei";}
.zg_main01_ul li a{font:2.0rem/2.8rem "Microsoft Yahei";}
.zg_main01_ul li span{font:1.8rem/2.6rem "Microsoft Yahei";}
.zg_main01_ul li span font{font:1.8rem/2.6rem "Microsoft Yahei";}
.zg_main01_ul li h4{font:1.8rem/3rem "Microsoft Yahei";text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.zg_main01_ul li h4 span{font:1.8rem/3rem "Microsoft Yahei";}
.zg_main01_a a{font:2rem/4rem "Microsoft Yahei";}
.zg_main02_cent dd a{font:1.4rem/1.8rem "Microsoft Yahei";}
.zg_main02_more{padding:0 3%;font:1.6rem/2rem "Microsoft Yahei";color:#f55b59}
.zg_main02_more a{font:1.6rem/2rem "Microsoft Yahei";}
.zg_main02_more span{font:bold 2.5rem/3rem "Microsoft Yahei";color:#f55b59;margin-right:3%;}
.zg_footer{font:1.6rem/3rem "Microsoft Yahei";}
.zg_sel_b select{font:1.6rem/2.4rem "Microsoft Yahei";}
.zg_sel_b option{font:1.6rem/3rem "Microsoft Yahei";background:#f55b59;color:#fff;}
}
@media screen and (min-width:501px) and (max-width:600px){
.zg_header_r a{float:left;font:1.6rem/2rem "Microsoft Yahei";margin-right:5%;}

}