	@charset "utf-8";
	/* 通用代码 */
	html,body{width:100%;padding: 0px;margin:0px;*position:static; }
	*{font-family:"思源黑体 CN","微软雅黑"; font-size: 15px; color:#332c2b; padding:0px;margin:0px;}
	a{text-decoration:none;}
	ul, li, ol, p, dt, dd, dl, pre, xmp, plaintext, listing{list-style-type:none;}
	button,input{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);    -webkit-user-modify: read-write-plaintext-only;outline:none;text-decoration: none;}
	/* .anim0{ animation: dz0 .8s linear 1 normal forwards; }
.anim1{ animation: dz1 .8s linear 1 normal forwards; }
.anim2{ animation: dz2 .8s linear 1 normal forwards; }
.anim3{ animation: dz3 1s linear 1 normal forwards; }
.anim4{ animation: dz4 1s linear 1 normal forwards; }
.anim5{ animation: dz5 .6s linear 1 normal forwards; }
.anim6{ animation: dz6 .6s linear 1 normal forwards; }
.anim7{ animation: dz7 .6s linear 1 normal forwards; } */
/*.anim99{ animation: dz99 .6s linear 1 normal forwards; }
 .anim5{ animation: dz5 .6s linear 1 normal forwards; }
.anim6{ animation: dz6 .6s linear 1 normal forwards; } */
/* .anim7{ animation: dz7 .6s linear 1 normal forwards; }
.anim8{ animation: dz8 .6s linear 1 normal forwards; } */
/* @keyframes dz1
{
0% {opacity: 0;transform: translate(0, -30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz2
{
0% {opacity: 0; transform: translate(0, 100px); }
100% {opacity: 1;transform: translate(0, 0%);  }
} */

