.topbox{ height:60px; line-height:60px; letter-spacing:2px;  }
.logobox{ font-size:20px; padding-left:45px;  }
.logobox i{ padding:0 8px;}
.width1200{    width: 1200px;    margin: 0 auto;}
.bannerbox{ height:350px; text-align:center; background: url(./2020_gpjcsc_banner.png) no-repeat center top;}
.bannerbox .banner_tit{text-align: center;    padding: 55px 0; }
.title{font-size: 26px;text-align: center;}
.title a{    height: 58px;line-height: 58px;display: inline-block;background: url(./box4_tit.png) no-repeat left center;padding-left: 80px;transition: all .3s ease;}
.title a:hover{transform: transform: translate3d(0, -.3rem, 0);-ms-transform: translate3d(0, -.3rem, 0); /* IE 9 */-webkit-transform: translate3d(0, -.3rem, 0); /* Safari and Chrome */}
.title_line{text-align: center;font-size: 20px;;}
.title_line a{display: inline-block;padding:0 20px;}
.title_line a:before {
    content: "";
    display: inline-block;
    width: 100px;
    height: 2px;
    background-color: #cccccc;
	margin-right: 20px;
	margin-bottom: 5px;
}
.title_line a:after {
    content: "";
    display: inline-block;
    width: 100px;
    height: 2px;
    background-color: #cccccc;
	margin-left: 20px;
	margin-bottom: 5px;
}

