.mapBox{margin-top: 0;}
.mapBox iframe{width: 100%;height: 600px;}
.bgTxt.title{padding: 50px 0px 0px 0px;margin: 0px 0px 30px 0px;}
.workframe{width: 1600px;position: relative;margin: 0 auto;}
.catBox{padding-bottom: 0;}
.catBox .bgTxt.title{padding: 40px 0px 20px 0px;margin: 0px 0px 0px -1px;}
.contentBox {display: flex;justify-content: center;margin: 110px auto 110px;}
.contentBox a {display: inline-block;width: 28.8%;height: 65px;font-weight: 400;line-height: 65px;letter-spacing: 0.5px;background-color: #ffffff;border: solid 1px #a3a3a396;color: #a3a3a3;text-align: center;display: flex;flex-direction: column;align-items: center;padding: 0px 0px 5px 0px;margin: 0 5px;}
.contentBox a:nth-child(2){color: #a3a3a3;border: solid 1px #a3a3a396;}
.contentBox a:nth-child(3){color: #a3a3a3;border: solid 1px #a3a3a396;}
.contentBox a:hover {border: solid 1px #dbd0bc;background-color: #c8b086;color: #ffffff;}
.contentBox a:hover:nth-child(2){border: solid 1px #7aa3e8;background-color: #3f6db9;color: #ffffff;}
.contentBox a:hover:nth-child(3){border: solid 1px #a8e5a8;background-color: #4cd14c;color: #ffffff;}
.contentBox a .bottomitem{-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);opacity: 0;display: flex;align-items: center;font-size: 20px;line-height: 20px;font-weight: 500;}
.contentBox a .bottomitem i{font-size: 25px;padding-right: 10px;}
.contentBox a:hover .bottomitem{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;}
.contentBox a:hover .bottomitem i{font-size: 25px;color: #ffffff;}
.contentBox a .topitem{-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);opacity: 1;display: flex;align-items: center;font-size: 21px;line-height: 20px;font-weight: 400;}
.contentBox a .topitem i{font-size: 25px;color: #a3a3a3;padding-right: 10px;}
.contentBox a:nth-child(2) .topitem i{color: #a3a3a3;}
.contentBox a:nth-child(3) .topitem i{color: #a3a3a3;}
.contentBox a:hover .topitem{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(10);opacity: 0;}


.formBox{position: relative;margin: 100px auto 70px;padding: 40px 80px 60px 80px;box-shadow: 0px 10px 50px 0px rgb(104 104 104 / 20%);width: 75%;background: white;z-index: 9;border-radius: 10px;}
.formBox .topInfo{display: flex;flex-direction: column;align-items: center;}
.formBox .thankInfo{text-align: center;z-index: 20;width: 330px;max-width: 330px;}
.formBox .thankInfo .title{margin: -70px 0px 0px 0px;padding: 10px 40px;background-color: #9bdad2;color: #ffffff;font-weight: 100;font-size: 1.6em;text-align: center;}
.formBox .SStext{padding: 40px 0 10px;text-align: center;font-size: 18px;color: #7a7a7a;}

.trafficBox{position: relative;}
.trafficBox .catBox{padding: 30px 0 0;}
.trafficBox:after{background-color: #FAFAFA;height: 100%;top: 0px;width: 100%;z-index: -10;pointer-events: none;content: '';position: absolute;}
.iconBox{padding: 10px 0px 50px 0px;max-width: 1600px;margin: auto;}
.iconBox .contentBox{display: flex;justify-content: center;margin: 0px auto 30px;}
.iconBox .contentBox a{width: 50%;}
.iconBox ul {display: flex;justify-content: space-around;}
.iconBox ul .wow{width: 25%;}
.iconBox ul .wow .item{border-style: solid;border-width: 0px 1px 0px 0px;border-color: #E9E5DD;display: flex;flex-direction: column;align-items: center;}
.iconBox ul .wow .circle{padding: 10px 0;}
.iconBox ul .wow .circle img{width: 140px;}
.iconBox ul .wow .item p{font-weight: 500;text-align: center;font-size: 1.25em;color: #C8B086;}
.iconBox ul .wow .item article{color: #666666;font-size: 14px;font-weight: 400;text-align: center;}
.text {width: 70%;margin: auto;}
.text ol li{color: #444444;font-size: 17px;}
.text ol{margin: 10px 0 0px;}
.text ol li{margin: 10px 0px;list-style-type: auto;color: rgb(80 80 80);font-size: 17px;line-height: 140%;letter-spacing: 0.2px;font-weight: 500;display: list-item;}

.timeBox .Img{max-width: 50%;margin-left: auto;margin-right: auto;}
.timeBox .table-container{margin: 0px 0 30px;max-width: 60%;margin-left: auto;margin-right: auto;}
.mbTitle,.webTitle{text-align: center;}
.mbTitle{display: none;}
.top-column{padding: 0 0 30px;}



/* form1 */
#form1 { font-size: 0; }
#form1 p { margin: 10px 20px; width: calc(100% - 40px); display: inline-block; vertical-align: text-bottom; }
#form1 p.col-2 {width: calc(50% - 30px);margin: 10px 0px 10px 20px;}
#form1 p.col-3 { width: calc((100% / 3) - 40px); }
#form1 p.col-4 { width: calc(25% - 40px); }
#form1 p.col.col-2.emailInfo{width: calc(100% - 40px);}
#form1 p label {margin-bottom: 5px;display: block;font-weight: 500;color: #404040;margin-bottom: 0.4em;font-size: 1.1em;font-weight: 300;}
#form1 p label b { margin-left: 5px; color: #D1C3A9; }
#form1 p input , #form1 select , #form1 textarea {width: calc(100% - 60px);border: 1px #e4e4e4 solid;display: block;padding: 15px 25px;border-color: #9ebfa3;border-radius: 4px;color: #9ebfa3;font-size: 17px;}
#form1 textarea{width: calc(100% - 50px);}
#form1 p select {padding: 20px 25px;width: calc(100% - 0px);}
#form1 p input#Checknum { margin-right: 10px; width: 60px; display: inline-block; }
#form1 p.send {text-align: center;width: auto;display: flex;justify-content: center;}
#form1 p.send a{color: #fff;border: 1px solid #9ebfa3;background: #9ebfa3;padding: 0;display: flex;justify-content: center;align-items: center;padding: 15px 60px;width: 30%;}




@media screen and (max-width: 1560px) {
	.iconBox{width: 90%;}
	.workframe{width: 90%;}
	.formBox{
     padding: 40px 20px 60px;
     width: 85%;
     box-shadow: 0px 9px 30px 0px rgb(187 187 187 / 20%);
    }
     
     .titleJ2{display: flex;flex-direction: column;align-items: center;margin: 10px 0 0;
}
.titleJ2h2{font-size: 52px;}
.titleJ2p{font-size: 22px;font-weight: 300;padding: 0 10px;}
.titleJ2p:before{
 content:"";width: 100px;position: absolute;height: 1px;background: #3131313b;margin-left: -122px;margin-top: 18px;

}
.titleJ2p:after{
 content:"";width: 100px;position: absolute;height: 1px;background: #3131313b;margin-left: 19px;margin-top: 18px;
}
#News{position: relative;padding: 80px 0 90px;background: #ffffff;z-index: 98;}
#News .titleJ2h2{color: white;}
#News .titleJ2p{color: #fefefe;}
#News .titleJ2p:before{
 background: #ffffff3b;
}
#News .titleJ2p:after{
 background: #ffffff3b;
}

#News .arrow{position: absolute;width: 26px;height: 26px;border: white solid;border-width: 3px 0 0 3px;display: block;top: calc((82% - -54px) / 2);left: 170px;z-index: 9;
}
#News .arrow.prev {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);
}
#News .arrow.next {border-width: 3px 3px 0 0;right: 170px;left: auto;
}
#News .arrow.next {transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);
}
#News .newJlist{width: 120%;margin-left: -180px;
}
#News .newJlist.Jfixd{position: fixed;top: 34%;z-index: 9999;
}
#News .slick-slider .slick-list{overflow: visible;
}
#News .newJlist .slick-initialized .slick-slide{/* height: 750px; */float: left;margin-right: 20px;transition: all 0.5s;transform-style: preserve-3d;transform: scale(0.95);
}
#News .newJlist .slick-initialized .slick-slide .teeetbox{opacity: 0;
}
#News .newJlist .slick-initialized .slick-slide.slick-center{z-index: 96;position: relative;box-shadow: #2d303238 0 0 20px;transform: scale(1.01);
}
#News .newJlist .slick-initialized .slick-slide.slick-center .maJitem .overlay{background: #f0f8ff00;
}
#News .newJlist .slick-initialized .slick-slide.slick-center .teeetbox{opacity: 1;
}
#News .newJlist .slick-initialized .slick-slide.slick-center .teeetbox.leftmove{margin-left: -75%;
}
#News .xxx{display:none}
#News .xxxopen{display:flex;position: absolute;right: -21px;top: -30px;
}
#News .xxxopenimg{width: 38px;opacity: 0.7;
}
#News .maJitem{position: relative;
}
#News .maJitem .image{position: relative;padding: 0 0;height: 411px;transform-style: preserve-3d;
}
#News .maJitem .imageimg.bomm{position: absolute;left: 0;z-index: -1;top: 0;transition: all 0.8s 0.1s cubic-bezier(0.9, -0.01, 0, 0.99);height: 100%;width: 100%;object-fit: cover;
}
#News .bigbig{transition: opacity 0.1s, transform 0.8s 0.23s cubic-bezier(0.79, -0.01, 0, 0.99);transform: scale(3.1);-webkit-filter: blur(0px);
}
#News .maJitem .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(37 46 39 / 73%);z-index: 0;opacity: 1;transition: opacity 0.1s, transform 0.8s 0.1s cubic-bezier(0.79, -0.01, 0, 0.99);
}
#News .maJitem .overlay.bigbig{/* background: #403f30e3; */
}
#News .maJitem .teeetbox{position: absolute;bottom: 12%;padding: 0px 50px 0;z-index: 2;width: calc(100% - 100px);}
#News .maJitema{display: block;width: 100%;}
#News .maJitemh4{font-size: 42px;color: #af8d70;height: 57px;mix-blend-mode: difference;color: rgba(255,255,255,var(--text-opacity));
    --text-opacity: 1;text-shadow: #0000007d 3px 0px 4px;
}
#News .maJitemarticle{overflow: hidden;margin: 10px 0 5px;height: 52px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: black;height: 0;
}
#News .maJitemarticle.mabombom{height: auto;display: flex;flex-direction: column;margin: 10px 0 35px;font-weight: 200;font-size: 19px;
}
#News .maJitem .morefull{width: 200px;padding: 10px;color: white;background: #9ebfa3;display: flex;align-items: center;justify-content: center;
}
#News .maJitem .leftmove .morefull{display: none;}
#News .maJitem .morefullimg{width: 15px;margin-left: 15px;}

