@charset "utf-8";
/* CSS Document */

.gl_haibao_box {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0,0,0,.85);
    color: #fff;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    opacity: 0;
}
.gl_haibao_box_show {
    opacity: 1;
}
.gl_haibao_okimg {
    height: calc(100% - 60px);
    text-align: center;
}
.gl_haibao_okclose {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 60px;
    text-align: center;
    overflow: hidden;
}
.gl_haibao_okclose a {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    display: block;
    height: 60px;
    line-height: 40px;
    overflow: hidden;
}
.gl_haibao_okclose a img {
    width: 40px;
    height: 40px;
}
.loading_color {
    width: 200px;
    height: 80px;
    margin: 0 auto;
}
.loading_color1 {
    animation-delay: -1s;
    -webkit-animation-delay: -1s;
    -moz-animation-delay: -1s;
    -ms-animation-delay: -1s;
    -o-animation-delay: -1s;
}
.loading_color span {
    display: inline-block;
    width: 3px;
    height: 30px;
    animation-name: scale;
    -webkit-animation-name: scale;
    -moz-animation-name: scale;
    -ms-animation-name: scale;
    -o-animation-name: scale;
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
}

.gl-gohaibao-show{
        background:#03a9f4;
        color:#fff;
        opacity:0.8;
        font-size: 0.32rem;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 1.5rem;
        text-align: center;
        line-height: 1.5rem;
        margin-bottom: 0.3rem;
    }
    .gl_haibao_okimg img {
        width: calc(100% - 50px);
        max-height: (100% - 50px);
        margin: 30px 25px 20px;
        border-radius: 6px;
    }
    @-webkit-keyframes scale{
        0%,40%,100%{-moz-transform:scaleY(.2);-ms-transform:scaleY(.2);-o-transform:scaleY(.2);-webkit-transform:scaleY(.2);transform:scaleY(.2)}
        20%,60%{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}
    }
    @-moz-keyframes scale{
        0%,40%,100%{-moz-transform:scaleY(.2);-ms-transform:scaleY(.2);-o-transform:scaleY(.2);-webkit-transform:scaleY(.2);transform:scaleY(.2)}
        20%,60%{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}
    }

    @-ms-keyframes scale{
        0%,40%,100%{-moz-transform:scaleY(.2);-ms-transform:scaleY(.2);-o-transform:scaleY(.2);-webkit-transform:scaleY(.2);transform:scaleY(.2)}
        20%,60%{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}
    }
    @keyframes scale{
        0%,40%,100%{-moz-transform:scaleY(.2);-ms-transform:scaleY(.2);-o-transform:scaleY(.2);-webkit-transform:scaleY(.2);transform:scaleY(.2)}
        20%,60%{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}
    }