.box1{margin-top: 50px;background: #f5f5f5;padding: 30px 64px;border-radius: 10px;}
.box1 .box1_tit{}
.box1 .box1_tit a{ display: inline-block;text-align: center; float: left; margin-right: 40px; background: #fdfdfd; padding: 10px; border-radius: 10px; margin-top: 60px;transition: all .3s ease;	}
.box1 .box1_tit a:hover{transform: transform: translate3d(0, -.3rem, 0);-ms-transform: translate3d(0, -.3rem, 0); /* IE 9 */-webkit-transform: translate3d(0, -.3rem, 0); /* Safari and Chrome */}
.box1 .box1_tit h3{font-size: 20px;text-align: center;margin-top: 5px;}
.box1 ul{overflow: hidden;}
.box1 .list{width: 850px;margin-right: 40px; float: left;}
.box1 .list h2{font-size: 22px;    margin-bottom: 10px;}
.box1 .list li{height:40px;line-height: 40px; overflow: hidden;border-bottom: 1px dashed rgba(66,0,3,.2);padding-bottom: 5px;}
.box1 .list li a{ display:inline-block; width:84%; overflow:hidden;text-overflow:ellipsis; white-space: nowrap;font-size: 16px;float: left; }
.box1 .list li a:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #cccccc;
    margin-right: 10px;
    margin-bottom: 2px;
	border-radius: 50%;
}
.box1 .list li span{float: right;color: #666666;}
.box1 .more1 a{float: left;display: inline-block;width: 40px;height: 40px;background: url(./2020_gpjcsc_more1.png) no-repeat center top;margin-top: 100px;transition: all .3s ease;}
.box1 .more1 a:hover{transform: transform: translate3d(0, -.3rem, 0);-ms-transform: translate3d(0, -.3rem, 0); /* IE 9 */-webkit-transform: translate3d(0, -.3rem, 0); /* Safari and Chrome */}
.box2{margin-top: 50px;}
.box2 .status{width: 590px;height: 280px;overflow: hidden;}
.box2 .status a{display: inline-block;}
.box2 .status img{transition: all .3s ease;}
.box2 .status img:hover{transform: transform: scale(1.1);-ms-transform: scale(1.1); /* IE 9 */-webkit-transform: scale(1.1); /* Safari and Chrome */}
.box3{    margin-top: 50px;  background: url(./box3_bg.png) no-repeat #f5f5f5 center top;padding:30px 0;}
.box3 .list{background: rgba(255,255,255,.7);padding: 20px;width: 550px;    border-radius: 10px;}
.box3 .list ul{padding-top: 30px;}
.box3 .list li{height:40px;line-height: 40px; overflow: hidden;}
.box3 .list li a{ display:inline-block; width:90%; overflow:hidden;text-overflow:ellipsis; white-space: nowrap;font-size: 16px;float: left; }
.box3 .list li a:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #cccccc;
    margin-right: 10px;
    margin-bottom: 2px;
	border-radius: 50%;
}
.box4{margin-top: 50px;margin-bottom: 50px;}
.box4 .lct{margin-top: 30px;text-align: center;border: 1px solid #cccccc;  padding: 30px 0;position: relative;}
.box4 .lct .jbxz{width: 160px;height: 55px;position: absolute;top:67px;right: 174px;}
.box4 .lct.phone{display: none;}
@media screen and (min-width:300px) and (max-width:1024px) {
.topbox{ height:60px; line-height:60px; letter-spacing:2px;  }
.logobox{ font-size:20px; padding-left:15px;  }
.logobox i{ padding:0 8px;}
.logobox em {display: none;}
.width1200{    width: 100%;    margin: 0 auto;}
.bannerbox{ height:200px; text-align:center; background: url(./2020_gpjcsc_banner.png) no-repeat center top;background-size: cover;}
.bannerbox .banner_tit{text-align: center;    padding: 43px 0; }
.bannerbox .banner_tit img{width: 100%;}
.title{font-size: 26px;text-align: center;}
.title a{    height: 58px;line-height: 58px;display: inline-block;background: url(./box4_tit.png) no-repeat left center;padding-left: 80px;}
.title_line{text-align: center;font-size: 20px;;}
.title_line a{display: inline-block;padding:0 0;}
.title_line a:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 2px;
    background-color: #cccccc;
	margin-right: 20px;
	margin-bottom: 5px;
}
.title_line a:after {
    content: "";
    display: inline-block;
    width: 60px;
    height: 2px;
    background-color: #cccccc;
	margin-left: 20px;
	margin-bottom: 5px;
}
.container{padding: 15px;}
.box1{margin-top: 30px;background: #f5f5f5;padding: 30px 15px;border-radius: 10px;}
.box1 .box1_tit{}
.box1 .box1_tit a{     width: 42%;
    display: block;
    text-align: center;
    float: none;
    margin-right: 0;
    background: #fdfdfd;
    padding: 10px 0;
    border-radius: 10px;
    margin-top: 0;
    margin: 0 auto;	}
.box1 .box1_tit h3{font-size: 20px;text-align: center;margin-top: 0;}
.box1 ul{overflow: hidden;}
.box1 .list{width: 100%;margin-right: 0; float: left;margin-top: 20px;}
.box1 .list h2{font-size: 18px;    margin-bottom: 10px;}
.box1 .list li{height:40px;line-height: 40px; overflow: hidden;border-bottom: 1px dashed rgba(66,0,3,.2);padding-bottom: 5px;}
.box1 .list li a{ display:inline-block; width:96%; overflow:hidden;text-overflow:ellipsis; white-space: nowrap;font-size: 16px;float: left; }
.box1 .list li a:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #cccccc;
    margin-right: 10px;
    margin-bottom: 2px;
	border-radius: 50%;
}
.box1 .list li span{float: right;color: #666666;display: none;}
.box1 .more1 a{float: left;display: none;width: 40px;height: 40px;background: url(./2020_gpjcsc_more1.png) no-repeat center top;margin-top: 100px;}
.box2{margin-top: 30px;}
.box2 .status{width: 100%;height: auto;margin-bottom: 15px;}
.box2 .list{width: 100%;height: auto;}
.box2 img{width: 100%;height: auto;}
.box3{    margin-top: 30px;  background: url(./box3_bg.png) no-repeat #f5f5f5 center top;padding:30px 10px;background-size: cover;}
.box3 .list{background: rgba(255,255,255,.7);padding: 15px;width: 100%;  margin-bottom: 15px;  border-radius: 10px; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.box3 .list ul{padding-top: 30px;}
.box3 .list li{height:40px;line-height: 40px; overflow: hidden;}
.box3 .list li a{ display:inline-block; width:90%; overflow:hidden;text-overflow:ellipsis; white-space: nowrap;font-size: 16px;float: left; }
.box3 .list li a:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #cccccc;
    margin-right: 10px;
    margin-bottom: 2px;
	border-radius: 50%;
}
.box4{margin-top: 50px;margin-bottom: 50px;}
.box4 img{width: 100%;}
.box4 .lct{margin-top: 30px;text-align: center;border: 1px solid #cccccc;    padding: 0 0;display: none;}
.box4 .lct.phone{display: block;}
.box4 .lct .jbxz{width: 160px;height: 55px;position: absolute;top:113px;right: 102px;}
}