#News .maJitem  .innermore{width: 200px;color: white;background: #9ebfa3;display: flex;align-items: center;justify-content: center;padding: 15px 10px;margin-top: 20px;}
#News .maJitem .innermoreimg{width: 15px;margin-left: 15px;}

}

@media screen and (max-width: 1480px){
 #News .newJlist .slick-initialized .slick-slide{
     margin-right: 20px;
 }
 #News{padding: 10px 0 70px;}
 #News .maJitem h4{font-size: 36px;}
 #box_02 .mamabox .info p,#box_04 .imfo p, #box_03 .mamabox2 .mainfoo p, #box_05 .leftbox3 p, #News .maJitem article{font-size: 15px;}
 #News .maJitem .morefull{font-size: 13px;width: 150px;}
 #News .maJitem .teeetbox{padding: 0 10px;width: calc(100% - 20px);left: 2%;}
 #News .maJitem .image{height: 275px;}
 #News .newJlist .slick-initialized .slick-slide.slick-center .teeetbox.leftmove{margin-left: -69%;bottom: 0%;width: 102%;}
 #News .maJitem article.mabombom{font-size: 17px;}
 #News .maJitem .image img.bomm.bigbig{margin-left: 10px;}

 #News .newJlist .slick-initialized .slick-slide{margin-right: 0;margin: 0;}
 #News .newJlist{width: 100%;margin-left: 0;}
 #News{padding: 10px 0 50px;}
 #News .arrow.prev {left: 115px;top: auto;right: 75px;width: 20px;height: 20px;bottom: 170px;}
 #News .arrow.next {right: 135px;top: auto;width: 20px;height: 20px;bottom: 170px;}
 #News .slick-slider .slick-list{padding: 0 0!important;}
 #News .xxxopen{right: 23px;top: -73px;}
 #News .xxxopenimg{width: 40px;}
 #News .maJitemh4{font-size: 22px;}

}
@media screen and (max-width: 1480px){
	.contentBox a .topitem , .contentBox a .bottomitem{
	    font-size: 17px;
	}
	.contentBox a{
    width: 272px;
}
}
@media screen and (max-width: 1280px) {
	.iconBox ul .wow .circle img{width: 110px;}
	.text{width: 75%;}
	.text ol li{font-size: 15px;}
     #News .xxxopen{
      top: -4px;
      z-index: 9;
     }
 #News .newJlist .slick-initialized .slick-slide.slick-center .teeetbox.leftmove{
    bottom: -11%;
}
 #News .maJitem .image{
    height: 252px;
}
}

