*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;line-height: 100%;}
body{font-size: 14px;min-width: 1200px; overflow-x: hidden; font-family: 'Hos','Microsoft YaHei';}
a{text-decoration: none; color:#333; font-size: 14px;}
li{list-style: none;}
em,i{font-style: normal;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.fl {float: left;}
.fr {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {width: auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.text-center {text-align: center;}
.div-container {position: relative;width: 74%;margin: auto;}

::-webkit-scrollbar{height:4px; width:3px;background: #ededed;}
::-webkit-scrollbar-button{height:0; width:5px;background: #ededed;}
::-webkit-scrollbar-thumb{background-color:#324476;box-shadow:inset 1px 1px 0 #324476,inset 0 -1px 0 #324476;}

@font-face {
font-family:din;
src:url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.ttf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.eot),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff2);
}
@font-face{font-family:Hos;src:url(/cssnew/Hos.ttf.txt);}
@font-face {font-family: 'srm';src: url('/cssnew/srm.otf.txt');font-weight: normal;font-style: normal;} 
@font-face {
  font-family: 'iconfont';  /* Project id 4383909 */
  src: url('//at.alicdn.com/t/c/font_4383909_q7pwa3p12je.woff2?t=1734351431183') format('woff2'),
       url('//at.alicdn.com/t/c/font_4383909_q7pwa3p12je.woff?t=1734351431183') format('woff'),
       url('//at.alicdn.com/t/c/font_4383909_q7pwa3p12je.ttf?t=1734351431183') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

.gy{max-width: 90%;margin: 0 auto;min-width: 1200px;width: 100%;}
.gya{margin: auto; max-width: 1500px;}
.page{max-width: 1500px;margin: 0 auto;min-width: 1200px;width: 100%;}
.page9{max-width: 90%;margin: 0 auto;min-width: 1200px;width: 100%;}

/*bt*/
.goy_tit{display: block;align-items: center;}
.goy_tit p{color: #000;font-size: 42px;position: relative;padding-left: 20px;margin-bottom: 0.5rem !important;line-height:1.2;}
.goy_tit p:before{position: absolute;content: "";width: 5px;height: 31px;background:linear-gradient(to bottom, #00388f 0%, #0164d0 100%);top: 18px;left: 0;}
.goy_tit b{font-weight: normal;font-size: 18px;color: #999;padding-left: 15px;}

/*title*/
.title{text-align:center;}
.titlea{font-size:42px; text-align: center; color: #333; line-height: 46px;font-weight: bold;}
.titlea span{font-weight: bold;color: #0180ca;}
.titleb{font-size:18px;color:#999;text-align:center;line-height:30px;padding:10px 0px 15px 0;}
.linex{width:65px;height:6px;margin:auto;}
.linex b{width:45px;height:1px;background:#e5e5e5;margin:2.5px 3px;float: left;}
.linex span{width:6px;height:6px;border-radius:50%;border:1px #bababa solid;float:left;}
.titlec {font-size: 16px;color: #999;text-align: center;font-weight: 100;text-transform: uppercase; line-height: 40px;margin-bottom: 10px;}
.namex{width:250px;height:25px;line-height:25px;font-size:12px;text-align:center;color:#fff;background: linear-gradient(to right, #00388f 0%, #11ccee 100%);margin:auto;    text-transform: uppercase;border-radius:30px;margin-bottom:15px;}

/*titleb*/
.titleb{text-align:center;}
.titleab{font-weight:normal;font-size:42px; text-align: center; color: #fff; line-height: 46px;font-weight: bold;font-family: 'Microsoft YaHei';}
.titleab span{font-weight: bold;color: #fff;}
.titlebb{font-size:18px;color:#fff;text-align:center;line-height:30px;padding:4px 0px 15px 0; font-weight: 100;}
.linexb{width:65px;height:6px;margin:auto;}
.linexb b{width:45px;height:1px;background:#fff;margin:2.5px 3px;float: left;}
.linexb span{width:6px;height:6px;border-radius:50%;border:1px #fff solid;float:left;}
.titlecb {font-size: 16px;color: #999;text-align: center;font-weight: 100;text-transform: uppercase; line-height: 40px;margin-bottom: 10px;}
.namexb{width:250px;height:25px;line-height:25px;font-size:12px;text-align:center;color:#fff;background: linear-gradient(to right, #00388f 0%, #11ccee 100%);margin:auto;    text-transform: uppercase;border-radius:30px;margin-bottom:15px;}

header{position: fixed;z-index: 9999;width:100%;}

.nav_on{position: absolute;top: 0px;left:0;width: 100%;min-width: 1200px;height: 146px;z-index: 999;display: flex;justify-content: space-between;align-items: center;padding:0 4% 0 5%; border-radius: 0px;max-height:0px;overflow: inherit;transition:all 0.6s;max-height: 7vw;right:0;margin:0 auto;}
.nav_on:before {content:'';position: absolute;width: 70%;height: 6px;-webkit-transform: skew(-0deg);-moz-transform: skew(-0deg);-o-transform: skew(-0deg);background: linear-gradient(to right, #0148b5, #0148b5);top: -0px;right: 2px; animation:myfirst1 1s linear ;z-index: 999;}
.nav_on:after {content:'';position: absolute;width: 30%;height:6px;-webkit-transform: skew(-0deg);-moz-transform: skew(-0deg);-o-transform: skew(-0deg);background-image: -webkit-linear-gradient(30deg, #f68512, #f68512 50%, #f68512 100%);top: -0px;left: 0;animation:myfirst 1s linear ; z-index: 99;}
@keyframes myfirst
{
    0%   { width: 0%;}
	100% { width: 30%;}
}
@keyframes myfirst1
{
    0%   { width: 0%;}
	100% { width:70%;}
}
.nav_on.on.nav_on:before{background:none;}
.nav_on.on.nav_on:after{background:none;}
.nav_on.on{overflow:inherit;top: 0;min-height:70px;width: 100%;left: 0%;border-radius: 0px;height: 70px;box-shadow: 0px 0px 50px rgba(0,0,0,0.4);background: linear-gradient(rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.8));}
.nav_on.on .nav .p_navBox2{top:75px;}
.nav_on.on .nav>ul>li>a{color: #333;}
.nav_on.on.nav_on>a>p{color: #333;}
.nav_on.on.nav_on>a>p>span{color: #666;}
.nav_on.on .top_con li i{color: #666;}
.nav_on.on .top_con>ul>li:first-child a{color: #666;}
.nav_on.on .top_con li i{color: #666;}

.nav_on .logo { float: left; display: flex; justify-content: center; align-items: center;height:90px;}
.nav_on .logo img{height:70px; width:auto;}

.nav_on .logob{display: none;}
.nav_on.on .logob{height:56px; width:auto;}
.nav_on.on .logob img{height:56px; width:auto;}
.nav_on > .logoh{ float: left; display: flex; justify-content: center; align-items: center;height:70px; width: 0px;opacity: 0;
filter: alpha(opacity=100);}
.nav_on.on .logoh{display: none;}
.nav_on.on .logob {float: left; display: flex; justify-content: center; align-items: center;height:56px; opacity: 1;}
.nav_on.on .logob img{height:56px; width:auto;}

.nav_on > .logoh{float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    width: 260px;
    opacity: 1;
    filter: alpha}
.nav_on > .logob{
float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    width: 0px;
    opacity: 0;
}

@font-face {
  font-family: "tname";font-weight: 700;src: url("//at.alicdn.com/wf/webfont/a4HtplruTfpL/Yw5yqXtCQLRE.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/a4HtplruTfpL/2N4PHESOfy8i.woff") format("woff");
  font-display: swap;
}
.nav_on>a>p{font-size: 1.7rem; line-height: 2rem; padding-left:1rem; font-weight: bold; letter-spacing: 0px;color: #fff;font-family: "tname";}
@media screen and (max-width: 1440px){
.nav_on>a>p{font-size: 1.5rem; line-height: 1.6rem;}
}
@media screen and (max-width: 1400px){
.nav_on>a>p{font-size: 1.3rem; line-height: 1.4rem;}
}
@media screen and (max-width: 1366px){
.nav_on>a>p{font-size: 1.3rem; line-height: 1.4rem;}
}

@media screen and (max-width: 1280px){
.nav_on>a>p{font-size: 1.2rem; line-height: 1.3rem;}
}
.nav_on>a>p>span{font-size: 0.91rem; padding-top:3px; display: block; line-height: 1rem;letter-spacing:0px; color: #fff;font-weight: normal; font-family: 'Hos';}
@media screen and (max-width: 1440px){
.nav_on>a>p>span{font-size: 0.5rem; line-height: 0.6rem;}
}

.nav{display:flex;width: calc(76% - 6vw);    justify-content: space-around;}
.nav>ul>li{display: flex;float: left;flex-direction: column;justify-content: center;}
.nav>ul>li:nth-child(2)>a:before,.nav>ul>li:nth-child(4)>a:before,.nav>ul>li:nth-child(5)>a:before,.nav>ul>li:nth-child(6)>a:before{
    position: absolute;
    content: "\eb8a";
    font-family: "iconfont";
    font-size: 15px;
    color: #fff;
    top: -20%;
    right: -22%;
    transition: .5s;}
.nav_on.on .nav>ul>li:nth-child(2)>a:before,.nav_on.on .nav>ul>li:nth-child(4)>a:before,.nav_on.on .nav>ul>li:nth-child(5)>a:before,.nav_on.on .nav>ul>li:nth-child(6)>a:before{color: #666;}
.nav>ul>li.cur{color: #00388f; font-weight:bold;}
.nav>ul{display: flex;justify-content: space-between;align-items: center;width: calc(100% - 400px);}
@media screen and (max-width: 1440px){
.nav>ul{width: calc(100% - 350px);}
}
@media screen and (max-width: 1360px){
.nav>ul{width: calc(100% - 280px);}
}
@media screen and (max-width: 1280px){
.nav>ul{width: calc(100% - 100px);}
}

.nav>ul>li+li{}
.nav>ul>li:after{content:'';width:0%;height:4px; display:block;margin: -0px auto 0;transition: .3s; background: linear-gradient(to bottom, #00388f 0%, #0164d0 100%);}
.nav>ul>li:hover:after, .nav>ul>li.cur:after {
    opacity: 1;
    width: 100%;
    transition: 0.5s;
}
.nav>ul>li:hover:after{width:100%;}
.nav>ul>li>a{font-size: 0.98vw;color:#fff;font-weight:100;text-align:center;display:block;position: relative;}
@media screen and (max-width: 1680px){
.nav>ul>li>a{font-size: 1.1vw;}
}
@media screen and (max-width: 1280px){
.nav>ul>li>a{font-size: 1.2vw;}
}

.nav,.nav>ul,.nav>ul>li{height:100%;}

.header-right{height: 100%;margin-left:100px;}
.header-search{float: right;position: relative;height:100%;text-align:center;display: flex;transition: all .3s;display: flex;align-items: center;color: #fff;font-size: 22px; padding: 0 0% 0 0;font-weight: bold;}

.header-search span{display:block;margin-left:10px;}
.header-search i{font-size: 16px; color: #333;}

.top_con {width: 230px;}
.top_con>ul {display: flex;justify-content: space-between;width: 100%;}
.top_con>ul>li {display: flex;position: relative;width: 24px;height: 24px;border-radius: 50%; justify-content: center;z-index:66;}
.top_con>ul>li:first-child {background: none;display: flex; align-items: center; width: 170px;}
.top_con>ul>li:first-child a { text-transform: uppercase; font-size: 20px; font-weight:bold; color: #fff; padding-left:2%;}
.top_con li i {font-size: 20px;line-height: 24px;   color: #fff; height: 24px; font-weight:normal;}
.top_con li>p {width: 120px;overflow: hidden;position: absolute;top: 32px;left: -45px;opacity: 0;transition: 0.5s;height:  0;padding: 5px;background: #fff;border: 1px solid #ddd;}
.top_con li:nth-child(1)>p{width: 230px;color: #666;font-size: 16px;line-height:26px;height: auto !important;left: -24px;}
.top_con li p img {width:100%;}
.top_con li>a {}
.top_con li:hover p {opacity: 1;transition: 0.5s;height: 120px;}
/*搜索*/
.top_con li:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;} 
.tit_sel {width: 472px;height: 150px;background: rgba(51,51,51,0.7);transform: rotateX(90deg);position: absolute;right: 0;transition: all 0.5s;font-size: 16px;padding: 34px; z-index: 9999;top:33px;}
.tit_sel span {font-size: 24px;display: block;color: #152682;font-family: Arial;}
.tit_icon:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;}
#search-i{float:left; width:30px; height:38px; overflow:hidden; margin-top:20px;  box-sizing: border-box; padding-top: 0px; border: 1px solid #dddddd;border-left: none; padding-right:45px;}
#search-bg{float:left; width:344px; height:38px; overflow:hidden; padding-left:14px; margin-top:20px; box-sizing: border-box;     border: 1px solid #dddddd;border-right: none;text-align: left;    line-height: 38px;}
.search-text{ font-size:14px;color: #999999;justify-content: center;align-items: center;}
.search-text a{ font-size:15px; color: #fff !important;}
.search-text a:hover{ font-size:15px; color: #ffffff;}
.search-text span{ float:left;  color:#ffffff;font-size: 15px;}
#infoname{ border:none;background:none; outline:none;} 
.search_name {float: left;font-size:22px;color: #ffffff; line-height: 32px;position: relative;z-index: 5;padding: 15px 0;width: 264px;height: 96px;background: #cb0303;text-align: center;}
.search_name:after {content: "";width: 0px;height: 0px;border-top: 7px solid #005299; border-right: 7px solid transparent;border-bottom:8px solid transparent; border-left: 7px solid #005299;position: absolute; top: 81px; right: -13px; transition: 0.5s all ease-in-out; }
form {justify-content: center;}
.head_right {display: flex;justify-content: space-between;align-items: center;width: 72%;}

.fleft { float:left!important }
.fright { float:right!important }
.fnone { float:none!important }

.nav>ul>li:hover .p_navBox2{max-height:600px;}
.left{float:left;}
.right{float:right;}
.nav .p_navBox2{position: absolute;width:100%;background: rgba(255,255,255,0.9);top: 100px;left: 0;max-height:0px;overflow: hidden;transition: 0.3s ease all;border-radius: 10px;backdrop-filter: blur(5px);}

.nav .p_navBox2.prod_fl>div.warp{width:94%;margin:0 auto;display:flex;max-width:1400px;justify-content:space-between;padding:0;}
.nav .p_navBox2>div.warp{margin:0 auto;display:flex;max-width:1400px;justify-content:space-between;padding:4% 2%;}
.nav .p_navBox2 .warp .right .tit{font-size:30px;line-height:30px;font-weight:400;margin-bottom:40px;color:#333}
.nav .p_navBox2 .warp .right .con{display:flex;flex-direction:column; }
.nav .p_navBox2 .warp .right .con a{width:180px;height:46px;font-size:16px;color:#333;display:flex;justify-content:space-between;align-items:center;padding:0 30px;border:2px solid #bfbfbf;margin-bottom:15px;transition:all .5s ease}
.nav .p_navBox2 .warp .right .con a span{font-size:16px;}
.nav .p_navBox2 .warp .right .con a:hover span{ color:#fff;}
.nav .p_navBox2 .warp .right .con a:hover{ color:#fff; background:#00388f;border:2px solid #00388f}
.nav .p_navBox2 .warp .right .tel{padding-top:10px}
.nav .p_navBox2 .warp .right .tel .t22{font-size:16px;line-height:20px;color:#666}
.nav .p_navBox2 .warp .right .tel .c{font-size:30px;font-family:arial}
.nav .p_navBox2 .warp .right .tel .c a{color:#00388f; font-size:30px; font-family:"srm";}
.nav .p_navBox2.prod_fl .warp .left{width:auto;position: relative;}
.nav .p_navBox2 .warp .left{width:60%;}
.nav .p_navBox2 .warp .left ul{display:block;width:100%;height: 100%;}
.nav .p_navBox2.prod_fl .warp .left ul{padding: 40px 0;}
.nav .p_navBox2 .warp .left ul p a{font-size: 18px;display:block;line-height: 40px;}
.nav .p_navBox2 .warp .left ul p a span{font-size: 17px;line-height: 40px;}
.nav .p_navBox2 .warp .left ul li:hover p a{color:#fff;}
.nav .p_navBox2.prod_fl .warp .left li{width:100%;background:#f8f8f8;margin:0px !important;}
.nav .p_navBox2.prod_fl .warp .left li>a{width: 50%;font-size: 18px;padding: 0 25px;font-weight: 400;letter-spacing: 0;line-height: 40px;float: left;margin-left:0%;background:#fff url(//memberpic.114my.com.cn/youyuanyinshua/uploadfile/image/20241209/20241209115338_272201694.png) no-repeat center right 20px;margin-bottom:0px;}
.nav .p_navBox2.prod_fl  .warp .left li.on>a{background-color: #fff;color: #00388f;}
.nav .p_navBox2.prod_fl  .warp .left li:hover{background:none;}
.nav .p_navBox2 .warp .left>ul>li>a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-size: 18px;font-weight: lighter;transition:all .3s ease;width: 50%;float: left;}
.nav .p_navBox2 .warp .left>ul>li{width:23.5%;    font-size: 20px;padding: 0 25px;font-weight: 400;letter-spacing: 0;line-height: 60px;float: left;background:#ddd url(//memberpic.114my.com.cn/youyuanyinshua/uploadfile/image/20241209/20241209115338_272201694.png) no-repeat center right 20px;transition:all .3s ease;}
.nav .p_navBox2 .warp .left>ul>li+li{margin-left:2%;}
.nav .p_navBox2 .warp .left>ul>li:nth-child(4n+1){margin-left:0;}
.nav .p_navBox2 .warp .left>ul>li:nth-child(n+5){margin-top:20px;}
.nav .p_navBox2 .warp .left>ul>li:hover{background:#00388f url(//memberpic.114my.com.cn/youyuanyinshua/uploadfile/image/20241209/20241209115450_1526957350.png) no-repeat center right 20px;}

.nav .p_navBox2 .warp .left>ul>li>a:hover{color:#fff;}
.nav .p_navBox2 .warp .right {padding-left:5%;padding-top:5%;padding-bottom:5%;box-shadow: -10px 0px 10px rgb(0 0 0 / 5%);width: 540px;}
.nav .p_navBox2 .warp .center{max-width:330px;}
.nav .p_navBox2 .warp .center img{width:100%;height:auto;}
.nav .p_navBox2 .warp .left .title{font-size:27px;line-height:26px;color:#000;font-weight:700;margin-bottom:20px; text-align: left;}
.nav .p_navBox2 .warp .left .jieshao{font-size:16px;line-height:1.8;color:#333;margin-bottom:40px}
.nav .p_navBox2 .warp .left li dl{width: 50%;float:left;position: absolute;left: 50%;display:none;top:0px;background: #fff;height: 100%;padding: 40px 0;overflow-y: auto;}
.nav .p_navBox2 .warp .left li dl a{width: 100%;font-size: 18px;line-height: 60px;display: block;padding-left: 60px;float:left;font-weight: lighter;}
.nav .p_navBox2 .warp .left li.on dl{display:block;}

.nav .p_navBox2 .warp .left>ul>li.prod_list{background:none;width:100%;padding: 0;}
.nav .p_navBox2 .warp .left>ul>li.prod_list li{margin-right:1%;display:block;float:left;padding:0px 20px;line-height: 40px;margin-bottom: 10px;margin-left: 0;background: #ddd;width: calc(92% / 6);}
.nav .p_navBox2 .warp .left>ul>li.prod_list li a{font-size:15px;color:#222;line-height: 40px;}
.nav .p_navBox2 .warp .left>ul>li.prod_list li:hover{background:#00388f;color:#fff;}
.nav .p_navBox2 .warp .left>ul>li.prod_list li:hover a{color:#fff;}

.nav .p_navBox2 .warp .left li.prod_zs{width:calc((100% - 8%) / 5) !important;background:none;padding:0 !important; position: relative;}
.nav .p_navBox2 .warp .left.prod_nav{width:100%;}
.nav .p_navBox2 .warp .left li.prod_zs .progdwz2021 li img{width:100%;height:auto;}
.nav .p_navBox2 .warp .left li.prod_zs .progdwz2021 li span,.nav .p_navBox2 .warp .left li.prod_zs .progdwz2021 li br{display:none;}
.nav .p_navBox2 .warp .left li.prod_zs .progdwz2021 li>a{display:block;} 
.nav .p_navBox2 .warp .left>ul>li.prod_zs:nth-child(5) {margin-top: 0px;margin-left:2%;}
.nav .p_navBox2 .warp .left>ul>li.prod_zs>a{width:100%;height:100%;position: absolute;z-index: 9;}
.nav .p_navBox2 .warp .left>ul>li.prod_zs>a span{display:block;width:100%;text-align:center;}
.nav .p_navBox2 .warp .left>ul>li.prod_zs:hover{background:none;}
.nav .p_navBox2 .warp .left>ul>li.prod_zs>a:hover{color:#00388f;}
.nav .p_navBox2 .warp .left li.prod_zs>span{display:block;width:100%;text-align:center;}

.syswiper-wrap>.swiper-container>.swiper-wrapper>.swiper-slide{height:100vh;}
button
/* index */
.swiper-container{/*overflow: auto !ibuttonmportant;*/}
.banner {position: relative;}
.index-banner-swiper {position: relative;background: #000;z-index:1;}
.banner-slide {height:100%;}
.banner-slide .txt{position: absolute; left: 10%;top:43%;/*margin-top: -167px*/;z-index: 33;width:40%;}
.banner-slide .txt h2{font-size:2vw;color: #fff;margin: 0;padding: 0;padding:14px 0 0px 0; position: relative;text-transform: uppercase;font-weight:normal; line-height: 3vw;width: 41vw;text-align: left;border-radius: 0px;}
.banner-slide .txt h3{font-size:2.8vw; color: #fff;margin: 0;padding-top: 20px;padding-bottom:0px; position: relative;text-transform: uppercase; line-height:3.5vw;font-family: 'Microsoft YaHei'; text-shadow: 1px 3px 3px #666;}
.banner-slide .txt h3 span{-webkit-text-stroke: 1px #fff;color: transparent; display: block; padding-bottom:10px;font-size:3vw;}
.banner-slide .txt h3 b{color:#fea447;-webkit-text-stroke: 1px #fff;}
.banner-slide .txt .line {width: 260px;height:4px;background: rgba(255,255,255,0.7);margin: 0px 0 20px 0;}
.banner-slide .txt h4{font-size:1vw;color: #fff;padding:3px 0 20px 0;margin:0;font-weight: normal;line-height: 1.7vw;}
@media screen and (max-width: 1440px){
.banner-slide .txt h4{font-size:1.3vw;}
}
@media screen and (max-width: 1400px){
.banner-slide .txt h4{font-size:1.3vw;}
}
@media screen and (max-width: 1366px){
.banner-slide .txt h4{font-size:1.3vw;}
}
@media screen and (max-width: 1360px){
.banner-slide .txt h4{font-size:1.3vw;}
}
.banner-slide .txt.center {text-align: center;width:100%;left:0;top:5vw;margin: 0;}
.banner-slide .txt.center h1{font-size:3.3vw; color:#00388f; font-weight:bold; margin-top:6%; font-family: "Microsoft YaHei"; padding-bottom:18px;text-transform: uppercase; }
.banner-slide .txt.center h6{ color:#0b141b; font-size:1.7vw; font-weight:normal; letter-spacing:1px;text-transform: uppercase;}
.banner-slide .txt.none {display: none;}
.banner-slide .txt.right {text-align: right;left: auto;right: 10%;}
.banner-slide .txt.right .line {float: right;clear: both;}
.banner-slide .txt.right .banner-btn a {display: inline-block;vertical-align: middle;float: none;text-align: right;margin-right:0px;margin-left: 15px;}
.banner-slide .img {text-align: center;height:100%;transition: 4s; transform: scale(1); animation: swiper_img_move 6s linear 0s infinite normal both;}
@keyframes swiper_img_move {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.banner-slide .txt .img {text-align: left; margin-top:2%;}
.banner-slide .img>a{    display: flex;justify-content: center;    align-items: center;height:100%;}
.banner-slide .img video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}

.banner-btn {clear: both;}
.banner-btn a{display: block;float: left;margin-right: 15px;padding:2% 8%;font-size: 0;background:linear-gradient(to right, #00388f 0%, #0164d0 100%);border-radius: 50px;}
.banner-btn a span{color: #fff;font-size:15px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.banner-btn a i{display: inline-block;vertical-align: middle;width: 18px;height: 10px;background:url("//memberpic.114my.com.cn/youyuanyinshua/uploadfile/image/20240618/20240618105506_8443172.png");}
.banner-btn a:hover {background: #fb4201;}

.banner-slide .txt h3 {transform:translateY(200px);opacity:0;transition:all .6s;}
.banner-slide .txt h4 {transform:translateY(200px);opacity:0;transition:all 0.6s;}
.banner-slide .txt h2 {transform:translateY(200px);opacity:0;transition:all .3s;}
.banner-slide .txt h1 {transform:translateY(200px);opacity:0;transition:all .3s;}
.banner-slide .txt h6 {transform:translateY(200px);opacity:0;transition:all .6s;}
.banner-slide .center h2 {transform:translateY(200px);opacity:0;transition:all 0.3s;}
.banner-slide .center h6 {transform:translateY(200px);opacity:0;transition:all 0.6s;}
.banner-slide .txt .line {transform:translateY(200px);opacity:0;transition:all 0.9s;}
.banner-slide .txt .banner-btn {transform:translateY(200px);opacity:0;transition:all 1.2s;}
.index-banner-swiper .swiper-slide-active .txt h4,.index-banner-swiper .swiper-slide-active .txt h2,.index-banner-swiper .swiper-slide-active .txt h1,.index-banner-swiper .swiper-slide-active .txt h6,.index-banner-swiper .swiper-slide-active .txt h3,.banner-slide .txt.center h2,.banner-slide .center h6,.index-banner-swiper .swiper-slide-active .txt .line,.index-banner-swiper .swiper-slide-active .banner-btn,.banner-slide .txt.center h2,.banner-slide .txt.center h{transform:translateY(0px);opacity:1;}

.banner .swiper-banner-pagination {bottom:60px;width: 100%; display: block;z-index: 90;}
.banner .swiper-banner-pagination .swiper-pagination-bullet {width:60px;height:10px;margin:0 0 0 10px;border-radius: 0;opacity:1;background: none; position: relative;z-index: 11;outline: none;}
.banner .swiper-banner-pagination .swiper-pagination-bullet::before {content: '';display: block;width: 100%;height: 8px;position: absolute;left: 0;top:8px;background: #fff;opacity: 0.3;}
.banner .swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity: 1;}
.banner .swiper-banner-pagination .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top:8px;width:0;height: 8px;background: linear-gradient(to right, #00388f 0%, #0164d0 100%);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;z-index: 10;}
.banner .swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: w100 4000ms 1;animation: w100 4000ms 1;}

@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}

.index-scroll {position:absolute;left:1%;top:70%;z-index:70;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.index-scroll h6{margin: 0;font-weight: normal;font-size: 0;position: relative;padding-bottom:7px;padding-left: 30px;}
.index-scroll h6::after {content: '';display: block;width: 100%;height: 1px;background: #fff;position: absolute;bottom: 0;left: 0;-webkit-animation: w100 3000ms infinite ease-in-out;animation: w100 3000ms infinite ease-in-out;}
.index-scroll h6 span{font-size: 12px;color: #fff;text-transform: uppercase;letter-spacing: 1px; margin-right: 10px;display: inline-block;vertical-align: middle;}
.index-scroll h6 i{width: 12px;height: 10px; background: url("");display: inline-block;vertical-align: middle;-webkit-animation: op01 1000ms infinite ease-in-out;animation: op01 1000ms infinite ease-in-out;}
@keyframes op01{0%{opacity: 0;}100%{opacity: 1;}}

/*products*/
.pro_bc {
    background:#e8f4ff url(//memberpic.114my.com.cn/youyuanyinshua/uploadfile/image/20241216/20241216203413_1232656408.jpg) center no-repeat;
    margin-top: 0px;
    padding: 70px 0 ;
}
.pro_cate table td b{font-size: 0;}
.pro_cate table td b a {
    font-size: 16px;
    font-weight: normal;color:#333!important;display: inline-block;
    width: 100%;
    height: 100%;position:relative;
line-height:48px;
}

@keyframes ripple {
    70% {
        transform:scale(1.2);
    }
    100% {
        transform:scale(1);
    }
}

.pro_cate table tr.on td b a:before{border-bottom: 20px solid #dd5a02;border-right: 20px solid #dd5a02;}
.pro_cate table {position:relative}
.pro_cate table tbody{display: flex;text-align: center;line-height: 50px;}
.pro_cate table tr {background: #fff;padding:0 16px!important;margin-left: 10px;}
.pro_cate table tr td{width:100%;display:block;}
.pro_cate table tr.on{background:#002b87;}
.pro_cate table tr.on td a{color:#fff!important}
.pro_cate {display: flex;align-items: center;margin-top:50px;}
.pro_cate>a {padding: 0 20px;background: #333;font-size: 14px;height: 50px;line-height: 50px;font-weight: bold;color: #fff;display: block;}
.pro_more {width: 123px;display: flex;align-items: center;}
.pro_more a {font-size: 14px;color: #333;display: block;}
.pro_more span {font-size: 14px;padding-right: 10px;}
@media screen and (max-width: 1640px){
    .pro_cate table tr{padding:0 10px!important}
}
@media screen and (max-width: 1450px){
    .pro_cate table tr{padding:0 5px!important;margin-left:5px;}
}
@media screen and (max-width: 1330px){
    .pro_cate>a{display:none;}
}
.pro_bo{margin-top: 45px;height:1044px!important;overflow:hidden;}
.pro_bo tbody{display:block;}
.pro_bo table tr {width: 100%;display: flex;justify-content: space-between;margin-bottom: 120px;}
.pro_a:before {position: absolute;content: "专注丝印机 / 可定制";font-size: 14px;color: #fff;background: #333;width: 92%;height: 100%;line-height: 43px;left: 0px;bottom: -103px;z-index: 99;text-align: left;padding-left: 8%;}
.pro_bo table tr td {width: 24.3%;padding-left: 0!important;position: relative;transition:.3s;}

.pro_bo table tr td img {width: 100%;display: block;height:auto}

.pro_bo table tr td br {display: none;}

.pro_bo table tr td span a {font-size: 20px;color: #333;text-align: left;background: #fff;border-top: 1px solid #e5e5e5;font-weight: bold;height: 60px;line-height: 60px;padding-left: 28px;}
.pro_bo table tr td span a:before,.pro_bo table tr td span a:after {position: absolute;content: "";width: 2px;height: 4px;left: 0;
}
.pro_bo table tr td span a:before{background: linear-gradient(to bottom, #00388f 0%, #0164d0 100%);}
.pro_bo table tr td:hover>a:before{background:rgba(2, 62, 147, 0.6);}
.pro_bo table tr td span a:after{background:#00388f;top:4px;}
.pro_bo table tr:last-child {margin-bottom: 0;}
.pro_bo table tr td a {display: block;position: relative;}

.pro_bo table tr td>a:before {position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.5);transition: all .5s;opacity: 0;}

.pro_bo table tr td>a:after {position: absolute;content: "\eb86";font-family: "iconfont";color: #fff;border-radius: 13px;line-height: 26px;bottom: 16%;left: 50%;margin-left: -6%;margin-bottom: -3%;transition: all .5s;opacity: 0;font-size:40px;}
.pro_bo table tr td:hover>a:before {opacity: 1;}
.pro_bo table tr td:hover>a:after {bottom: 49%;opacity: 1;}
.pro_bo table tr td:hover {border-color: #339058;}
.pro_a {position: absolute!important;width: 100%;height: 43px;bottom: 0;left: 0;}
.pro_a:after {position: absolute;content: "\eb8d";font-family: "iconfont";color: #00388f;z-index: 99;font-size: 19px;bottom: -45px;right: 29px;}
.pro_bo table tr td:hover .pro_a:after {color:#fff;}

.pro_bo table tr td:hover .pro_a:before{background:linear-gradient(to bottom, #00388f 0%, #0164d0 100%);}
.pro_bo .tempWrap{height:1044px!important;}
.pro_c .hd ul {display: flex;justify-content: center;margin-top: 20px;}

.pro_c .hd ul li {width: 13px;height: 13px;background: #acacac;border-radius: 100%;font-size: 0;margin-right: 15px;}
.pro_c .hd ul li.on{background:#00388f;}


/**/
.g-super{ height: auto;overflow: hidden;background:#f7f7f7;padding-top:65px; box-sizing: border-box;margin-top:0%;position: relative;}
.g-super .tit01{height:140px;}

.super{width:1400px;height: 792px;margin:0 auto;position: relative;margin-top:30px;}
.super-nav{width:896px;height: 792px;background: linear-gradient(to bottom, #00388f 0%, #0164d0 100%);position: absolute;left:50%;margin-left:-960px;padding-right:68px;box-sizing: border-box;z-index: 1;}
.super-nav{text-align: right;}
.super-nav li{position: relative;height:198px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);padding-top: 35px;box-sizing: border-box;}
.super-nav li::after{content: "";position: absolute;right:-140px;top:-6px;height:198px;width:954px;background:#aed1eb;border-top-right-radius: 120px;border-bottom-right-radius: 120px;border:6px solid rgba(2, 62, 147, 0.9);border-left:0;opacity: 0;-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.super-nav li .supert{width:80px;height:75px;position: absolute;right:-88px;top:55px;z-index: 2;display: none;}
.super-nav li .supert i{width:60px;height:75px;display: block;font-size:60px; color: #023e93;}
.super-nav li .supertit{position: relative; font-weight: bold; font-size: 28px;color: #fff;height:75px;z-index: 2;display: block;}
.super-nav li .supertit em{width:64px;height:56px;overflow: hidden;float: right;margin-left:10px;}
.super-nav li .supertit em i{width:100%;display: block;font-size:36px; color: #fff;font-weight:normal;}
.super-nav li .supertit i{display: block; font-size: 12px;font-family: Arial, Helvetica, sans-serif;color: rgba(255, 255, 255, 0.3);text-transform: uppercase;line-height:1.2;}
.super-nav li .supertit2{position: relative;font-size: 16px;font-weight: bold; color: #90b4d7;text-transform: uppercase; height:55px;z-index: 2;display: none;}
.super-nav li .supertit2 b{ font-size: 32px;color: #0c418f;}
.super-nav li p{ font-size: 22px;color: rgba(255, 255, 255, 0.8);position: relative;z-index: 2;}

.super-con{}
.super-con p{width: 1920px;height: 792px;}
.super-con p img{width: 100%;display: block;margin-left: -255px;position: relative;}
.g-super:before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #333 0%, transparent);
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}

.super-c {width: 680px;position: absolute;right:0;bottom: 11%;z-index: 1;text-align: right;}
.super-c dd h4{font-size: 62px;color:#ffffff;margin-bottom: 10px; }
.super-c dd p{font-size: 18px;color: #fff;line-height: 33px;}
.super-c .count{clear: both;overflow: hidden;margin-top:40px;float: right;}
.super-c .count li{border:3px solid rgba(255, 255, 255, 0.3); float: left;margin-right: 10px; font-size: 14px;text-align: left; box-sizing: border-box;font-weight: normal;color: #fff;white-space: nowrap;padding:7% 3%; width: 130px;}
.super-c .count li:last-child{margin-right: 0;}
.super-c .count li b{font-size: 42px; font-weight:normal;display: block;font-family: 'srm';}
.super-c .count li span{display: block;margin-bottom: 5px; font-size: 16px;}

.super-nav li.cur{padding-top:50px;padding-right:40px;}
.super-nav li.cur  .supertit{display: none;}
.super-nav li.cur::after{opacity: 1;}
.super-nav li.cur .supert,.super-nav li.cur .supertit2{display: block;}
.super-nav li.cur p{ font-size: 18px;color: #0c418f;font-weight: bold;}

/*app*/
.app_c {position: relative; background:#fff;}
.app_bc {padding:3% 0 5% 0;width: 100%;top; overflow: hidden;}
.app_ic {margin-top: 30px;overflow: hidden;}
.app_ic ul {}
.app_ic li {width: 20%;position: relative;overflow: hidden;}
.app_ic li img {display: block;height: 600px;width: auto;transition: .75s;}
.app_ic li p a {display: block;position: absolute;left: 0;height: 50px;text-align: center;line-height: 50px;color: #fff;background: rgba(0,0,0,0.3);width: 100%;font-size: 18px;font-weight: lighter;transition: .5s;}
.app_ic li:nth-child(odd) p a {bottom: 0;}
.app_ic li:nth-child(even) p a {top: 0;}
.app_ic li:hover img {transform: scale(1.1);}
.app_ic li:hover p a {background: rgba(2,62,147,0.5);}
.app_c>a {display: block;width:66%;margin: 5% auto 0;text-align: center;border-radius: 60px;height: 78px; line-height: 78px;color: #fff;font-size: 34px; letter-spacing: 5px;background: linear-gradient(to bottom, #00388f 0%, #0164d0 100%);}

.app_dot { position: absolute; bottom:14%; left: 46.2%; display: flex; margin-left: -33px; }
.app_dot li { width: 12px; height: 12px; border-radius: 100%; background: #333; }
.app_dot li+li { margin-left: 12px; }
.app_dot li button { display: none; }
.app_dot li.slick-active {background: #00388f;}
.app_ic button {display: none!important;}

/*公司简介*/
.con3{
	background: url(//memberpic.114my.com.cn/youyuanyinshua/uploadfile/image/20241209/20241209115212_970370633.jpg);
	background-size: 100% 100%;
	width: 100%;
	height: calc(100vw / 2.34);
	position: relative;
    padding: 5% 0;
}
.fd {
    zoom: 1;
}
.fd::after {
    content: " ";
    display: block;
    clear: both;
}
.container, .index-container, .foot-container, .wrap, .wrap2 {
    max-width: 100%;
}
.con3 .con3-title {
    font-size: 1.55rem;
    line-height: 1.6rem;
    padding-top: 2rem;
    padding-bottom: 2.35rem;
    color: #fff;
}
.xc-c-fff, .xc-c-white {
    color: #FFF !important;
}
.contitle-big {
    font-size: 2.5rem;
    position: absolute;
    z-index: 8;
    width: 50%;
    font-weight: bold;
}
.title-sub {
    position: absolute;
    z-index: 7;
    top: 7rem;
    font-size:3.6em;
    -webkit-text-stroke: 1px #5d6f88;
    color: #2c486b;
    font-family: "srm";
text-transform: uppercase;
}


.con3 .con3-title{padding-top: 2.15rem;padding-bottom: 2rem;}
.con3 .con3-link .link-p{
    font-size: 1.2rem;
    line-height: 1.34rem;
    color: #fff;
		display: -webkit-box;	
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		word-break: break-all;
		white-space: normal !important;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		padding-right: 0;
		font-size: 1rem;
		width: 67%;
		line-height: 1.8;
padding-top:3%;}
.con3 .con3-link .link-a{
margin-top: 3.5rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1.3rem;
    width: 6.3rem;
    transition: all 0.5s;
    border-bottom: 0.2rem solid #63717f;
    position: relative;
    padding-bottom: 2rem;
    display: inline-block;
    height: 1.7rem;
	}
	
	.con3 .con3-link .link-img{
		width: 1rem;
	}
	
.con3-brief-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top:4rem;
}
.con3 .con3-brief{width: 24%;margin-bottom: 0%;padding:0%; overflow: hidden;}
.con3 .con3-brief .brief-a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    padding-left: 0.15rem;
    transform: all 0.5s;
padding:10% 10% 19% 10%;
overflow: hidden;
}
.con3 .con3-brief .brief-a:hover{transform: scale(1.1);transition: .25s;overflow: hidden;}	

.con3 .con3-brief .brief-p1 {
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: #fff;
}
.con3 .con3-brief .brief-p2{font-size: 1.12rem;margin-top: 0.5rem;color: #fff;opacity: 0.5;}
.con3 .con3-brief .brief-img1{left: unset;width: 2.3rem;height: 2.2rem;top: 50%;transform: translateY(-50%);bottom: unset; position: relative;}
.con3 .con3-brief .brief-img1{
		display: flex;
		    align-items: center;
		    justify-content: center;
		    background: #fff;
		    color: #868686;
			opacity: .85;
			font-size:2rem;}
.con3 .con3-brief{border: 0.12rem solid rgba(255,255,255,0.3);}

.he_c2p4xtim p {
    font-size: 90px;
    line-height: 1;
    color: #f5f7fc;
    text-align: center;
    font-weight: bold;
    font-family: 'samsungsharpsans-b';
    transition: all 0.36s;
}

.he_b3p4 {
    width: 100%;
    padding:6% 0;
    position: relative;
background: url(http://youyuanyinshua.n.114my.net/uploadfile/image/20241204/20241204200041_76562521.jpg) center no-repeat;
}
.he_b3p4 .he_content {
    position: relative;
    z-index: 10;
}
.he_content {
    max-width: 90%;
    margin: 0 auto;
}
.he_b3p4bx {
    width: 100%;
    position: relative;
}

.he_b3p4ul {
    width: 100%;
    position: relative;
    padding-top: 15px;
}

.he_b3p4uhd {
    width: 100%;
}

.he_b3p4li {
    width: 100%;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.06);
    padding: 56px 43px;
    transition: all 0.36s
}

.he_b3p3ti {
    overflow: hidden;
}

.he_b3p4uhd {
    /* width: 270px !important; */
    padding: 25px 20px;
}

.he_b3p4ic {
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.he_b3p4ic i{font-size: 66px; line-height:70px;color: #999; height: 44px; font-weight: normal;

    background: linear-gradient(45deg, #00388f, #0164d0); 
    -webkit-background-clip: text; 
    background-clip: text;
    -webkit-text-fill-color: transparent; 
    color: transparent; 
}
.he_b3p4ic img {
    transition: all 0.36s;
}

.he_b3p4ic .he_img1 {
    opacity: 0;
}

.he_b3p4te p {
    font-size: 18px;
    line-height: 1.35;
    color: #333;
    overflow: hidden;
    transition: all 0.36s;
}
.he_b3p4te span{ font-size: 28px;color: #333;display: block; padding-bottom: 10%;}

.he_b3p4te {
    text-align: center;
    padding-top: 30px;
    position: relative;
}

.he_b3p4te::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 2px;
    background: #d4dbea;
    transition: all 0.36s;
    opacity: 0;
}

.he_b3p4ul .swiper-container {
    margin: 0 -30px;
}

.he_b3p4gds {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.he_b3p4gds img {
    width: 100%;
}

.he_b3p4 .he_content {
    position: relative;
    z-index: 10;
}

.he_swefy {
    padding: 0 20px !important;
    width: 96% !important;
    left: 26px !important;
    height: 6px !important;
    background: rgba(0,0,0,0.3) !important;
    top: inherit !important;
    bottom: 10px;
}

.he_swefy::before {
    content: '';
    position: absolute;
    left: -5px;
    top: -5px;
    width: 15px;
    height: 15px;
    background: linear-gradient(to right, #023e93 0%, #0164d0 100%);
    border-radius: 50%;
    z-index: 10;
}

.he_swefy .swiper-pagination-progressbar-fill {
    background: linear-gradient(to right, #023e93 0%, #0164d0 100%) !important;
}

.he_swepb3 {
    padding-bottom: 50px !important;
}

.he_b3p4le,
.he_b3p4ri {
    width: 49px;
    height: 49px;
    outline: none;
    cursor: pointer;
    transition: all 0.36s;
}

.he_b3p4le img {
    width: 100%;
}

.he_b3p4ri img {
    width: 100%;
}

.he_b3p4ri {
    margin-left: 23px;
}

.he_b3p3an {
    width: 100%;
    margin-top: 50px;
}

.he_b3p2ti p {
    font-size: 48px;
    line-height: 1.5;
    color: #274a94;
    font-weight: bold;
}

/*news*/
.news {padding: 5% 0% 11% 0;overflow:hidden;background: #f8f8f8;position: relative;z-index: 5;}
@media screen and (max-width: 1366px){
.news {padding: 5% 0% 13% 0;}
}
.news_box {max-width: 90%;margin:0 auto;}
.news_top {display:flex;align-items: flex-end; justify-content: space-between;}
.news_tit {}
.news_tit>p {display:flex;flex-direction:column;}
.news_tit p b {font-size: 2.5rem;}
.news_tit p b span {background: linear-gradient(45deg, #00388f, #0164d0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;}
.news_tit p em {font-size: 1.3rem;text-transform: uppercase;font-family: Arial;font-weight: normal;padding: 4% 0 0;color: #999;}
.news_nav {margin: 0 0 0 3%;}
.news_nav ul {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.news_nav li {display:  flex;justify-content:  center;align-items:  center; margin: 0 12px;width: 100%;/* border-radius: 40px; */position: relative;overflow: hidden;z-index: 5; box-shadow: 0px 0px 20px #ddd;  padding: 0.5rem 3rem;}
.news_nav li i {font-size: 18px;line-height:  24px;display: none;}
.news_nav li a {font-size: 18px;line-height: 24px; white-space: nowrap;color: #333;}
.news_nav li.on,.news_nav li.on a {color: #fff;font-weight: bold;background: linear-gradient(45deg, #00388f, #0164d0);}
.news_con {overflow:hidden;margin: 4% 0 0;}
.news_roll {display:flex;}
.news_call {width:100%;flex-shrink:0;display: flex;justify-content: space-between;}
.news_call .news_div{/* display: flex; */justify-content: space-between;flex-shrink: 0;width:100%;}
.news_l,.news_c {width:32%;}
.news_l .news_div {margin: 0 !important;}
.news_l .slick-list  {padding: 3% 0;}
.news_l .news_div_item,.news_c .news_div_item {width: 100%;position: relative;transition:0.5s;/* padding: 20px; */background: #fff;display: flex !important;flex-direction: column-reverse;/* margin: 0 0.2%; *//* border: 1px solid #f8f8f8; *//* box-shadow: 0 0 20px #eee; */float: left;z-index: 5; padding:0.5% 0.5% 1% 0.5%;}
.news_c .news_div_item:nth-child(-n+1) {display: none !important;}
.news_l .news_div_item_date,.news_c .news_div_item_date {position: absolute;bottom: 4.1vw;display: flex;left:8%;height: 22px;font-size: 15px;color: #999;transition: 0.5s;font-family: Arial;}
@media screen and (max-width: 1680px){
.news_l .news_div_item_date,.news_c .news_div_item_date {bottom: 4.1vw;}
}
@media screen and (max-width: 1600px){
.news_l .news_div_item_date,.news_c .news_div_item_date {bottom: 4.1vw;}
}
@media screen and (max-width: 1440px){
.news_l .news_div_item_date,.news_c .news_div_item_date {bottom: 4.1vw;}
}

.news_l .news_div_item:hover .news_div_item_date {left: 11%;}
.news_l .news_div_item_date::before{content:'';}
.news_l .news_div_item_content,.news_c .news_div_item_content {height: auto;padding: 5% 2% 9%;}
@media screen and (max-width: 1440px){
.news_l .news_div_item_content,.news_c .news_div_item_content {height: auto;padding: 5% 2% 10%;}
}

.news_l .new_column,.news_c .new_column {background: linear-gradient(to bottom, #00388f 0%, #0164d0 100%);width: 18%;text-align: center;padding: 1% 0;/* position: absolute; */top: 10%;border-radius: 2px;}
.news_l .new_column a,.news_c .new_column a {font-size: 0.8rem;color: #fff;}
.news_l .news_div_item_year, .news_l .news_div_item_month, .news_l .news_div_item_day,.news_c .news_div_item_year, .news_c .news_div_item_month, .news_c .news_div_item_day {float: left;line-height: 22px;} 
.news_l .news_div_item_title{}
.news_l .news_div_item_a,.news_c .news_div_item_a {font-size: 1.3rem;display: block;margin-bottom: 8px;position:relative;transition:0.3s;font-weight: bold;padding-top: 3%;}
.news_l .news_div_item_a::before,.news_c .news_div_item_a::before {position:absolute;content:'\4e86\89e3\8be6\60c5';top: 6.5vw;left: 0;color: #666;font-size: 14px;transition:0.5s;text-align: center;box-sizing: border-box;}
@media screen and (max-width: 1680px){
.news_l .news_div_item_a::before,.news_c .news_div_item_a::before{top: 7.5vw;}
}
@media screen and (max-width: 1440px){
.news_l .news_div_item_a::before,.news_c .news_div_item_a::before{top: 7.5vw;}
}
.news_l .news_div_item_a::after,.news_c .news_div_item_a::after {position:absolute;font-size: 18px;width: 18px;height: 14px;left: 16%;transition:0.5s;font-family: 'iconfont';content: "\eb8d";color: #666;top: 6.5vw;opacity: 1;}
@media screen and (max-width: 1680px){
.news_l .news_div_item_a::after,.news_c .news_div_item_a::after{top: 7.5vw;}
}
@media screen and (max-width: 1440px){
.news_l .news_div_item_a::after,.news_c .news_div_item_a::after{top:7.5vw;}
}
.news_l .news_div_item_body,.news_c .news_div_item_body {font-size: 14px;color: #666;line-height: 22px;text-overflow: ellipsis;-webkit-line-clamp: 2;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.news_l .news_div_item_pic, .news_l .news_div_item_pic a, .news_l .news_div_item_image,.news_c .news_div_item_pic, .news_c .news_div_item_pic a, .news_c .news_div_item_image { width:100%;height: auto;display: block;transition: 0.5s;}
.news_l .news_div_item:hover .news_div_item_a,.news_c .news_div_item:hover .news_div_item_a {color:#00388f;transition:0.3s;}
.news_l .news_div_item:hover .news_div_item_a::before{/* background: #eb3d00; *//* color: #fff; */}
.news_l .news_div_item:hover .news_div_item_a::after{left: ;opacity:1;}
.news_l .new_ic,.news_c .new_ic {overflow:hidden;margin: 3% auto 0;}
.news_l .news_div_item:hover .news_div_item_pic img,.news_c .news_div_item:hover .news_div_item_pic img  {transform: scale(1.1);transition: 0.5s;}
.news_l .news_div_item_pic,.news_c .news_div_item_pic {overflow: hidden;}
.news_r {width:30%;}
.news_r .news_div_item  {flex-direction: column-reverse;display: flex;background: #fff;padding: 2.5rem 6% 2.8rem 6%;}
@media screen and (max-width: 1680px){
.news_r .news_div_item  {padding: 2.6rem 6% 2.7rem 6%;}
}
@media screen and (max-width: 1440px){
.news_r .news_div_item  {padding: 2rem 6% 2rem 6%;}
}
@media screen and (max-width: 1366px){
.news_r .news_div_item  {padding: 1.8rem 6% 2rem 6%;}
}
.news_r .news_div_item+.news_div_item {border-top:1px solid #eee;}
.news_r .news_div_item:nth-child(-n+2) {display:none;}
.news_r .news_div_item_title {margin: 6% 0 0;}
.news_r .news_div_item .news_div_item_a {padding: 6% 0 0;margin-bottom: 12px;font-size: 1.3rem;}
.news_r .news_div_item_body {font-size: 14px;line-height: 1.5rem;padding: 4% 0 0;color: #666;text-overflow: ellipsis;-webkit-line-clamp: 2;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.news_r .news_div_item .news_div_item_pic {width: 36%;display: none;}
.news_r .news_div_item .news_div_item_content {width: 100%;}
.news_r .news_div_item .news_div_item_date {top: 66%;left: 76%;color: #999;font-size: 16px;display: flex;margin: 2% 0 0;}
.news_r .news_div_item .news_div_item_a::before {top: 120px;}
.news_r .news_div_item .news_div_item_a::after {top: 6.1vw;left: 56%;}
.news_r .new_column {background: #1f78c7;width: 18%;text-align: center;padding: 1% 0;/* position: absolute; */top: 10%;border-radius: 2px;display: none;}
.news_r .new_column a {font-size: 0.875rem;color: #fff;}

/*copy*/
.cop_bc{background: url(//memberpic.114my.com.cn/youyuanyinshua/uploadfile/image/20241204/20241204201657_1724888800.png) no-repeat bottom center;}
.yq_c{display: flex;align-items: center;height: 144px;border-bottom: 1px solid rgba(102,102,102,0.05);padding-left:3%;}
.yq_cc{display: flex;align-items: center;height: 144px;border-bottom: 1px solid rgba(102,102,102,0.05);padding-left:0%;text-align:center;justify-content: center;font-size: 25px;color: #333;}
.l_lj b{font-size: 25px;color: #333;font-weight: bold;}
.l_lj p{font-size: 14px;color: #696b6a;letter-spacing: 6px;margin-top: 0px;}
.links_c{margin-left: 30px;width:92%;}
.links_cc{width:100%;text-align:center; font-size:20px;}
.linkTagcs{width:100%!important;}
.bq_ewm{display: flex;}
.bq_ewm li{position: relative;}
.bq_ewm li span{width: 40px;height: 40px; border-radius: 0%;text-align: center;line-height: 40px;font-size: 15px;color: #fff;display: block;transition:all .5s;font-family: 'iconfont';border-radius: 50px;background: #00388f;}
.bq_ewm li+li{margin-left: 12px;}
.ewm_cc{display: none;position: absolute;
    top: -155px;
    left:calc(50% - 75px);}
.ewm_cc img {
    width: 150px!important;
}
.cop_c {background: #fff; position: relative; margin-top: -144px; z-index: 999;}

.cop_ic {
    display: flex;
    justify-content: space-between;
    padding: 78px 100px 78px;
}

.cop_lt>b {
    font-size: 24px;
    color: #333;
font-weight:normal;
}

.cop_lt>p {
    font-size: 14px;
    color: #ababab;
    margin: 5px 0 30px;
    position: relative;
    text-transform: uppercase;
}

.cop_lt>p:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 3px;
    background: linear-gradient(to bottom, #00388f 0%, #0164d0 100%);
    bottom: -21px;
    left: 0;
}

.cop_lx {
    font-size: 15px;
    color: #999;
    line-height: 28px;
    margin-bottom: 40px;
}
.bq_ewm li:hover span {
    background: linear-gradient(to bottom, #11ccee 0%, #1f78c7 100%);
    border: 2px solid #11ccee;
    color:#fff;
}

.cop_rc ul {display: flex;justify-content: space-between;}

.cop_rc {
    width: 68%;
}
.cop_rc li{    border-left: 1px #eee solid; padding-left: 6%;}
.cop_rc ul li>b {
    display: block;
    font-size: 20px;
    color: #333;
    margin-bottom: 22px;
font-weight:normal;
}

.cop_rc ul li>a {
    display: block;
    font-size: 15px;
    color: #999;
    line-height: 26px;
}
.cop_rc ul:nth-child(2) li:first-child {
    margin-top: 30px;
}

.cop_rc ul:nth-child(2) li {
    position: relative;
    margin-top:30px;
}
.foo_c {
    text-align: center;
    height: 100px;
    line-height: 100px;
    color: #ccc;font-size: 16px;
}
.foo_c a{color: #ccc;font-size: 16px !important;}

.foo_c * {
    font-size: 14px!important;
    color: #66686a;
}
/*--serverBar--*/
.serverBar{display:none;position:fixed;z-index:999;top:30%;right:0;transform:translateY(-50%);}
.serverBar li{position:relative;margin-bottom:10px; line-height: 26px;}
.serverBar li a{display:block;padding:12px 5px;width:70px;height:70px;text-align:center;color:#000 !important;background:#fff;border:#f0f0f0 solid 1px;}
.serverBar li a>i{display:block;font-size:22px;line-height:28px;}
.serverBar li a>span{display:block;font-size:14px;}
.serverBar li:hover a{color:#fff !important;background:#00388f;border-color:rgba(255,255,255,0.1);}
.serverBar li .infos{display:none;position:absolute;right:70px;padding:10px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);}
.serverBar li .tel{top:0;}
.serverBar li .tel dt{padding-bottom:6px;font-size:14px;color:#666;border-bottom:#f0f0f0 solid 1px;}
.serverBar li .tel dd{padding-top:6px;font-size:19px;font-family:"srm";color:#00388f;white-space:nowrap;}
.serverBar li .QRcode{bottom:0;overflow:hidden;}
.serverBar li .QRcode .item1{overflow:hidden;}
.serverBar li .QRcode .item1 i{display:block;width:100px;}
.serverBar li .QRcode .item1 img{display:block;width:100%;}
.serverBar li .QRcode .item1 p{font-size:14px;color:#000;text-align:center;}
.serverBar li:hover .infos{display:block;}
@media(max-width:1200px){
.serverBar{display:none !important;}
}
/*--end serverBar--*/