@charset "utf-8";
* {margin:0; padding:0; list-style:none; }
html{_background:url(about:blank);background-attachment:fixed;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,
button,input,textarea,th,td{margin:0;padding:0;}
body{  color:#333; font-size:14px; font-family:'Microsoft YaHei';margin:0 auto; padding:0; line-height:25px;}
ul,li{list-style:none;}
input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#333; font-family:'Microsoft YaHei';}
button{cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}

a{color:#D3B067;; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}
a:hover{color:#FFF2A3;; text-decoration:none;}
img{border:none;}
#clear{width:100%; height:0px; clear:both;}

@font-face {
    font-family: "font2";
    src: url(../images/Anton.ttf); 
}


p{line-height:25px;}

.ab1{ width:100%; height:auto; padding:100px 0px;background: radial-gradient(57.69% 57.69% at 50% 50%, #442A6A 6.77%, #0B0524 100%);}
.ab1z{ max-width:1010px; width:96%; height:auto; margin:0 auto;;}
.ab1z img{ max-width:100%; display:inline-block;}
.ab1d{ max-width:1200px; width:96%; height:100px; margin:0 auto; background:#362951;}
.ab1d li{ width:33.33333%; float:left; height:100px;}
.ab1d li a{ width:100%; height:100px; line-height:100px; display:block; color:#FFF2A3; font-size:18px; font-weight:bold; text-align:center; float:border: 2px solid #362951;box-sizing: border-box;}
.ab1d li a span{ padding:0px 10px; }
.ab1d li a b{ font-size:32px; line-height:100px;}
.ab1d li a:hover{ background:linear-gradient(90deg, #ECC563 0%, #C58000 20.82%, #EBB43E 49.24%, #EBB43E 75.07%, #C58000 100%); color:#fff;border: 2px solid;
border-image: linear-gradient(0deg, #fff2a3 0%, #b37f11 0%, #dcb34a 0%, #fff2a3 0%, #dcb34a 0%, #b37f11 100%) 3 3;box-sizing: border-box;}

@media(max-width:1100px){
.ab1d{ max-width:1200px; width:96%; height:70px; margin:0 auto; background:#362951;}
.ab1d li{ width:33.33333%; float:left; height:70px;}
.ab1d li a{ width:100%; height:70px; line-height:70px; display:block; color:#FFF2A3; font-size:18px; font-weight:bold; text-align:center; float:}
.ab1d li a span{ padding:0px 5px; }
.ab1d li a b{ font-size:25px; line-height:70px;}
}
@media(max-width:800px){
.ab1{ width:100%; height:auto; padding:60px 0px;}
.ab1d{ max-width:1200px; width:96%; height:60px; margin:0 auto; background:#362951;}
.ab1d li{ width:33.33333%; float:left; height:60px;}
.ab1d li a{ width:100%; height:60px; line-height:60px; display:block; color:#FFF2A3; font-size:14px; font-weight: normal; text-align:center; float:}
.ab1d li a span{ padding:0px 3px; }
.ab1d li a b{ font-size:18px; line-height:60px;font-weight: normal;}
}

.ab2{ width:100%; height:auto; padding:80px 0px;background: #180A2C;}
.ab2z{ max-width:1440px; width:96%; height:auto; margin:0 auto;}
.ab2z li{ width:31.5%; height:auto; float:left; margin-right:2.75%; margin-bottom:35px;border: 2px solid;box-sizing: border-box;}
.ab2z li:hover{border: 2px solid;
border-image: linear-gradient(0deg, #fff2a3 0%, #b37f11 0%, #dcb34a 0%, #fff2a3 0%, #dcb34a 0%, #b37f11 100%) 3 3;box-sizing: border-box;}
.ab2z li:nth-child(3n){ margin-right:0px;}
.ab2z li .ab2t{ width:100%; height:auto; position:relative; color:#fff;}
.ab2z li .ab2t img{ display:block; max-width:100%;}
.ab2z li .ab2t .ab2t1{ width:100%;  height:130px; position:absolute; bottom:-65px; left:15px;}
.ab2z li .ab2t .ab2t1 img{ float:left; height:130px; padding-right:10px;}
.ab2z li .ab2t .ab2t1 h2{ margin-top:80px; font-size:16px;}
.ab2z li .ab2t .ab2t1 p{color: rgba(255, 255, 255, 0.6);}
.ab2z li .ab2d{ width:100%; height:250px; padding:100px 0px 40px 0px; background:#2f2241 url(../images/kn4.png) right 20px top 20px no-repeat;}
.ab2z li .ab2d p{ width:90%; height:auto; margin:0 auto; color: rgba(255, 255, 255, 0.6);  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden;}

.lay8x{ width:184px; height:56px; line-height:56px;  text-align:center; color:#826236; margin:50px auto 70px auto; background:url(../images/g1.png) center no-repeat; }
.lay8x a{font-weight: 700; color:#826236;}
.lay8x:hover a{ text-decoration:underline;}

@media(max-width:1200px){
	.ab2{ width:100%; height:auto; padding:60px 0px;}
.ab2z li{ width:48%; height:auto; float:left; margin-right:4%; margin-bottom:35px;}
.ab2z li:nth-child(3n){ margin-right:4%;}
.ab2z li:nth-child(2n){ margin-right:0px;}
.lay8x{ width:184px; height:56px; line-height:56px;  text-align:center; color:#826236; margin:40px auto 60px auto; background:url(../images/g1.png) center no-repeat; }

}
@media(max-width:800px){
	.ab2{ width:100%; height:auto; padding:45px 0px;}
.ab2z li .ab2t .ab2t1{ width:100%;  height:100px; position:absolute; bottom:-50px; left:10px;}
.ab2z li .ab2t .ab2t1 img{ float:left; height:100px; padding-right:8px;}
.ab2z li .ab2t .ab2t1 h2{ margin-top:50px; font-size:14px;}
.ab2z li .ab2d{ width:100%; height:auto; padding:70px 0px 30px 0px;}
.lay8x{ width:184px; height:56px; line-height:56px;  text-align:center; color:#826236; margin:20px auto 40px auto; background:url(../images/g1.png) center no-repeat; }

}



.prod{ width:100%; height:auto; padding:50px 0px 80px 0px;;background:#180A2C;}
.prodz{  max-width:1440px; width:96%;height:auto; margin:0 auto;}
.prod1{ width:288px; height:auto; float:left;}
.prod1 ul{ width:100%; height:auto; border: 3px solid;box-sizing: border-box;  border-image: linear-gradient(0deg, #fff2a3 0%, #b37f11 0%, #dcb34a 0%, #fff2a3 0%, #dcb34a 0%, #b37f11 100%) 3 3;}
.prod1 ul li{ width:100%; height:75px; font-size:16px; font-weight:bold; text-align:center; line-height:75px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.prod1 ul li a{ color:#D3B067;}
.prod1 ul li:hover{background: linear-gradient(90deg, #ECC563 0%, #C58000 20.82%, #EBB43E 49.24%, #EBB43E 75.07%, #C58000 100%); color:#fff;}
.prod1 ul li:hover a{color:#fff;}
.prod1d{ width:288px; height:495px; background:url(../images/kn5.png) center top no-repeat;}
.prod1d p{ padding-top:370px;font-weight: 700;font-size: 24px;color: #93621A; text-align:center;}

.prod2{width:calc(100% - 350px); float:right;}
.prod2 li{ width:31.5%; float:left; margin-right:2.75%; margin-bottom:35px; }
.prod2 li img{ display:block; width:100%;cursor: pointer;transition: all 1.2s;}
.prod2 li img:hover{transform: scale(1.1);}
.prod2 li:nth-child(3n){ margin-right:0px;}
.prod2 li p{ width:100%;line-height:60px;font-weight: 700;font-size: 16px; line-height:60px;color: #D3B067;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

@media(max-width:1100px){
	.prod{ width:100%; height:auto; padding:40px 0px 50px 0px;}
.prod2 li{ width:48%; float:left; margin-right:4%; margin-bottom:25px; }
.prod2 li:nth-child(3n){ margin-right:4%;}
.prod2 li:nth-child(2n){ margin-right:0;}
.prod2 li p{ width:100%;line-height:50px;font-weight: 700;font-size: 14px; line-height:50px;color: #D3B067;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
}

@media(max-width:800px){
	.prod{ width:100%; height:auto; padding:30px 0px 45px 0px;}
.prod1{ display:none;}
.prod2{width:calc(100% - 0px); float:right;}
.prod2 li{ width:49%; float:left; margin-right:2%; margin-bottom:15px; }
.prod2 li:nth-child(3n){ margin-right:2%;}
.prod2 li:nth-child(2n){ margin-right:0;}
.prod2 li p{ width:100%;line-height:40px;font-weight: 700;font-size: 14px; line-height:40px;}
}
/*分页*/
.nx_pg{width:100%; height: auto ; padding:50px 0px 40px 0px; text-align:center; }
.nx_pg a{display:inline; padding:7px 14px 7px 14px;  color:#D9B765;;font-size:14px; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.nx_pg a:hover{background: linear-gradient(90deg, #ECC563 0%, #C58000 20.82%, #EBB43E 49.24%, #EBB43E 75.07%, #C58000 100%);; color:#fff;}
.nx_pg .on{ background: linear-gradient(90deg, #ECC563 0%, #C58000 20.82%, #EBB43E 49.24%, #EBB43E 75.07%, #C58000 100%);; color:#fff;}




.prod21{width:calc(100% - 350px); float:right;}
@media(max-width:800px){
.prod21{width:calc(100% - 0px); float:right;}
}
.p_det1{ width:100%; height:auto; padding:55px 0px;color:#D3B067;}

.p_det2{ width:100%; height:60px;}
.p_det2 li{ text-align:center; font-size:18px; font-weight:bold;}
.p_det2 li:nth-child(1){ width:230px; height:60px; line-height:60px;background:linear-gradient(90deg, #ECC563 0%, #C58000 20.82%, #EBB43E 49.24%, #EBB43E 75.07%, #C58000 100%); border:2px solid; border-image:linear-gradient(90deg, #ECC563 0%, #C58000 20.82%, #EBB43E 49.24%, #EBB43E 75.07%, #C58000 100%); float:left;margin-right:12px;}
.p_det2 li:nth-child(1) a{ color:#93621A;}
.p_det2 li:nth-child(2){ width:320px; height:60px; line-height:60px; background-image: linear-gradient(0deg, #fff2a3 0%, #b37f11 0%, #dcb34a 0%, #fff2a3 0%, #dcb34a 0%, #b37f11 100%);-webkit-background-clip:text; -webkit-text-fill-color:transparent;  border:2px solid; border-image: linear-gradient(0deg, #fff2a3 0%, #b37f11 0%, #dcb34a 0%, #fff2a3 0%, #dcb34a 0%, #b37f11 100%) 3 3; float:left; }

@media(max-width:1000px){
.p_det2 li:nth-child(1){ width:100%; margin-right:0px;}
.p_det2 li:nth-child(2){ width:100%; margin-top:10px;}
.p_det2{ width:100%; height:60px;}
.p_det2 li{ text-align:center; font-size:18px; font-weight:bold;}
}

.attile{ width:100%; height:auto; }
.attile li{ width:100%; height:auto; border:2px solid #180A2C;background: rgba(255, 255, 255, 0.1);; height:164px;;box-sizing: border-box; margin-bottom:45px; }
.attile li .rq{font-size:18px; width:140px; height:160px; padding-top:20px; color:#fff; background:#D9B765; font-size:24px; float:left;text-transform: uppercase; text-align:center;font-family: "font2";}
.attile li .rq b{font-size:48px; line-height:70px;}
.attile li .rq1{width:calc(100% - 160px); height:160px; float:right;}
.attile li .rq1 h2{ width:96%; height:55px; line-height:55px; font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#D3B067; margin-top:20px;}
.attile li .rq1 p{ width:96%; height:50px; line-height:25px; color:#D3B067;   display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
 .attile li:hover{border:2px solid; border-image: linear-gradient(0deg, #fff2a3 0%, #b37f11 0%, #dcb34a 0%, #fff2a3 0%, #dcb34a 0%, #b37f11 100%) 3 3;background: rgba(255, 255, 255, 0.15);}

@media(max-width:1000px){
.attile li{ width:100%; height:auto; border:1px solid #180A2C;background: rgba(255, 255, 255, 0.1);; height:112px;;box-sizing: border-box; margin-bottom:25px; }
.attile li .rq{font-size:14px;font-weight:bold; width:100px; height:110px; padding-top:15px; color:#fff; background:#D9B765; font-size:16px; float:left;text-transform: uppercase; text-align:center;font-family: 'Anton';}
.attile li .rq b{font-size:36px; line-height:40px;}
.attile li .rq1{width:calc(100% - 115px); height:110px; float:right;}
.attile li .rq1 h2{ width:96%; height:35px; line-height:35px; font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#D3B067; margin-top:10px;}
.attile li .rq1 p{ width:96%; height:50px; line-height:25px; color:#D3B067;   display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
 .attile li:hover{border:1px solid;border-image: linear-gradient(0deg, #fff2a3 0%, #b37f11 0%, #dcb34a 0%, #fff2a3 0%, #dcb34a 0%, #b37f11 100%) 3 3;	}
	
}

#info-T{width:100%; min-height:30px; padding-top:15px; padding-bottom:15px; line-height:30px; text-align:center; font-size:18px; font-weight:bold; color:#D3B067;}
#info-M{width:100%; height:45px; line-height:45px; text-align:center; border-top:#e0e0e0 1px dotted;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px; color:#D3B067;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height:50px; padding-top:10px; line-height:28px; margin-top:20px; border-top: 1px solid;border-image: linear-gradient(0deg, #fff2a3 0%, #b37f11 0%, #dcb34a 0%, #fff2a3 0%, #dcb34a 0%, #b37f11 100%) 3 3; color:#D3B067;}
#info-C1{width:100%; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}

.join1{ width:1440px; height:40px; line-height:40px; color:#333; font-size:30px; font-weight:bold; margin:60px auto 40px auto; }
.join1 span{color: rgba(153, 153, 153, 0.25); font-size:18px; padding-left:18px; font-weight:normal;}
.join_tab{ width:100%; height:auto; margin:0 auto; }
.join_tab ul{ width:96%; max-width:1440px;border:2px solid; border-image:linear-gradient(0deg, #fff2a3 0%, #b37f11 0%, #dcb34a 0%, #fff2a3 0%, #dcb34a 0%, #b37f11 100%) 3 3;margin:0px auto 0px auto;  border-collapse:collapse; text-align:center; }
.join_tab .uwl-title{ background:linear-gradient(90deg, #ECC563 0%, #C58000 20.82%, #EBB43E 49.24%, #EBB43E 75.07%, #C58000 100%);; height:63px; line-height:63px; border-bottom:2px solid; border-image:linear-gradient(0deg, #fff2a3 0%, #b37f11 0%, #dcb34a 0%, #fff2a3 0%, #dcb34a 0%, #b37f11 100%) 3 3;}
.join_tab .uwl-title span{ height:63px; line-height:63px; }
.join_tab span{ width:20%; display:block; float:left; font-size:15px; color:#fff; text-align:center; height:56px; line-height:56px; padding:0px 3px;box-sizing: border-box;  }
.join_tab span a{ font-size:15px; color:#444; }
 
.join_tab .accordion span{ color:#D9B765;;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align: center;}
.accordion {position: relative; ;display: inline-block;width: 100%; border-bottom:2px solid; border-image:linear-gradient(0deg, #fff2a3 0%, #b37f11 0%, #dcb34a 0%, #fff2a3 0%, #dcb34a 0%, #b37f11 100%) 3 3;vertical-align: middle;}

.accordion-desc { ;z-index: 2; padding: 30px 30px; border-bottom:2px solid;color:#D9B765; border-image:linear-gradient(0deg, #fff2a3 0%, #b37f11 0%, #dcb34a 0%, #fff2a3 0%, #dcb34a 0%, #b37f11 100%) 3 3; text-align:left;}


.join2{ width:1200px; height:60px; margin:0 auto;}
.join2 a{ width:280px; height:60px; background:#3F88CC; display:block; font-size:22px; text-align:center; line-height:60px; color:#fff; float:left; margin-right:20px;font-weight:bold;}
.join2 a:nth-child(5){ margin-right:0px;}
.join2 a:hover{ text-decoration:underline;}
.join3{ width:1200px; line-height:44px; color:#333; font-size:18px; margin:0 auto;}
.join4{ width:1200px; height:auto; color:#999;}
.join4 span{ color:#3F88CC;}

.contact_list {list-style: none;padding: 0;margin:40px auto; max-width:1440px; width:96%;overflow: hidden;display: flex;flex-direction: row;flex-wrap: wrap; text-align:center;}
.contact_list img{ display:inline-block;}
.contact_list li {width:25%;text-align: center;box-sizing: border-box; }
.contact_list li img{ display:inline-block;-webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.contact_list li:hover img{ -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.contact_list li:nth-child(5){ margin-right:0px;} 
.contact_list .img {max-width: 120px; margin:35px auto 15px; text-align:center;}
.contact_list .icon {width: 84px; height:84px;margin:35px auto 15px;background: url(../images/h1.png) center no-repeat;;}
.contact_list li:nth-child(1):hover .icon{background: url(../images/h11.png) center no-repeat;}

.contact_list h4 {font-size: 16px;margin: 0 0 10px; color:#D9B765;;}
.contact_list p { width:90%; line-height:35px; height:70px; margin:0 auto; font-size:20px; color:#D9B765;}



@media(max-width:1000px){
	.contact_list {list-style: none;padding: 0;margin:10px auto 20px auto;}
.contact_list li {width:50%;text-align: center;box-sizing: border-box;  padding-bottom:20px; }
.contact_list li img{ width:110px; height:110px;}
}

.map{ max-width:1440px; width:96%;height:auto; margin:0 auto}
.map img{ width:100%;}


.bt2{ width:100%; height:auto;}

.bt2 h2{ font-size:36px; line-height:40px; padding-bottom:5px;background: linear-gradient(0deg, #FFF2A3 0.4%, #B37F11 21.66%, #DCB34A 35.83%, #FFF2A3 62.15%, #DCB34A 81.38%, #B37F11 100.61%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.bt2 span{background: linear-gradient(0deg, #FFF2A3 0.4%, #B37F11 21.66%, #DCB34A 35.83%, #FFF2A3 62.15%, #DCB34A 81.38%, #B37F11 100.61%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
 padding-bottom:15px; display:block;}

.ab2kk{ max-width:1440px; width:96%;height:auto; margin:65px auto 15px auto;}

.ft4{ max-width:100%; margin:15px auto 0px auto;}



.jon11{ width:32%; height:60px; margin-bottom:20px; float:left; margin-right:2% }

.jon11:nth-child(4n){ margin-right:0px;}

.b11{width:100%; height:60px; line-height:60px; font-size:14px; margin:0;background:rgba(255, 255, 255, 0.1);;border:#BDBDBD 1px solid;   padding:0;;box-sizing: border-box;border-radius: 2px; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }

.b11:hover{border:#BDBDBD 1px solid;  }



.jon41{ width:100%; height:120px; margin-bottom:20px; display:block;}

.b21{width:100%; height:120px; line-height:30px;margin:0; font-size:14px;background:rgba(255, 255, 255, 0.1);box-sizing: border-box;border-radius: 2px; padding-left:5px; }

.b21:hover{border:#BDBDBD 1px solid;  }

.jon51{ width:200px; height:48px;}

.jon51 button{ display: block; width: 100%; height: 100%; border: none; outline: none;transition: all 0.8s; font-size:16px; text-align: center; line-height: 44px; color: #93621A;; background: linear-gradient(90deg, #ECC563 0%, #C58000 20.82%, #EBB43E 49.24%, #EBB43E 75.07%, #C58000 100%);;border-radius:3px;}

.jon51 button:hover{ text-decoration:underline; color:#fff;}

input.b11::-ms-input-placeholder{ color:#D9B765;;}

input.b11::-webkit-input-placeholder { color:#D9B765;}

textarea.b21::-ms-input-placeholder{ color:#D9B765;}

textarea.b21::-webkit-input-placeholder { color:#D9B765;}



@media(max-width:1000px){
.bt2 h2{ font-size:28px; line-height:32px;}
.ab2kk{ max-width:1440px; width:96%;height:auto; margin:45px auto 0px auto;}

.jon11{ width:32%; height:45px; margin-bottom:10px; float:left; margin-right:2% }

.jon11:nth-child(4n){ margin-right:0px;}

.b11{width:100%; height:45px; line-height:45px; font-size:14px; margin:0;background:#E9EDF0;;border:#BDBDBD 1px solid;   padding:0;;box-sizing: border-box;border-radius: 2px; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }

.jon41{ width:100%; height:90px; margin-bottom:10px; display:block;}

.b21{width:100%; height:90px; line-height:30px;margin:0; font-size:14px; background: #E9EDF0;box-sizing: border-box;border-radius: 2px; padding-left:5px; }

.b21:hover{border:#BDBDBD 1px solid;  }
.jon51{ width:150px; height:42px;}

.jon51 button{ display: block; width: 100%; height: 100%; border: none; outline: none;transition: all 0.8s; font-size:16px; text-align: center; line-height: 44px; color: #93621A;; background: linear-gradient(90deg, #ECC563 0%, #C58000 20.82%, #EBB43E 49.24%, #EBB43E 75.07%, #C58000 100%);;border-radius:3px;}

}


.abtf1{ max-width:1440px; width:96%; height:auto; margin:0 auto; color:#D3B067; text-align:center;}
.indexContainer .abtf1 .layer7Box{ max-width: 100%; border: 3px solid #b58113; box-sizing: border-box; width: 1360px; height:  auto; position: relative; margin: 0 auto;}
.indexContainer .abtf1 .layer7Box .click{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexContainer .abtf1 .layer7Box img.bg1{ display: block; width: 100%; height: auto;}

.abtg1{ max-width:1360px; width:96%; height:135px; background:rgba(255, 255, 255, 0.1); margin:65px auto 10px auto;}
.abtg1 li{ width:20%; height:135px; float:left; ;text-align:center; }
.abtg1 li a{ width:100%; height:135px; display:block;background-image:url(../images/az1.png); background-position:right center; background-repeat:no-repeat}
.abtg1 li h2{ padding-top:25px;background: linear-gradient(0deg, #FFF2A3 0.4%, #B37F11 21.66%, #DCB34A 35.83%, #FFF2A3 62.15%, #DCB34A 81.38%, #B37F11 100.61%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;W
font-family: 'Impact';
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height:55px;
}
.abtg1 li p{color: #D3B067; padding-top:5px;}
.abtg1 li:hover{background: linear-gradient(90deg, #ECC563 0%, #C58000 20.82%, #EBB43E 49.24%, #EBB43E 75.07%, #C58000 100%); }
.abtg1 li:hover h2{ background:#fff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;}
.abtg1 li:hover p{ color:#fff;}
.abtg1 li:nth-child(5) a{ background-image:none}

@media(max-width:1000px){

.abtg1{ max-width:1360px; width:96%; height:100px; background:rgba(255, 255, 255, 0.1); margin:45px auto 10px auto;}
.abtg1 li{ width:20%; height:100px; float:left; text-align:center; }
.abtg1 li a{ width:100%; height:100px;
.abtg1 li h2{ padding-top:15px;font-size:36px;line-height:45px;}
.abtg1 li p{color: #D3B067; padding-top:0px;}

}

@media(max-width:800px){
.abtg1 li:nth-child(5) { display:none;}
.abtg1{ max-width:1360px; width:96%; height:140px; background:rgba(255, 255, 255, 0.1); margin:45px auto 10px auto;}
.abtg1 li{ width:50%; height:60px; float:left; text-align:center; }
.abtg1 li a{ width:100%; height:60px;}
.abtg1 li h2{ padding-top:5px;font-size:20px;line-height:25px;}
.abtg1 li p{color: #D3B067; padding-top:0px; font-size:12px;}
.abtg1 li:nth-child(2n) a{ background-image:none}
.abtg1 li:nth-child(1){ margin-top:10px;}
.abtg1 li:nth-child(2){margin-top:10px;}
}