@charset "utf-8";

/*===================== 重置样式 START =====================*/

html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{ margin:0; padding:0;}

h1,h2,h3,h4,h5,h6,dt,dd{font-weight: 400;}

li{list-style: none;}

a{text-decoration: none;background: transparent;outline: none;color:#000;display: block;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

a:hover{color: #25478F;}

a:hover, .tran, .pub_button .pb_bg, .section_seven .item i{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.upp{text-transform:uppercase;}

img{ border: 0;vertical-align: middle;max-width:100%;display: block;}

table{ border-collapse: collapse; border-spacing: 0;}

input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;}

input::-moz-placeholder, textarea::-moz-placeholder {color: #000; } 

input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000; } 

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000; }

html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 

html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}

html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#25478F;}

textarea{resize:none; overflow: auto;}

input{padding-top: 0; padding-bottom: 0;};

select,input{vertical-align:middle; }

select,input,textarea{font-size:.7rem !important;margin:0;}

.clear{zoom:1;}

.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}

.clear::before, .clear::after { content: "";display: table; } 

.clear::after{clear: both;}

.fl{float: left;}

.fr{float: right;}

html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;font-size: 20px;}

body{font-family:'Inter', Arial, Helvetica, 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif !important;font-size:16px;color:#333;background-color: #fff;overflow-x: hidden;cursor: default;}

.error3,.wap_show{display: none !important;}

html,body{max-width:1920px;margin:0 auto;}

.inner{width:80%;margin:0 auto;}

/* .container{max-width: 1450px;} */

em{font-style: normal;}

.flex{display: flex;}

.f_12{font-size:.6rem !important}

.f_14{font-size:.7rem !important}

.f_16{font-size:.8rem !important}

.f_18{font-size:.9rem !important}

.f_20{font-size:1rem !important}

.f_24{font-size:1.2rem !important}

.f_26{font-size:1.3rem !important}

.f_28{font-size:1.4rem !important}

.f_30{font-size:1.5rem !important}

.f_32{font-size:1.6rem !important}

.f_38{font-size:1.9rem !important}

.f_46{font-size:2.3rem !important}

.f_48{font-size:2.4rem !important}

.f_56{font-size:2.8rem !important}

.f_58{font-size:2.9rem !important}

.f_60{font-size:3rem !important}

.f_72{font-size:3.6rem !important}

@font-face {

	font-family: 'Inter';

	src: local('Inter Regular'), local('Inter-Regular'), url('../fonts/inter/Inter-Regular.woff2') format('woff2'), url('../fonts/inter/Inter-Regular.woff') format('woff'), url('../fonts/inter/Inter-Regular.ttf') format('truetype');

	font-weight: normal;

	font-style: normal;

	font-display: swap;

  }

  @font-face {

	font-family: 'Inter';

	src: local('Inter Medium'), local('Inter-Medium'), url('../fonts/inter/Inter-Medium.woff2') format('woff2'), url('../fonts/inter/Inter-Medium.woff') format('woff'), url('../fonts/inter/Inter-Medium.ttf') format('truetype');

	font-weight: 500;

	font-style: normal;

	font-display: swap;

  }

  @font-face {

	font-family: 'Inter';

	src: local('Inter SemiBold'), local('Inter-SemiBold'), url('../fonts/inter/Inter-SemiBold.woff2') format('woff2'), url('../fonts/inter/Inter-SemiBold.woff') format('woff'), url('../fonts/inter/Inter-SemiBold.ttf') format('truetype');

	font-weight: 600;

	font-style: normal;

	font-display: swap;

  }

  @font-face {

	font-family: 'Inter';

	src: local('Inter Bold'), local('Inter-Bold'), url('../fonts/inter/Inter-Bold.woff2') format('woff2'), url('../fonts/inter/Inter-Bold.woff') format('woff'), url('../fonts/inter/Inter-Bold.ttf') format('truetype');

	font-weight: bold;

	font-style: normal;

	font-display: swap;

  }

  @font-face {

	font-family: 'Inter';

	src: local('Inter ExtraBold'), local('Inter-ExtraBold'), url('../fonts/inter/Inter-ExtraBold.woff2') format('woff2'), url('../fonts/inter/Inter-ExtraBold.woff') format('woff'), url('../fonts/inter/Inter-ExtraBold.ttf') format('truetype');

	font-weight: 800;

	font-style: normal;

	font-display: swap;

  }

  @font-face {

	font-family: 'Inter';

	src: local('Inter Black'), local('Inter-Black'), url('../fonts/inter/Inter-Black.woff2') format('woff2'), url('../fonts/inter/Inter-Black.woff') format('woff'), url('../fonts/inter/Inter-Black.ttf') format('truetype');

	font-weight: 900;

	font-style: normal;

	font-display: swap;

  }

  @font-face {

	font-family: 'Istok Web';

	src: local('Istok Web Regular'), local('IstokWeb-Regular'), url('../fonts/istok-web/IstokWeb-Regular.woff2') format('woff2'), url('../fonts/istok-web/IstokWeb-Regular.woff') format('woff'), url('../fonts/istok-web/IstokWeb-Regular.ttf') format('truetype');

	font-weight: normal;

	font-style: normal;

	font-display: swap;

  }

  @font-face {

	font-family: 'Istok Web';

	src: local('Istok Web Bold'), local('IstokWeb-Bold'), url('../fonts/istok-web/IstokWeb-Bold.woff2') format('woff2'), url('../fonts/istok-web/IstokWeb-Bold.woff') format('woff'), url('../fonts/istok-web/IstokWeb-Bold.ttf') format('truetype');

	font-weight: bold;

	font-style: normal;

	font-display: swap;

  }

  .flex2{ display: flex;display: -webkit-flex;}

.wrap{flex-wrap:wrap}

.j-space-between{justify-content:space-between}

.j-flex-start{justify-content:flex-start}

.j-flex-end{justify-content:flex-end}

.j-center{justify-content:center}

.a-j-center{align-items:center;justify-content:center}

.a-center{align-items:center}

.a-flex-start{align-items:flex-start}

.a-flex-end{align-items:flex-end}

.max1600{max-width: 1630px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}

.max1460{max-width: 1490px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}

.max1500{width:90.625%;margin:0 auto;max-width: 1500px;}

/*===================== 重置样式 END =====================*/



/*===================== 公用样式 START =====================*/

.header{position: fixed;z-index:999; width: 100%;background: linear-gradient(rgba(015,72,168, .51) 0%, rgba(15,72,168, 0) 100%);top: 0;}

.header .inner{height:4rem;width:98%;max-width:98%;margin:0 auto;text-align: center;align-items: center;justify-content: space-between}

.header .logo img{height: 2.9rem;}

.header .nav{width:55%;display: inline-block;}

.header .nav ul li{float: left;width:12.5%;height:4rem;line-height:4rem;text-align: center;}

.header .nav ul li a{color:#fff;position: relative;z-index:1;font-size:0.9rem;}

.header .nav ul li i{position: absolute;width:100%;height:0;background: #25478F;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}



.header .nav ul li a:hover i, .header .nav ul li a.active i{height:4rem;}

.header .nav ul li a:hover span, .header .nav ul li a.active span{color:#fff;}

.header .nav ul li a:hover em, .header .nav ul li a.active em{opacity:1;}

.header .nav ul li:nth-child(4) .product_son{display: none !important;}

.header .product_son{display: none;position: absolute;left:0;top:4rem !important;text-align: center;width:100%;padding:1rem 0;height:auto;background-color:rgba(255,255,255,0.1);z-index:999;backdrop-filter: blur(10px);box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, .2);border-radius: 0 0 0.5rem 0.5rem;}

.header .product_son .item{display: inline-block;width:15%;margin:0.25%;}

.header .product_son .item a{border-radius: 0.5rem;overflow: hidden;}

.header .product_son .item p{font-size:.7rem;color:#fff;height:2rem;line-height:2rem;}

.header .product_son .item:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;height: 2rem !important;}

.header .product_son .item:hover p{color: #fff;}

.header .language{font-size:0.8rem;line-height:2rem;position:relative;z-index:2;width:6rem;padding:0 0.5rem;text-align:center;border:0.05rem solid #32312f;border-radius:1.5rem;background: #fff;}

@media (max-width:767px){.header .language{display:none}}

.header .language p{margin:0}

.header .language p a{display:block}

.header .language p a:before{font-size:0.9rem;display:inline-block;margin-right:0.5rem;vertical-align:middle}

.header .language p a:after{display:inline-block;width:0;height:0;margin-left:0.2rem;content:'';vertical-align:middle;border-width:0.25rem 0.2rem 0 0.2rem;border-style:solid;border-color:#000 transparent transparent transparent}

.header .language p a i{font-size: 1rem;margin-right: 0.5rem;}

.header .language ul{position:absolute;z-index:10;top:100%;left:0;display:none;width:100%;text-align:left;background-color:#fff;box-shadow:0 0 0.5rem rgba(0,0,0,.1)}

.header .language ul li a{font-size:0.7rem;line-height:1.5rem;display:block;padding:0.25rem 0.5rem}

.header .language ul li a:before{display:inline-block;width:1.2rem;height:1.2rem;margin-right:0.25rem;content:'';vertical-align:middle;background:url(../images/language.png) no-repeat;background-size:cover}

.header .language ul li.en a:before{background-position:-1.2rem 0}

.header .language ul li.jp a:before{background-position:-2.4rem 0}

.header .language ul li:hover a{color:#ce181e}

.header .call{background:#25478F;position: absolute;height: 100%;right: 0;top: 0;display: flex;height: 100%;align-items: center;transition: .3s;padding: 0 1.75rem;}

.header .call h3{font-size:1.6rem;color:#fff;font-family: impact;    margin-left: 0.5rem;}

.header .call img{animation: msClock 1.2s linear infinite;}

.header .call:hover{background: #25478F;}

@keyframes msClock {

	0%, 90%, 100% {

	  transform: rotate(0) scale(1);

	}

	20%, 40% {

	  transform: rotate(-15deg) scale(1.1);

	}

	30%, 50% {

	  transform: rotate(15deg) scale(1.1);

	}

  }

.header.bg{box-shadow: 0 0 0.75rem rgba(0, 0, 0, .21);background: rgba(0, 0, 0, .5)}

.header.bg .inner{height: 3.5rem;}

.header.bg .logo img{height: 2.5rem;}

.header.bg .nav ul li{height: 3.5rem; line-height: 3.5rem;}

.header.bg .nav ul li a:hover i, .header.bg .nav ul li a.active i{height:3.5rem;}

.header.bg .product_son{top: 3.5rem !important;}





.pub_button{position: relative;z-index:1;}

.pub_button .pb_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(215,35,35,0.7);-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transform-origin: left 100%;-webkit-transform-origin: left 100%;transform: scaleY(0);-webkit-transform: scaleY(0);visibility: hidden\9;z-index: -1;}

.pub_button:hover .pb_bg, .pub_button.active .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}



.title{text-align:center;flex-direction: column;align-items: center;gap: .5rem;}

.title h2{line-height:1;position:relative;margin:0;text-transform:uppercase;color: #25478F;font-weight: 900;}

.title p{font-size:.9rem;line-height:1.2rem;margin:0 auto;margin-top:0.5rem;color:#999999}



@media (min-width:1470px){.container{max-width:1440px}

}@media (min-width:1560px){.container{max-width:1530px}

}@media (min-width:1830px){.container{max-width:1700px}

}

.box{padding: 4rem 0;}

/*===================== 公用样式 END =====================*/



/*===================== 首页 START =====================*/

.banner{position: relative;}



/* 首页产品 */

.changhh{max-width:94vw;margin:0 auto;padding:0 2%;position:relative;}

.sec3 .titarea{opacity:0;transform:translateY(3rem);transition:all 0.6s 0.2s}

.sec3 .titarea.in-view{opacity:1;transform:translateY(0)}

.sec3 .conwrap .boxwrap{opacity:0;transform:translateY(3rem);transition:all 0.6s 0.2s}

.sec3 .conwrap .boxwrap.in-view{opacity:1;transform:translateY(0)}

.sec3 .titarea{width:88%;max-width:69rem;margin:0 auto}

.sec3 .titarea{display:flex;justify-content:space-between;align-items:center}

.sec3 .conwrap{margin-top:2.5rem}

.sec3 .conwrap .boxwrap{display:flex;justify-content:space-between;width:100%}

.sec3 .conwrap .boxwrap .box{position:relative;width:49%;height:33rem;padding:0 1.75rem 0.75rem 1.5rem;border-radius:1rem;box-sizing:border-box;display:flex;align-items:flex-end;justify-content:space-between;transition:all 0.5s;overflow:hidden;background:#fff}

.sec3 .conwrap .boxwrap .box.active{width:46%}

.sec3 .conwrap .boxwrap .box.not-active{width:25%}

.sec3 .conwrap .boxwrap .box .bg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:url(../images/sec3_box1_bg.jpg) no-repeat center / cover;transition:width 0.5s,height 0.5s,border-radius 0.3s;z-index:1}

.sec3 .conwrap .boxwrap .box.box1 .bg{background:url(../images/pro1.jpg) no-repeat center / cover}

.sec3 .conwrap .boxwrap .box.box2 .bg{background:url(../images/pro2.jpg) no-repeat center / cover}

.sec3 .conwrap .boxwrap .box.box3 .bg{background:url(../images/pro3.jpg) no-repeat center / cover}

.sec3 .conwrap .boxwrap .box.active .bg{top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:unset;transition:all 0s}

.sec3 .conwrap .boxwrap .box .txt{width:100%;position:relative;z-index:2}

.sec3 .conwrap .boxwrap .box .txt .tit{font-size:1.4rem;font-weight:400;color:#1b1b1b}

.sec3 .conwrap .boxwrap .box .txt .tit a{color:#1b1b1b}

.sec3 .conwrap .boxwrap .box .txt p{margin-top:0.5rem;font-size:0.8rem;font-weight:500;color:rgba(255,255,255,0.7)}

.sec3 .conwrap .boxwrap .box .link{position:absolute;right:3rem;bottom:2rem;display:block;width:2.9rem;height:2.9rem;border:1px solid #25478F;border-radius:50%;line-height:2.9rem;text-align:center;opacity:0;transition:all 0.3s;z-index:10}

.sec3 .conwrap .boxwrap .box.active .link{opacity:1}

.sec3 .conwrap .boxwrap .box.not-active .link{opacity:0}

.sec3 .conwrap .boxwrap .box .link i{color: #25478F;font-size:1rem;}

.sec3 .conwrap .boxwrap .box.not-acitve .link i{background:url(../images/sec3_arrow_icon_bl.png) no-repeat center / contain}

.sec3 .conwrap .boxwrap .box2{}

@media screen and (max-width:1199px){.sec3 .conwrap .boxwrap{display:block;width:100%}

.sec3 .conwrap .boxwrap .box{width:100%;padding:0 40px 60px 40px;height:380px}

.sec3 .conwrap .boxwrap .box:nth-child(n+2){margin-top:1.5rem}

.sec3 .conwrap .boxwrap .box .link{opacity:1}

}@media screen and (max-width:520px){.sec3 .conwrap .boxwrap .box{width:100%;padding:0 30px 20px 30px;height:280px;background-size:100% 100%}

.sec3 .conwrap .boxwrap .box .txt{width:calc(100% - 65px)}

.sec3 .conwrap .boxwrap .box .txt .tit{font-size:20px}

.sec3 .conwrap .boxwrap .box .txt p{font-size:15px}

.sec3 .conwrap .boxwrap .box .link{width:45px;height:45px;line-height:45px}

}

.sec3 .conwrap .boxwrap .box .link:hover{background: #25478F;}

.sec3 .conwrap .boxwrap .box .link:hover i{color: #fff;}



/* 优势 */

.box-strengths{background: url(../images/ys_bg.jpg) no-repeat center;background-attachment: fixed;background-size: cover;justify-content: space-between;align-items: center;padding: 10rem 5%;gap: 0 2%;position: relative;}

.box-strengths .title{align-items: flex-start}

.box-strengths .title,.box-strengths ul{width: 20%;text-align: left;}

.box-strengths .ys_pic{position: relative;z-index: 9;width: 50.92%;}

.box-strengths ul li h5{text-transform: uppercase;}

.box-strengths>img{ animation: rotate360 5s linear infinite;position: absolute;left: 0;bottom: 0;top: 0;right: 0;max-width: 40%;margin: auto;z-index: 1;}

@keyframes rotate360 {

	from { transform: rotate(0deg); }

	to   { transform: rotate(360deg); }

  }

/* 文字优势 */

.g-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}

.g-btn.on .a .icon,.g-btn.on a .icon{width:100%}

.g-btn.on .a span,.g-btn.on a span{-webkit-transform:translateX(-2.15rem);-ms-transform:translateX(-2.15rem);transform:translateX(-2.15rem)}

.g-btn .a,.g-btn a{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:3.3rem;width:110%;height:2.7rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}

.g-btn .a:hover .icon,.g-btn a:hover .icon{width:100%}

.g-btn .a:hover span,.g-btn a:hover span{-webkit-transform:translateX(-2.15rem);-ms-transform:translateX(-2.15rem);transform:translateX(-2.15rem);color: #fff;}

.g-btn .a:hover.black span,.g-btn a:hover.black span{color:#fff}

.g-btn .a .icon,.g-btn a .icon{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:2.7rem;min-height:2.7rem;background-color:#25478F;border-radius:0.15rem;-webkit-transform:translateX(-3.3rem);-ms-transform:translateX(-3.3rem);transform:translateX(-3.3rem);-webkit-transition:0.15s;transition:0.15s}

.g-btn .a .icon svg,.g-btn a .icon svg{margin:0 0.65rem 0.15rem 0;font-size:0.65rem;-webkit-transition:0.15s;transition:0.15s}

.g-btn .a span,.g-btn a span{font-family:arial;position:relative;font-size:0.8rem;line-height:0.9rem;color:#a4a4a4;-webkit-transition:0.2s;transition:0.2s;-webkit-transition-delay:0.025s;transition-delay:0.025s;z-index:1}

.g-btn .a.black span,.g-btn a.black span{color:#171A20}

.hm-strength{position:relative;background:url(../images/strength_bg.jpg) no-repeat center;padding-top:9.375vw;padding-bottom:7.8125vw;background-attachment: fixed;background-size: cover;}

.strength-left{position:relative;width:40.625%}

.strength-left > h2{font-size:3.125vw;color:#2b2b2b;text-transform:uppercase;line-height:1;padding-bottom:1.3rem;position:relative;margin-bottom:4.166vw;font-weight: 900;color: #25478F;}

.strength-left > h2::before{position:absolute;left:0px;bottom:0px;width:3.3rem;height:0.25rem;background:url(../images/0a2350d5cfnemzvh.png) no-repeat;content:""}

.h-photo-list1{position:relative;margin-bottom:3.125vw;max-width:25rem}

.h-photo-list1 li{position:relative}

.h-photo-list1 li h3{font-size:2vw;color:#4c4c4c;font-family:arial;font-weight:bold;margin-bottom:1rem}

.h-photo-list1 .pp{font-size:0.8rem;color:#8b8b8b;line-height:1.7}

.strength-left .strength-link{position:relative}

.strength-right{position:relative;width:59.25%}

.h-photo-list2{position:relative;display:flex;flex-wrap:wrap;margin:0 -0.5rem}

.h-photo-list2 li{position:relative;width:calc(33.33% - 1rem);margin:0 0.5rem 1rem 0.5rem;text-align:center;background:#fff;border-radius:0.5rem;height:15rem;transition:all .25s ease;-webkit-transition:all .25s ease}

.h-photo-list2 li:first-child{margin-left:calc(33.33% + 0.5rem)}

.h-photo-list2 li a{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%}

.h-photo-list2 li .img{margin-bottom:1rem}

.h-photo-list2 li .img img{max-height:4.75rem}

.h-photo-list2 li .text{position:relative;width:100%}

.h-photo-list2 li h3{font-size:1rem;color:#2b2b2b;font-weight:bold;margin-bottom:2.083vw}

.h-photo-list2 li .p{font-size:0.9rem;font-weight:bold;text-transform:uppercase;color:#bbbbbb}

.h-photo-list2 li:hover{box-shadow:0 0 1.25rem rgba(0,0,0,0.1)}



/* 简介 */

.box-about.box{padding: 0;background: #FBFBFB;} 

.box-about-top{position: relative;}

.box-about-bom{background: #fff;max-width:80rem;padding:3rem 2.5rem;margin-top:-5.5rem;position:relative;z-index:99;margin-bottom:3.64vw;box-shadow: 0 0 0.75rem rgba(0, 0, 0, .07);gap:0 5%}

.box-about-bom .left{width: 55%;}

.box-about-bom .left a{display: inline-block;border: 1px dashed #25478F;color: #25478F;border-radius:2.5rem;}

.box-about-bom .left a:hover{color: #fff;background: #25478F;}

.box-about-bom .left p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6; overflow: hidden;}

.box-about-bom .right{width: 45%;gap: 0 2%}

.abJsImg{position: absolute;cursor:pointer;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 5.05rem;height: 5.05rem;transition: 0.15s;}

.abJsImg:hover{transform: scale(1.1);}

.abJsImg::after{content:'';width:60px;height:60px;left:0;top:0;border-radius:50%;background-color:#fff;opacity:0.7;animation:scale 2s infinite cubic-bezier(0,0,0.49,1.02);animation-delay:100ms;transition:0.5s all ease;transform:scale(1);transform:translateX(-50%) translateY(-50%);position:absolute;cursor: pointer;right: 0;bottom: 0;margin: auto;}

@keyframes scale {

    0% {

        transform: scale(1);

    }

    50%,75% {

        transform: scale(2.5);

    }

    78%,100% {

        opacity: 0;

    }

}

.modal{position:fixed;z-index:999;left:0;top:0;width:100%;height:100vh;overflow:auto;background-color:rgba(0,0,0,0.4);opacity:0;visibility:hidden;transition:opacity 0.25s ease-in-out,visibility 0.25s ease-in-out;}

.modal video{width:100%;height: 100%;}

.modal.show{opacity:1;visibility:visible}

.modal-content{background-color:#fefefe;max-width:64rem;max-height: 36.05rem;box-sizing: border-box;position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;}

.close1{color:#FFF;font-size:1.5rem !important;position: absolute;right: 1rem;top: 0.5rem;z-index: 999;transition: 0.15s;}

.close1:hover,.close1:focus{transform: rotate(180deg);cursor:pointer;}



/* 数字优势 */

.sec4 .titleBox>span{font-size:0.9rem;letter-spacing:0.1rem;margin-bottom:2vw;color:#fff;text-transform:uppercase;display:block}

.sec4 .titleBox.aos-animate span>span{animation:leftMove .15s ease both}

.sec .titleBox h2{font-size:2.5vw;font-weight:800;color:#fff;text-transform:uppercase}

.sec .titleBox h2 p{color:#fff}

.sec4 .titleBox h2 span{position:relative;overflow:hidden;display:block;margin-bottom:1vw}

.sec4 .titleBox h2 span:after{content:attr(data-text);display:block;position:absolute;left:0;top:0;color:#24262a}

.sec4 .titleBox h2 span:after{color:#fff}

.sec4 .titleBox.aos-animate h2 span:after{animation:upMove_1 0.5s ease both}

.sec4 .titleBox.aos-animate h2 span:nth-child(3):after{animation-delay:.15s}

.sec4 .titleBox.aos-animate h2 span:nth-child(5):after{animation-delay:.3s}

.abbg{background:url(../images/d288ec959afnsipu.jpg) no-repeat top center;background-size:100% 100%;padding-top:7.03125vw;padding-bottom:7.8125vw}

.sec4{overflow:hidden}

.sec4 .inner{display:flex;align-items:center;justify-content:space-between;position:relative}

.sec4 .leftBox{width:24%}

.sec4 .titleBox{margin-bottom:3vw}

.sec4 .moreBtn{color:#fff;display:inline-flex;gap:2rem;align-items:center;font-size:0.8rem;padding:0.5rem;transform:translateX(-0.5rem);border-radius:2rem;overflow:hidden}

.sec4 .moreBtn span{transition:.25s ease;position:relative;z-index:1}

.sec4 .moreBtn .iconBox{width:2rem;height:2rem;border-radius:50%;background:var(--pointColor);display:flex;align-items:center;justify-content:center;position:relative}

.sec4 .moreBtn .iconBox i{transform:rotate(-45deg);position:relative;z-index:1}

@keyframes sec3MoreBtn{0%{transform:rotate(-45deg)}

30%{transform:translate(0.5rem,-0.5rem) rotate(-45deg);opacity:0}

31%{transform:translate(-0.5rem,0.5rem) rotate(-45deg);opacity:0}

60%{transform:rotate(-45deg);opacity:1}

100%{transform:rotate(-45deg);opacity:1}

}



._viewMore a{display:inline-flex;align-items:center;justify-content:space-between;font-size:0.75rem;letter-spacing:0.05rem;width:7.7rem;padding:0.7rem 0px;position:relative;box-sizing:border-box;color:#fff;transition:color .25s ease-in-out,padding .25s ease-in-out}

._viewMore a::before{content:'';display:block;width:100%;height:0.05rem;background-color:#fff;position:absolute;left:0;bottom:0;transition:height .25s ease-in-out;border-radius:0.35rem}

._viewMore a p{position:relative;text-transform:uppercase}

._viewMore a i{position:relative}

._viewMore a i img{transform:rotate(0deg) translateY(-0.1rem)}

._viewMore a:hover{color:#fff;padding:0.7rem 0.5rem}

._viewMore a:hover p{color:#333}

._viewMore a:hover::before{height:100%;color:#fff}

._viewMore a:hover i img{filter:brightness(0);transform:rotate(0deg) translateY(-0.1rem)}

.sec4 .rightBox{display:flex;align-items:center;width:64.375%}

.sec4 .rightBox li{width:25%;height:100%;text-align:center;position:relative;padding:3.5rem 0.5rem;box-sizing:border-box;border-radius:0.75rem;cursor:pointer}

.sec4 .rightBox li:not(:last-child):after{content:"";position:absolute;right:-0.35rem;top:50%;transform:translateY(-50%);width:0.05rem;height:12.5rem;border-left:1px solid rgba(255,255,255,.2)}

.sec4 .rightBox li figure{display:none}

.sec4 .rightBox li p{line-height:1;transition:.25s ease}

.sec4 .rightBox li p strong{display:block;letter-spacing:-.025rem;color:#ffffff;font-size:2.86458333333333vw;margin-bottom:0.3vw}

.sec4 .rightBox li span{font-size:0.8rem;color:#adadad;line-height:1.5}

.sec4 .rightBox li .wz p{color:#adadad;font-size:0.9rem;line-height:1.2}

.sec4 .rightBox li.active{width:25%;padding:2rem 0.5rem}

.sec4 .rightBox .list01.active{background:#293f4d}

.sec4 .rightBox .list02.active{background:#293f4d}

.sec4 .rightBox .list03.active{background:#293f4d}

.sec4 .rightBox .list04.active{background:#293f4d}

.sec4 .rightBox li.active figure{display:block}

.sec4 .rightBox li.active figure img{animation:sec3ImgMove .25s ease both;display: inline-block;}

.sec4 .rightBox li.active p{}

.sec4 .rightBox li.active p strong{margin:1vw 0}

.sec4 .rightBox li.active span{color:#fff;animation:opacityMove .2s ease both}

@media(max-width:1440px){.sec4 .rightBox li .wz p{font-size:15px}

}@media(max-width:1200px){.sec4 .rightBox li .wz p{font-size:14px}

}@media(max-width:1100px){._viewMore a{font-size:12px}

.sec4 .rightBox li figure img{max-width:100px;width:100%}

}@media(max-width:1024px){._viewMore a{width:90%}

}@media(max-width:780px){.sec4 .inner{flex-wrap:wrap}

.sec4 .leftBox{width:100%}

.sec .titleBox h2{font-size:22px}

.sec4 .rightBox{width:100%;margin-top:20px;flex-wrap:wrap}

.sec4 .rightBox li{width:50%;padding:20px 5px}

.sec4 .rightBox li.active{width:50%;padding:20px 5px}

.sec4 .rightBox li p strong{font-size:24px;letter-spacing:0}

}@media(max-width:640px){._viewMore a{padding:10px 0}

.sec3 .rightBox li:not(:last-child):after{display:none}

}@media(max-width:380px){._viewMore a{width:100%}

}

@keyframes sec3ImgMove {

    0% {

        opacity: 0;

        transform: scale(0);

    }



    100% {

        opacity: 1;

        transform: scale(1);

	}

}

@keyframes opacityMove {

    0% {

        opacity: 0;

    }



    50% {

        opacity: 1;

    }



    100% {

        opacity: 1;

    }

}

@keyframes leftMove {

    0% {

        opacity: 0;

        transform: translateX(-1rem);

    }



    50% {

        opacity: 1;

        transform: none;

    }



    100% {

        opacity: 1;

        transform: none;

    }

}

@keyframes upMove_1 {

    0% {

        transform: translateY(5rem);

    }



    100% {

        transform: none;

    }

}



/* 厂房 */

.box-changfang .box3{padding: 4.9% 0 5.2%;overflow: hidden;}

.box-changfang .box3 .container{max-width:80rem;overflow: unset;}

.box-changfang .box3 .container .swiper{overflow: unset;}

.box-changfang .box3 .acon{color: #000;max-width:64.05rem;}

.mySwiper2{margin-top: 2rem;}

.mySwiper2 .swiper-slide{width: 63.7%;position: relative;overflow: hidden;border-radius: 0.75rem;}

.mySwiper2 .swiper-slide .img{overflow: hidden;}

.mySwiper2 .swiper-slide .img img{transition:all 0.4s;}

.mySwiper2 .swiper-slide:hover .img img{transform:scale(1.1);}

.mySwiper2 .swiper-slide h3{position: absolute;margin: 0; color: #ffffff;font-size: 1.2rem;font-weight: bold;width: 100%;bottom: 2.5vw;left: 0;padding: 0 4.9vw;}

.ybj{padding: 0.9vw 0.65vw 0.65vw;transform:translateY(200%);transition:all 0.5s; position: absolute;background-color: rgba(255,255,255,.9);border-radius: 0.5rem;bottom: 2.5vw;width: 87.6%;margin: 0 auto;left: 6.2%;}

.ybj h4 a{color: #000000;margin: 0; font-size: 1.2rem;font-weight: bold;display: block;margin-bottom: 0.6rem;}

.ybj h4{margin-bottom: 0;}

.ybj p{line-height: 1.25rem;font-size: 0.8rem;color: rgba(0,0,0,.5);}

.ymore a{

    width: 6.45rem;

    height: 1.8rem;

    background-color: #015fa5;

    border-radius: 0.9rem;

    display: block;

    color: #ffffff;font-size: 0.8rem;line-height: 1.8rem;

    margin-top: 0.85rem;

}

.mySwiper2 .swiper-slide-active h3{opacity: 0;}

.mySwiper2 .swiper-slide-active .ybj{transform:translateY(0);}



/* -- 产品中心 -- */

.box_three{padding:1.25rem 0.5rem;text-align: left;background:#25478F url(../images/lxbj.jpg) no-repeat center;background-size: cover;}

.box_three p{font-size:1.1rem;color:#fff;line-height:1.5rem;}

.box_three em{margin-left: 0;padding-top: 0.75rem;}

.box_three em p{font-size: 0.8rem;text-align: left;line-height: 1.5rem;}

.box_three span{color:#fff;font-size:1.1rem;display: block;font-family:impact;font-weight:700;padding: 0.5rem 0;border-bottom: 0.05rem dashed #fff;}

.box_three strong{font-size: 1.3rem;color: #fff;background: url(../images/d1.png) no-repeat left;padding:0.25rem 0 0 1.75rem;}

.swtfw{position: relative;;width: 100%;}

.swtbox{margin-top:2.25rem;overflow: hidden;}

.swtbox a{text-align:center;float:left;display:block}

.swtbox .btn1{width:28%;height:2.9rem;background:#0365D2;font-size:1.2rem;color:#ffffff;font-weight:bold;line-height:2.9rem;letter-spacing:0.25rem;box-shadow:0 0.3rem 0.25rem rgba(249,90,23,0.4);transition:all linear 0.3s;}

.swtbox .btn1:hover{background:#D20001;box-shadow:0 0.3rem 0.25rem rgba(60,151,170,0.4)}

.swtbox .btn2{width:17rem;height:2.9rem;background:#D20001;font-size:0.8rem;color:#fff;line-height:2.9rem;margin-left:1.9rem}

.swtbox .btn2 span{font-size:1.2rem;font-weight:bold;vertical-align:top}

.swtbox .btn2:hover{background: #0365D2;}

.fwby{margin-top:1.5rem}

.fwby p{background: #207EFA;background-size:0.75rem;font-size:0.85rem;line-height:0.85rem;float:left;margin-left:1%;border-radius: 2.5rem;color: #fff;transition: .3s;width: 32%;box-sizing: border-box;text-align: center;}

.fwby p:first-child{margin-left:0}

.fwby p a{color: #fff;padding: 0.5rem 1rem;}

.fwby p a::before{content:"";display: inline-block;width: 0.75rem;height: 0.75rem;border-radius: 2.5rem;border:0.1rem solid #fff;margin-right: 0.25rem;}

.fwby p:hover{background-color: #E4332D}









/* 优势 */



/* 公司实力 */

.box-shili{padding-bottom: 0;}

.box-shili .flex:nth-child(2){gap: 0 0.25rem;margin-top: 1rem;justify-content: center}

.box-shili .container{width: 100% !important;max-width: 100% !important;padding: 0;}



/* 新闻 */

.section_nine{}

.news_top{display: flex;align-items: center;justify-content: space-between;}

.news_top .title{align-items: flex-start}

.news_top a{border-radius: 2.5rem;background: #183673;color: #fff;text-align: center;padding: 0.5rem 1.5rem;}

.tabbox{padding: 2.5rem  0 0;}

.tabbox{width:100%;gap: 0 0.5rem}

.tabbox .item{transition: .4s;background: #fff;border-radius: 0.5rem;flex: 1;}

.tabbox .item span{color: #183673;}

.tabbox .item span i{color: #183673;margin-right: 0.125rem;margin-top: 0.5rem;}

.tabbox .item p{line-height: 1.6;color: #999;}

.tabbox .item .img img{width: 100%;}

.tabbox .item .info{padding: 1rem;}

.tabbox .item .info em{color: #999;margin: 0.5rem 0 0;display: block;}

.tabbox .item a:hover{background:#25478F;}

.tabbox .item a:hover h3 strong,.tabbox .item a:hover p,.tabbox .item a:hover span,.tabbox .item a:hover i{color:#fff;}

.tabbox h3 strong{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }

.tabbox h3 span{font-size: 0.7rem;}



/* 内页横幅  */

.hf {background: url(../images/hf.jpg) no-repeat center;box-sizing: border-box;padding: 2.5rem 0;background-size: cover;background-attachment: fixed;text-align: center;color: #fff;}

.hf p{text-transform: uppercase;margin: 1vw auto 2vw;}

.hf h3{font-weight: 700;}

.hf p.f_48{background-size: 100% 100%;display: inline-block;width: 39.9rem;line-height: 3.8rem;margin-top: 1.5rem;}

.hf a.bhcz{width: 22.5rem;height: 2.5rem;line-height: 2.5rem;background-color:#25478F;border-radius: 2.5rem;margin: 0.5rem auto 0;display: flex;}

.hf a.bhcz h5{font-size: 1.5rem;width: 13.5rem;height: 2.5rem;line-height: 2.5rem;border-radius: 2.5rem;display: inline-block;text-align: center;color: #25478F;background-color: #fff;display: flex;    align-items: center;    justify-content: center;font-family: impact;}

.hf a.bhcz em{display: inline-block;text-align: right;color: #fff;padding-left: 2.5rem;}





/* 简介 */

.section_three1 .inner{position: relative;box-sizing: border-box;width: 100%;padding: 6rem 0 0;}

.section_three1 .inner>.clear{width: 90%; margin: 0 auto;}

.section_three1 .right h1{font-size:2rem;color:#3E3E3E;font-weight:bold;margin: 0.75rem 0;}

.section_three1 .right>p{color:#000027;font-size: 1.9rem;}

.section_three1 .right .text{text-align: justify;color:#999;line-height:2;text-indent: 2em;font-size: 0.85rem;position: relative;}

.section_three1 .right .text a{display: inline-block;color:#666666;}

.page_about .num_top{background: url(../images/d288ec959afnsipu.jpg) no-repeat center;padding: 5rem 0 ;background-attachment: fixed;background-size: cover;}

.page_about .num_top .inner1{max-width: 90%;margin: 0 auto;}

.page_about .num_top img{float: right;}

.page_about .num_top  ul{display:flex;}

.page_about .num_top  ul li{flex:1;text-align: center;background: url(../images/line.png) no-repeat center right;}

.page_about .num_top  ul li:first-child{padding-left: 0;}

.page_about .num_top  ul li:last-child{background: none;}

.page_about .num_top  ul li span{color:#fff;font-size:3.5rem;text-align:center;font-weight: 700;}

.page_about .num_top  ul li em{color:#fff;font-size: 1.1rem;font-style: normal;}

.page_about .num_top  ul li p{color:#fff;font-size:.8rem;}

.section_three1 .right a.more{display: inline-block;color: #fff;text-align: center;padding: 0.5rem 2.25rem;font-size:1rem;  background: linear-gradient(50deg, rgb(27, 49, 136), rgb(39, 158, 219))}

.section_three1 .right a.more:hover{background: #25478F;}

.section_three1 .right a.more img{display: inline-block;vertical-align: bottom;}

.section_three1 .left {position: relative}



/* 内页案例 */

.section_six{width: 100%;padding: 0 0 4rem 0;}

.section_six .swiper-container.anli{padding: 1.5rem 0 .6rem;width: 87.6%;margin: 0 auto;overflow: hidden;}

.section_six .swiper-container.anli .swiper-slide{background-position:center;background-size:cover;width:21rem;box-sizing:border-box;box-shadow: 0 0 0.75rem rgba(0, 0, 0, .1)}

.section_six .swiper-container.anli .swiper-slide img{width:100%;}

.more{text-align:center;}

.more .call,.more .but{display:inline-block;vertical-align:top;}

.more .call{height:2.5rem;text-indent:0.5em;line-height:2.5rem;padding:0 2rem;border-radius:5rem;font-size:1.4rem;font-family:impact;background:#25478F url(../images/d1.png) 1.5rem center no-repeat;}

.more .call a{color:#fff;}

.more .call:hover{background-color: #0080CC}

.more .but{width:12.5rem;height:2.5rem;line-height:2.5rem;margin-left:1rem;border-radius:5rem;background-color:#0080CC;text-align:center;font-size:0.8rem;color:#fff;}

.more .but:hover{background:#25478F;}





/* 底部 */

.nei4{overflow:hidden;box-sizing:border-box;position:relative;}

.jjdsh{position: relative;z-index: 1;}

.jjdsh img{width:100%;height:auto}

.youidngf{width:100%;color:#fff;flex-direction: column;height: 100%;position: absolute;z-index: 9;top: 0;justify-content: center;align-items: center;}

.neofmhg{box-sizing:border-box;font-size:3rem;font-weight:normal;font-stretch:normal;line-height:72px;letter-spacing:0px;color:#ffffff;text-align:center}

.footer{background: #254A91;padding: 0.5rem 0 0;background-attachment: fixed;}

.footer .inner{display: flex;justify-content: space-between;}

.footer .inner:first-child{border-bottom: 0.05rem solid rgba(255, 255, 255, .1)}

.footer .inner>div{float: none;margin: 0 1rem;}

.footer .f1 h3,.footer .f2 h3,.footer .f3 h3,.footer .f4 h3{margin-top:1.5rem;font-size:1.2rem;color:#FFFFFF;position:relative;margin-bottom:2rem;text-transform: uppercase;font-weight: 700;}

.footer .f1 h3 i,.footer .f2 h3 i,.footer .f3 h3 i,.footer .f4 h3 i{font-size: 1rem;color:#FFFFFF;margin-right: 0.25rem;}

.footer .f1 h3::before,.footer .f2 h3::before,.footer .f3 h3::before,.footer .f4 h3::before{position:absolute;content:"";width:2.5rem;height:0.15rem;background:rgba(255, 255, 255, .5);top:2rem;left:0}

.footer .f1 h3::after,.footer .f2 h3::after,.footer .f3 h3::after,.footer .f4 h3::after{position:absolute;content:"";width:100%;height:0.05rem;background:rgba(255, 255, 255, .5);top:2.05rem;left:0}

.footer .f1{width:25%}

.footer .f1 h3{margin-bottom:2rem}

.footer .f1 .item{float:left;margin-right:0.75rem;text-align: center;color: #fff;max-width: 7rem;}

.footer .f1 a{display:block;height:1rem;line-height:1rem;color:#fff;box-sizing:border-box;margin-top:0.5rem;}

.footer .f2{width:30%;margin-left: 2%;}

.footer .f2 .f2_box a{color:#fff;line-height:2rem;display:block;background: #3B5C9C;text-align: center;margin-bottom: 0.5rem;padding: 0 0.5rem;}

.footer .f2 .f2_box a:nth-child(2n){margin-right: 0;}

.footer .f2 p{display: block;color: rgba(255, 255, 255, .3);}

.footer .f2 p a{color: #FB1118;display: inline-block;}

.footer .f2 p a:hover{opacity: 0.7;}

.footer .f3{width:30%;color:#fff;line-height:1.5rem}

.footer .f4{padding:1.5rem 0 !important;}

.footer .copyright{margin-top:1.5rem;text-align:center;color:#fff;padding:0.75rem 0;font-size:0.7rem;border-top:0.05rem solid rgba(255,255,255,0.15)}

.footer .copyright a{display:inline-block;color:#fff;font-size:0.7rem}

.footer .copyright img{display:inline-block;margin-left:0.75rem}

.footer .copyright p{color:#fff;text-align:center}

.pub_title p{text-align:center;margin-bottom:1.5rem;font-size:0.9rem;color:#666666;margin-top: 0.75rem;}

.pub_title {position:relative;text-align:center;z-index:1;padding-top:2.5rem;}

.pub_title img{display:inline-block;z-index:1;}

.page-cover{background:#18191b url(loading.gif) no-repeat center 17.5rem;width:100%;height:0;position:absolute;bottom:0;z-index:10000001;}

@-webkit-keyframes bounceIn1{

	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}

	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}

}

@-moz-keyframes bounceIn1{

	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}

	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}

}

@-ms-keyframes bounceIn1{

	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}

	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}

}

@keyframes bounceIn1{

	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}

	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}

}





#top_scroll {height:56.5rem;overflow: hidden;max-width:100%;margin:0 auto;}

#top_scroll ul li{float: left;width:31.9%;margin:0.35%;text-align: left;box-sizing: border-box;background: #fff;box-shadow: 0 0 0.75rem rgba(0, 0, 0, .1);border-radius: 0.5rem;}

#top_scroll ul li a{padding: 0.5rem;}

#top_scroll ul li .img{overflow: hidden;}

#top_scroll ul li .info{padding: 0.5vw;}

#top_scroll ul li img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

#top_scroll ul li:hover  .info{ background: #0CD1E0;}

#top_scroll ul li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}

#top_scroll ul li h3{color:#000;font-size:0.9rem;float: left;line-height: 1.8rem;}

#top_scroll ul li p{color: #fff;font-size: 0.8rem;float:right;border-radius: 2.5rem;padding: 0.25rem 0.75rem;background: #0CD1E0;border: 0.05rem solid #0CD1E0;}

#top_scroll ul li:hover h3, #top_scroll ul li:hover p{color:#fff;}

#top_scroll ul li:hover p{border: 0.05rem solid #fff;}







.nbanner{height: 25rem;background-attachment: fixed;position: relative;margin-bottom: 0;}

.nbanner img.nbom {position: absolute;bottom: 0;}

.nbanner .position  img {  width: 1rem;  margin-right: 0.5rem;}





/*===================== 首页 END =====================*/



/* ========================= 内页 START ========================= */



/* ===================== 产品列表页 ===================== */

#list{margin:30px 0;}

#list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto{width:1500px;margin:0 auto;}

@media(max-width:1505px ){

	#list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto{width:1200px;}

}



.comCate{display:flex;justify-content:center;flex-wrap:wrap;margin: 0 -15px;}

.comCate li{margin:0 15px 15px;min-width:120px;flex: 1;}

.comCate a{display:flex;align-items:center;justify-content:center;text-align:center;background-color:#fff;box-shadow:1px 2px 2px 0px rgba(73,104,166,0.28);border-radius:5px;color:#666;height:100%;box-sizing:border-box;padding:10px}

.comCate a:hover,.comCate a.on{color:#fff;background:#25478F;box-shadow:0px 6px 12px 0px rgba(37,71,143,0.28)}





.showlist {width:100%;}

.showlist li{width:98%;margin:0 auto 20px;overflow: hidden;position: relative;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.showlist .wrap_box{float:left;}

.showlist .button{width:60%;color:#fff;margin:0px auto;padding:0px;}

#showdata {display:none;}

#loaddata {text-align:center;}

.showlist li .img{overflow: hidden;}

.product_list_one .showlist, .product_list_two .showlist, .product_list_three .showlist{display: none;}

.product_list_one #showdata, .product_list_two #showdata, .product_list_three #showdata{display: block !important;}

.product_list_one .item, .product_list_two .item, .product_list_three .item{float: left;width:32.33%;margin:0 0.5% 30px;}

.product_list_one .item .img, .product_list_two .item .img{position: relative;overflow: hidden;}

.product_list_one .item img, .product_list_two .item img, .product_list_two .item strong, .product_list_three .item em{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.product_list_one .item:hover img, .product_list_two .item:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}





/* 样式一 */

.product_list_one .item .info{padding:20px;background:url(../images/arrow.png) right 57px no-repeat;}

.product_list_one .item strong{display: block;width:95%;font-weight:100;font-size:18px;}

.product_list_one .item .line2{width:100%;height:2px;transform-origin: 100%;-webkit-transform-origin: 100%;-webkit-transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transform: scaleX(0);-webkit-transform: scaleX(0);visibility: hidden\9;background-color:#25478F;}

.product_list_one .item p{display: none;}

.product_list_one .item:hover .line2{transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0;-webkit-transform-origin: 0;visibility: visible\9;}

.product_list_one .item:hover .info{background:url(../images/arrow.png) right center no-repeat;}

.product_list_one .item:hover strong{border-right:1px solid #f1f1f1;}

/* 样式一 */



/* 样式二 */

.product_list_two .item .info{padding:0 30px 20px;background-color:#f6f7f7;}

.product_list_two .item .info strong, .product_list_three .item .info strong{display: block;color:#555;font-size:18px;font-weight:100;padding-top:30px;}

.product_list_two .item .line1{width:0%;height:1px;margin-top:8px;}

.product_list_two .item .info p, .product_list_three .item .info p{display: none;color:#868585;font-size:14px;line-height:26px;height:52px;overflow: hidden;margin-top:8px;}

.product_list_two .item .line2{display: none;}

.product_list_two .item:hover{box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);background-color: #fff;}

.product_list_two .item:hover strong{color:#25478F;transform: translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px);-ms-transform: translateY(-10px);-webkit-transform: translateY(-10px);}

.product_list_two .item:hover .line1{width:100%;height:1px;background-color:#25478F;}

.product_list_two .item:hover p{transform: translateY(10px);-moz-transform: translateY(10px);-o-transform: translateY(10px);-ms-transform: translateY(10px);-webkit-transform: translateY(10px);}

/* 样式二 */



/* 样式三 */

.product_list_three .item .info strong{padding:0;}

.product_list_three .item{padding-bottom:20px;border-radius:6px;overflow:hidden;background-color:#f9f9f9;}

.product_list_three .item .info{padding:15px;}

.product_list_three .item em{font-style:normal;float: right;width:10px;height:3px;background-color:#25478F;margin:0px 15px 0 0;}

.product_list_three .item:hover em{width:30px;}

.product_list_three .item:hover{box-shadow: 0px 18px 25px rgba(0, 0, 0, 0.08);background-color: #fff;}

/* 样式三 */



/* 产品内页图 */





.product_article .img1{display: none;}

.product_article .title{overflow: hidden;padding:10px 0 0;}

.product_article .title h1{text-align: center;font-size:22px;color:#333;}

.product_article .title .time{display: block;height:30px;line-height:30px;text-align: center;margin:14px 0 0;font-size:14px;color:#999;}

.product_article .title .time img{display: inline-block;height:18px;margin-top:-2px;margin-right:10px;}

.product_article .title .share{text-align: center;height:24px;line-height:24px;margin-top:10px;}

.product_article .title .share span{display: inline-block;vertical-align: top;}

.product_article .title .bdsharebuttonbox{display: inline-block !important;vertical-align: top;}

/* 产品内页图 */



/* ===================== 产品列表页 ===================== */



/* ===================== 产品 详情页 ===================== */

/* 产品内页 */

.show-product-phone{padding-top: 8rem;background:url("../images/a4790c53-1dd8-4d6d-99e5-325eef3be9f0.jpg") no-repeat top center;}

.show-product-phone .tel{background:url("../images/img35.png") no-repeat left center;background-size:60px auto;padding-left:70px}

.show-product-phone .tel a{display:block;font-size:2rem;font-weight:bold}

.show-product-phone .btn-danger{padding: 10px 25px;border-color: #25478F;background: #25478F}

.tj_pro{position: sticky;top: 5rem;background: #f7fbff;padding: 2rem;}

.tj_pro img{border-radius: 10px;}







.img_big_box{width:55%;float: left;}

.img_big_box .img_box{height:400px;border:1px solid #f1f1f1;border-radius:5px;position: relative;border-bottom:none;}

.img_big_box .img_box img{max-width:99%;max-height:99%;border-radius:5px;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;}

.img_big_box .small_box{border:1px solid #f1f1f1;border-radius:5px;text-align: center;}

.img_big_box .small_box img{max-height:80px;display: inline-block;margin:10px 5px;border:1px solid #fff;}

.img_big_box .small_box img.active{border-color:#25478F;}

.info_big_box{width:42%;float: right;height:502px;}

.info_big_box h1{color:#444;line-height:36px;font-weight: bold;font-size:26px;}

.info_big_box .info_1{margin:30px 0 0;}

.info_big_box .info_1 .dh{color:#555;min-height:40px;line-height:40px;cursor:help;margin-bottom:10px;}

.info_big_box .info_1 .dh img{float: left;width:30px;margin-top:5px;}

.info_big_box .info_1 .dh span{float: right;width:89%;font-size:18px;color:#555;letter-spacing:0px;line-height:40px;}

.info_big_box .info_1 .dh span.num{font-family:impact;font-size:26px;letter-spacing:2px;}

.info_big_box .info_2{padding:10px;}

.info_big_box .info_2 .ewm{width: 150px;text-align: center;}

.info_big_box .share{height:24px;line-height:24px;margin:20px 0;}

.info_big_box .share span{font-size:16px;color:#555;}

.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{margin:0 6px 0 0 !important;}

.info_big_box .info_3 span{display: inline-block;padding:8px 0;line-height:24px;color:#555;cursor:help;font-size:12px;}

.info_big_box .info_3 span img{display: inline-block;height:20px;margin-bottom:3px;margin-right:6px;}



.xgcp_title{padding:10px;background-color:#fafafa; margin:30px 0 0;}

.xgcp_title h3{color:#25478F;border-left:2px solid #25478F;padding-left:20px;height:30px;line-height:30px;font-weight: bold;font-size: 20px;}



.article_content{font-size:16px;line-height:26px;color:#333;padding-top:30px;}

.right_side.contact_box .article_content{padding: 50px;}

.right_side.contact_box .article_content a{display: inline-block;}

.article_box{padding-top:30px;}

.article_box img, .article_content img{display: inline;}

.article_box p, .article_content p{margin-bottom:14px;}



#xgcp ul li{float: left;text-align: center;width:23%;margin:1%;}

#xgcp ul li strong{display: block;height:36px;color:#333;font-size:16px;font-weight:100;line-height:36px;text-align: center;}

#xgcp ul li:hover strong{color:#fff;}

#xgcp ul li:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}



.pagenum{border-top:1px solid #DCDCDC;margin-top:30px;text-align: center;}

.pagenum a{display: inline-block;color:#25478F;margin:20px 20px 0;}

.pagenum span{font-size:16px;color:#25478F;}

.pagenum a:hover{background-color:#25478F;color: #fff;}

.pagenum a:hover span{color:#fff;}

/* ===================== 产品 详情页 ===================== */



/* ===================== 内页 Banner 图 ===================== */

#nyba{height:500px;position: relative;overflow:hidden;background-color:rgba(0,0,0,0.3);background-image:url(../images/neibanner.jpg);background-position:top center;background-repeat:no-repeat;background-attachment: fixed;z-index: 5;}

.fade_text{text-transform:uppercase;margin-top:10%;text-align: center;font-size:0;}

.fade_text span{color:#fff;display: inline-block;}

.fade_text .cn{height:95px;line-height:95px;overflow: hidden;}

.fade_text .cn span{font-size:72px;}

.fade_text .en{height:40px;line-height:40px;font-size:30px;overflow:hidden;display: none;}

.fade_text .line{width:80px;height:3px;background-color:#fff;margin:20px auto;}

.arrow_down{position:absolute;left:50%;margin-left:-4px;bottom:20px;overflow: hidden;width:8px;}

.arrow_down .line{display: block;width:1px; height:40px;margin:0 3px;background: #fff; }

.arrow_down .aw{display: block;width:100%;height:5px;margin-top:3px;background: url('../images/aw.png') no-repeat;}

.arrow_down .lg{-webkit-animation: long 1.5s linear alternate infinite; animation: long 1.5s linear alternate infinite; }

@-webkit-keyframes long{

	from { -webkit-transform: translateY(-30px); transform: translateY(-30px); }

    to { -webkit-transform: translateY(0); transform: translateY(0); }

}

@keyframes long{

	from { -webkit-transform: translateY(-30px); transform: translateY(-30px); }

    to { -webkit-transform: translateY(0); transform: translateY(0); }

}

@-webkit-keyframes long1{

	from { -webkit-transform: translateY(0px); transform: translateY(0px); }

    to { -webkit-transform: translateY(-30px); transform: translateY(-30px); }

}

@keyframes long1{

	from { -webkit-transform: translateY(0px); transform: translateY(0px); }

    to { -webkit-transform: translateY(-30px); transform: translateY(-30px); }

}

.son_list{position: absolute;height:50px;width:100%;bottom:10px;left:0;text-align: center;}

.son_list a{display: inline-block;width:140px;padding:0 5px;height:50px;color:#333;background-color: #fff;font-size:16px;text-align: center;line-height:50px;position: relative;z-index:1;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}

.son_list a i{background-color:#25478F;position: absolute;left:50%;top:50%;margin:-100px 0 0 -100px;z-index:-1;width:200px;height:200px;border-radius:50%;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);}

.son_list a:hover i, .son_list a.active i{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}

.son_list a:hover, .son_list a.active{color:#fff;}

/* ===================== 内页 Banner 图 ===================== */



/* ===================== 面包屑导航 ===================== */

.position_now{height:60px;line-height:60px;font-size:14px;background-color: #f1f1f1;}

.position_now a{display: inline-block;color:#707070;}

.position_now .fl{color: #707070;}

.position_now .fl img{height:20px;margin-top:-4px;display: inline-block;margin-right:8px;}

.position_now .fr{font-family: impact;color:#00AEC3;font-size:22px;}

.position_now .fr img{height:26px;display: inline-block;margin-right:8px;vertical-align: middle;}

.position_now .fr strong{font-weight:100;}

/* ===================== 面包屑导航 ===================== */



/* ===================== 新闻页面 ===================== */



/* 新闻样式 1 */

.news_one .news_box li{margin-bottom:2rem;background: rgba(0, 0, 0, .02);border-radius: 10px;}

.news_one .news_box li .img{width:30%;height:300px;overflow:hidden;float:left;border-radius:8px;position: relative;}

.news_one .news_box li .img img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;width: 100%;}

.news_one .news_box li .img .bg{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0);}

.news_one .news_box li .img .bg i{opacity:0;position: absolute;left:50%;top:50%;margin:-15px 0 0 -50px;width:30px;height:30px;background:url(../images/news_arrow.png) center/100% no-repeat;}

.news_one .news_box li .info{width:68%;height:240px;float:right;padding-top:60px;}

.news_one .news_box li .info h3{font-weight:bold;font-size:18px;color:#333;}

.news_one .news_box li .info .time{color:#777;font-size:14px;padding:20px 0;}

.news_one .news_box li .info .line{width:100%;height:1px;background-color: #e5e9ef;margin-bottom:20px;}

.news_one .news_box li .info .line i{display: block;width:0%;height:1px;background-color:#25478F;}

.news_one .news_box li .info p{color:#999;font-size:16px;line-height:26px;height:52px;overflow: hidden;}

.news_one .news_box li:hover .info{padding-top:50px;}

.news_one .news_box li:hover .line i{width:100%;}

.news_one .news_box li:hover h3{color:#25478F;}

.news_one .news_box li:hover .bg{background:rgba(0,0,0,0.55);}

.news_one .news_box li:hover .bg i{opacity:1;margin:-15px 0 0 -15px;}





.news_article_box .left_fixed{position: fixed;left:0;top:0;width:30%;height:100%;z-index:-1;}

.news_article_box .left_fixed .text{padding:35% 0 0 25%;}

.news_article_box .left_fixed h6{font-size:70px;color:#006db2;opacity:0.5;font-style:italic;font-family: impact;}

.news_article_box .left_fixed h5{font-size:16px;color:#333;margin-top:30px;}

.news_article_box .left_fixed .return{margin-top:40px;font-size:14px;color:#666;}

.news_article_box .left_fixed .return:after{content:'';}

.news_article_box .right_article{float: right;width:1200px;overflow: hidden;}

.news_article_box .inner_content{padding:30px 50px;}

.news_article_box .h1_title{padding:0px 40px;line-height:1.5;}

.news_article_box .h1_title h1{font-size:28px;color:#333;margin-bottom:20px;text-align: center;font-weight: 700;}

.news_article_box .h1_title .time img{height:20px;display: inline-block;margin:-4px 10px 0 0;}

.news_article_box .h1_title .time span{color:#777;font-size:16px;}



.page_list{text-align: center;}

.page_list b{font-size:0;}

.page_list b a, .page_list b font{display: inline-block;font-weight:100;color:#999;font-size:16px;margin-right:10px;border:1px solid #e5e9ef;width:40px;height:40px;line-height:40px;border-radius:6px;text-align: center;}

.page_list b font{background-color:#25478F;color:#fff;border-color:#25478F;}

.page_list_span1{display: none;}

/* 新闻样式 1 */



.faq ul li{color: #666;transition: .3s;}

.faq ul li>div{background: rgba(0, 0, 0, .02);height: 100%;}

.faq ul li i{margin-right: 0.5rem;}

.faq ul li h3{color: #000;}

.faq ul li:hover{background: #25478F;}

.faq ul li:hover *{color: #fff !important;}

/* 新闻样式 2 */

.news_two .news_box li{float: left;width:31.33%;margin:1%;overflow: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.news_two .news_box li a{padding:20px;background-color:#f3f3f3;position: relative;}

.news_two .news_box li .time strong{font-size:50px;color:#25478F;display: inline-block;position: relative;}

.news_two .news_box li .time strong::after{content:'';position: absolute;left:0;top:30px;width:0px;background-color:#25478F;height:2px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.news_two .news_box li .time span{font-size:12px;color:#333;display: block;}

.news_two .news_box li h3{color:#333;font-size:18px;line-height: 26px;height:52px;overflow: hidden;margin:15px 0 10px;}

.pc .news_two .news_box li:hover h3{color:#25478F;}

.news_two .news_box li p{font-size:14px;color:#666;line-height:22px;height:44px;overflow: hidden;margin-bottom:10px;}

.news_two .news_box li i{position: absolute;background-color:#25478F;}

.news_two .news_box li i.i1{width:0px;height:2px;top:20px;right:20px;}

.news_two .news_box li i.i2{width:2px;height:0px;top:20px;right:20px;}

.pc .news_two .news_box li:hover i.i1{width:30px;}

.pc .news_two .news_box li:hover i.i2{height:30px;}

.pc .news_two .news_box li:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);}

.pc .news_two .news_box li:hover strong::after{width:100%;}



.fixed_body{display: none;position: fixed;width:100%;height:100%;background:rgba(255,255,255,0.8);left:-30%;top:0;z-index:9999;}

.fixed_body .fixed_article{display: none;position:fixed;width:1200px;height:800px;top:50%;right:20%;margin:-400px -600px 0 0;background-color:#fff;z-index:99999;box-shadow:0px 0 25px rgba(0,0,0,0.08);}

.fixed_body .fixed_article .fb_close{position: absolute;right:0;top:0;width:60px;height:60px;cursor:pointer;background-color:#25478F;}

.fixed_body .fixed_article .fb_close i{display: block;margin:10px auto 0;width:40px;height:40px;background:url(../images/jia.png) center center/80% no-repeat;}

.fixed_body .fixed_article .fb_close:hover i{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);}

.fixed_body .fixed_article iframe{border:none;width:100%;height:100%;display: block;}

@media( max-width:1505px ){

	.fixed_body .fixed_article{width:1000px;margin-right:-500px;}

}

/* 新闻样式 2 */



/* ===================== 新闻页面 ===================== */



/* ===================== 产品页 左侧 导航 ===================== */

#list .left_side{width:280px;}

#list .left_side .box_two{width:260px;background-color:#3a4750;padding:10px 10px;}

#list .left_side .box_two{margin-top:10px;padding:20px 10px;}

#list .left_side .box_two p{font-size:16px;color:#fff;line-height:30px;}

#list .left_side .box_two strong{color:#fff;font-size:30px;display: block;margin-bottom:10px;font-family:impact;font-weight:100;}

#list .left_side .box_two .more{height:36px;line-height:36px;background-color:#fff;margin-top:10px;width:200px;color:#333;text-align: center;}

#list .left_side .box_two .more i{background-color:dodgerblue;}

#list .left_side .box_two .more:hover{color:#fff;}

#list .right_side.fr{width:1200px;}

@media(max-width:1505px ){#list .right_side.fr,#list .right_article.fr{width:900px;}}

/* ===================== 产品页 左侧 导航 ===================== */



/* ===================== 全局搜索框 ===================== */

.form_box {display: none;border:1px solid #f1f1f1;border-radius: 5px;margin-bottom: 20px;}

.form_box .sf{margin:0 auto;text-align: center;font-size:0;}

.form_box .an {display: inline-block;border: 1px solid #f1f1f1;background-color: #fff;color: #333;height: 40px;border-radius: 8px;margin: 10px 5px;font-size: 16px;line-height:40px;padding: 0px 15px;outline:none;}

.form_box .an{vertical-align: bottom;}

.form_box .an:hover{border-color:#25478F;}

.form_box .inp{height:38px;vertical-align: bottom;}

.form_box .submit{width:80px;cursor:pointer;}

/* ===================== 全局搜索框 ===================== */



/* ===================== 在线留言 ===================== */

.form_box_box{width:1200px;margin:40px auto;padding:60px 0;box-shadow: 0px 20px 80px rgba(76, 76, 76, 0.1);}

ul.fs{width:1000px;margin:0 auto;}

ul.fs input, ul.fs textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}

ul.fs .box1 li{float: left;width:320px;margin-right:20px;}

ul.fs .box1 li:nth-of-type(3){margin:0;}

ul.fs .box1 li input{border:1px solid #e1e7ee;width:100%;height:50px;padding:10px;color:#999;}

ul.fs li input:hover{border-color:#25478F;}

ul.fs .box1 li input::-webkit-input-placeholder, ul.fs li.textarea textarea::-webkit-input-placeholder, ul.fs li.yzm input::-webkit-input-placeholder{color: #999;}   

ul.fs .box1 li input:-moz-placeholder, ul.fs li.textarea textarea:-moz-placeholder, ul.fs li.yzm input:-moz-placeholder{color: #999;}    

ul.fs .box1 li input:-ms-input-placeholder, ul.fs li.textarea textarea:-ms-input-placeholder, ul.fs li.yzm input:-ms-input-placeholder{color: #999;}

ul.fs li.textarea textarea{width:100%;height:150px;border:1px solid #e1e7ee;padding:10px;margin:20px 0;color:#999;}

ul.fs li.textarea textarea:hover{border-color:#25478F;}

ul.fs li.radio{text-align: center;}

ul.fs li.radio label{margin:0 10px;}

ul.fs li.yzm{text-align: center;margin:20px 0;}

ul.fs li.yzm img{display: inline-block;height:20px;}

ul.fs li.yzm input{border-bottom:1px solid #e1e7ee;width:200px;height:50px;padding:10px;color:#999;}

ul.fs li.yzm input:hover{border-color:#25478F;}

ul.fs li.submit input{height:50px;margin:0 auto;display: block;cursor:pointer;width:200px;border-radius:50px;background-color:#25478F;font-size:16px;color:#fff;}

/* ===================== 在线留言 ===================== */



/* ===================== 联系我们 地图 ===================== */

#allmap{height:400px;width: 50%;float: right;}

#allmap img{max-width:none !important;}



/* 联系 */

.contact{padding-bottom:6.5rem}

.contact .row{align-items:center;background:#f9f9f9;box-shadow:0px 5px 10px rgba(181,181,181,0.25)}

.contact .left{padding:3rem 4% 3rem 4%;display:flex;align-items:center;margin: 0;gap: 0 2%}

.contact .left .text{flex:1;padding-right:1rem}

.contact .left .text .tit span{font-size:1.5rem;font-weight:bold;color:#25478F;}

.contact .left .text ul li{display:flex;align-items:start;margin-top:1.5rem}

.contact .left .text ul li i{font-size:1.6rem;margin-right:.2rem;position:relative;top:.15rem;color: #25478F;width: 2rem;display: flex;justify-content: center;align-items: center;}

.contact .left .text ul li p{flex:1;font-size:1rem;line-height:1.6;color:#383838}

.contact .left .text ul li p a{display: inline;}

.contact .left .code{padding:.6rem .5rem 0 .5rem;background:#fff;text-align:center;width: 20%;}

/* .contact .left .code img{width:9.5rem} */

.contact .left .code p{font-size:.9rem;line-height:2.3rem;color:#383838}

.contact .right{width:35.15%;position:relative}

.contact .right>img{width:100%}

.contact .right div{position:absolute;left:40.5%;top:34%}

.contact .right div img{width:2rem;animation:bounceInDown2 2s 1s linear infinite}

.contact .right div i{background:rgba(0,0,0,0.2);display:block;border-radius:50%;height:.7rem;width:.7rem;position:absolute;left:.018rem;top:70%;margin:.55rem 0px 0px .6rem;transform:rotateX(55deg)}

.contact .right div i::after{content:"";border-radius:50%;height:2rem;width:2rem;position:absolute;margin:-0.65rem 0 0 -.65rem;animation:mypulsate 1s ease-out;animation-iteration-count:infinite;opacity:0;filter:alpha(opacity=0);box-shadow:0 0 1px 2px #89849b;animation-delay:1.1s}

@keyframes mypulsate {

  0% {

    transform: scale(0.1, 0.1);

    opacity: 0;

    filter: alpha(opacity=0);

  }



  50% {

    opacity: 1;

    filter: none;

  }



  100% {

    transform: scale(1.2, 1.2);

    opacity: 0;

    filter: alpha(opacity=0);

  }

}





@keyframes bounceInDown2 {



  0% {

    transform: translate3d(0, -10px, 0);

  }



  50% {

    transform: translate3d(0, 0, 0);

  }



  100% {

    transform: translate3d(0, -10px, 0);

  }



}

/* ===================== 联系我们 地图 ===================== */



/* ===================== 回到顶部 ===================== */

.go_top{display: none;background:url(../images/top.png) center center/50% no-repeat;width:40px;height:40px;cursor:pointer;text-align: center;background-color:#25478F;border-radius:50%;position: fixed;right:6px;bottom:100px;z-index:99999999999;}

/* ===================== 回到顶部 ===================== */



.firstRow img {display: inline-block;}

.sycep{

	display: none;

}

/* ================================ 内页 END ================================ */



/*===================== 响应式代码 START =====================*/

.header .menu_box{display: none;}

.header .menu_box{float: right;width:24px;height:54px;}

.header .nav_button{position: absolute;right:15px;top:26px;vertical-align: middle;width:24px;height:2px;cursor:pointer;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.header .nav_button::after, .header .nav_button::before{content:'';width:24px;height:2px;position: absolute;z-index:99999999;right:0;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.header .nav_button::after{top:9px;}

.header .nav_button::before{top:-9px;}

.header .menu_box.on .nav_button{width:0;}

.header .menu_box.on .nav_button::before{-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}

.header .menu_box.on .nav_button::after{-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}

#close{display: none;position: fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;}

.wap_son{display: none;padding:0 13px;margin-bottom:20px;}

.wap_son a{width:47.93%;height:40px;line-height:40px;font-size:16px;color:#fff;text-align: center;margin:1%;float: left;background-color:#25478F;}



.fixed_footer{display: none;}

.fixed_footer{display: none;background: linear-gradient( 50deg , #036acb, #259749);height:50px;position: fixed;bottom:0px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px;}

@media (min-width:640px){

	.fixed_footer{width:640px !important;left:50%;margin-left:-320px;}}

.fixed_footer a{float: left;width:33.33%;text-align: center;}

 .fixed_footer img{display: inline-block;height:24px;margin:5px 0 0;}

 .fixed_footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;}



 @media( max-width:1700px ){

	html{font-size: 19px;}

	.inner,.container,.max1600{width: 1550px;max-width: 1550px;}

 }

@media( max-width:1550px ){

	html{font-size: 18px;}

	.inner,.container,.max1600{width: 1400px;max-width: 1400px;}

	.section_five .item.one .box, .section_five .item.two .box{margin-left:15%;}

	.section_seven .item{width:130px;}

	.section_seven .item .radius{width:128px;height:128px;}

	.section_seven .item i{margin:35px auto 0;}

	.section_eight .more{margin-top:40px;}

}

@media( max-width:1440px ){

	html{font-size: 17px;}

	.inner,.container,.max1600{width: 1300px;max-width: 1300px;}

}



@media( max-width:1366px ){

	html{font-size: 16px;}

	.ys_bom .inner{width: 80%;}

	.f_58{font-size: 48px;}

	.inner,.container,.max1600{width: 1200px;max-width: 1200px;}

	#top_scroll ul li p{display: none;}

	.pub_title h4{font-size: 40px;}

	.pub_title p{font-size: 16px;}

	#scroll_one ul li img{width:150px;height:150px;}

	.index-service .common-title{padding-top: 50px;}

	.index-service{padding-bottom: 50px;}

	.section_six .swiper-container.anli .swiper-slide{width: 400px;}

	#top_scroll ul li h3{font-size: 14px;}

	}

@media( max-width:1280px ){

	html{font-size: 13px;}

	.section_one .item_box{width:1200px;}

	.header .call h3{font-size:26px;}

	.header .nav{width:50%;margin-left:4%;}

	.section_five .item.one .box, .section_five .item.two .box{margin-left:5%;}

	/* 切换优势 */

	.h-photo-list2 li{height:auto;padding:30px 10px 20px 10px}

.h-photo-list2 li .img img{max-height:60px}

.h-photo-list2 li h3{font-size:18px}

}





@media( max-width:1200px ){

	.fixed-bottom{background: #254A91 !important;}

	.fixed-bottom .col-4:nth-child(1) i{animation: msClock 1.2s linear infinite;}

	@keyframes msClock {



		0%, 90%, 100% {

	

		  transform: rotate(0) scale(1);

	

		}

	

		20%, 40% {

	

		  transform: rotate(-15deg) scale(1.1);

	

		}

	

		30%, 50% {

	

		  transform: rotate(15deg) scale(1.1);

	

		}

	

	}

	

	.f_14,.section_three1 .right h5{ font-size:14px; }

	.f_16{ font-size:16px; }

	.f_18,.index_pro .hot_pro .fr .con{ font-size:14px; }

	.f_20,#home-ys ul li strong{ font-size:16px; }

	.f_24,#home-ys h3,.section_three1 .right h3,.f_60{ font-size:20px !important; }

	.f_28,#home-ys h2,.index_pro .hot_pro .fr .tit h3 a{ font-size:28px; }

	html,body{max-width:750px;margin:0 auto !important;}

	.header .nav ul li em, .header .nav ul li i, .product_list_two .item .info p, .product_list_three .item .info p, .header .call, .banner .swiper-button-next, .banner .swiper-button-prev, .news_two .news_box li p, .position_now .fr, .arrow_down, #list .left_side, .news_one .news_box li .img .bg, .news_article_box .left_fixed, .img_big_box, #none,.tj_box .gallery-top .swiper-slide a .txt,.tj>img,.tabbox .content1,.footer .f1,.footer .f2,.footer .f4,.more1,#top_scroll ul li p,.about_box .call span,.section_two .item_box .yspic img:nth-child(1),.section_two .item_box .yspic img:nth-child(3),#winImgDiv,.syys .pub_title p,.syys .w1400 ul li img,.pub_title p,.hf,.sycp .sycp_l h3,.pc_show{display: none !important;}

	.header .menu_box, .mobile .fixed_footer, .wap_son{display: block;}

	.wap_show{display: block !important;}

	#list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto,.tj_box,.w1300,.tabbox,.footer .f3,.syys .w1400,.w1200,#home-ys ul,.sycp,.inner, .container, .max1600{width:auto !important;padding:0 15px;}

	#scroll_one ul li img{display: inline-block;float: none;}

	#scroll_one ul li h3{height: 30px;line-height: 30px;font-size: 18px;float: none;display: inline-block;margin-top: 5px;text-align: center;}

	.hf{padding: 30px 0;height: auto;}

	.hf img{width: 50%;}

	.hf h3{padding: 15px 10px 0;}

	.box,.box-about .about{padding: 2rem 15px;}

	.box-about{padding: 0;}

	.box-about .about .more{margin-bottom: 3rem;}

	.num_top{padding: 1rem 0;}

	.index_pro .hot_pro .fr .tit h3 img{width: 30px;}

	.header{height:50px;background:#1E53AE;}

	.header .inner{padding:0 15px;width:auto;height:50px !important;}

	.header .logo img{height:40px !important;margin:5px 0 0 !important;}

	.header .nav{position: fixed;width: 280px;height: auto;overflow: auto;padding: 20px 0;top: 50%;left: 50%;margin: -200px 0 0 -140px;z-index: 9999999999;background-color: #fff;box-shadow: 0 0 10px #f1f1f1;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0); -o-transform: scale(0);transform: scale(0);}

	.header .nav ul li{display: block;float:none;width:90%;margin:0 auto;height:40px !important;line-height: 40px !important;border-bottom: 1px solid #f9f9f9;}

	.header .nav ul li span, .header .nav ul li a{color:#333 !important;}

	.header .nav ul li a:hover span, .header .nav ul li a.active span{line-height:40px;}

	.header .nav ul li:last-child{border: none;}

	.product_son{display: none !important;}

	.position_now .fl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}

	.pub_title h4{font-size:28px;padding-top:20px}

	.pub_title h4{margin-bottom: 20px;}

	.pub_title h4 img{height: 28px;}

	.pub_title h4 span{font-size:28px;margin:0;}

	.pub_title h4 i{font-size:60px;top: 0px;}

	.pub_title p{font-size: 14px;margin-bottom: 20px;}

	#scroll_one ul li{width: 48%;text-align: center;}

	.sycp .sycp_l ul li{margin: 0 1%;width: 48%;float: left;}

	.section_six .swiper-container.anli{padding-top: 0;}

	.abJsBox{display: block;}

	.abJsText h5{width: 80%;}

	.abJsText span{font-size: 20px;margin-bottom: 10px;}

	.abJsText h6{margin-bottom: 20px;}

	.comCate li{margin: 0 1% 10px;flex: auto;}

	.pages{padding-left: 15px;padding-right: 15px;padding-top: 2rem;padding-bottom: 2rem;}

	.show-product-phone{padding-top: 6rem;}

	.pages .content{text-align: left;}

	.comCate{margin: 0;}

	.index_pro_list_box{width: 100%;padding: 0;box-shadow: none;margin:20px 0 0 !important;}

	ul.pnav li{width: 33%;}

	ul.pnav li a{font-size: 14px;}

	.nbanner{height: 12rem;background-position-x:left !important;background-position-y:bottom !important;background-size: contain !important; }

	.nbanner .mt-10{margin-top: 0 !important;}

	.nbanner .mt-10 h1{padding-top: 2em !important;font-size: 30px;}

	/* 简介 */

	.box-about-bom{margin-top: 0;flex-direction: column;padding: 2rem 15px;}

	.box-about-bom .left,.box-about-bom .right{width: 100%;}

	.box-about-bom .right{margin-top: 2rem;}

	/* 产品 */

	.index_pro_box{padding: 30px 0;}

	.index_pro{width: 96%;margin-top: 30px;}

	.index_pro .hot_pro .fr{width: 100%;padding: 20px 0;}

	.index_pro .hot_pro .fr>img{display: block;}

	.index_pro .hot_pro .fl{width: 100%;position: static;}

	.more .call a{font-size: 23px;}

	.more .but{margin: 0;}

	.more .call,.more .but{width: 45%;padding: 0;text-indent: 0;background-image: none;}

	#allmap{height:300px;}

	#nyba{height:300px;background-size: cover;background-attachment: unset;}

	/* 厂房首页 */

	.box-shili{padding-left: 0;padding-right: 0;}

	/* .box-shili .flex:nth-child(2){flex-direction: column;gap: .4rem 0;} */

	/* 文字优势 */

	.box-strengths{flex-direction: column;}

	.box-strengths .title, .box-strengths ul{width: 100%;}

	.box-strengths ul li img{width: 3rem;}

	.box-strengths .ys_pic{width: 90%;margin: 2rem 0;}

	.fade_text{margin-top:171px;}

	.fade_text .cn{line-height:40px;height:40px;}

	.fade_text .cn span{font-size:30px;}

	.fade_text .en{font-size:16px;}

	.fade_text .line{margin:10px auto;}

	.form_box_box, ul.fs{width:100%;}

	.form_box_box{margin:0;padding:20px 0;box-shadow:none;}

	ul.fs .box1 li{float:none;width:100%;margin-bottom:20px;}

	.product_list_one .item, .product_list_two .item, .product_list_three .item{width:49%;margin:0.5%;}

	.product_list_two .item .info{min-height:70px;}

	#list .right_side{float:none !important;width:100% !important;}

	.news_one .news_box li .img, .news_one .news_box li .info{float:none !important;width:100%;}

	.news_one .news_box li .img{height:auto;border: 1px solid #f1f1f1}

	.news_one .news_box li .info{padding:15px;height:auto;}

	.news_one .news_box li .info .time{padding:6px 0;}

	.news_one .news_box li .info .line{margin-bottom:6px;}

	.news_one .news_box li:hover .info{padding-top:20px;}

	.son_list{height:40px;}

	.son_list a{height:40px;line-height:40px;width:100px;font-size:14px;padding:0;}

	.news_article_box{padding-top: 54px;}

	.news_article_box .right_article{width:100%;float:none;background-color: #fff;}

	.news_article_box .inner_content, .news_article_box .h1_title{padding:20px;}

	.news_two .news_box li{width:49%;margin:0.5%;}

	.news_two .news_box li a{padding:8px;}

	.news_two .news_box li .time strong{font-size:30px;}

	.fixed_body .fixed_article {width:90%;height:500px;margin: -250px -45% 0 0;}

	.fixed_body .fixed_article .fb_close{top:auto;bottom:0;width:50px;height:50px;}

	.fixed_body .fixed_article .fb_close i{margin-top:5px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);}

	.info_big_box,.section_six,.section_two{width:100%;height:auto;}

	.info_big_box h1{margin-top:0;font-size:20px;}

	.info_big_box .info_1{margin-top:10px;}

	.info_big_box .share{margin:0 0 10px 0;}

	.xgcp_title{margin-top:10px;}

	.more1 a{width: 98%;margin: 0 auto;}

	.box-video .video_con{flex-direction: column;}

	.box-video .video_con .item{min-width: 100%;}

	.common-title h2{font-size: 30px;}

	.common-title p{font-size: 14px;}

	.index-service ul{text-align: center;padding: 20px 0;}

	.index-service ul li{width: 35%;float:none;display: inline-block;margin: 10px;}

	.index-service ul li + li{margin: 10px;}

	.section_three1{height: auto;padding: 0 0 1px;margin-top: 0px;}

	.section_three1 .inner{margin-top: 0px;width: 100%;box-sizing: border-box;padding: 35px 0px;}

	.section_three1 .right>p{font-size: 30px;}

	.section_three1 .left,.section_three1 .right{width: 100%;margin: 0;}

	.section_three1 .right{background: rgba(255,255,255,0.8);float: none;}

	.section_three1 .right h1,.section_three1 .right .item h3{font-size: 20px;}	

	.section_three1 .right ul{display: block;width: 100%;margin:0;}

	.section_three1 .right ul li{width: 50%;float: left;background: none;padding-left: 0;}

	.section_three1 .right ul li span{font-size: 28px;}

	.section_three1 .right ul li p{font-size: 14px;}

	.num_top ul li{background: none;}

	.num_top ul li span{font-size: 30px;}

	.num_top ul li p{font-size: 14px;}

	.section_six{padding: 30px 0;}

	.syys{height: auto;background-size: cover;padding-bottom: 100px;background-position-x: right;}

	.syys .pub_title{float: none;margin-top: 300px;text-align: center;}

	.syys .pub_title h4{font-size: 40px;}

	.syys .w1400 .syys_top img{width: 100%;left: 0;top: 0}

	.syys .pub_title h3{font-size: 32px;}

	.syys .pub_title h3 em{font-size: 30px;padding: 5px 20px;}

	.sycp{margin-top: 0;padding: 30px 15px;}

	.syys .w1400 ul{display: block;}

	.syys .w1400 ul li{width: 100%;background: #76ca1c;border-radius: 30px 0 30px 0;box-sizing: border-box;padding: 5px;margin-top: 10px;}

	.syys .w1400 ul li:nth-child(2n){background: #25478F;}

	.syys .w1400 ul li em{padding: 0;}

	.right_side.contact_box .article_content,#allmap{float: none;width: 100%;box-sizing: border-box;}

	.sycp .sycp_r{width: 100%;}

	#top_scroll ul li a{padding: 0;overflow: hidden;}

	.section_three1 .right a.more{margin: 0;padding: 5px 20px;font-size: 14px;}

	#top_scroll{height:500px;width:100%;}

	#top_scroll ul li .clear{height:36px;line-height:36px;}

	#top_scroll ul li{width:48%;padding: 0;}

	#top_scroll ul li h3{width:100%;float:none;font-size:14px;padding: 0;text-align: center;}

	.section_five .item{float:none;width:auto;height:auto;padding:20px;}

	.section_five .item .img{position: relative;}

	.section_five .item .box{padding:0;margin:20px 0 0 0 !important;background:none !important;}

	.section_five .item .box p{font-size:14px;}

	.section_six .muma{width:auto;}

	.section_six .ss666.swiper-slide{width:260px;height:200px;border:4px solid #fff;}

	.section_seven .item{width:50%;}

	.section_seven .item .radius{margin:0 auto;}

	.section_seven .item p{font-size:14px;margin-bottom:10px;}

	.section_eight{background-size:cover;}

	.section_eight .title strong{font-size:24px;}

	.section_eight .title p{font-size:14px;}

	.section_eight ul li{width:48%;}

	.section_eight ul li strong{height:30px;line-height:30px;}

	.section_eight .more{width:70%;}

	/* 新闻 */

	.tabbox{padding: 0;margin-top: 2rem;flex-direction: column;}

	.tabbox,.tabbox .item{width:100%;}

	.tabbox .item{height: auto;width: 100% !important;margin: 0 0 15px!important;background-color: #fff;padding: 0 !important;}

	.tabbox h3 strong{width: 100% !important;}

	.tabbox .item .img{width:100%;height: auto;float: none;}

	.tabbox .item .img img{width:100%;height: auto;}

	.tabbox .item .info{width:100% !important;box-sizing:border-box;padding:15px !important;float: none;display: block !important;}

	.tabbox .item h3{padding: 0 0 10px 0;}

	.tabbox .item p{font-size: 14px;color: #222222;line-height: 22px;		height: 44px;		overflow: hidden;}

	.banner{top:0;padding-top: 50px !important;}

	.index_box{margin:0;}

	#scroll_two{

		display: none;

	}

	.section_one .left a, .section_one .right a{

		background: #25478F;

	}

	.fixed_footer{

		display: block;

	}

	.section_one .item_box .left,.section_one .item_box .right{

		display: none;

	}

	.product_list_one .item .info{padding: 0;font-weight: 400;}

	.product_list_one .item strong{font-size: 16px;}

	.section_nine{padding: 0;}

	.contact .row{display:block}

.contact .left{display:block;box-sizing: border-box;}

.contact .left .text{width: 100%;padding-right: 0;}

.contact .left .text .tit span{font-size:1.6rem}

.contact .left .text ul li img{width:1.4rem;top:.2rem}

.contact .left .text ul li p{font-size:1.2rem;line-height:1.8rem}

.contact .left .code{width:10rem;margin-top:2.6rem;margin-left:auto;margin-right:auto}

.contact .left .code img{width:100%}

.contact .left .code p{font-size:1.2rem}

.contact .right{width:100%}

.contact{padding-top:2rem;padding-bottom:0}

.footer .f3{line-height: 2;}



/* 切换优势 */

.strength-left{width:100%;margin-bottom:30px}

.strength-right{width:100%}

.h-photo-list1 .pp{font-size:14px}

.product-swiper2 .swiper-slide .txt{width:85%}

.product-swiper2 .swiper-slide .txt .ta1{font-size:22px}

.product-swiper2 .swiper-slide .txt .ta2{font-size:14px}

.h-photo-list2 li{width:calc(50% - 20px);margin:0 10px 20px 10px}

.h-photo-list2 li:first-child{margin-left:10px}

.g-btn .a span,.g-btn a span{font-size:14px}

.hm-title h3{font-size:30px}

.about-right .abb-txt{margin-bottom:20px;font-size:14px;-webkit-line-clamp:none}

.about-right .about-link{margin-bottom:20px}

.h-photo-list3 li{padding-left:15px;margin-bottom:22px}

.h-photo-list3 li p{font-size:14px}

.h-photo-list1 li h3{font-size:20px}

.h-photo-list2 li h3,.h-photo-list2 li .p{font-size:16px}

.about-right{padding-left:20px;padding-right:20px}

.h-photo-list3 li h3 i{font-size:28px}



/* 底部 */

.youidngf img{max-width: 4rem;}

.neofmhg{line-height: unset;}

}

@media( max-width:640px ){

	.section_six .swiper-container.anli .swiper-slide{width: 180px !important; }

	.swiper-container.anli .swiper-button-prev{left: 0  !important;}

	.swiper-container.anli .swiper-button-next{right:  0  !important;}

}



/*===================== 响应式代码 END =====================*/