/* devanagari */
body, html{overflow: visible !important;}
@font-face {
  font-family: 'Adderley';
  font-style: normal;
  font-weight: bold;
  src: url(Adderley Bold_0.otf) format('.otf');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: bold;
  src: url(Montserrat-Bold.ttf) format('ttf');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: bold;
  src: url(montserrat-regular.ttf) format('ttf');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    src: url(pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    src: url(pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    src: url(pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* devanagari */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url(pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url(pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url(pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* devanagari */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url(pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url(pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url(pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* devanagari */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url(pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url(pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url(pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* devanagari */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url(pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url(pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url(pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* devanagari */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url(pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url(pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url(pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* devanagari */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    src: url(pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    src: url(pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    src: url(pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: 'iconfont';
    src: url('iconfont.woff2?t=1683621559953') format('woff2'), url('iconfont.woff?t=1683621559953') format('woff'), url('iconfont.ttf?t=1683621559953') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 15px;
    font-weight: bold;
}

  *{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0; font-family: 'Poppins', Arial, Helvetica, sans-serif; }/* font-family: 'Poppins',sans-serif;  */
body,textarea,input,button,select,keygen,legend{font-size: 14px;line-height: 24px;color:#666;outline:0;font-style: normal;}


h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}

*, ::after, ::before {
	box-sizing: border-box;
}


/** 閲嶇疆瓒呴摼鎺ュ厓绱� **/
a{text-decoration:none;color:#666;}
a:hover{color:#0156b0;}


/** 閲嶇疆鍥剧墖鍏冪礌 **/
.fl{float:left;}
.fr{float:right;}
.l{ float:left;}
.r{ float:right;}

/** 閲嶇疆琛ㄦ牸鍏冪礌 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.w1400{ width:70%;margin:auto;}
.w1200{ width:1200px;max-width: 100%; margin:auto;}
.pd06{padding: 0 6%;}


.gizle {
  top: -65px;

}
.sabit {
  top:0px;
  z-index: 9999;
  background:#000;
}
.sabit2{
  background:#000;
}
.tops{height:auto;z-index: 99999; background: #000;position:fixed;width: 100%;} 
.top_jg_bj{width:100%; padding:15px 0; background: rgba(28,28,28,1);}
.top_jg{color:#fff; text-align:center; font-size:26px; line-height:30px; font-weight:bold; }

.black{background: #000;}

.top_bg{-webkit-transition: 0.5s;transition: 0.5s;height: 65px;position: relative;}
.top_h{}
.top_h .logo{margin-top:0.4%;}
.top_h .logo img{display: block;-webkit-transition:0.5s;transition:0.5s;display: none; height:50px;}
.top_h .logo img.bs{display: block;}
.dh_tx{position: absolute;top:0;}
/* .dh_tx i{position: absolute;top: 0; height:65px;-webkit-transition:0.5s;transition:0.5s;}
.dh_tx i:after{content: "";position: absolute;left: 0.3rem;bottom: 0;right: 0.3rem; -webkit-transition:0.5s;transition:0.5s;border-bottom: 2px solid #fff;}
 */


.dh{}
.dh ul li{float: left;position: relative;}
.dh ul li p a{display: block;line-height: 65px;font-size:18px;position: relative;color: #fff;margin: 0 0.6rem;-webkit-transition:0.5s;transition:0.5s; text-transform: uppercase; font-weight:400;}
.dh ul li p a i{font-size: 12px;padding-left: 5px;}
.dh ul li p:after{content:""; width:0; height:3.3px; transform:translateX(-50%); background:#0156b0; position:absolute; bottom:0px; left:50%; z-index:3; transition:all 0.5s;}
.dh ul li p:hover:after{width:80%;}

.dh ul li .dh_fl{position: absolute;top: 65px;padding-top: 5px;display: none;}
.dh ul li .dh_fl ul{box-shadow:0 0 10px rgba(0, 0, 0, 0.1);background: rgba(0,0,0,0.4); border-radius: 8px;}
.dh ul li .dh_fl ul li{float: none;position: relative; text-align: center;}
.dh ul li .dh_fl ul li a{padding: 0 0.2rem;font-size: 15px;line-height: 36px;color: #fff; text-transform: uppercase;white-space: nowrap;}
/* .dh ul li .dh_fl ul li a{padding: 0 0.2rem;font-size: 15px;line-height: 36px;color: #fff;display: flex;justify-content: space-between;align-items: center;}*/ 
.dh ul li .dh_fl ul li a i{padding-left: 20px;font-size: 15px;color: #ccc; display:none;}
.dh ul li .dh_fl ul li a:hover{color:#fff;}
.dh ul li .dh_fl ul li a:hover i{color:#fff;}
.dh ul li .dh_fl ul li:hover{background:#0156b0; color: #fff; display: block;}
.dh ul li .dh_fl ul li:nth-child(1):hover{border-radius:8px 8px 0 0;}
.dh ul li .dh_fl ul li:last-child{border-bottom: none;}
.dh ul li .dh_fl ul li:last-child:hover{border-radius:0 0 8px 8px;}
.dh ul li:nth-child(4) .dh_fl{left:-1%;}

.top_ss{margin-left: 0.2rem;}
.top_ss span.button{ display:block; width:30px; height:65px;font-size: 20px;line-height: 65px;text-align: center;color: #fff; cursor:pointer;-webkit-transition:0.5s;transition:0.5s;}
.serach{position:fixed;left: 0; right:0px;top:0px;bottom: 0;z-index:10;display: none;}
.serach2{position:absolute;left: 0; right:0px;background:rgba(0, 0, 0, 0.7); top:0px;bottom: 0;overflow:hidden;z-index:10;display: flex;align-items: center;justify-content: center;}
.serach form{position: relative;width: 100px;max-width: 85%;border-bottom: 1px solid #fff;-webkit-transition:1s;transition:1s;}
.serach.on form{width: 1440px;}
.serach form input[type='text']{font-size:16px; width:100%; height:60px; line-height:60px;padding:0 40px 0 40px; color:#fff;background: none;}
.serach form input[type='text']::-webkit-input-placeholder {color:#fff;}
.serach form input[type='text']:-moz-placeholder{color:#fff;}
.serach form input[type='text']::-moz-placeholder{color:#fff;}
.serach form input[type='text']:-ms-input-placeholder{color:#fff;}
.serach form i{position: absolute;left: 0;top:0px;height:60px;font-size: 20px;line-height: 60px;text-align: center;color: #fff;}
.serach form a{position: absolute;right: 40px;top:0px;font-size: 16px;line-height: 60px;color: #fff;}
.serach form span{position: absolute;right: 0;top:0px;width: 24px;height:60px;cursor: pointer;}
.serach form span:before{content:""; position: absolute;left: 50%;top:50%;width: 24px;height:2px;background: #fff;margin: -1px 0 0 -12px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:after{content:""; position: absolute;left: 50%;top:50%;width: 2px;height:24px;background: #fff;margin: -12px 0 0 -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:hover:before{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.serach form span:hover:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.top_yy{margin-top:0;margin-left: 0.3rem; text-align:center;color: #fff;-webkit-transition:0.5s;transition:0.5s;}
.top_yy a{font-size: 18px;line-height:65px; color: #fff; font-weight: 400;}
.top_yy a:hover{ color:#0156b0;}

/* .top_bg.on{background: #000;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);} */
.top_bg.on .top_h .logo img.bs{display: none;}
.top_bg.on .top_h .logo img.hs{display: block;}
.top_bg.on .dh_tx i:after{border-bottom: 2px solid #0156b0;}
.top_bg.on .dh ul li p a{color: #fff;}
.top_bg.on .dh ul li.on p a{color: #0156b0;}
.top_bg.on .dh ul li:hover p a{color: #0156b0;}
.top_bg.on .top_ss span.button{color: #fff;}
.top_bg.on .top_yy{color: #fff;}
.top_bg.on .top_yy a{color: #fff;}



.sp_header,.sjj_nav{display: none}


.banner{ width:100%; overflow:hidden;position:relative; /* margin-top: 60px; */}
.banner ul li a{display: block;height: 100%;overflow: hidden;}
.banner ul li .img{overflow: hidden;height: 100%;}
.banner ul li .img img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.banner ul li .img video{display:block; width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}
.banner ul li .txt{position: absolute;left: 6%;bottom: 6%;}
.banner ul li .txt .ml1{font-size: 48px;line-height: 48px;color: #fff;font-weight: bold;}
.banner ul li .txt .ml1 span{color: #0156b0;}
.banner ul li .txt .ml2{font-size: 30px;line-height: 40px;color: #fff;margin-top: 30px;}
.banner ul li.swiper-slide-active .txt .ml1{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml2{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1.5s;animation-delay: 1.5s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}
.bandd{ position:absolute; left:0; bottom:25px!important; width:100%; text-align:center; z-index:5;display: flex;align-items: center;justify-content: center;}
.bandd span{z-index:2;cursor:pointer;margin:0 6px!important;width:8px;height:8px;position:relative;-webkit-transition:0.5s;transition:0.5s;background:rgba(255, 255, 255, 0.5);opacity: 1!important;}
.bandd span.swiper-pagination-bullet-active{background:#fff;}
.bandd span.swiper-pagination-bullet-active:after{content: "";position: absolute;left: -6px;top: -6px;border: 1px solid #fff;width: 18px;height: 18px;border-radius: 50%;}
.banz,.bany{ position:absolute; top:50%; width:50px; height:50px;margin-top: -25px; opacity:0;  -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 20px;line-height:50px;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.4);border-radius: 50%;}
.banz{ left:5%;}
.bany{ right:5%;}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}


.flex { display: flex; justify-content: space-between; flex-wrap: wrap }
.flex-left { display: flex; flex-wrap: wrap }
.flex-center { display: flex; flex-wrap: wrap; justify-content: center; }
.flex-right { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.home-d{padding: 4% 0%; overflow: hidden; box-sizing: border-box;}
.home-d .pic{border-radius:60px 0px 0px 0px;position:relative; float: right; width: 45%;}
.home-d .pic img{border-radius:6px; width: 100%;  display: block;}
.home-d .cont{width:50%;float: left;}
.home-d .cont .abt{font-size:55.5px;line-height:48px;color:#0156b0;font-weight:bold}
.home-d .cont .abt2{font-size:16px;line-height:48px;color:#333;}
.home-d .cont .des{font-size:15px;line-height:28px;color:#666;margin-top:2%;box-sizing: border-box;}
.home-d .cont ul{margin-bottom:-30px;margin-top:50px}
.home-d .cont ul li{margin-bottom:30px; width: 25%;}

.home-d .cont ul li .num i{font-size:36px;line-height:36px;color:#272933;font-weight:bold; font-style: normal;}
.home-d .cont ul li .num sup{font-size:24px;color:#272933;line-height:15px;margin-left:5px;vertical-align:top;top:0}
.home-d .cont ul li .num sup.zh{font-size:16px}
.home-d .cont ul li p{font-size:14px;line-height:28px;color:#272933;opacity:0.8;margin-top:2px}
.home-d .cont .more{display:inline-block;width:146px;height:49px;border-radius:6px;border:solid 1px #dadada;text-align:center;line-height:47px;font-size:16px;color:#666666;border-left:2px solid #0156b0;margin-top:4%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.home-d .cont .more:hover{border-color:#0156b0;color:#0156b0}
.home-d .pic .btn-video { position: absolute; left: -60px; top: 50%; z-index: 2; margin-top: -60px; width: 120px; height: 120px; background: url(../img/video-btn.png) no-repeat; background-size: contain;/* box-shadow: 0px 0px 20px 0px rgba(1, 102, 176, 0.15);*/ border-radius: 50%; overflow: hidden; }

.video_shadow { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1000; display: none; }
.playnow { position: absolute; left: 50%; top: 50%; margin-left: -410px; margin-top: -286px; width: 820px; height: 550px; background-color: transparent; z-index: 1000; }
.video_control { width: 820px; height: 500px; box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, .5); }
.video_control video { width: 100%; height: 100%; object-fit: fill; }
.closevideo { position: absolute; right: -30px; top: -24px; font-size: 35px; color: #fff; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.closevideo:hover { right: -35px; }
@media (max-width:1000px) {
  .playnow { left: 5%; top: 30%; margin-left: 0; margin-top: 0; width: 90%; height: auto; }
  .video_control { width: 100%; height: auto; box-shadow: none; }
  .closevideo { position: absolute; right: 0; top: -50px; font-size: 30px; color: #fff; cursor: pointer; }
}

.more2{display: block;width: 180px;line-height:45px;font-size:18px;text-align: center;border-radius: 500px;box-sizing: border-box; background: #000000; color: #fff; margin-top: 3%;}
.more2 a{color: #fff;}
.more2:hover{background:#0156b0;color: #fff;}

.rwz{position: absolute; content:""; bottom:8%; font-size: 0.15rem; color: #cecece; left:9%/* right: 6%;  */}





.ODM{background: url(../img/o_bg.jpg) no-repeat center;padding:6%; box-sizing:border-box; overflow: hidden; background-size: cover; background-attachment: fixed;}
.ODMbox{background:#fff; border-radius:35px; padding:4%; box-sizing: border-box;width:45%;}
.ODMbox .owz{font-size: 14px; line-height:26px; color: #555; margin-top:1.5%;}
.index-datas{width: 100%; height: auto; background: #333; padding:0% 6%; box-sizing: border-box;  overflow: hidden;}
.index-datas ul{display: flex;}
.index-datas ul li{padding: 2%; width: 48%;text-align: center; float: left;}
.index-datas ul li:hover{background: #0156b0;}
.index-datas span{display: block;width: 100%;font-size:40px;line-height:30px;color: #fff; margin-bottom: 2%;}
.index-datas .data{display: inline-block;font-size:40px; color: #fff;font-weight:400; line-height: 50px;}
.index-datas small{color: #333; font-size:14px; font-weight: 300;}
.index-datas p{margin-bottom: 0px;color: #ebe8e8;}
.ODMmy{overflow: hidden; margin: 5% 10% 0;}
.ODMmy ul{display: flex;
  justify-content: center;
  font-size: 0;flex-wrap: wrap;  margin-right: -2%; margin-bottom:-6%;}
.ODMmy li{width: 23%; margin-right: 2%; margin-bottom:6%;}
.ODMmy li .oimg{overflow: hidden; border:4px solid #fff; display: block;}
.ODMmy li .oimg img{width: 100%; display: block; margin: auto;  transition: all .5s; -webkit-transition: all .5s;}
.ODMmy li:hover .oimg{border:4px solid #0156b0;}
.ODMmy li:hover .oimg img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.ODMmy li .owz{color:#fff; font-size: 21px; background:#0156b0; text-align: center; line-height:32px; border-radius:24px; margin: 4% 12% 0;}


.inprobox{padding:4% 6%; overflow: hidden;box-sizing: border-box; background: #f8f8f8;}
.inprobox ul{overflow: hidden; margin-top:3%;}
.my_ul{margin-right: -1.8%; margin-bottom: -3%;}
.inprobox li{width: 23%;margin-right:1.8%;float: left;margin-bottom: 3%;position: relative;border: 1px solid #eee; background: #fff;}
.product-words{width: 100%;}
.product-w-pic{width: 100%;position: relative;overflow: hidden;background-color: #fff;text-align: center;box-sizing:border-box;}
.product-w-pic .pimg{}
.product-w-pic .pimg img{width: 100%;object-fit: cover; display: block;}
.product-w-shade{width: 100%;height: 30%;position: absolute;bottom: 0%;left: 0%;background-color: rgba(37, 37, 37, .8);transition: all .2s;opacity: 0;}
.product-w-pic .product-w-piclink{display: block;width: 100%;height: 100%;font-size: 0;padding: 0;border-bottom: none;margin: 0;}
.product-w-shade .pwzs{width: 100%;position: absolute;top: 50%;transform: translate(0,-50%);}
.product-w-shade .pwzs p{font-size: 16px;color: #fff;width: 80%;margin: auto;text-align:justify;text-justify:inter-word;text-align: center;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.product-w-shade .pwzs p img{max-width: 100%!important;vertical-align: middle;display: inline-block;}
.product-w-shade .pwzs .span{display: inline-block;font-size: 24px;color: #fff;text-align: center;padding: 0 0 4px 0;border-bottom: 1px solid #fff;margin-top: 36px;}
.product-w-shade .pwzs .em{font-size: 14px;color: #fff;line-height: 25px;text-align: center;margin: 2% 5%}
.inprobox li:hover .product-w-pic .product-w-shade{opacity: 1;height: 100%;}
.product-w-words{width: 100%;padding: 5%;box-sizing: border-box;}
.product-w-words .pwzs{font-size: 16px;color: #333;line-height: 30px;text-align: center;z-index: 999;position: relative;transition: all .2s;}
.product-w-words .p{font-size: 16px;color: #666;line-height: 25px;text-align: center;margin-top: 1%}
.inprobox li:hover .product-w-words .pwzs{opacity: 1;color: #fff}
.inprobox li:hover .product-w-words .p{color: #fff}
.inprobox li:hover .product-words{background: #0156b0;color: #fff}
.inprobox li:hover .product-w-words .pwzs p img{max-width: 100%;}

.inhonor{overflow: hidden; padding: 4% 6%; box-sizing: border-box; }
.Certificates{overflow: hidden; margin-top:3%;}
.Certificates .swiper2honor {}
.Certificates .swiper2honor .scrollbar3 {display: none;}
.Certificates .swiper2honor .swiper-slide {width:23%;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; margin-right: 2%}
.Certificates .swiper2honor .swiper-slide * {-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.Certificates .swiper2honor .swiper-slide .cimg{}
.Certificates .swiper2honor .swiper-slide .cimg img{width: 100%; display: block;}
.Certificates .swiper2honor .swiper-slide .ctext{line-height: 40px; text-align: center; margin: 2% 0; font-size: 22px;}


.news{width: 100%;padding: 4% 6% 2%; overflow: hidden; background:url(../img/n_bg.jpg) no-repeat center; background-size: cover; }
.newstit{ font-size: 55.5px;
  line-height: 65px;
  overflow: hidden;
  color: #333;
  font-weight: 600;
  text-align: center;}
.news .swiper-container{padding:3% 0 4%; overflow: hidden;}
.news a{display:block;width:100%; transition:all .4s ease;position: relative;}
.news-imgs{width: 100%;overflow: hidden;transition: all .5s;-webkit-transition: all .5s;  display: block;}
.news-imgs img{width: 100%;object-fit: cover;transition: all 1s ease; height: auto;  display: block;}
.news-wd{background: #fff;display: flex;padding:3%;transition: all .4s ease; box-sizing: border-box;}
.news-time{font-size:15px;color:#333;font-family: "Samsung";text-align:center;padding-left:2%; text-align: center; font-weight: 600;}
.news-time span{font-weight:700;font-size:46px;color:#333;display:block;width:60px;line-height:1;font-family:"Adderley" !important;}
.news-txt{width:calc(100% - 75px); border-right: 1px solid #333; padding-right: 2%;}
.news-txt-title{font-size:16px;color:#333;font-weight:700;margin-bottom:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-txt p{font-size:14px;line-height:21px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}

.nbutter{background:#0068ff; width: 62px; position: absolute; bottom:-30px; right:60px; z-index: 99;}
.nbutter img{width: 100%; display: block;}
.news .news-imgs:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.news-imgs:hover img{transform: scale(1.1)}

.news-list .swiper-pagination-bullet{width:12px;height:12px;opacity:1;background:#fff}
.news-list .swiper-pagination-bullet-active{background:#093391}
.news-list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 12px}

.news .swiper-slide:hover a{margin-top: 2%;}
.news .swiper-slide:hover .nbutter{background: #333;}

.news .swiper-pagination{display: flex;align-items: center;justify-content: center;padding: 0 20px;  bottom: -76px; position: relative;}
.news .swiper-pagination span{z-index:2;cursor:pointer;margin:0 15px!important;width:8px;height:8px;position:relative;-webkit-transition:0.5s;transition:0.5s;background:#333;opacity: 1!important;}
.news .swiper-pagination span.swiper-pagination-bullet-active{background:#0068ff;}
.news .swiper-pagination span.swiper-pagination-bullet-active:after{content: "";position: absolute;left: -15px;top: -15px;border: 1px solid #0068ff;width:37.5px;height:37.5px;border-radius: 50%;}
.banz,.bany{font-size: 24px;cursor: pointer;line-height: 30px;color: #fff;}


.inparten{padding: 4% 6%; overflow: hidden;}
.inpartenbox{overflow: hidden; margin-top:2%;}
.inpartenbox .swiper2inparten {}
.inpartenbox .swiper2inparten .scrollbar3 {display: none;}
.inpartenbox .swiper2inparten .swiper-slide {width: 23%;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; margin-right: 2%}
.inpartenbox .swiper2inparten .swiper-slide * {-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.inpartenbox .swiper2inparten .swiper-slide img{border-radius:10px; width: 100%; border: 1px solid #ccc;}
.inpartenbox .swiper2inparten .swiper-slide .cimg{}
.inpartenbox .swiper2inparten .swiper-slide .cimg img{width: 100%; display: block;}
.inpartenbox .swiper2inparten .swiper-slide .ctext{line-height: 40px; text-align: center; margin: 2% 0; font-size: 22px;}


.titlebt{font-size:50px;line-height: 65px; overflow: hidden; color: #333; font-weight: 600; text-align: center;} 
.titlebtss{font-size:55.5px;line-height: 65px; overflow: hidden; color: #fff; font-weight: 600; text-align: center;} 
.titlebt2ss{font-size:55.5px;line-height: 65px; overflow: hidden; color: #fff; font-weight: 600; text-align: center;} 

.footer{background:#222;padding:3% 6%; overflow: hidden; box-sizing: border-box;}
.footer .f_tel{float:left; width:35%;}
.footer .f_tel .f_logo{width:200px}
.footer .f_tel .f_logo img{width: 100%; display: block; clear: both;}
.footer .f_tel .text{margin-top:20px}
.footer .f_tel .text p{color:rgba(255 255 255/0.6);line-height:36px;position:relative}
.footer .f_tel .text p i{font-family:"iconfont";font-size:14px;color:rgba(255 255 255/0.6);margin-right:13px}
.footer .f_tel .text p i:after{content:"\e654"}
.footer .f_tel .text p i.icon_tel:after{content:"\e654"}
.footer .f_tel .text p i.icon_wx:after{content:"\e61b";font-size:17px}
.footer .f_tel .foot-share{margin-top:3%;}
.footer .f_tel .foot-share:after{content:'';display:block;overflow:hidden;clear:both}
.footer .f_tel .foot-share .footer-code-item{float:left;width:40px;height:40px;margin-right:2%;position:relative;cursor:pointer}
.footer .f_tel .foot-share .footer-code-item img{max-width: 100%;}
.footer .f_tel .foot-share .footer-code-item .code-item-imghover,.footer .f_tel .foot-share .footer-code-item .code-item-code{display:none}
.footer .f_tel .foot-share .footer-code-item .code-item-code{position:absolute;top:50px;left:0;width:100px;max-width:none}
.footer .f_tel .foot-share .footer-code-item:hover .code-item-imghover,.footer .f_tel .foot-share .footer-code-item:hover .code-item-code{display:block}
.footer .f_tel .foot-share .footer-code-item:hover .code-item-img{display:none}
.footer-block-contant{overflow: hidden; margin-top: 3%;}
.footer-block-contant li{font-size:15px;line-height: 26px;margin-bottom: 10px;color: rgba(255 255 255/0.6);}
.footer-block-contant li b{font-size: 15px;}
.footer-block-contant li label{white-space: nowrap;margin-right: 10px;}
.footer-block-contant li label img{vertical-align: middle; height: 20px;}
.footer-block-contant li span{display: inline-block;}
.footer-block-contant li:nth-child(3){width: 100%}


.footer .f_ewm{float:right;width:150px;text-align:center;display:none}
.footer .f_ewm img{max-width:120px}
.footer .f_ewm p{color:rgba(255 255 255/0.6);margin-top:10px}
.footer .footShareWpr{float:right;width:80px}
.footer .footShareWpr h3{color:#FFFFFF;font-size:18px;font-weight:600}
.footer .footShareWpr p{margin-top:20px}
.footer .footShareWpr p a i,.footer .footShareWpr p a{display:block}
.footer .footShareWpr p a i{width:30px;height:30px;background:url(../img/linkedIn.png)no-repeat center;background-size:cover;opacity:0.6}
.footer .footShareWpr p a:hover i{opacity:1}
.footer .f_nav{float:right;margin-right:0px; width:50%;}
.footer .f_nav:after{content:'';display:block;overflow:hidden;clear:both;height:0}
.footer .f_nav dl{float:left;margin-right:5%; width: 15%;}
.footer .f_nav dl:nth-child(1){width:80%;}
.footer .f_nav dl:nth-child(1) dd{width: 48%; margin-right: 2%; float: left;}
.footer .f_nav dl:last-child{margin-right:0}
.footer .f_nav dl dt a{color:#FFFFFF;font-size:17px;}
.footer .f_nav dl dt{margin-bottom:15px;}
.footer .f_nav dl dd a{display:block;color:rgba(255 255 255/0.6);line-height:32px; font-size: 15px;}
.footer .f_nav dl dd a:hover{color:#FFFFFF}
.copy{border-top:rgba(255 255 255/0.1) solid 1px;background:#141516;color:rgba(255 255 255/0.6); padding: 1% 6%; overflow: hidden; text-align: center; box-sizing: border-box;}
.copy .fr a{padding:0 10px;color:rgba(255 255 255/0.6)}
.copy .fr a:hover{color:#FFFFFF}
.copy a{color:rgba(255 255 255/0.6)}

.ii_ico{overflow: hidden; margin-top:1%;}
.ii_ico ul{}
.ii_ico li{margin-right: 2%; float: left;}
.ii_ico li img{max-width: 100%; display: block; border-radius: 30px;}


.sidebar-content{position: fixed; bottom:35%; right: 10px; z-index: 99;}
.sidebar-box{position: relative; margin-top: 1px;}
.sidebar-icon{width: 50px; height: 50px; cursor: pointer; border-radius: 10px; margin-bottom: 10px;}
.si1 .sidebar-icon{background: #222 url(../img/side1.png) no-repeat center center;}
.si2 .sidebar-icon{background: #222 url(../img/side5.png) no-repeat center center;}
.si3 .sidebar-icon{background: #222; line-height: 50px;}
.si3 .sidebar-icon img{display: block; vertical-align: middle; margin: auto; line-height: 50px; }
.si4 .sidebar-icon{background: #222 url(../img/side4.png) no-repeat center center;}
.si5 .sidebar-icon{background: #222 url(../img/side5.png) no-repeat center center;}
.si1:hover .sidebar-icon{background: #0156b0 url(../img/side1.png) no-repeat center center;}
.si2:hover .sidebar-icon{background: #0156b0 url(../img/side5.png) no-repeat center center;}
.si3:hover .sidebar-icon{background: #0156b0 }
.si4:hover .sidebar-icon{background: #0156b0 url(../img/side4.png) no-repeat center center;}
.si5:hover .sidebar-icon{background: #0156b0 url(../img/side5.png) no-repeat center center;}
.sidebar-dark1{position: absolute; top: 0; right: 70px; padding: 0 20px; background-color: #0156b0; display: none;}
.sidebar-dark2{position: absolute; top: 0; right: 70px; padding: 16px 20px; background-color: #0156b0; display: none;}
.sidebar-box:hover .sidebar-dark1{display: block;}
.sidebar-box:hover .sidebar-dark2{display: block;}
.sidebar-dark1 p a{display: block; height: 50px; line-height: 50px; font-size: 16px; color: white; text-align: center; white-space: nowrap;}
.sidebar-code{width: 98px; margin-top: 8px;}
.sidebar-dark2 .sidebar-code:first-child{margin-top: 0;}
.sidebar-code p{text-align: center; color: white; line-height: 18px; margin-top: 4px;}
.sidebar-top{display: block; width: 50px; height: 50px;}
.sidebar-icon-a{display: block; width: 50px; height: 50px;}
.side-layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; display: none;}
.side-layer-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}


#popup{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;visibility: hidden;opacity: 0;transition: all .5s ease;}
#popup .wrapper{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);text-align: center;border-radius: 5px;
    background: rgba(0,0,0,0.5);padding:1%; width:24%}
#popup .wrapper .txt{display: block;font-size: 14px;;line-height: 35px;;margin-bottom: 30px;}
#popup .wrapper .txt .tlogo{}
#popup .wrapper .txt .tlogo img{max-width:36%}
#popup .wrapper .txt .twz{color: #fff; font-size: 14px; margin-top: 4%;line-height: 26px;}
#popup .wrapper .twz2{color: #fff; text-align: center; font-size:14px; line-height: 26px; margin-bottom: 4%;}
#popup .wrapper .twz2 span{font-size:31px}
#popup .wrapper .txt b, #popup .wrapper .txt strong{font-size: 2em;display: inline-block;margin-bottom: 30px;}
#popup .wrapper .classic-btn{margin: 0 10px;}
#popup:after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: #000;opacity: 0;visibility: hidden;z-index: -1;transition: all .5s ease;}
#popup.opened{visibility: visible;opacity: 1;}
#popup.opened:after{opacity: .8;visibility: visible;}

.classic-btn{display: inline-block;padding: 11px 28px;background-color: #00594E;color: #fff;transition: all .3s ease; font-size: 16px;}
.classic-btn.gold{background-color: #299157;}
.classic-btn.red{background-color: #0156b0;}
.classic-btn *{pointer-events: none;}
.classic-btn:hover{background-color: #002e40;}
.classic-btn:hover.gold{background-color: #002e40; color: #fff}
.classic-btn:hover.red{background-color: #002e40;color: #fff}


.click_form{position:fixed;right:10px;bottom:4.5%;z-index:9999;cursor:pointer;}
.form_boxs{width: 100%;border-radius:8px;box-shadow:rgba(0, 0, 0, 0.3) 0px 4px 12px;overflow: hidden;background-color: rgba(233, 238, 244, 0.3);position: fixed;z-index: 14;right: 10px;height: 536px;bottom: 20px;}
.form_boxs .top{height:56px;padding: 0 12px;display: flex;justify-content: space-between;align-items: center;background-color: #fff}
.form_boxs .top svg:last-of-type{cursor: pointer}
.form_boxs .tbt{font-size: 18px; border-bottom: 2px solid #000; color: #000; margin: 0 12px; box-sizing: border-box; padding-bottom:2%;}
.form_boxs  .body_d{padding: 8px; box-sizing: border-box;}
.form_boxs  .body_d .box p{padding: 0}
.form_boxs  .body_d .box{padding: 8px;background-color: #fff;margin: 0 auto;}
.form_boxs  .body_d .box input{display: block;width: 100%;border-radius: 6px;font-size: 0.85rem;padding: 8px;box-shadow: none;background-color: rgb(248, 248, 248);border:1px solid rgb(117, 117, 117);margin: 2px 0;box-sizing: border-box}
.form_boxs  .body_d textarea{width: 100%;border-radius: 6px;padding: 8px;box-sizing: border-box}
.form_boxs  .body_d span{display: block;margin-bottom: 2px}
.form_boxs  .body_d form{margin-top: 10px}
.form_boxs{width: 50px;height: 50px;background-color: #fff;bottom:4.5%;right: 10px;opacity: 0;transition: all .5s;z-index:999}

.form_boxs.active{opacity: 1;width: 12%;height: 280px;background-color:#fff}
.btn{margin-top: 10px}
.btn button {width: 100%;padding: 12px;background-color:rgb(66, 127, 225);color:#fff;font-size: 14px;text-align: center;border: none;border-radius:6px;cursor: pointer}
.goTop {margin-top: 30px;cursor: pointer;display: flex;align-items: center;transform: translateY(60px)}
.goTop img{margin-left: 15px}



.bat{ width:100%; height:auto; overflow: hidden; }
.bat img{width:100%; font-size: 0; vertical-align: middle;}

/*gywm*/
.gywm{ padding: 3% 0; overflow: hidden;}
.gywm .pd06{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.gywm-l{width:calc(50% - 80px);}
.gywm-l .anybt{font-size:30px;margin-bottom:4%; color: #333; font-weight: 600;}
.gywm-l .anyline{margin-bottom:4%;background:#eee;}
.gywm-l .anyline p{height:1px;background:#0156b0;width:66px;}
.gywm-l .div1{font-size:16px;line-height:28px;color:#5f5f5f;}
.gywm-r{width:50%;overflow:hidden;position:relative; }
.gywm-r img{display: block;width:100%; transition: 0.5s;}
.gywm-r p{position:absolute;width:100%;height:100%;left:0;bottom:0;z-index:3;display: flex;justify-content: center;align-items: center;}
.gywm-r p i{display:block;background: url(../img/sp.png)no-repeat center;width:40px;height:40px;position:relative}
.gywm-r p i img{position:relative;z-index:3;display:block;}
.point, .point::before, .point::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #0156b0;content: '';top:0;}
.point::before{animation: scale 2s infinite; }
.point::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(2); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(4);opacity:0;}}
.gywm-r:hover>img{transform:scale(1.1);}

.video{cursor:pointer;}
#fade { display: none; background: #000000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .80;z-index: 9999;}
.top_popupbox{max-width:80%;width:600px;height: auto;border:2px solid #847d6a;border-radius:8px;padding:17px;background-repeat:no-repeat;display: none; /* Hidden as default */float: left;position: fixed;top: 50%; left: 50%;z-index: 99999;opacity:1px;background: #fff;-webkit-transform: translateY(-50%) translateX(-50%);
     transform: translateY(-50%) translateX(-50%);}
.popupbox i,.top_popupbox i {background: rgba(0, 0, 0, 0) url("../img/guanbi.png") no-repeat scroll 0 0;padding: 16px;position: absolute;right: -8px;top: -8px;}
iframe#sp{width:100%;height:400px;}
video#sp{width:100%;max-height:80vh;}




.l-a2 {width: 100%;padding: 3% 0; background: #f5f5f5; overflow: hidden;}
.oem{overflow: hidden;  margin-top: 3%;}
.oem .swiper2 {}
.oem .swiper2 .scrollbar3 {display: none;}
.oem .swiper2 .swiper-slide {width: 23%;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; margin-right: 2%}
.oem .swiper2 .swiper-slide * {-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.oem .swiper2 .swiper-slide .oembox{overflow: hidden;}
.oem .swiper2 .swiper-slide .oembox .oemtit{ overflow: hidden; margin-bottom:8%;}
.oem .swiper2 .swiper-slide .oembox .oemtit .t1{float:left; font-size:52px; font-weight:600; color: #656565; text-align: right; line-height: 60px;}
.oem .swiper2 .swiper-slide .oembox .oemtit .t2{width:55%; float:left; font-size:16px; line-height:28px; text-align: left; color: #656565; border-left:3px solid #fff; padding: 8% 0% 0 5%; margin-left: 5%; font-weight: 300; min-height: 98px;}
.oem .swiper2 .swiper-slide .oempic{border-radius:24px;}
.oem .swiper2 .swiper-slide .oempic img{width: 100%; display: block; border-radius:24px;}

.sun-navs{width: 100%; height: 55px; background-color: rgba(0, 0, 0, 0.75); position: absolute; margin-top: -55px; }
.sun-navs ul{text-align: center; font-size: 0;}
.sun-navs ul li{display: inline-block; padding: 0 3%; text-align: center; font-size: 16px; color: #fff; line-height: 55px; cursor: pointer; transition: all .5s ease; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;}
.actives{background-color: #0156b0; color: #fff !important;}
.sun-navs ul li:hover{background-color: #0156b0; color: #fff;}

.ny_xw{overflow: hidden;}
.ny_xw ul{display:flex;flex-wrap:wrap; margin-right: -2%;}
.ny_xw ul li{width:31.333%;margin:0 2% 2% 0;position:relative;background:#fff;border-radius:20px 20px 0 0;overflow:hidden;}

.ny_xw ul li:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:#0156b0;-webkit-transition:0.5s; transition:0.5s;}
.ny_xw ul li:hover:after{width:100%;}
.ny_xw ul li .img{overflow:hidden;} 
.ny_xw ul li .img img{display:block;width:100%;-webkit-transition:0.5s; transition:0.5s;}
.ny_xw ul li .img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.ny_xw ul li .txt{padding:5%; box-sizing: border-box;}
.ny_xw ul li .txt .ml1{font-size:16px;line-height:24px;color:#aaa;}
.ny_xw ul li .txt .ml2{font-size:18px;margin:1% 0;line-height:24px;color:#333;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:0.5s;transition:0.5s;} 
.ny_xw ul li .txt .ml3{font-size:14px;line-height:24px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.ny_xw ul li:hover .txt .ml2{color:#0156b0;}

.about_x2.bgs2{overflow:hidden; padding:3% 0;}
.about_x2.bgs2.bgs3 .con_id{ padding-top:0;}
.about_x2.bgs2 .show_t{ text-align:center;line-height:32px; font-size:28px; color:#0156b0 ;margin-bottom:16px; margin-top:12px; font-weight:400;}
.about_x2.bgs2 .con_line{ text-align:center; line-height:35px; font-size:15px; border-bottom:1px solid #eee; padding-bottom:10px;}
.about_x2.bgs2 .con_line span{ margin-left:2%; margin-right:2%;}
.about_x2.bgs2 .con_line span i{ color:#222; font-style:normal;}
.about_x2.bgs2 .con_id{ line-height:30px;overflow:hidden;white-space:normal;word-break:break-all; padding:3% 0;font-size:15px; color:#444;text-align:left;}
.about_x2.bgs2 .con_id img{max-width:100%; display:block; margin:auto;}
.about_x2.bgs2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2.bgs2 .con_id b{ display:block; padding-top:1%;padding-bottom:1%; overflow:hidden;}
.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:auto;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#0156b0;height:45px;text-align:center;font-size:16px;font-weight:bold; padding:0 1.5%;}
.relatedNews{margin:3% 0 0;overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../img/ly_li.png) no-repeat left center;padding-left:10px;color:#666}
.relatedNews_font ul li a:hover{color:#0156b0}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}

.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0;text-align:center;background:#0156b0;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}
.PreveNext{border-top:1px #DEDEDE solid;margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size:15px;}


.lb{overflow: hidden;}
.lb form{}
.lb ul{display: flex;flex-wrap: wrap;}
.lb ul:nth-child(2n){margin-right: 0;}
.lb ul{margin-right: -1%;}
.lb ul li{width:49%;margin-right: 1%;margin-bottom: 15px;background: #f6f6f6;position: relative;}

.lb ul li:nth-child(n+5){width: 100%;margin-right: 0;}
.lb ul li input{display: block;width: 100%;font-size: 16px;padding:0 15px;line-height: 50px;height: 50px;color: #666;background: none;}
.lb ul li textarea{display: block;width: 100%;font-size: 16px;padding:10px 15px;line-height: 30px;height: 230px;color: #666;background: none;}
.lb ul li input:focus,.lb ul li textarea:focus{border: 1px solid #0156b0;}
.lb .btnss{display: flex;align-items: center;justify-content: center;width: 100%;margin-top: 10px;}
.lb .btnss button{cursor: pointer;color: #fff;position: relative;border: none;font-size: 16px;background-color: #999;height: 50px;line-height: 50px;margin-right: 10px;margin-left: 10px; padding: 0 50px;-webkit-transition:0.5s; transition:0.5s;}
.lb .btnss button:hover{background-color: #0156b0;}



.ny_lx{padding:3% 0;position: relative; overflow: hidden;}
.ny_lx .pd06{ display: flex;justify-content: space-between;}
.ny_lx .txt{width: 35%;border: 1px solid #ddd;padding: 20px; box-sizing: border-box;}
.ny_lx .txt .btyw{font-size: 24px;line-height: 24px;color: #333;padding-bottom: 15px;font-weight: 100;}
.ny_lx .txt .bt{font-size: 42px;line-height: 42px;color: #333;}
.ny_lx .txt .nr{font-size: 16px;line-height: 36px;color: #666;margin-top: 20px;}
.ny_lx .txt .nr ul li{font-size: 18px;line-height: 30px;color: #333;display: flex;border-bottom: 1px solid #ddd;padding: 2.9% 0;}
.ny_lx .txt .nr ul li i,.ny_lx .txt .nr ul li em{width: 60px; font-size: 36px;line-height: 36px;color: #005ba4;text-align: center;}
.ny_lx .txt .nr ul li p{flex:1;width: 100%;}
.ny_lx .txt .nr ul li p span{font-weight: bold;}
.ny_lx .dt{width: 62%;border: 1px solid #ddd;overflow: hidden;}
.map{width:100%; overflow:hidden;}
.map #map_container{height:639px;border:5px solid #fff; font-size:15px; font-family:'Poppins';font-weight:normal;color:#000;}

/*闈㈠寘灞�*/
.inner-nav2{font-size: 15px;background:white;line-height: 75px;border-bottom: 1px solid #efefef;}
.inner-nav2.zon{position: fixed;left: 0;right: 0;top: 100px;background: #fff;z-index: 9;}
.inner-nav2 .inner-nav-left, .inner-nav2 .inner-nav-right{flex: 0 0 auto;display: inline-flex;}
.inner-nav2 .nav-left-a{position: relative;color: #333;flex: 0 0 auto;display: inline-block;transition-duration: .3s;}
.inner-nav2 .inner-nav-left p{padding-right: 48px; position: relative;}
.inner-nav2 .nav-left-a:before{position: absolute;bottom: -1px;content: "";display: block;width: 0;height: 2px;left: 22px;background: #0156b0;transition-duration: .3s;}
.inner-nav2 .inner-nav-left p:after{position: absolute;right: 24px;top: 50%;margin-top: -7px;content: "";display: inline-block;vertical-align: top;width: 1px;height: 14px;background: #ccc;}
.inner-nav2 .nav-left-a:last-child:after{opacity: 0;display: none;}
.inner-nav2 .nav-left-a:hover, .inner-nav2 .nav-left-a.cur{color: #0156b0;}
.inner-nav2 .nav-left-a:hover:before, .inner-nav2 .nav-left-a.cur:before{width: 100%;left: 0;}
.inner-nav2 .bread-s0{display: inline-block;padding-left: 20px;background: url(../img/mianbao.png) no-repeat left center;}
.inner-nav2 .bread-a{color: #333;flex: 0 0 auto;transition-duration: .3s;}
.inner-nav2 .bread-a:hover, .inner-nav2 .bread-a.cur{color: #0156b0;}
.inner-nav2 .bread-a1{margin: 0 8px;}
.inner-nav2 .bread-a2{margin-left: 8px;color: #0156b0;}

.cpzx{padding: 3% 0; overflow: hidden;}
.cpzx .pd06{display:flex;justify-content:space-between;align-items:flex-start; }
.cpzx-l{width:19%;border-bottom:1px solid #eee;}
.cpzx-l .nypbt{line-height:90px;color:#fff;font-weight:bold;font-size:30px;background:#0156b0;text-transform:uppercase; text-align: center;}
.cpzx-l dl{border-left:1px solid #eee;border-right:1px solid #eee;}
.cpzx-l dl dt{background:#f7f7f7;font-size:16px;padding:0 3%;line-height:50px; border-bottom: 2px solid #fff;}
.cpzx-l dl dt a{color:#000;display:block;}
.cpzx-l dl dt a[href]:hover,.cpzx-l dl dt a.active{color:#0156b0;}
.cpzx-l dl dd{padding:17px 0 25px 0;}
.cpzx-l dl dd a{display:flex;justify-content:space-between;align-items:center;color:#878787;padding:0 29px;height:40px;}
.cpzx-l dl dd a p{width:5px;height:7px;position:relative;overflow:hidden;}
.cpzx-l dl dd a p .img1{display:block;}
.cpzx-l dl dd a p .img2{position:absolute;top:0;left:10px;}
.cpzx-l dl dd a.active,.cpzx-l dl dd a:hover{color:#0156b0;}
.cpzx-l dl dd a.active .img1,.cpzx-l dl dd a:hover .img1{-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}
.cpzx-l dl dd a.active .img2,.cpzx-l dl dd a:hover .img2{left:0;}
.cpzx-r{width:calc(100% - 21%);}
.cpzx-b{display:flex;flex-wrap:wrap;}
.cpzx-b a{display:block;width:calc((100% - 33px) / 4);margin-right:11px;margin-bottom:20px;border:1px solid #eee;}
.cpzx-b a:nth-child(4n){margin-right:0}
.cpzx-b a .pimg{position:relative;}
.cpzx-b a .pimg img{display:block;width:100%;}
.cpzx-b a .pimg .img2{position:absolute;left:0;top:0;width:100%;opacity:0;}
.cpzx-b a dl{padding:40px 28px; box-sizing: border-box;}
.cpzx-b a dl .nypwz{color:#000;font-size:20px;margin-bottom:20px; text-align: center;}
.cpzx-b a dl p,.cpzx-b a dl p *{line-height:24px;color:#848484!important;}
.cpzx-b a:hover{box-shadow:1px 1px 10px rgba(0,0,0,0.2)}
.cpzx-b a:hover .img1{opacity:1;}
.cpzx-b a:hover .img2{opacity:1}

.products-nylist{}
.products-nylist ul{display: flex; flex-wrap: wrap;margin-right:-1%;margin-left:-1%;}
.products-nylist li{ border:1px solid #e8e8e8;border-radius:15px;float:left; width:23%; margin:0 1% 2% 1%; position:relative; overflow:hidden;text-align:center;}
.products-nylist_pic{ overflow:hidden;}
.products-nylist_pic img{ width:100%; transition:ease-in-out 0.25s all; display: block;}
.products-nylist li:hover .products-nylist_pic img{ transform:scale(1.1);}
.products-nylist_tit:after{ content:''; transition:ease-in-out 0.15s all; position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:-1;}
.products-nylist li .products-nylist_tit:before{content:''; transition: ease-in-out 0.15s all;background:#0156b0; position:absolute; left:-100%; bottom:0; width:100%; height:100%;  z-index:-2;}
.products-nylist li:hover .products-nylist_tit:after{ left:100%;}
.products-nylist li:hover .products-nylist_tit:before{ left:0;}
.products-nylist_tit{ width:100%; overflow:hidden; padding:5%; font-size: 16px;}
.products-nylist li:hover .products-nylist_tit{ color:#fff;}

.productss{width:100%;float:left;}
.productss img{max-width: none !important;}
.promore_l{width:48%;float:left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%;border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:100%;height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%;float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:32px;height:32px;cursor:pointer;margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%;height:66px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6;padding:2px;width:57px;height:57px;}
.spec-scroll .items ul li img:hover{border:2px solid #0156b0;padding:1px;}
.pros_right{width:48%;float:right;overflow:hidden;}
.pros_right_top{overflow:hidden;border-bottom:2px solid #e6e6e6;}
.pros_right_top .pbt{overflow:hidden;font-size:24px;color:#333;padding-bottom:3%;}
.pros_right_top .pwz{overflow:hidden;font-size:16px;color:#333;line-height:25px;padding-bottom:3%;}
.proleft{font-size:18px;line-height:30px;margin:5% 0;}
.proleft .bt{font-size: 16px; font-weight: 600; color: #0156b0;}
.proleft p{font-size:18px;line-height:25px;}
.prorights{font-size:14px;line-height:30px;margin:2% 0; width: 68%; float: left; }
.prorights .bt{font-size: 16px; font-weight: 600; color: #0156b0;}
.prorights p{font-size:14px;line-height:25px; width: 48%; float: left; margin-right: 2%;}

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right;margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../img/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545;float:left;line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px;font-size: 18px}
.proleft_btn{width:100%;float:left;margin-top:3%;}
.proleft_btn li{width:150px;float:left;margin-right:10px;}
.proleft_btn li a{width:150px;height:40px;float:left;line-height:40px;text-align:center;font-size:16px;background:#eee;display:block;color: #333722}
.proleft_btn li span{float:left;padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#333;color:#fff;}
.tabs-basic{width:100%;margin-top:3%;float:left;}
/* The tabs*/.tabs-basic ul{list-style:none;text-align:left;margin:0;padding:0;border-bottom:1px solid #e6e6e6;background:#eee;}
.tabs-basic ul li{display:inline-block;margin-bottom:-1px;font-size:16px;text-transform:uppercase;}
.tabs-basic a{display:block;text-decoration:none;background:#333;border:1px solid transparent;padding:10px 40px;color: #fff}
.tabs-basic .tab-active{border-bottom:2px solid #0156b0;color:#fff;background:#0156b0;}
/* The content*/.tabs-basic .tabs-content-placeholder{overflow:hidden;margin:auto;padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block;line-height:30px;font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6;line-height:24px;text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px;text-align:left;margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;margin:auto;display: block;clear: both;}
.tabs-basic table{border-collapse:collapse;border: 1px #e6e6e6 solid !important;width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important;padding-left:12px !important;word-wrap:break-word;word-break:break-all;border:1px #e6e6e6 solid !important;line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}
.hot_pro2{width:100%;float:left;margin-top:3%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#333;line-height:45px;font-size:16px;padding:0 20px;border:1px solid #d6d6d6;box-sizing: border-box;}
.scrollleft2{width:100%;float:left;margin-top:20px;margin-bottom: 30px;}
.scrollleft2 li{width:200px;float:left;margin-right:20px;overflow:hidden;}
.scrollleft2 li img{width:99%;display:block;border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #0156b0;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block;width:100%;line-height:30px;margin-top:10px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pbtn{margin-top:10px;overflow:hidden;}
.pbtn a{width:33%;height:50px;line-height:50px;float:left;text-align:center;margin-right:3%; background: #246fb6;
    color: #fff; font-size:18px}
.pbtn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;line-height:1;top:0px;}
.pbtn i img{width:20px; vertical-align: middle;}
.pbtn a:hover{background:#0156B0;color:#fff;}
.pbtn a:nth-child(2){width:50%; background:#0156B0;}
.xf-page {width:100%; height:auto;text-align:center; font-size:0px; position:relative; overflow:hidden; margin:39.7px 0 0px; text-transform:uppercase;clear: both;}
.xf-page ul {display: block; display: flex; align-items: center; justify-content: center;}
.xf-page ul li {display: inline-block;width: auto; border-radius: 0; margin-bottom: 0; margin-right: 0; margin-left: 0; border: none; overflow: hidden; background: none;}
.xf-page .pagination{width:100%; height:auto;text-align:center; font-size:0px; position:relative; overflow:hidden; margin:auto; padding-top:20px;}
.xf-page .pagination a,.xf-page .pagination span{display:inline-block; padding:0 20px;line-height:36px;font-size:14px;margin:0 5px;color: #666;background: #fff;-webkit-transition:0.5s;transition:0.5s;}
.xf-page .pagination span.current,.xf-page .pagination a:hover,.xf-page li.active span{color:#fff; border-color:#0156B0; background:#0156B0;}