@keyframes dz0
{
0% {opacity: 0; }
100% {opacity: 1; }
}
@keyframes dz1
{
0% {opacity: 0;transform: translate(-20%, 0%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz2
{
0% {opacity: 0; transform: translate(20%, 0%); }
100% {opacity: 1;transform: translate(0, 0%);  }
}
 @keyframes dz3
{
0% {opacity: 0;transform: translate(0, 30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
 @keyframes dz4
{
0% {opacity: 0;transform: translate(0, -30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
/* @keyframes dz5
{
0% {opacity: 0; transform: rotate(-2deg);position: relative; }
100% {opacity: 1; transform: rotate(0);position: relative;  }
}
@keyframes dz
{
0% {opacity: 0;transform: rotate(2deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative;  }
}*/

/* @keyframes dz99
{
0% {opacity: 0;transform: rotate(20deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative;  }
} */
@keyframes dz5
{
0% {opacity: 0; transform: scale(1.1); }
100% {opacity: 1; transform: scale(1); }
}
@keyframes dz6
{
0% {opacity: 0;transform: scale(.9); }
100% {opacity: 1; transform: scale(1); }
}
@keyframes dz7
{
0% {opacity: 0; transform: translate(-40%, 40%); }
100% {opacity: 1;transform: translate(0, 0%);  }
}
.BigDiv{ max-width:1903px;min-width:1200px;width:100%; margin: auto;position: relative; }
.cen{ width: 75%; margin: auto;padding-bottom: 40px;}
.cen-75{ width: 75%; margin: auto;}

.hei::after {content: ""; display: block;clear: both;}
/* 头部模版 */
.home .top{  position:absolute;}
.home .top .t2{ display: none;}
.home .top .t1{ display: inline-block;}
.home .top .right>ul>li a{ font-size: 15px;color:#fff; }
.home .top .right>ul>li a.on{color:#fff;}
.top.on{ position: fixed;background: #fff; }
.top .right>ul>li>a{ position: relative; }
.top .right>ul>li:hover a{ color:#9a9999; position: relative; }
.top .right>ul>li>a::before{ content: ""; width: 100%; height: 1px; background: #9a9999; transition: .5s; position: absolute; margin-top: 40px; opacity: 0; }
.top .right>ul>li:hover a::before{  margin-top: 25px;opacity: 1; }
.home .top .right>ul>li:hover a{color:#9a9999; }
.top .right>ul>li a.on{color:#999;}
.top .right > ul > li:hover ul{ margin-top: 22px; opacity: 1; z-index: 9999;}
.home .top .right .le1 span{color:rgba(255,255,255,.9); }
.home .top .right .ri1 .icon-zuoji{color:rgba(255,255,255,.9);  }
.home .top .right .ri1  .text{ color:#fff; }
.home .top .right .ri1::before{background: rgba(255,255,255,.5); }
.top .t2{ display: inline-block;}
.top .t1{ display: none;}
.home .top.on .t2{ display: inline-block;}
.home .top.on .t1{  display: none;}
.home .top.on .right>ul>li{ float: left; padding-right: 28px;  position: relative; padding-top: 2px; padding-bottom: 2px;}
.home .top.on{ box-shadow: 0 0 5px rgba(0,0,0,.3); }
.home .top.on .right>ul>li a{ font-size: 15px; color:#000;}
.home .top.on .right .ri1{ float: left;  position: relative;  }
.home .top.on .right .ri1  .text{ color:#000000;font-size: 15px; margin-left: 5px; }


.home .top .left{ margin-top: 27px; }
.home .top .right{ margin-top: 40px; }
.home .top.on .left{ margin-left: 4%; margin-top:12px; }
.home .top.on .right{ margin-right: 4%;margin-top: 22px; }


.top{ width: 100%; height: 69px;z-index: 9;  width: 100%; }
.top .left{ float: left;  margin-left: 4%; margin-top:12px; }
.top .right{ float: right; margin-right: 4%;margin-top: 22px;  }
.top .right>ul{float: left;}
.top .right>ul>li{ float: left; padding-right: 28px;  height: 45px; position: relative; padding-top: 0px; padding-bottom: 2px;}

.top .right>ul>li a{ font-size: 15px; color:#000;}
.top .right .rigd1{ float: right;  }
.home .top .right>ul>li::before{ background: #e5e5e5;  }
.top .right>ul>li::before{content: ""; position: absolute; right: 12px;top: 11px; width: 4px; height: 1px; background: #6b6b6b;  }
.top .right>ul>li.on a{ color:#9a9999;  }
.top .right .ri1{ float: left;  position: relative;  }
.top .right .ri1  .text{ color:#000000;font-size: 15px; margin-left: 5px; }
.banner{ width: 100%; position: relative; }
.banner .Pfusd {
    width: auto;
    position: absolute;
    bottom: 5%;
    right: 15%;
    animation: radara 2s linear infinite alternate;
    opacity: 1;
}
@-webkit-keyframes radara {
    from {
        bottom: 5%;
        opacity: 1;
    }
    to {
       bottom: 9%;
       opacity: .9;
    }
}
.banner .text{ position: absolute; width: 800px;  margin-top: 116px; }
.banner .text h1{ color:#fff; font-size: 36px; }
.banner .text h1::before{ content: ""; width: 31px; height: 2px; position: absolute; margin-top: 65px; background: #fff; }
.banner .text p{ color:#fff; font-size: 14px; line-height: 30px; margin-top: 40px;}
.banner .text p a{display:block; width: 181px; color:#fff; transition: .5s; margin-top: 40px;  height: 48px; line-height: 48px; text-align: center; font-size: 16px;border-radius: 30px;
  border: 1px solid #fff;transition: .5s;
   /* background-image: linear-gradient(to right,#b302a6,#1a2989); */
 }
 .banner .text p a:hover{ background: #1158d8; color:#fff; border: 1px solid #1158d8;}

.fullslide1 .text{ position: absolute; margin-top: 250px; width: 580px; text-align: center; }
.fullslide1 .text .title{ color:#2a2a2a; font-size: 50px; position: relative; z-index: 9; }
.fullslide1 .text .ftitle{ color: rgba(39,56,56,.1); font-size: 70px; text-transform: uppercase; position: absolute; margin-top: -45px;}
.fullslide1 .text .smrt{ color:#2a2a2a; line-height: 40px; font-size: 30px;margin-top: 70px; }
.fullslide1 .text .more{ width: 140px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; background: #273838; margin: auto; margin-top: 30px; }
.fullslide1 .text .more a{ color:#fff; font-size: 14px;display:block;  }
.sjcx{display: none !important;}
.sjcxA{display: none;}





@media screen and (max-width:640px) and (min-width:0px){
	.sjcx{display: inline-block !important; width: 100%; }
	.sjcxA{display: block;}
	.sjyc{display: none;}
	.ment img {width: 30px;}
	.ment { float: right; margin-top: 7px; }
	.home .top .left{ margin-top: .23rem;margin-left:.43rem; }
	.home .top.on .left{margin-top: .23rem;margin-left:.43rem;  }
}



.banner img{ display: block; width: 100%; height: auto; }

.fullslide .prev,
.fullslide .next{position:absolute;z-index:1;top:50%;margin-top:-60px;left:80px;z-index:1;font-size:0;padding:12px;cursor:pointer;}
.fullslide .prev img,
.fullslide .next img{width:auto;height:auto;}
.fullslide .next{left:auto;right:80px;}
.fullslide{position:relative;width:100%;}
.fullslide .bd{position:relative;z-index:0;overflow:hidden;}
.fullslide .bd li{float:left;width:100%;}
.fullslide .bd li img{display:block;width:100%;height:auto;margin:0 auto;}
.fullslide .hd{position:absolute;height:25px;text-align:center;z-index:99;
 width: 100%; bottom: 5px; left: 0;
}
.fullslide .hd li{width:11px;height:11px;line-height:8px; line-height: 80px;
	overflow:hidden;margin:0px 9px;cursor:pointer;background:#c0c0c0;border-radius:20px;display: inline-block;transition: .5s;
}
.fullslide .hd li.on{  background:#ffffff;  }
.fullslide .bd li .ban2{ display: none; }








	/* 本例子css */
		.slideBox{ width:490px; height:340px; position:relative; float: left;}
		.slideBox .bd{ position:relative;  z-index:0;   }
		.slideBox .bd li{ overflow: hidden; }
		.slideBox .bd li .left{ float: left; width: 49%; position: relative;}
		.slideBox .bd li .left a>img{width: 100%; display: block; }
		.slideBox .bd li .right{ float: right; width: 49.7%; }
		.slideBox .bd li .right .pic{ position: relative;  overflow: hidden; width: 48%; float: left; margin-right: 2%; margin-bottom: 2%;  }
		.slideBox .bd li .right a>img{width: 100%;display: block; }
		.slideBox .bd img{ display: block; }
		.slideBox .hd{ position:absolute; bottom: 10px; right: 10px; }
	.slideBox .hd li{ width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.5); text-align: center; line-height: 23px; color:#fff; display: inline-block; margin-right: 2px; }
	.slideBox .hd li.on{ background: #0068ad; }
.slideBox .bd li a:hover .Mkes{ display: flex; }
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; top:50%; margin-top:-25px; display:none; width:65px; height:65px;
			  filter:alpha(opacity=10);opacity:0.1; border-radius: 50%; }
		.slideBox .next{ background:url("/web/20220501183523im_/https://www.hawkbrand.cn/i/right.png") center no-repeat #333;margin-right: -70px; right: 0; left: auto;}
		.slideBox .prev{ background:url("/web/20220501183523im_/https://www.hawkbrand.cn/i/left.png") center no-repeat #333;  margin-left: -80px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=50);opacity:.5;  }


	.picMarquee-left{ width:100%;  overflow:hidden; position:relative;   }
	.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
	.picMarquee-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;  }
	.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picScroll-left{ width:100%;position:relative; }
		.picScroll-left .tempWrap{ margin: auto;position: relative; z-index: 99999;  }
		.picScroll-left .hd{  }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; float:right; position: absolute; z-index: 99999;   overflow:hidden; text-align: center;transition: .5s;
			 cursor:pointer; height: 58px; width: 40px; font-size: 12px; line-height: 58px; color:#2086b5; font-size: 40px;  }
		.picScroll-left .hd .prev{ left: 0; }
		.picScroll-left .hd .next{ right: 0;}
		.picScroll-left .bd{ }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ float:left; _display:inline; position: relative;cursor: pointer; }
.c1 .cen{ width: 74.5%; }
.a1 .text{ text-align: right; color:#000000; font-size: 23.8px;font-weight: 200; height: 70px; line-height: 70px; position: relative;
text-align-last: justify;
text-align: justify;
text-justify: distribute-all-lines;
 }
 .a1 .cen{ padding-bottom: 0; }
 .a2 .cen{ padding-bottom: 0; }
.a1 .text2{ text-align: center; color:#000000; font-size: 22px;letter-spacing: 1.5px; font-weight: 200; }
.fl{ float: left;}
.ri{ float: right; }
.sy{font-weight: 200; color:#000; }
.a2{ margin-top: 60px; }
.a2 .fl .title{font-size: 54px; padding-bottom: 40px; position: relative; }
.a2 .fl .title::before{ content: "";width: 43px; height: 2px; background: #000; position: absolute; bottom: 20px; left: 5px; }
.a2 .fl .ftitle{ font-size: 29px; line-height: 35px; }
.a2 .ri{ text-align: right; margin-top: 15px;  }
.a2 .ri p{color:#6c6c6c; font-size: 14px; line-height: 30px; }
.a2 .ri .sy{ font-size: 22px; margin-top: 18px;color:#000;  }


.a3 .a3ul1>li>a::before{ content: ""; width: 100%; height: 1px; background: #9a9999; transition: .5s; position: absolute; margin-top: 40px; opacity: 0; }
.a3 .a3ul1>li:hover>a::before{  margin-top: 25px;opacity: 1; }




.a3 .cen{ padding-bottom: 30px; }
.a3{ margin-top: 6%;}
.b1{ margin-top: 50px; }
.a3ul1{ float: right; }
.a3ul1 li{ float: left; color:#464646; font-size: 16px; margin-left: 18px;font-weight: 300; height: 30px; vertical-align: top;}
.a3 .a3ul1 li ul{display: inline-block; vertical-align: top; display: none;   position: absolute; left: 50%;
transform: translateX(-50%); min-width: 446px; background: #ebebeb; text-align: center;
}
.a3 .a3ul1 li:nth-child(3) ul{  min-width: 560px;transform: translateX(-60%);}
.a3 .a3ul1 li:hover ul{ display: block; }
.a3 .a3ul1 li{ position: relative; cursor: pointer; }
.a3 .a3ul1 li ul li{ margin-left: 0; margin-right: 8px; float: none; display: inline-block; line-height: 30px; }
.a3 .a3ul1 li ul li a{ font-size: 14px; }
.a3 .a3ul1 li.on>a{ color:#000}
.b1 .a3ul1 li { float: none; display: inline-block; }
.b1 .a3ul1 li a{ color:#838383; font-size: 16px;font-weight: 300; transition: .5s; }
.b1 .a3ul1 li a.on{color:#000;}
.b1 .a3ul1 li.on a{ color:#000000; }
.b1 .a3ul1 li:hover a{ color:#000; }
.b1 .a3ul1{ float: none; text-align: center; }
.size{
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% auto!important;transition: .5s;
}
.size:hover{ background-size: 110% auto!important;}
.size img{ display: block;width: 100%; }

.a3ul2{ font-size: 0; }
.a3ul2 li{ float: left; width: 33.3333%;}

.more.cen{ text-align: center; margin: 40px auto; padding-bottom: 0; }
.more.cen a{ font-size: 21px; }
.fot1{  }
.fot1 li{ width:33%; margin-right: 0.3%; float: left;margin-bottom: .3%; position: relative; }
.fot1 li .title{ position: absolute; width: 100%; height: 100%;  transition: .5s; text-align: center;
     display: flex;
    align-items: center; font-size: 23px;
    justify-content: space-around;
    flex-direction: column; color:#afafaf;z-index: 9;
}
.fot1 li .tu2{ position: absolute; }
.fot1 li:hover .tu2{ display: none; }
.fot1 li .pic{transition: .5s; -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%); }
.fot1 li:hover .pic{ background: #e9e9e9; -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);}
.fot1 li:hover .title{ color:#fff; text-shadow: 0 2px 2px #000; } */
.fot1 li:last-child{ background: #e9e9e9; }
.foot .name{ text-align: center; font-size: 20px; margin-bottom: 34px; }
.foot{ padding-top: 15px; }

.footul{ padding: 48px 0;}
.footul li{width: 31%; float: left; text-align: center; position: relative; border-right: 1px solid #929292; }
.footul li:nth-child(1){ width: 18%; text-align: left; }
.footul li:nth-child(4){ width: 18%; text-align: right; box-sizing: border-box; border: none; }
.footul li .title span{ font-size: 53px; color:#676767;font-weight: 200;  }
.footul li .title a{ font-size: 16px; color:#676767; font-weight: 200; position: absolute; top: 10px; }
.footul li .ftitle{ font-size: 15px;color:#676767; font-weight: 200;  text-align: center; }
.footul li:nth-child(1) .ftitle{ text-align: left; padding-left: 5px; }
.footul li:nth-child(4) .ftitle{ text-align: right; position: relative; left: 10px; }
.fot2 p{ width: 14%; float: left; line-height: 27px; }
.fot2 p a{ color:#616161; font-size: 15px; }
.fot2{ margin-bottom: 60px; padding-top: 45px; padding-bottom: 45px; background: #e9e9e9; }
.fot2 .fl{ width: 30%; max-width: 350px; margin-right: 10%; }
.fot2 .fl:last-child{ margin-right: 0; float: right; }
.fot2 .fl:nth-child(2){ margin-left: 4.5%;}
.fot2 .fl .title a{ color:#616161; font-size: 25px; }
.fot2 .fl .ful{ margin-top: 10px; }
.fot2 .fl .ful li a{ color:#545454; font-size: 17px; line-height: 30px; font-weight: 200;}
.foot2{ background: #393939; padding: 44px 0; margin-top: 60px; }

.hei1 .ftitle{ margin-top: 54px; color:#9e9e9e; font-size: 12px; line-height: 25px; }
.hei1 .ftitle a{ color:#9e9e9e; font-size: 12px;}
.foot2 .ri{ width: 70%; }
.foot2 .ri .fl{ width: 70%; }
.foot2 .ri .ri{ width: 30%; text-align: right; }
.foot2 .ri .ri p{ color:#9e9e9e; font-size: 12px; line-height: 20px;}
.foot2 .ri .fl .ft1{ float: left; width: 220px; margin-right: 6%; margin-top: 17px; font-size: 0; }
.foot2 .ri .fl .ft2{ float: left; width: 90px;  margin-top: 17px;font-size: 0;}
.foot2 .ri .fl .ft1 .title{ margin-bottom: 20px; }
.foot2 .ri .fl .ft1 .title a{ color:#9e9e9e; font-size: 20px; border-top: 1px solid #9e9e9e; padding-top: 17px; display: inline; }
.foot2 .ri .fl .ft1 a{ display: inline-block; width: 50%;font-size: 13px; color:#9e9e9e; line-height: 36px; }
.foot2 .ri .fl .ft2>a{ width: 100%; }
.cen-88{ width: 88%; margin: auto; }
.b1ul2 li{ float: left; width: 24%; margin-right: 1%; margin-bottom: 40px; }
.b1ul2 li .title{ color:#616161; font-size: 21.6px; font-weight: 300; margin-top: 18px;  margin-bottom: 8px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.b1ul2 li .ftitle{ color:#616161; font-size: 16px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.page{ text-align: center; margin: 15px 0;}
.page a{ color:#616161; font-size: 20px; margin-left: 7px; margin-right: 7px; }
.page .s{ border: 1px solid #666666; display: inline-block; width: 28px; transition: .5s; height:28px; font-size: 17px; border-radius: 20px; text-align: center; line-height: 28px; box-sizing: border-box; }
.page .s:hover{ background: #616161; color:#fff; }
.page .s.on{ background: #616161; color:#fff;}
.page .pgprev{ position: relative; top: 4px; }
.page .pgnext{ position: relative; top: 4px; }

.c1{ margin-top: 70px; }
.c1 .title{ color:#616161; font-size: 18px;  padding-bottom: 8px; }
.c1 .ftitle{ color:#616161; font-size: 14px;padding-bottom: 20px; border-bottom: 1px solid #898888; margin-bottom: 20px; }
.c1nr p{ color:#616161; font-size: 14px; line-height: 26px; }
.c1nr p img{ max-width: 100%; height: auto; }
.c1nr p.pic{ margin-top: 20px; }
.fors{ position: fixed; right: 20px; bottom:3.7%; z-index: 9999; }
.Fcen{ padding: 30px 0; border-top: 1px solid #898888;border-bottom: 1px solid #898888; margin-top: 80px; }

.Fcen .bshare-custom{ display: inline-block; }
.Fcen .bshare-custom a{ width: 24px; height: 24px; padding: 0 !important; margin-right:20px; }
.Fcen .bshare-custom .bshare-qqim{ background: url("/web/20220501183523im_/https://www.hawkbrand.cn/i/c3.jpg") no-repeat center; }
.Fcen .bshare-custom .bshare-sinaminiblog{ background: url("/web/20220501183523im_/https://www.hawkbrand.cn/i/c2.jpg") no-repeat center; }
.Fcen .bshare-custom .bshare-weixin{ background: url("/web/20220501183523im_/https://www.hawkbrand.cn/i/c4.jpg") no-repeat center; }

.c2 .name{ text-align: center; color:#616161; font-size: 16px; margin-top: 55px; margin-bottom: 36px; background: url("/web/20220501183523im_/https://www.hawkbrand.cn/i/Yu.jpg") no-repeat center; }
.c2ul li{ margin-right: .5%; margin-left: .5%; width: 24%; margin-bottom: 30px; }
.c2ul li .title{ margin-top: 10px; font-size: 18px; margin-bottom: 0; color:#232323;  }
.c2ul li .ftitle{ margin-top: 0px; font-size: 14px; color:#939393; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c2 .more.cen{ margin-top: 0; }
.e1 .pic img{ max-width: 100%; height: auto; }
.e1{ margin-top: 25px; }
.e1 .cen-75>.fl{ width: 20%; max-width: 210px; margin-top: 40px; }
.e1 .cen-75>.ri{ width: 60%; max-width: 830px; margin-top: 40px;}
.e1 .cen-75>.fl .title{ color:#000000; font-size: 67px; font-weight: 300; line-height: 60px; }
.e1 .cen-75>.fl .time{ width: 138px; height: 40px; border: 1px solid #616161; text-align: center; line-height: 40px; font-size: 24px; font-weight: 300; margin-top: 30px; margin-bottom: 40px; margin-left: 8px; }
.e1 .cen-75>.fl .content1 p{ font-size: 14px; line-height: 30px; }
.e1 .cen-75>.fl .ftitle{ color:#000000; font-size: 21px; font-weight: 200; margin-top: 28px; }
.e1 .cen-75>.ri .nr1 p{ color:#616161; font-size: 14px; line-height: 30px; margin-bottom: 27px; }
.e1 .cen-75>.ri .nr2{ margin-top: 60px; }
.e1 .nr2 .fl{ width: 47%; margin-right: 0; }
.e1 .nr2 .fl .title{ font-size: 25px; position: relative; padding-top: 65px;}
.e1 .nr2 .fl .title::before{ content: ""; position: absolute; width: 53px; height: 1px; background: #616161; top: 0; }
.e1 .nr2 .fl .ftitle{ color:#000000; font-size: 21px; margin-top: 13px; margin-bottom: 36px; }
.e1 .nr2 .fl .text{ color:#616161; font-size: 14px; line-height: 30px; }
.e1 .nr2 .ri{ width: 46%; }
.e1 .nr2 .ri img{ max-width: 100%; }
.e2{ margin-top: 100px;  }
#ab{ margin-top: 50px; }
.e2 .cen-75{ border-top: 1px solid #bbbbbb; padding-top: 30px; }
.e2 .cen-75 .fl{ color:#000000; font-size: 23px; }
.e2 .cen-75 .ri .title{ color:#5b5b5b; font-size: 28px; font-weight: 300; }
.e2 .cen-75 .ri .ftitle{ font-size: 14px; color:#5b5b5b; line-height: 24px; }
.map{ height: 610px; margin-top: 10px; margin-bottom: 120px; }

@media screen and (max-width:1780px) and (min-width:0px){

	.fot2 .fl {
	    width: 24%;
		}
}
@media screen and (max-width:1600px) and (min-width:0px){
.cen{ width: 94%; }



}
.fullslide .bd li .tu2{display: none;}
.fullslide .bd li .tu1{display: block; width: 100%; }

.e1 .fl{ color:#616161; font-size: 40px; margin-right: 60px; font-weight: 200; }
.e1 .fl2 a{ color:#616161; font-size: 18px; padding-right: 35px; padding-left: 35px; border-right: 1px solid #d9d9d9;font-weight: 200; }
.e1 .cen-88{ margin-bottom: 35px; }
.e1ul2{ margin-bottom: 80px; }
.e1ul2 li{ padding-bottom: 36px; padding-top: 36px; border-bottom: 1px solid #bdbdbd; }
.e1ul2 li .pic{ float: left; width: 388px; height: 388px; }
.e1ul2 li .pic img{ width: 100%; height: 100%; }
.e1ul2 li .text{ float:  left; margin-left: 53px;  width: 60%; }
.e1ul2 li .text .time{color:#616161; font-size: 20px; margin-top: 6px; margin-bottom: 14px; }
.e1ul2 li .text .title{ color:#545454; font-size: 26px; margin-bottom: 24px; }
.e1ul2 li .text .ftitle{ color:#616161; font-size: 16px; line-height: 27px; margin-bottom: 40px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
 }
.e1ul2 li .text .more{ color:#616161; font-size: 20px; }
.e1ul2 li .text .more span{ color:#616161; font-size: 20px;  border-bottom: 2px solid #bababa;}
.e1divs .fl{ float: left; width: 20%; margin-right: 0;  font-size: 20px; }

.e1divs .ri{ float: right; width: 79%; }
.e1divs .ri .title{color:#545454; font-size: 26px; }
.e1divs .ri .rinei{ margin-top: 30px; }
.e1divs .ri .rinei p{ color:#616161; font-size: 16px; line-height: 33px;  margin-bottom: 30px; }
.e1divs .ri .rinei .pic img{ max-width: 100%; height: auto; }
.e1ul2{ border-top: 1px solid #bdbdbd; padding-top: 50px; }

.o2s .cen{ background: #e8e8e8;}
.o2s .cen .a2div1{ background: #dbdbdb; padding-top: 35px; padding-bottom: 18px;padding-left: 178px; box-sizing: border-box; }
.o2s .cen .a2div1 a{ color:#383838; font-size: 18px; padding-right: 27px; padding-left: 27px; }
.o2s .cen .a2div1 a:nth-child(1){ padding-left: 0; border-right: 1px solid #838383; }
.o2s .cen .a2div2{ padding-top: 60px; padding-left: 178px; }
.o2s .cen .a2div2 .fl{ color:#383838; font-size: 21px; }
.o2s .cen .a2div2 .ri{ padding-right: 170px; width: 550px; }
.o2s .cen .a2div2 .ri p{ color:#383838; font-size: 14px;  line-height: 27px; }
.o2s .cen .a2div2 .ri p strong{ color:#383838; font-size: 17px;  font-weight: 400; display: block; margin-bottom: 5px; }
.a2div2>div{ padding-bottom: 50px;padding-top: 50px; border-bottom: 1px solid #b1b1b1; }
.a2div2>div:nth-child(1){ padding-top: 0; }
.a2div2>div:last-child{ border-bottom: none; padding-bottom: 200px; }
.o2s{ margin-top: 40px; }
.top .right > ul > li{ position: relative; }
.top .right > ul > li ul{ position: absolute; width:126px; margin-top: 15px; border-radius: 2px; background: #fff;

	 padding: 0px 0; opacity: 0; transform:translateX(-50%); left: 50%; transition: .5s;  }
	 .home .top.on .right > ul > li ul{ margin-top: 23px;  }
.top .right > ul > li ul li{width: 100%; height: 36px; line-height: 36px;border-bottom: 1px solid #bdbdbd; }
.top .right > ul > li ul li img{ position: relative; top: 4px; margin-left: 16px; }
.home .top .right > ul > li:hover ul{ display: block; background: #fff; opacity: 1; }
.top .right > ul > li:hover ul{ display: block;  width: 126px; border-top: 1px solid #f0f0f0f; transform:translateX(-50%); left: 50%;  z-index: 999;}
.top .right > ul > li ul li{ text-align: center;}
.top .right > ul > li  ul li:last-child{ border: none; }
.top .right > ul > li:hover ul li a{ font-size: 14px; color:#000;   }
.sjcx{ display: none; }
@media screen and (max-width:1450px) and (min-width:0px){
	.foot2 .hei1{float: none; }
	.foot2 .ri{ width: 100%; }
	.foot2 .fl{ margin-bottom: 40px; }
	.hei1 .ftitle{ margin-top: 0; }
}
@media screen and (max-width:640px) and (min-width:0px){
.BigDiv{ overflow: hidden; }
.top .right > ul > li span{ display: none; }
.fullslide .bd li .tu1{display: none;}
.fullslide .bd li .tu2{display: block; width: 100%; }

.fullslide .hd{ display: none; }
.fullslide .prev, .fullslide .next{ left: 0; }
.fullslide .next{ left:inherit; right: 0;}
.fullslide1 .bd::before{ bottom: -2px; }
.fullslide1 .text{ width:80%; margin-top: 0;  bottom: 20%; left: 50%; margin-left: -40%; }
.fullslide1 .text .title{ font-size: .6rem; }
.fullslide1 .text .ftitle{ font-size: .7rem; }
.fullslide1 .text .smrt{ font-size: .4rem; line-height: .5rem; margin-top: 40px; }
.clname .ftitle{ font-size: .8rem;margin-left: -100px;
margin-top: -23px;}
.clname{font-size: .4rem; height: 80px; margin-top: 60px; }

.home .top .t1{ }
.home .top .t2{}
.top{ z-index: 9999; }
.name{ font-size: 18px;  padding-top: 14px; }
.a1ul{ margin-top: 10px; }
.fname{ font-size: 12px; }
.g1aul li .time{ display: none; }
.g1aul li .pic{ float: none; width: 100%; height: auto; }
.g1aul li .text{ float: none; width: 100%; }
.g1aul li .text .more{ padding-top: 12px; }
.g1aul li{ padding-bottom: 15px; padding-top: 15px; margin-bottom: 15px; }
.g1aul li .text .description{ border: none; }
.g1aul li .text .title{ font-size: 20px; }
.g1aul li .text .description{ height: auto; line-height: 24px; font-size: 14px; }

.top .right>ul>li{ line-height: 32px; float: none; width: 100%; }
.top .right .ri1::before{ display: none; }
.top .right .ri1{ float: none; width: 100%; text-align: center; }
.top .right .rigd1{ width: 100%; }
.top .right .le1{ display: none; }
.top .right{ z-index: 999; }
.top .right>ul{ float: none; }
.top .form{ display: none; }
.top .left{ width: auto;}
.top .ment{ margin-top: .5rem; margin-right: 5%;float: right; width: auto; }
.top .ment img{ width: .5rem; }
.top .left img{ width: 2.7rem; }
.BigDiv{min-width: 320px;}
.cen{ min-width: 280px; }
.sjcx{ display: block !important;}
.sjyc{ display: none !important;}
	.BigDiv{max-width: 640px; min-width: 320px; margin: auto; }
	.logm{ float: right; margin-right: 15px; font-size: 20px; margin-top: 13px; }
	.logm span{ color:#fe5e10; }
.top{ height: auto; margin-top: 0; padding: 5px 0; }
.cen{width: 94%; margin: auto; }
.lc{ display: none; }
.ment img {width: 30px;}
.ment { float: right; margin-top: 7px; }
.b1 .a2div .left img{ margin-top: 0; margin-left: 0; }
.b1 .a2div .right{ width: 100%; }
.b1{ padding-bottom: 20px; }
.top .right > ul > li{  height: auto; text-align: center; }
.a3ul2 li{ background: none !important; float: none; margin-bottom: 3px; }
.top .right > ul > li>a img{ display: none; }
.top .right > ul > li .text{ position: relative; width: 100%; height: auto; margin: auto; left: 0; background: none; }
.top .right > ul > li .text .pic{ display: none; }
.top .right > ul > li .text ul{ float: none; width: 100%; margin-right: 0; margin-top:10px; }
.top .right > ul > li .text ul li a{ color:rgba(255,255,255,.5); }
.top .right > ul > li .text ul li{ float: none; margin: auto; }
.home .top.on .right{ margin-right: 0; }
.home .top .right{ margin-top: 60px; }
.top .right{ position: absolute;
 margin-left: 0;
	    width: 100%;
	    right: -100%;
			top: 0;
	    background: #242424;
	    padding: 5px 0;
	    z-index: 9999999999;transition:.5s;
	    margin-top: 61px;
			background: url("/web/20220501183523im_/https://www.hawkbrand.cn/i/img1.png") no-repeat 5% 96% rgba(0,0,0,.8); padding-bottom: 15px;
			background-size: 80px;
 }
 .top .right{ margin-right: 0; }
 .top .right.on{ right: 0;}
 .top.on{background: #fff; }
.top .right > ul > li{ width: 100%; margin: auto; padding: 4px 0;}
.top .right > ul > li ul{ background: none;margin-top: 6px; }
.top .right > ul > li ul li{height: 24px; line-height: 24px; }
.top .right > ul > li:hover ul li{ height: 24px; line-height: 24px; }
.top .right > ul > li:hover ul{padding: 0; }
.top .right > ul > li::before { display: none; }
.top .right > ul{ margin-right: 0; }
.top .right > ul > li ul{ position: relative; }
	 .top .right > ul > li a {
	    color: #fff;
	    font-size: 14px;
	  }
.a2div .left{ width: 100%; text-align: center; }

	.picMarquee-left .bd ul li{ width: 100%; }
.picMarquee-left .bd ul li img{ width: 100%; height: auto; }

.fullslide .prev img, .fullslide .next img{ width: 25px; }
.aa1{ overflow: hidden; margin-top: .3rem; margin-bottom: .3rem; }
.aa1 .title{ float: left;color:#4b4b4b; font-size: .388rem; font-weight: 300;}
.aa1 .aa1r{ float: right; margin-right: -4%; width: 1.31rem; height: .83rem; margin-top: .16rem; background: #b4f9ff; text-align: center; line-height: .83rem; border-radius: 4px 0 0 4px; }
.aa1 .aa1r a{ font-size: .36rem; }
.aa1 .aa1r span img{width: .29rem; margin-left: .06rem; }
.Mpso{ position: fixed; bottom: 0;background: #f1f1f1; padding: 8px 0;}
.fors{ display: none; }
.Mps1{ float: left;width: 35%; margin-left: 5%; }
.Mps1>img{ max-width: 100%; position: relative; top: 2px; }
.Mps1 .pic{ display: none; position: absolute; width: 35%;bottom: 80%; }
.Mps1 .pic img{ width: 100%; }
.Mps1 span{ font-size: .5rem; position: relative; top: 2px; color:#e60012; }
.Mps2{ float: left; width: 12%;  margin: 0 4%}
.Mps2 img{max-width: 100%; display: block; }
.Mps3 img{max-width: 100%; position: relative; top: 2px;}
.Mps3{ float: right; width: 35%; margin-right: 5%;}
.Mps3 a{font-size: .34rem;  color:#e60012; }
.Mpso{ font-size: 0; }
.Mps3 span{font-size: .5rem; position: relative; top: 4px; color:#e60012; }
.Mps2 .icon-kefuzixunlv{ display: block; color:#fff; font-size: .3rem; position: relative; top: 3px; }
.Mps2 a{ color:#fff; font-size: .2rem; }
.a3sj{ margin-top: 1.2rem; }

.a3ul2 li{ width: 100%; }

.a3ul li{ width: 25%; display: inline-block; text-align: center;  padding-top: .2rem; padding-bottom: .16rem;}
.a3ul li:nth-child(1){ background: #cbc6b9; }
.a3ul li:nth-child(2){ background: #dcd8d8; }
.a3ul li:nth-child(3){ background: #cbc6cc; }
.a3ul li:nth-child(4){ background: #d3cee2; }
.a3ul li img{ height: 1.2rem; display:block; margin: auto; }
.a3ul li a{ font-size: .24rem; }
.a3ul{ font-size: 0; }
.more.cen{ margin-bottom: 0; margin-top: 0; }
.fot1 li{ width: 49%; margin-left: .5%; margin-right: .5%; margin-bottom: 1%;}
.fot1 li .title{ font-size: .24rem; }
.cen-75{ width: 94%; }
.footul li .title span{ color:#000000; font-size: .44rem; }
.footul li{}
	.footul li .ftitle{ font-size: .17rem; }
	.footul{ padding: 24px 0; }
	.fot2 .fl .ful{ display: none; }
.fot2 .fl{ width: 33%; text-align: center; }
.fot2 .fl .title a{ font-size: .26rem; }
.fot2 .fl{ margin:auto !important;}
.fot2{ padding: 20px 0; margin-bottom: 20px; }
.foot2{ margin-top: 20px; }
.foot2 .ri .fl{ display: none; }
.foot2 .ri{ width: 100%; }
.foot2 .ri .ri{ width: 100%;text-align: left; }
.hei1 .ftitle{ margin-top: 0; margin-bottom: 10px; }
.foot2{ padding-bottom: 65px; padding-top: 20px; }
.foot2 .pic img{ width: 120px; }
.top .right .rigd1{ display: none; }
.top .right > ul > li{ text-align: right; box-sizing: border-box; padding: 2px 0; padding-right: 22px; border-bottom: 1px solid #dcdcdc; }
.top .right > ul > li > a::before{ display: none; }
.top .right > ul > li:last-child{border: none; }
.top .right{ padding-top: 5px; padding-bottom: 5px; margin-top: .9rem; }
.home .top.on .right{margin-top: 55px; }
.home .top.on .right > ul > li a{ color:#fff; }
.b1{ margin-top: 25px; }
.cen{ padding-bottom: 25px; }
.b1ul2 li{ width: 32.33%; margin-left: .5%; margin-right: .5%; margin-bottom: .15rem; }
.b1ul2 li .title{ font-size: .2rem; color:#000000; margin-top: 0;margin-bottom: 0; }
.b1ul2 li .ftitle{ line-height: inherit; font-size: .13rem; }
.page a{ font-size: 14px; }
.page .s{ font-size: 14px; }
.c1{ margin-top: 15px; }
.c1 .cen{ width: 100%; }
.c1 .title{ width: 90%; margin: auto; }
.c1 .ftitle{ width: 90%; margin: auto; }
.c1nr p{  width: 90%; margin: auto; }
.c2{ display: none; }
.c1 .Zner{ width: 100%; }
.c1 .Zner p{ width: 100%; }
.Fcen{  padding: 15px 0;padding-left: 10px;}
.Mpso{ z-index: 9; }
.e1 .cen-75 > .fl{ width: 100%; max-width: inherit; margin-top: 0; margin-right: 0; }
.e1 .cen-75 > .fl .title{ font-size: .5rem; }
.e1 .cen-75 > .fl .title br{ display: none; }
.e1 .cen-75 > .fl .time{ margin-top: 15px; margin-bottom: 15px; }
.e1 .cen-75 > .fl .ftitle{ font-size: .28rem; }
.e1 .cen-75 > .ri{width: 100%; }
.e1 .nr2 .ri{ display: none; }
.e1 .nr2 .fl{ width: 100%; }
.e1 .nr2 .fl .title{ padding-top: 25px; }
.e1 .cen-75 > .ri .nr2{margin-top: 25px; }
.e1 .nr2 .fl .ftitle br{ display: none; }
.e1 .nr2 .fl .title br{ display: none; }
.e1 .nr2 .fl .ftitle{ margin-bottom: 16px; }
.map{ margin-bottom: 60px; }
.e1 .cen-75 > .fl .ftitle br{ display: none; }
.o2s .cen .a2div2{ padding-left: 0; width: 90%; margin:auto;
	padding-top: 20px; }
	.o2s .cen .a2div1{ padding-left: 0; text-align: center; }
	.o2s .cen .a2div1 a:nth-child(1){ padding-left: 27px; }
.o2s .cen .a2div2 .ri{padding-right: 0; width: 100%; }
.a2div2 > div{ padding-bottom: 15px; }
.top{ padding: 0; }
.top .left{ padding-bottom: .08rem;}
.more.cen a{ font-size: .2344rem; }
.foot{ padding-top: 0; }
.foot .name{ padding-top: .17rem; font-size: .23rem; margin-bottom: .1rem; }
.a3sjnav{ margin-top: 0; }
.b1 .a3ul1 li a{ font-size: .1778rem; }
.b1 .a3ul1 li{ height: auto;  margin: 0 .1rem; }
.b1 .a3ul1{ font-size: 0; }
.b1{ margin-top: 0; }
.Mks{ text-align: center; font-size: .1778rem; line-height: .4rem; }
.b1 .cen{ padding-bottom: 0;}
.a3sj.on{ position: fixed; margin-top: 1rem; top: 0; }

.Fcen{ padding: .1rem 0; margin-top: .2rem; }
.Fcen .fl{ font-size: .21rem; margin-left: .1rem; }
.Fcen .bshare-custom a{ width: .3rem; height: .3rem; background-size: auto 100% !important;}
.c1 .cen{ padding-bottom: .1rem; }

.e1{ margin-top: .2rem; }
.a1{ margin-top: .2rem; }
.a1 .text{ font-size:.23rem; height: auto; line-height: inherit; }
.a1 .text2{ font-size: .156rem; }
.map{ height: 250px; margin-bottom: .2rem; }

.e1 .fl{ font-size: .39rem; margin-right: 0; }
.e1 .fl2{ float: right; }
.e1 .fl2 a{ font-size: .2rem; padding: 0 .2rem;}
.e1 .fl2 a:last-child{ border: none; }
.a3 .cen{ padding-bottom: .06rem; }
.e1ul2{ padding-top: 0; }
.e1ul2 li .text{ width: 100%; margin-left: 0; }
.e1ul2 li .pic{ width: 100%; height: auto; }
.e1ul2 li .text .title{ }
.e1ul2 li .text .time{ font-size: .24rem; margin-bottom: .1rem; }
.e1ul2 li .text .title{ font-size: .28rem; margin-bottom: .1rem; }
.e1ul2 li .text .ftitle{ font-size: .2rem; line-height: 20px; margin-bottom: 10px; }
.e1ul2 li .text .more span{ font-size: .2rem; }
.e1divs  .fl{display: none; }
.e1divs .ri{ width: 100%; float: none; }
.e1divs .ri .title{font-size: .26rem; width: 80%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.e1divs .ri .ftitle{ float: right; width: 18%; font-size: .2rem; }
.Rmsp{ padding-top: .2rem; }
.e1divs .ri .rinei{ margin-top: 0; }
.e1divs .ri .rinei p{ font-size: .156rem; line-height: .25rem; margin-bottom: 0; }
}

/*
     FILE ARCHIVED ON 18:35:23 May 01, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:12:17 Oct 31, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.431
  exclusion.robots: 0.016
  exclusion.robots.policy: 0.008
  esindex: 0.009
  cdx.remote: 6.688
  LoadShardBlock: 1026.181 (3)
  PetaboxLoader3.datanode: 241.991 (5)
  PetaboxLoader3.resolve: 931.008 (2)
  load_resource: 202.092
  loaddict: 31.028
*/