.loading_color span.loading_color1{background:#2ecc71}
.loading_color span.loading_color2{background:#3498db}
.loading_color span.loading_color3{background:#9b59b6}
.loading_color span.loading_color4{background:#e67e22}
.loading_color span.loading_color5{background:#c0392b}
.loading_color span.loading_color6{background:#e74c3c}
.loading_color span.loading_color7{background:#e74c8c}
.loading_color1{animation-delay:-1s;-webkit-animation-delay:-1s;-moz-animation-delay:-1s;-ms-animation-delay:-1s;-o-animation-delay:-1s}
.loading_color2{animation-delay:-.9s;-webkit-animation-delay:-.9s;-moz-animation-delay:-.9s;-ms-animation-delay:-.9s;-o-animation-delay:-.9s}
.loading_color3{animation-delay:-.8s;-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-ms-animation-delay:-.8s;-o-animation-delay:-.8s}
.loading_color4{animation-delay:-.7s;-webkit-animation-delay:-.7s;-moz-animation-delay:-.7s;-ms-animation-delay:-.7s;-o-animation-delay:-.7s}
.loading_color5{animation-delay:-.6s;-webkit-animation-delay:-.6s;-moz-animation-delay:-.6s;-ms-animation-delay:-.6s;-o-animation-delay:-.6s}
.loading_color6{animation-delay:-.5s;-webkit-animation-delay:-.5s;-moz-animation-delay:-.5s;-ms-animation-delay:-.5s;-o-animation-delay:-.5s}
.loading_color7{animation-delay:-.4s;-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-ms-animation-delay:-.4s;-o-animation-delay:-.4s}

.gl_haibao_box_img {
        width: 100%;
        top: -2999px;
        overflow: hidden;
        background: #fff url(../ztw2022_img/designer/hb_bg.jpg) no-repeat;
        background-size: cover;
        position: fixed;
        margin: auto;
        left: 0;
        right: 0;
        padding: 2rem 2rem 6.5rem;
        min-height: 48rem;
    }

    .gl_haibao_oktit {
        padding: 0.75rem 0.48rem 0;
        box-sizing: content-box;
        height: 60px;
        line-height: 30px;
        font-size: 15px;
        text-align: center;
        overflow: hidden;
    }

    .gl_haibao_foot_title {
        position: relative;
        display: block;
        width: 65%;
        padding-right: 0.25rem;
    }

    .gl_haibao_foot_titleh1 {
        color: #000;
        font-size: 0.8rem;
        line-height: 1.25rem;
    }

    .gl_haibao_foot_titlejg {
        color: #ff0000;
        font-size: 1.25rem;
        margin-top: 0.5rem;
    }


    /*新的样式开始*/
    .gl_haibao_img img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .gl_haibao_header_title {
        position: relative;
        text-align: center;
    }

    .haibao_logo{
        position:relative;
    }
    .haibao_logo:before,.haibao_logo:after{
        content:"";
        background:#333;
        width:12px;
        height:12px;
        display:block;
        position:absolute;
        top:50%;
        bottom:50%;
        margin:auto;
        z-index:99;
    }
    .haibao_logo:before{
        border-radius:0 12px 12px 0;
        left:-6px;
    }
    .haibao_logo:after{
        right:-6px;
        border-radius:12px 0 0 12px;
    }
    .gl_haibao_header_logo {
        text-align: center;
        margin-top: 0.65rem;
        position: relative;
    }
    .gl_haibao_header_logo:before,.gl_haibao_header_logo:after{
        border-bottom:1px #ddd dashed;
        content:"";
        width: 3.2rem;
        position: absolute;
        bottom: 50%;
        margin: auto;
    }
    .gl_haibao_header_logo:before{
        left: 0;
    }
    .gl_haibao_header_logo:after{
        right: 0;
    }
    .gl_haibao_header_logo img {
        width: 125px;
    }

    .gl_haibao_header_titleh1 {
        color: #000;
        font-size: 1.68rem;
        margin-top: 0.68rem;
        line-height: 1.3;
        font-weight: bold;
        overflow: hidden;
        text-align: center;
    }

    .gl_haibao_header_intro {
        margin: 0.32rem 0 0.68rem;
        font-size: 0.3733rem;
        text-align: center;
        overflow: hidden;
    }
    .gl_haibao_header_intro p{
    	word-break: break-all;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 2;
    	font-size: 1rem;
    	color: #333;
    }
    .gl_haibao_header_intro ul{
    	overflow: hidden;
    	text-align: center;
    	margin-bottom: 0.4rem;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    	color: #333;
    }
    .gl_haibao_header_intro ul li{
    	display: inline;
    	border-right: 1px #ccc dashed;
    	padding: 0 0.68rem 0 0;
    	margin-left: 0.48rem;
    	font-size: 1rem;
    }
    .gl_haibao_header_intro ul li:first-child{
    	margin-left: 0;
    }
    .gl_haibao_header_intro ul li:last-child{
    	border: none;
    	padding-right: 0;
    }
    .gl_haibao_header_intro ul li.city{
    	background: url(../ztw2022_img/designer/hb_city.png) no-repeat left center;
    	background-size: 0.8rem;
    	padding-left: 1.2rem;
    }
    .gl_haibao_header_intro ul li span.red{
    	font-size: 1.3rem;
    	font-weight: bold;
    	margin-right: 0.32rem;
    	color: #f00;
    }

    .gl_haibao_header_tag{
    	margin-bottom: 1rem;
    	word-break: break-all;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 2;
    	overflow: hidden;
    }
    .gl_haibao_header_tag li{
    	display: inline-block;
    	background: #eee;
    	margin: 0.1rem 0.2rem;
    	padding: 0.1rem 0.8rem;
    	border-radius: 1rem;
    	line-height: 2.0;
    	font-size: 0.9rem;
    	color: #777777;
    	min-width: 4rem;
    }

    .gl_haibao_date{
        position: absolute;
        color: #d6c0a4;
        overflow: hidden;
        text-align: center;
        right: 2rem;
        top: 2rem;
    }
    .gl_haibao-imgbox{
    	width: 100%;
    	height: 14rem;
    	margin: 2rem auto 0;
    	background: url(../ztw2022_img/designer/hb_us1.png) no-repeat center;
    	background-size: contain;
    }
    .gl_haibao-imgbox .imgbox{
    	width: 13.5rem;
    	height: 13.5rem;
    	margin: auto;
    	background: url(../ztw2022_img/designer/hb_us2.png) no-repeat center;
    	background-size: 100%;
    }
    .gl_haibao-imgbox .imgbox:after{
    	content: "";
    	background: url(../ztw2022_img/designer/hb_us3.png) no-repeat center;
    	background-size: cover;
    	width: 2.3rem;
    	height: 2.3rem;
    	position: absolute;
    	display: block;
    	right: 1.3rem;
    	bottom: 0.32rem;
    }
    .gl_haibao-imgbox .imgbox img{
    	padding: 0.3rem;
    	box-sizing: border-box;
    	border-radius: 100%;
    }
    .gl_haibao_date .day,.gl_haibao_date .years{
        font-family: Arial;
    }
    .gl_haibao_date .day{
        font-size: 2rem;
        line-height: 2.48rem;
        font-weight: bold;
        border: 0.15rem #d6c0a4 solid;
        padding: 0rem 0.32rem;
    }
    .gl_haibao_date .years{
        bottom:0.32rem;
        font-size: 1rem;
        font-weight: bold;
    }

    .gl_haibao_linian{
    	background: url(../ztw2022_img/designer/hb_sjln.png) no-repeat #fff;
    	background-size: 14%;
    	background-position: 1.3rem center;
    	padding: 1rem 1rem 1rem 6rem;
    	font-size: 0.9rem;
    	margin: 1.5rem auto 1.2rem;
    	box-shadow: 0rem 0rem 0.5rem rgba(100,100,100,0.05);
    	border-radius: 0.2rem;
    	min-height: 6rem;
    }
    .gl_haibao_linian>div{
    	word-break: break-all;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 4;
    	text-align: justify;
    	border-radius: 3px;
    	overflow: hidden;
    }
    .gl_haibao_info{
    	font-size: 0.9rem;
    	word-break: break-all;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 5;
    	text-align: justify;
    	padding: 0 0.2rem;
    	margin-bottom: 1.5rem;
    	overflow: hidden;
    }

    .gl_haibao_foot {
        text-align: center;
        overflow: hidden;
        position: absolute;
        bottom: 2rem;
        left: 0;
        padding: 0 2rem;
        width: 100%;
    }

    .gl_haibao_foot_qrcode {
        float: right;
        width: 4.5rem;
        height: 4.5rem;
        padding: 0;
        background: none;
        margin: 0 auto;
        position: relative;
        border: 1px #ddd solid;
    }

        .gl_haibao_foot_qrcode img {
            width: 100%;
            height: 100%;
            max-width: none;
            max-height: none;
            position: absolute;
            left: -50%;
            right: -50%;
            top: 0;
            bottom: 0;
            margin: auto;
        }

    .gl_haibao_foot_changan {
        margin: 3px 0 5px;
        color: #999;
        transform:scale(0.9);
        -webkit-transform:scale(0.9);  /*兼容-webkit-引擎浏览器*/
        -moz-transform:scale(0.9);     /*兼容-moz-引擎浏览器*/
        font-size: 0.32rem;
    }

    .gl_haibao_logo{
    	width: 50%;
    	float: left;
    	position: relative;
    	height: 4.5rem;
    }
    .gl_haibao_logo img{
	  	width: 100%;
	  	position: absolute;
	  	left: 0;
	  	top: 0;
	  	bottom: 0;
	  	margin: auto;
	  }

    @media screen and (min-device-width:960px){
	  .gl_haibao_header_logo{
	    margin:25px auto 15px;
	  }
	  .gl_haibao_header_intro ul li,.gl_haibao_header_intro p{
	  	font-size: 12px;
	  	margin-left: 4px;
	  	padding: 0 10px 0 0;
	  }
	  .gl_haibao_header_intro p{
	  	padding: 0 10px 0 0;
	  }
	  .gl_haibao_header_titleh1{
	    font-size: 24px;
	    font-weight:bold;
	    height: auto;
	    margin-top: 10px;
	  }
	  .gl_haibao_header_intro {
        margin: 5px 0 12px;
      }
	  .gl_haibao_header_intro ul{
		margin-bottom: 5px;
	  }
	  .gl_haibao_header_intro ul li.city{
    	background-size: 13px;
    	padding-left: 16px;
      }
	  .gl_haibao_header_intro ul li span.red{
    	font-size: 18px;
    	margin-right: 5px;
      }
      .gl_haibao_linian{
		background-position: 15px center;
		padding: 10px 15px 10px 70px;
		font-size: 12px;
		margin: 0 auto 20px;
		min-height: 80px;
	  }
	  .gl_haibao_box_img{
	    width: 365px;
	    padding: 20px 25px 105px 25px;
	    min-height: 680px;
	  }
	  .gl_haibao-imgbox{
	  	height: 200px;
	  	margin: 25px auto 0;
	  }
	  .gl_haibao-imgbox .imgbox{
    	width: 195px;
    	height: 195px;
      }
      .gl_haibao-imgbox .imgbox img{
      	padding: 3px;
      }
      .gl_haibao-imgbox .imgbox:after{
      	width: 35px;
      	height: 35px;

    	right: 10px;
    	bottom: 8px;
      }
	  .gl_haibao_img{
	    height:220px;
	    position:relative;
	  }
	  .gl_haibao_img img{
	    position:absolute;
	    margin:auto;
	    left: 0;
	    right: 0;
	    top:0;
	    bottom:0;
	  }
	  .gl_haibao_header_tag{
	  	margin-bottom: 20px;
	  }
	  .gl_haibao_header_tag li{
	  	font-size: 12px;
	  	margin: 4px 2px;
	  	padding: 0 15px;
	  	min-width: 30px;
	  }
	  .gl_haibao_info{
	  	font-size: 12px;
	  	margin-bottom: 20px;
	  }
	  .gl_haibao_foot{
	  	padding: 0 25px;
	  	bottom: 25px;
	  }
	  .gl_haibao_logo{
	  	height: 80px;
	  	position: relative;
	  }

	  .gl_haibao_foot_qrcode{
	    width: 80px;
	    height: 80px;
	    box-sizing: border-box;
	  }
	  .gl_haibao_foot_qrcode img{
	    width:100%;
	    height:100%;
	  }

	  #gl_haibao_images{
	    width: 365px;
	    max-width: 85%;
	  }
	  .gl_haibao_date{
	  	right: 25px;
	  	top: 25px;
	  }
	  .gl_haibao_date .day{
	  	font-size: 32px;
	  	line-height: 1;
	  	border-width: 2px;
	  	padding: 4px 2px;
	  }
	  .gl_haibao_date .years{
	  	font-size: 14px;
	  }
	}