@media screen and (max-width: 1140px) {
	.iconBox{margin-bottom: 20px;padding: 10px 0px;}
	.iconBox ul{display: flex;flex-wrap: wrap;}
	.iconBox ul .wow{width: 50%;}
	.iconBox ul .wow .item{padding: 20px 0px 10px 0px;border-style: solid;border-width: 0px 1px 1px 0px;height: 290px;}
	.iconBox ul .wow:nth-child(2) .item,.iconBox ul .wow:nth-child(4) .item{border-width: 0px 0px 1px 0px;}
	.iconBox ul .wow:nth-child(3) .item{border-width: 0px 1px 0px 0px;}

	.iconBox ul .wow:nth-child(4) .item{border-width: 0px 0px 0px 0px;}
	.iconBox ul .wow .circle img{width: 100px;}
	.iconBox ul .wow .item p{font-size: 19px;}
	.timeBox .Img,.timeBox .table-container{max-width: 90%;margin-left: auto;margin-right: auto;}
	.iconBox .contentBox a{width: 100%;height: 55px;line-height: 35px;}
	.contentBox a .topitem{font-size: 18px;}
}

@media screen and (max-width: 1024px){
 #News .newJlist .slick-initialized .slick-slide.slick-center{
    margin: 0;
    transform: scale(1);
}
 #News .newJlist{
    width: 100%;
    margin-left: 0;
}
 #News .slick-slider .slick-list{
    padding: 0 0!important;
}
 #News .maJitem .image{
    height: 400px;
}
}
@media screen and (max-width: 980px){
	#form1 p.col-2 , #form1 p.col-3 { width: calc(100% - 40px); }
	#form1 p.col-4 { width: calc(50% - 40px); }
	#form1 p.send { text-align: center; }
}
@media screen and (max-width: 768px) {
	.contentBox{display: flex;flex-direction: column;}
	.contentBox a{width: 100%;margin: 8px 0;height: 55px;line-height: 55px;}
	.mbTitle,.webTitle{text-align: center;}
	.mbTitle{display: block;}
	.webTitle{display: none;}
	.text{width: 90%;margin: 5px auto;}
	.text ol {margin: 0px 0 0px;}
	.formBox .thankInfo .title{font-size: 1.2em;}
	.formBox .SStext{padding: 0px 0 10px;font-size: 16px;}
	#form1 p.col-4 { width: calc(100% - 40px); }
 #News .arrow.prev {
    left: 40px;
    bottom: 235px;
}
 #News .arrow.next {
    left: 67px;
    bottom: 235px;
}
 #News .newJlist .slick-initialized .slick-slide.slick-center .teeetbox.leftmove{
    margin-left: 0;
    width: 90%;
}
 
}
@media screen and (max-width: 480px) {

 #News .maJitem .image{
    height: 290px;
}
 .formBox{
   margin-top: 10px;
   width: 90%;
 }
 #News .newJlist .slick-initialized .slick-slide.slick-center .maJitem .overlay.bigbig{
    background: #ffffffe3;
}
 #News .maJitem h4{
    text-shadow: unset;
    color: #505555;
    font-size: 25px;
}
	.iconBox ul .wow{width: 100%;}
	.iconBox ul .wow .item,.iconBox ul .wow:nth-child(2) .item, .iconBox ul .wow:nth-child(4) .item,.iconBox ul .wow:nth-child(3) .item{border-width: 0px 0px 1px 0px;height: 100%;padding: 0px 0px 0px 0px;}
}