/**底部**/
.footer {position: relative; width: 100%; height: 100%;background-repeat: no-repeat;padding-top: calc(var(--header-height)*1.2);
  background:url(../image/bg21.jpg) no-repeat center / cover;overflow:hidden;}
.footer a:hover {color:#fff;}
.footer .logo-share {border-bottom:1px solid #555;}
.footer .logo-share h3{ line-height: 50px; font-size: 22px; color: #f57720;}
.footer .logo-share .logo img {width:192px;}
.footer .contact-block .contact-li {}
.footer .contact-block .contact-li + .contact-li {margin-top:6px;}
.footer .contact-block .contact-li .self-svg {--size:80%;--fill:#ffffff;margin-top:4px;flex-shrink:0;border-radius:50%;width:var(--sw);height:var(--sw);
  background-image:linear-gradient(0deg,#fff 0%,#e4e300 100%),linear-gradient(#4d504d,#4d504d);background-blend-mode:normal,normal;}
.footer .contact-block .contact-li .self-svg.address {--size:62%;}
.footer .contact-block .contact-li .self-svg.phone {--size:58%;}
.footer .contact-block .contact-li .self-svg.mail {--size:68%;}
.footer .contact-block .contact-li .contact-cont {width:calc(100% - var(--sw));color:#fff;}
.footer .contact-block .contact-li .contact-cont .c-c-t {display:block;}
.footer .bot { width: 100%; font-size:14px;color:#fff; position: absolute; bottom: 15%;}
.ficon{ margin: 30px 0 0;}
.ficon a{ display:inline-block; width:30px; height:30px; text-align:center; background:#222;}
.ficon a:hover{ background:#f57720;}
.ficon i {font-size:20px;color:#fff; line-height: 30px;}

@media (min-width:1201px) {
  .footer .logo-share {padding-top:40px;padding-bottom:10px;}
  .footer .menus {padding-top:36px;padding-bottom:20px;}
  .footer .menus .menus-li + .menus-li {padding-left:calc(var(--wrap-width)*0.02);}
  .footer .menus .menus-title {font-size:18px;line-height:1.4em;color:#fff;}
  .footer .menus .menus-title::after {content:'';display:block;margin-top:14px;margin-bottom:10px;width:1.5em;height:1px;background-color:#666666;}
  .footer .menus .menus-a-s {padding-top:10px;}
  .footer .menus .menus-a-s .a-box {padding:0.32em 0;}
  .footer .menus .menus-a-s a {font-size: 14px; color: #a7a7a7; --pad:0.17em;display:inline-block;position:relative;vertical-align:top;transform:translateX(0);transition:transform 0.3s;}
  .footer .menus .menus-a-s a::before {content:'';display:block;margin-right:0.2em;position:absolute;right:100%;top:0.7em;width:0;height:1px;background:#f57720;
    transition:width 0.3s;}
  .footer .menus .menus-a-s a::after {content:'';display:block;position:absolute;top:0;right:100%;height:100%;width:0;}
  .footer .menus .menus-a-s a:hover {transform:translateX(calc(var(--pad) + 0.2em));}
  .footer .menus .menus-a-s a:hover::before {width:var(--pad);}
  .footer .menus .menus-a-s a:hover::after {width:calc(var(--pad) + 0.2em);}
  .footer .bot {padding-top:1.6em;padding-bottom:1.6em;}
  .footer .bot .right-cont .a {margin-left:20px;}
}
@media (min-width:1201px) and (max-width:1600px) {
  .footer .logo-share {padding-top:35px;padding-bottom:25px;}
  .footer .menus {padding-top:32px;padding-bottom:80px;}
}
@media (min-width:1201px) and (max-width:1441px) {
  .footer .logo-share {padding-top:30px;padding-bottom:20px;}
  .footer .menus {padding-top:25px;padding-bottom:50px;}
}
@media (max-width:1200px) {
  .footer {padding-top:0.5rem;font-size:0.26rem;}
  .footer .logo-share {padding-bottom:0.3rem;flex-wrap:wrap;justify-content:center;}
  .footer .logo-share .logo {margin-bottom:0.2rem;}
  .footer .logo-share .logo img {width:2.22rem;}
  /* .footer .logo-share .share-box {width:100%;justify-content:center;} */
  .footer .logo-share .share-box {display: none;}
  .footer .contact-block {width:100%;text-align:center;}
  .footer .contact-block .logo {margin-bottom:0.2rem;}
  .footer .contact-block .logo img {width:3.5rem;}
  .footer .contact-block .share-box {margin-top:0.2rem;justify-content:center;}
  .footer .menus {width:100%;padding-top:0.3rem;padding-bottom:0.3rem;}
  .footer .menus .ul {display:none;}
  .footer .menus .menus-title {display:none;font-size:0.3rem;}
  .footer .menus .menus-li {margin:0 auto;width:100%;}
  .footer .menus .contact-block {padding-top:0.2rem;}
  /* .footer .menus .contact-block .contact-li {flex-direction:column;justify-content:center;text-align:center;} */
  .footer .menus .contact-block .contact-li + .contact-li {margin-top:0.1rem;}
  .footer .menus .contact-block .contact-li .self-svg {margin-bottom:0.1rem;margin-left:auto;margin-right:auto;}
  .footer .menus .contact-block .contact-li .contact-cont {width:auto;}
  /* .footer .menus .contact-block .contact-li .contact-cont .c-c-t {display:none;} */
  .footer .bot {padding-top:0.25rem;padding-bottom:0.2rem;flex-wrap:wrap;text-align:center;}
  .footer .bot .left-cont {width:100%;}
  .footer .bot .right-cont {width:100%;justify-content:center;}
  .footer .bot .right-cont .line {margin-top:0.1rem;}
}

@media (min-width:1920px) and (max-width:2560px) {
  .footer {padding-top: calc(var(--header-height)*2);}
  .footer .bot{ bottom:20%;}
  .footer .menus .menus-li + .menus-li {padding-left:calc(var(--wrap-width)*0.05);}
}

/* add-style */
.share-box form{ margin: 0;}
.share-box form input{ border: none; height:38px; width:260px; padding:0 10px; background: #fff;}
.share-box form button{ background:#f57720;border:none;color:#fff;padding:0 30px;height:38px;float:right;}
.share-box form button:hover{ background:#111;}
.menus-li h2 {color:#f57720;font-size:24px;font-weight:600;margin-bottom:30px;}
.syamore{ border:1px solid #c1c1c1;color:#c1c1c1;display: inline-block;padding:8px 40px;font-size: 15px; border-radius: 30px;}
.syamore:hover{ color:#fff; border:1px solid #f57720; background:#f57720;}

/* index-about */
.syanumber {width: 84%; line-height: 52px; margin: 50px 8% 0;/* background: #333; border: 1px solid rgba(0,0,0,0.2);*/}
.syanumber ul{ width: 100%;display: inline-block;list-style: none;}
.syanumber ul li {float: left; width:24%;height:auto;text-align: center; transition:all 0.5s; list-style: none;}
.syanumber ul li .iconbox{ width:90px; height:90px; text-align: center; display: inline-block; line-height: 80px; border:1px solid #fff;border-radius: 50%;}
.syanumber ul li .iconbox:hover{ background:#f57720; border:1px solid #f57720;}
.syanumber ul li img{ width:50px; height:50px; padding:20px; display: block;margin: 0 auto 30px;}
.syanumber ul li h4 {font-size:42px;color:#fff;line-height:32px;margin-right:4px;font-style:normal;}
.syanumber ul li h4 span{font-size:16px;color:#fff;}
.syanumber ul li p{ color:#fff;}

@media (min-width:1500px){
  /* .syanumber ul li{ padding: 20px 0 10px 82px;}
  .numtzi{ width: 45%; } */
}

/* index-product */
.l-l.l-l1 {background:#fff url(../image/pibj.png) top right no-repeat;background-size:95% auto;padding:1em 6% 50px;transition:all 2s;}
.l-l.l-l1:hover {background:#fff url(../image/pibj-y.png) top right no-repeat;background-size:95% auto;}
.l-l .img {width:70%;margin:-60px auto 0;}
.l-l .img img {width:85%;transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}
.l-l:hover .img img {transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.l-l .t {display:flex;justify-content:space-between;align-items:center;padding:28px 30px 0;}
.l-l h1 {font-size:24px;color:#000;}
.l-l .a-link {margin:0;font-weight:600;}
.a-link {display:inline-block;border:2px solid #333;color:#333;padding: 6px 30px;border-radius: 60px;font-size:14px;cursor:pointer;}
.a-link a {color:#333;position:relative;transition:all 1s;}
.a-link:hover { border:2px solid #f57720;}
.a-link:hover a{ color:#f57720;}

.syrightp{ padding:0 10%; }
.syrightp ul li {background:#fff url(../image/pxsk.png) top right no-repeat;background-size:70% auto;padding:5% 22px;display:flex;justify-content:space-between;transition:all 2s;}
.syrightp ul li:hover {
    background: #fff url(../image/pxsk-y.png) top right no-repeat;
    background-size: 70% auto;
}
.syrightp ul li:nth-of-type(1) {margin-bottom:13.5%;}
@media (min-width:1201px) {
  .syrightp ul li{ padding:2.4% 15px;}
  .syrightp ul li:nth-of-type(1) {margin-bottom:16%;}
  .syrightp ul li .txt .a-link { margin-top: 1.7em !important;}
}
@media (min-width:1261px) and (max-width:1600px) {
  .syrightp ul li{ padding:2.4% 15px 6.5%;}
}
.syrightp ul li .txt {padding-left:2em;}
.syrightp ul li .txt h1 {width:100%;margin-top:36px;}
.syrightp h1 {font-size:24px;color:#000;}
.syrightp ul li .txt .a-link {margin-top:3em;}
.syrightp .a-link {margin:0;}
.syrightp ul li .img {width:40%;}
.syrightp .img {width:70%;margin:-60px auto 0;}
.syrightp .img img {width:85%;transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}
.syrightp ul li:hover .img img {transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}

@media (min-width:1500px){
    .section-wrap .section-3{ padding-top:200px;}
    .l-l .t{ padding: 50px 30px 20px;}
    .syrightp ul li:nth-of-type(1) {margin-bottom:11.5%;}
    .syrightp ul li{ padding:28px 22px 18px;}
}


/* add-news */
.abtit h3{ font-size: 36px;margin:20px 0;color:#f5f5f5;}
.abtit h4{ font-size:26px;color:#fd760a;margin:0 0 30px 0;}
.news-li{ padding:2em;}
.news-li .newtu {width:100%;margin:0 auto;overflow:hidden;}
.news-li .newtu img {width: 100%;height: 256px !important;transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}
.news-li .newtu:hover img {transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);}
.news-li .newzi{ background:#fff; padding:30px;}
.news-li .newzi h3{ margin:0.6em 0; font-weight:600;}
.news-li .newzi p{ font-size:14px; color: #666;}

/* add-anli-start */
@keyframes load {0% {width:0%;} 100% {width:100%;}}
.trent-slider {width:100%;height: 100% !important; position:relative;overflow:hidden;}
.t-slide {position:absolute;left:0;right:0;bottom:0;top:0;transition:.65s;}
.t-slide img {width:100%;height:100%;}
.t-slide .npzi{ content:""; position:absolute; left: 12%; top: 20%; width: 25%;background: rgba(0, 0, 0, .5);padding:60px; z-index: 10;}
.t-slide .npzi h2{ border-bottom: 1px solid #f57720; font-size: 30px; padding: 15px 0; margin-bottom: 50px; font-weight: 600; color:#fff; line-height: 50px;}
.t-slide .npzi p{ font-size: 18px; color: #f5f5f5; line-height: 30px;}
.t-slide .npzi a{ display:inline-block; float:right; border:1px solid #fff; color: #fff; border-radius: 30px; padding:8px 30px; margin-top:30px;}
.t-slide .npzi:hover a{ background:#f57720; border:1px solid #f57720;}
.t-slider-controls {position:absolute;top:0;bottom:0;left:0;right:0;} 
.t-slider-controls .t-dots-container {position:absolute;bottom:8%;left:50%;transform:translateX(-50%);height:20px;min-width:500px;}
.t-slider-controls .t-slide-dots-wrap {height:100%;width:100%;position:relative;}
.t-slider-controls .t-slide-dots {position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);display:table;content:"";clear:both;}
.t-slider-controls .t-slide-dots .t-dot {background:#fafafa;width:50px;height:3px;margin:5px;float:left;} 
.t-slider-controls .t-slide-dots .t-dot.current-dot,.t-slider-controls .t-slide-dots .t-dot:hover {background:#f57720;cursor:pointer;}
@media (min-width:1201px) {
  .t-slide .npzi{ width: 32%;}
}
@media (min-width:1920px) and (max-width:2560px) {
  .t-slide .npzi{ width: 28%;}
}
/* add-anli-end */

.clear{ clear: both; }
.padtop50{ padding-top:50px;}
.padleft50{ padding-left: 50px;}
.caselist{ padding:60px 0;}

/* ny-page*/
.pagination {display:flex;list-style:none;margin:40px auto 80px;}
.page-link {position:relative;display:block;color:#333;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;padding:8px 15px !important;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.page-link:hover {z-index:2;color:#333;background-color:#e9ecef;border-color:#dee2e6}
.page-item.active .page-link {z-index:3;color:#fff;background-color:#333;border-color:#333;}
.page-item.disabled .page-link {color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}
.page-link {padding:.375rem .75rem}
.pagination li a { color:#031652;}

/* ny-case */
.case-li{ padding:1em;}
.case-li .casetu {width:100%;margin:0 auto;overflow:hidden;}
.case-li .casetu img {transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}
.case-li .casetu:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}
.case-li .casezi{ background:#f5f5f5; padding:30px;}
.case-li .casezi h3{ margin:0; font-weight:600;}
.case-li:hover .casezi h3{ color:#f57720;}
.case-li .casezi p{ font-size:14px; color: #666;}

/* ny-download */  
.downbox {width:98%;height:auto;list-style: none;}
.downbox li {width:100%;padding:0 15px;background:#f5f5f5;border-bottom:1px solid #ddd;list-style: none;}
.downbox li a {width:100%;display:flex;line-height:56px;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;}
.downbox li p {color:#333333;font-size:16px;font-weight:400;margin:0;line-height:56px;padding-bottom:0;text-indent:0;}
.downbox li b {color:#999999;font-size:16px;font-weight:normal;}
.downbox li:hover b {color:#f57720;}


/* ny-contact */
.linkbox{ border:1px solid #ddd; border-top:3px solid #f57720; width:96%; margin:30px 0; padding:42px 0; text-align: center; height:120px;}
.linkbox h3{ font-size: 20px; font-weight: 600; margin-bottom: 15px;}
.linkbox p{ line-height: 30px; color:#666;}
.messagebox {width:100%;display:inline-block;padding:28px 45px 16px;margin-top:20px;}
.linktu {width:100%;height:auto;margin:0 auto;position:relative;}
.linktu img {display:block;margin:0 auto;}
.linktu p {margin-bottom:0;text-indent:2em;line-height:30px;text-align:justify;}
.sub-title span{ color: #f57720;font-weight: 700; letter-spacing: 3px; font-size: 16px;}
.sub-title h2{ font-size: 26px; font-weight: 600; margin:10px 0 36px; text-align: center;}
.message-con {width:100%;padding:10px 0 0;}
.message-con>form {display:-ms-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;}
.message-con>p {font-size:26px;font-weight:block;text-align:center;}
.formlink {width:46%;margin: 0 2% 36px 0; float:left;}
.formlink p,.formlink1 p{ margin-bottom: 10px;}
.formlink p b,.formlink1 p b{ color: #f57720;}
.formlink input,.formlink1 textarea {padding:10px;letter-spacing:1px;font-size:15px;outline:none;border:none;box-shadow:none;display:block;width:96%;height:34px;
	line-height:28px;color:#555;background-color:#fff;background-image:none;border:1px solid #ddd;}
.formlink1 {width:93.5%;margin:0;padding:5px;  }
.formlink1 textarea {width:98%;height:90px;}
.linksub{ width:100%; height:auto; text-align: center;}
.submit1 {border:solid 1px #f57720;color:#fff;background:#f57720;display:inline-block;margin-top:42px;width:300px;height:46px;line-height:46px;font-size: 16px;}
.submit1:hover {background:#f57720;color:#fff;}


.pc{ display: block;}
.sj{ display: none;}
@media all and (max-width:768px) {
  body{ overflow-x: hidden;}
  .pc{ display: none;}
  .sj{ display: block;}
  /* sy-sytle */
  .syanumber ul li{ width: 49%;}
  .syanumber ul li .iconbox{ width:70px; height:70px;}
  .syanumber ul li img{ width:50px; height:50px; padding:10px;}
  .syanumber ul li h4{ font-size:30px;}
  .syanumber ul li p{ font-size: 14px; line-height: 25px;}
  .l-l.l-l1{padding: 1em 6%;margin-bottom: 13%;}
  .l-l .t{ padding:0;}
  .l-l h1{ font-size:16px;}
  .l-l .a-link{ padding: 3px 20px;font-weight: normal;}
  .syrightp ul li .txt{ padding-left: 0;}
  .syrightp ul li .txt h1{ margin-top:0.5em;font-size:16px;letter-spacing: -1px;}
  .syrightp ul li .txt .a-link{ margin-top:1.5em;padding: 3px 20px;}
  .index-ingenuity {padding-top:0 !important;}
  .syrightp{ padding:0;}
  .t-slide .npzi{ top: 8%; width: 50%;}
  .t-slide .npzi h2{ font-size:20px; line-height:30px;}
  .index-news{ padding-top: -30px !important;}
  .news-li .newzi p{ display:none; font-size: 16px; line-height:26px;}
  .news-li{ padding: 0.6em 2em;}
  .newtu{ display:none;}
  .menus-li h2{ padding-left: 6%;}
  .footer .contact-block {width:90%;text-align:left;padding-left: 6%;}
  .ficon{ padding-left: 6%;}
  /* ny-style */
  .formlink{ width: 100%;}
  .linkbox{ margin: 30px 0 0;}
  .sub-title h2{ font-size: 24px;}
  .messagebox{ padding: 28px 0 16px;}
  .padtop50{ padding-top:0;}
  .about-about .flex-box .cont p{ text-align: left !important;}
  .auto-title-block-a{ margin: 30px auto;}
  .auto-title-block-a h2{ font-size: 26px !important; line-height:30px; margin-top:0 !important;}
  .auto-title-block-a h3{ font-size: 18px !important; line-height: 24px !important;}
  
}