@import "mobile.css";

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%; text-decoration: none}
* a{ color:#000;}
body,html{height:100%;background: #f5f5f5;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}
b,strong{font-weight:700}
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
ul{list-style:none}
li{display:list-item}
table{border-collapse:collapse;border-spacing:0}
caption,td,th{font-weight:400;vertical-align:top;text-align:left}
small,sub,sup{font-size:75%}
sub,sup{line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
svg{overflow:hidden}
input:focus {
    outline:none;
}

@font-face {
  font-family: 'iconfont';
  src: url('../other/iconfont.eot');
  src: url('../othericonfont.eot?#iefix') format('embedded-opentype'),
  url('../other/iconfont.woff') format('woff'),
  url('../other/iconfont.ttf') format('truetype'),
  url('../other/iconfont.svg#iconfont') format('svg');
}
.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;
}
body{font:12px/1.5 "Microsoft YaHei",tahoma,arial,Hiragino Sans GB,\5b8b\4f53;margin:0 auto; padding:0px;}
.index-server,.a-ul li a .server-txt,.a-ul-p li a .index-p span,.index-new-lT   span a{ color:#333333}
.index-server h3 a{ display:block; border:#000 solid 1px; border-radius:15px; padding:3px 30px 3px 15px; font-size:22px; text-align:center; color:#000; font-weight:normal; width:130px; margin:0px auto; background:url(../images/icon2.png) no-repeat right center; background-size:15%}

.logimgdiv{ width: 531px;
height: 218px;
background:url(../images/a23.png) no-repeat center center;
opacity: 1;
position:absolute;
top:-7px; left: 36%;
z-index:2;
}
.ls_topct{}
.logimgdiv img{ display: block;margin: 0px auto; padding-top:23px;}
.fl{ float: left; }
.fr{ float: right; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.wrap{ width: 100%; margin: 0px auto;padding: 0px;}
.container {    max-width: 1280px;margin: 0px auto;  clear: both;}
.ls_top{  height:164px; background: linear-gradient(271deg, #002257 0%, #003587 51%, #002257 100%);

position: relative;

}
.top-a1{

opacity: 1;

 }
.index-top-rx{
  width: 694px;
  border-bottom: 2px solid #CEB36E; color: #fff; text-align: center; line-height: 60px;
} 
.index-top-rx{
  font-size: 14px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
}
.index-top-rx img{ padding-right: 10px;}
.index-top-rr{height:40px;padding:15px 0px 5px 0px; line-height: 60px; width: 694px; text-align:center;border-bottom: 2px solid #CEB36E;}
.index-seachj{
  width: 160px;margin-left: 70px;
height: 30px;
border-radius: 16px 16px 16px 16px; line-height: 30px;
opacity: 1;
border: 1px solid #FFFFFF; overflow: hidden; position: relative;
}
.seach-input{color: #f5f5f5; font-size: 12px; height:25px; width:65%; border: none; line-height:25px; background: none;}
input::-webkit-input-placeholder { 
/* WebKit browsers，webkit内核浏览器 */
color: #f5f5f5; 
font-size: 12px;
} 
input:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #f5f5f5; 
font-size: 12px;
} 
input::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: #f5f5f5; 
font-size: 12px;
} 
input:-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: #f5f5f5; 
font-size: 12px;
}
.trans{   
    -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }

.seach-bot{border: none; width: 18px; height:18px; background: url(../images/a13.png) no-repeat center center; position: absolute; right: 10px; top:7px;}
.language{width: 30px;
height: 30px; line-height: 30px;
opacity: 1;
border-radius:50%;
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
border-radius: 50%; 
border: 1px solid #FFFFFF;margin-left: 22px; }
.platform{margin-left: 50px;}
.platform li{
   float: left;
  padding:1px; line-height:37px; height:40px;
    margin: auto 0;
    font-size: 0;
    position: relative;
} 
.platform li a{display: inline-block;padding: 0px 15px;}
.bottom-solid{height: 7px;
background: linear-gradient(297deg, #C59E2F 0%, #DFBA65 50%, #B68A0F 100%);
border-radius: 0px 0px 0px 0px;margin-top:49px;
position: absolute;
top:108px;
left: auto;
z-index: 1;
width: 100%;
opacity: 1;}
.card {
    width:auto;
    height: auto;
     position: absolute;
    top: 98%;
    right:-110%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
}
.platform li:hover .card {
    opacity: 1;
    visibility: visible;
      animation: fadeInUp1 .5s both alternate;
    -webkit-animation: fadeInUp1 .5s both alternate;
}
@-webkit-keyframes fadeInUp1{from{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp1{from{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp1{-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1}
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInLeft1{from{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft1{from{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft1{-webkit-animation-name:fadeInLeft1;animation-name:fadeInLeft1}
@-webkit-keyframes fadeInRight1{from{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight1{from{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.menu-l{margin-top: 25px;}
.menu-l li{
  list-style: none;

height: 28px;
font-size:20px;
font-family: 'Oswald', Arial, Helvetica, sans-serif !important;
font-weight: bold;
color: #FFFFFF;
line-height: 0px; float: left;
line-height: 35px; text-align: center; padding: 0px 15px; position: relative;
 
}
.menu-l .fr{float: right; margin-left:0px;}
.menu-l li a{ color: #fff;}

#mysd:after{
    position: absolute;
    content: ' ';
    background: url(../images/a8.png) no-repeat center center;
    background-size: 100% 100%;
    width: 100%;
    height:248px;
    right: 0;
    bottom:-60px;
    margin-top: 0;
    z-index:1;
}
.menu-l li .hbg{
      width:19px;
    height:19px;
 
    display: inline-block;
    position: absolute;
    background: linear-gradient(271deg, #002257 0%, #003587 51%, #002257 100%);
border-radius: 0px 0px 0px 0px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.menu-l li .header-nav-icon {
    width: 16px;
    margin: auto;
    opacity: 0;
    transition: all .3s;
    position: absolute;
    left: 50%;
    bottom: -18px;
    margin-left: -7.5px;
}
.menu-l li:hover .header-nav-icon{ opacity: 1;}
.flexslider{overflow:hidden;position:relative;width:100%;margin:0 auto!important}
.slides{position:relative;z-index:1;padding:0;margin:0;height:auto}
.slides li{height:auto;cursor:pointer;overflow:hidden;border-radius:3px}
.slides li img{display:block;width:100%}
.slides li a{height:100%;width:100%;margin:0 auto;position:absolute;z-index:15;display:block}
.flex-control-nav{width:100%;text-align:center;bottom:50px;z-index:3;position:absolute;/*left:50%;*/ margin-left:-50px}
.flex-control-nav li{margin:0 5px;width:18px;height:18px;display:inline-block;-ms-zoom:1;list-style:none;}
.flex-control-nav a{background:#FFF;width:18px;height:18px;line-height:40px;font-size:0;border-radius:50%;overflow:hidden;display:inline-block;cursor:pointer;z-index:10}
.flex-control-nav .flex-active{ background:#0E429E;width:18px;z-index:10;cursor:pointer;height:18px;line-height:40px;border-radius:50%}
.flex-direction-nav{top:50%;width:100%;margin-top:-25px;position:absolute;z-index:13}
.flex-direction-nav li a{width:50px;height:50px;overflow:hidden;display:block;position:absolute;font-size:0;cursor:pointer}
.flex-direction-nav li a.flex-prev{background:url(../images/a31.png) no-repeat center;left:10px;background-size:100%}
.flex-direction-nav li a.flex-next{background:url(../images/a32.png) no-repeat center;right:10px;background-size:100%}

.index-ti{width:370px; height:63px;background: url(../images/Brandproducts.png) no-repeat center center;position: absolute;
left:5%;
bottom:30px;
z-index:3; text-align: center;padding-top: 10px;}
.index-brand-ti{width:455px; height:63px;background: url(../images/Brandintroduction.png) no-repeat center center;position: absolute;
left: 25%; top: 41px;
z-index:3; text-align: center;padding-top: 10px;}
.index-history-ti{width:370px; height:63px;background: url(../images/) no-repeat center center;position: absolute;
left:41%;
top:0px;
z-index:3; text-align: center;padding-top: 10px;}
.index-brand-ti span,.index-history-ti span,.index-history-tim span{font-size: 32px;
font-family: PingFang SC-Heavy, PingFang SC;
font-weight: 800;
color: #333333;
line-height: 0px;display:block;margin-top: 10px;}
.index-ti span{font-size: 32px;
font-family: PingFang SC-Heavy, PingFang SC;
font-weight: 800;
color: #333333;
line-height: 0px;display:block;margin-top: 10px;} 

.index-brand-ti i,.index-history-ti i,.index-history-tim i{display: inline-block;height: 5px;width: 46px; background: #0E429E;
border-radius: 4px 4px 4px 4px;margin-top: 20px;}
.index-ti i{display: inline-block;height: 5px;width: 46px; background: #0E429E;
border-radius: 4px 4px 4px 4px;margin-top: 20px;}
.container1780{width: calc(90% + 30px); margin: 0px auto; clear: both;}
.index-case{overflow: hidden; margin: auto; height: 1400px; background:#fff url(../images/a12.png) no-repeat top center ; background-size: cover;}
.index-case-u{background: #FFFFFF;
padding-top: 30px; background:linear-gradient(to bottom,rgba(255,255,255,.8),rgba(255,255,255,.5));
border-radius: 0px 0px 30px 30px;}
.index-case-u li{width:22%; overflow: hidden; margin: 0 auto 15px; text-align: center; float: left; padding: 23px 25px;}
.index-case-u li a{width:278px;margin: 0px auto; display:block; overflow: hidden;}
.index-case-u li a img{margin: 0px auto; display: block;}
.index-case-u li p{font-size: 20px; padding-top: 30px;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: bold;
color: #333333;
line-height: 26px;}
.about-tt{
 /* 背景：淡蓝色渐变，从浅到稍深再到浅 */
  background: linear-gradient(to right, rgba(210, 227, 252, 0.2), rgba(173, 205, 250, 0.2), rgba(210, 227, 252, 0.2));
  /* 文字样式 */
  font-size:28px;
  font-weight: bold;
  color: #1E40AF; /* 深蓝色文字 */
  /* 布局：让文字居中 */
  display: inline-block;
  padding: 20px 20%;
    letter-spacing: 2px; /* 字母间距拉开，更贴合视觉 */

  border-radius: 4px; /* 可选：轻微圆角更柔和 */    
}
.index-case-u li a:hover{z-index: 8; transform: translateY(-10px);/*box-shadow:0px 10px 20px rgb(0 0 0 / 6%);*/ padding-bottom: 10px;}
.index-Brand-txt{width: 100%; position: relative;padding-top:80px;}
.index-branding{width: 330px; height: 330px; position: absolute;left: 16%; top: 105px; z-index: 1}
.index-brand-txt-small{width: 1066px;height: 469px; background: url(../images/a9.png) no-repeat center center;position: absolute;left: 23.4%; top:200px;}
.index-brat-trian{font-size:18px;font-family: PingFang SC-Heavy, PingFang SC;font-weight: 800;
color: #003891;line-height:35px;width: 627px;position: absolute;top: 130px;left: 25%;}.index-brat-trian:hover,.index-brand-t-p:hover{padding-left: 5px;}
.triangleimg{display:block; float: left;margin-top: 10px;
position: absolute;
top:130px;
left: 22%;}
.index-brand-t-p{font-size: 16px;width: 699px;
font-family: PingFang SC-Bold, PingFang SC;
 
color: #333333;
line-height: 27px;
position: absolute;
top: 210px;
left: 25%;}
.index-brand-t-p p{margin-bottom:0px; text-indent:1.5em;}
.index-history{width: 100%; overflow: hidden; margin: auto; position: relative; z-index: 98;
top: -144px;} .quxian{position: absolute; top: 0px; left: 0px;}

.index-history-a{position: relative;} 
.index-history-flexslider{width: 1780px;margin:100px auto;}
.time-line .left-btn,.time-line .right-btn{z-index: 2; width: 30px;height: 30px;background: url(../images/a25.png) no-repeat;position: absolute;margin-top:-15px;cursor: pointer;}
.time-line .left-btn{left: -3px;
    top: 48.5%;}
.time-line .right-btn{right: -3px;
    top: 46.8%;transform: rotate(180deg);}
.time-line{padding-top: 130px;}
  .time-line .time-box{width:996px;margin: 0 auto;overflow: hidden;}
  .time-line .time-box ul{width:1015px; overflow: hidden;position: relative;height:468px;padding-top: 30px;}
  .time-line:after{content: "";height: 1px;border-bottom: dashed 1px #707070;width: 100%;position: absolute;left:0;top:47.5%;}
  .time-line .time-box li{height:130px;  margin-right:5px; margin-top: 20px;padding: 10px 0px; width:320px;float: left;padding: 10px;box-sizing: border-box;position: relative; cursor: pointer;}
  .time-line .time-box li.tyly{margin-top: 166px;}
  .time-line .time-box li:before{content: "";border-left: 1px solid #d2d2d2;position: absolute;width:5px;height:5px;background:#0E429E;  
   bottom:-39px; left:16%;margin-left: -13px; border-radius:50%;}
 .time-line .time-box li i:after{content: "";width: 15px;height: 15px;background:#E5BF68;border:#0E429E solid 3px; border-radius: 50%;  position: absolute;left:50%; z-index: 1;
margin-left:-10px;
top:-4px;
}

.time-line .time-box li i.line {
    height:125px;
    width: 1px;
    display: block;
    background-color: #0A3875;
    position:absolute;
    left:41px;
    top:43px;
  
}
.about li i.line{
	top:60px ! important;
}
.about li:before{
bottom:-60px !important;
}
.about li.tyly:before{
	    top: 38px !important;
}
.about li.tyly .line{ 
	 top: 42px ! important;
 }
.time-line .time-box li.tyly h3{padding-left: 40px;padding-top: 20px;}
.time-line .time-box li.tyly .line{top:19px;left: 12.6%;}
.time-line .time-box li.tyly i:after{top: 104px ! important;}
.time-line .time-box .tyly:before{bottom: auto;top:18px;transform: rotate(-225deg);    }
.time-line .time-box li.tyly:after{bottom: auto;top:-46px;}
.time-line .time-box li:hover,.time-line .time-box li.active{}
.time-line .time-box li.tyly .li-box-txt{top:-155px;}
/*
.time-line .time-box li:hover:before,.time-line .time-box li.active:before{border-color: #1b96ff;background: #1b96ff;}*/
.time-box li h3{font-size: 20px;
font-family: PingFang SC-Heavy, PingFang SC;
font-weight: 800;
color: #0E429E;padding-left:55px;
margin-top:23px;}
.time-box li p{width:270px;

font-size: 14px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 26px;padding-left:55px;}
.wfr{ text-align:center;margin-bottom:15px;}
.time-box li.tyly p{padding-left: 43px;}
.li-box-txt{width:275px;
height:auto;
background: #FFFFFF;
border-radius: 17px 17px 17px 17px;
z-index: 3;
opacity: 0;
padding: 15px;
border: 3px solid #0E429E;
position: absolute; top:-50px; left:20px;}
.li-box-txt h4{font-size: 20px;
font-family: PingFang SC-Heavy, PingFang SC;
font-weight: 800;
color: #0E429E;}
.li-box-txt h5{font-size: 16px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 26px;}
.time-box li:hover .li-box-txt{opacity: 1;}
.li-box-txt p{text-align: left;padding-left: 0px ! important; display: block; width: 100% ! important;}
.ls_indexal_l{padding: 20px; border-right:#1E65D9 solid 1px;}
.ls_indexal_l img{padding-right:100px;}
.ls_indexal_c{padding:25px 10px 0px 100px;border-right:#1E65D9 solid 1px;}
.ls_indexal_c li{float: left;padding-right:100px;}
.ls_indexal_c li h2{font-size: 20px;
font-family: PingFang SC-Heavy, PingFang SC;
font-weight: 800;
color: #E5BF68;margin-bottom: 15px;}
.ls_indexal_c li a{display: block;font-size: 16px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #78ACFF;
line-height: 35px;}

.ls_indexal_b{padding: 25px 0px 0px 90px;}
.ls_indexal_b h4{line-height: 45px;background: url(../images/a6.png) no-repeat left center;}
.ls_indexal_b h4 img{display: inline-table; width: 43px;}
.ls_indexal_b h4 span{font-size: 20px; padding-left:55px;
font-family: PingFang SC-Heavy, PingFang SC;
font-weight: 800;
color: #FFFFFF; line-height: 30px;}
.ls_indexal_b h5{font-size: 40px;
font-family: PingFang SC-Heavy, PingFang SC;
font-weight: 800;
color: #FFFFFF;}
.ls_indexal_b p{font-size: 12px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #78ACFF;}
.Copyright{font-size: 14px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #78ACFF; text-align: center;padding: 10px 0px;}

.banner{ width: 100%; margin: 0px auto;}
.banner img{ display: block;width: 100%;margin: 0px auto;}

.add{background: linear-gradient(180deg, #FFFFFF 0%, #FDFAEE 42%, #FFFFFF 77%, #FFFFFF 100%);
border-radius: 0px 0px 0px 0px;}
.add-box{padding:70px 0px;}
.container-title{width: 857px; margin: 0px auto; text-align: center; position: relative;
line-height: 106px;
background: linear-gradient(270deg, rgba(255,255,255,0) 0%, #FFF5D8 39%, #FFF5D8 62%, rgba(255,255,253,0) 100%);
border-radius: 0px 0px 0px 0px;
background: url(../images/a86.png) no-repeat  center center;
opacity: 1;}
.container-title h3{font-size: 44px;
font-family: PingFang SC-Heavy, PingFang SC;
font-weight: 800;
color: #0E429E;
/*line-height:50px;*/
display: inline;border-bottom: 2px solid #0E429E; border-top: 2px solid #0E429E; /*padding: 10px 15px;position: absolute;top:15px;left: 40%;
*/

}

.container-title span{ display: block;position: absolute;left: 42%; bottom:-37px;
font-size: 36px;
font-family: Impact-Regular, Impact;
font-weight: 400;
color: #E5BF68;
line-height: 36px;text-transform:uppercase;
}

.add-box-c{margin: 80px 0px;  border-radius: 30px 0px 0px 30px;}
.add-boc-l{width:564.5px;  padding: 51px 50px 175px 95px;background: #F1F5FF;border-radius: 16px 0px 0px 16px;}
.adlogo{margin-bottom:21px;width:50%;}
.add-l-t{border-bottom: 1px solid #DDDDDD;padding: 20px 0px; position: relative;}
.add-l-t:last-child{border-bottom:none;}
.add-boc-l .kf{background: url(../images/kf.png) no-repeat left center;}
.add-boc-l .dz{background: url(../images/dz.png) no-repeat left center;}
.add-boc-l .wx{background: url(../images/wx.png) no-repeat left center;}
.add-l-t h3{padding-left: 79px;
font-size: 20px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
}
.add-l-t h4{
  font-size: 18px;
font-family: .PingFang SC-Semibold, PingFang SC;
font-weight: 600;
margin-bottom: 5px;
color: #333333;padding-left: 79px;
}
.add-l-t p{font-size: 14px;padding-left: 79px;
font-family: .PingFang SC-Light, PingFang SC;
font-weight: 300;
color: #999999;}

.add-l-t p img{position: absolute; top:65px; left:75px;}
/**购买渠道**/
.shop-tabbox dt{width: 408px; float: left; text-align: center;
height: 60px; line-height: 60px;font-size: 20px; display: inline;
font-family: PingFang SC-Heavy, PingFang SC;font-weight: 800;
color: #333333;
background: #FFF7E5;
border-radius: 30px 30px 30px 30px; position: relative; 
flex: 0 1 45%;
margin: 2%;
}


.shop-tabbox dt a{ color: #dca733;}
.shop-tabbox{width:800px; margin:0px auto 45px auto;text-align: center;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.shop-tabbox dt.hover{background: linear-gradient(217deg, #E5BF68 0%, #DCA733 49%, #E5BF68 100%);}
.shop-tabbox dt:hover a{ color:#000;}
.shop-tabbox dt.hover a{ color: #000;}
.shop-tabbox dt:before{content:"";    width: 0px;
    height: 0px;
    border-width: 14px 14px; 
    border-color: rgba(224, 179, 77, 0.88) transparent transparent;
    position: absolute;bottom:-27px; left:46%;
    border-style: solid;
    display: inline-block;opacity: 0;}
.shop-tabbox dt:hover {background: linear-gradient(217deg, #E5BF68 0%, #DCA733 49%, #E5BF68 100%);box-shadow: 0px 10px 20px 1px rgba(0,0,0,0.16);}
.shop-tabbox dt.hover:before{opacity:1;}
.shop-tabbox dt:hover:before{opacity:1;}
.xsgmquimg{padding-top: 35px;}
.xsgmquimg li{ width:30%; text-align: center; padding: 10px 15px; float: left;margin-bottom: 60px;}
.xsgmquimg li:hover,.xxgmquimg li:hover{ z-index: 8;
     transform: translateY(-10px);}
.add-xx{background: url(../images/bguang.png) no-repeat top center; background-size: 100% 100%;}    
.xxgmquimg{padding-top:60px;}
.xxgmquimg li{ width: 20%; float: left; text-align: center;margin-bottom: 120px;} 
.xxgmquimg li a{text-align: center;line-height: 170px;display: block;background: url(../images/jxbg.png)no-repeat center center;border-radius: 20px; width:178px; height: 178px; overflow: hidden;margin: 0px auto;}
.xxgmquimg li a img{ width:70%; margin:0px 0px auto -15px; }


/***新闻***/
.news-bg{
background: #FFFFFF;
border-radius: 31px 31px 31px 31px;
opacity: 0.86;

}
.news-u{padding:0px 60px; }
.news-u li{padding: 80px 0px; border-bottom:#E5BF68 dashed 1px;}
.news-u li figure{ width: 480px;border-radius: 31px 31px 31px 31px; float: left; overflow: hidden;}
.news-u li figure img{display: block;}
.newu-li-r{padding: 25px;padding-left:60px;width: 60%;}
.news-u li figure:hover {z-index: 8;transform: translateY(-10px);box-shadow: 0px 10px 20px 1px rgba(0,0,0,0.16);}

.top-newstime{position: relative;height: 100px;}
.top-newstime .r{ font-size: 92px;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: bold;
color: #333333;
line-height: 50px; position: absolute;left: 0px;}
.top-newstime .x{height: 31px;
opacity: 1; font-size: 30px; position: absolute;left:130px; top:-13px; color: #877d7d;}
.newu-li-r h3:hover{padding-left: 10px;}
.top-newstime .m{font-size: 32px;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: bold;
color: #333333;
line-height: 36px;
position: absolute;
left: 149px; top:-8px;
}
.top-newstime .y{
  font-size: 18px;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: bold;
color: #999999;
line-height: 36px;
position: absolute;
left: 153px;
top:27px;
}
.newu-li-r h3{
  font-size: 24px;padding-top: 15px;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: bold;
color: #333333;
line-height: 36px;
}
.newu-li-r p{font-size: 16px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 36px;}

.news-txt{ width: 1180px;padding:95px 50px;  margin: 0px auto; text-align: center;}
.news-txt h1{font-size: 34px;

font-weight: bold;
color: #333333;}
.news-info-data{font-size: 16px;padding: 25px 0px;

font-weight: 300;
color: #999999;    border-bottom: 1px solid #ddd;
line-height: 30px;}
.newstext{padding: 35px 0px;border-bottom: 1px solid #ddd;
line-height: 30px;margin-bottom: 30px;}
.newstext p{ line-height: 2.4;font-size: 16px;
font-weight: 300;
color: #666666; text-align: left; margin: 15px 0;}

.page-btn a,.page-btn span{
 
 
    font-size: 16px;
    color: #999;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
 
/**品牌介绍**/
.brand-bg{background: url(../images/b76.png)no-repeat top center;}
.b-img{ text-align: center;}
.b-t1{ text-align: center;padding:35px 0px;}
.b-t2{font-size: 44px;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: bold;
color: #D8A22B;
line-height: 36px; text-align: center;position: relative; }
.b-t2:before{ content: ""; width: 160px;
height:2px; background: #E5BF68;position: absolute;left:17%; top: 16px;
opacity: 1;
}
.b-t2:after{ content: ""; width: 160px;
height:2px; background: #E5BF68;position: absolute;right:17%; top: 16px;
opacity: 1;
}
.b-taspan{padding:55px 0px; text-align: center;}
.b-taspan span{display: inline-block; margin: 0px 40px;font-size: 20px;
font-family: PingFang SC-Heavy, PingFang SC;
font-weight: 800;
color: #0E429E;}
.b-taspan span:hover{transform: translateY(-5px);}
.b-taspan span img{ display: block; margin: 0px auto; padding-bottom: 16px;}
.b-t3{padding: 65px 0px;width:910px;margin: 0px auto; }
.b-t3 p{font-size: 16px;
font-family: PingFang SC-Bold, PingFang SC;
 
color: #666666;
line-height:30px;margin-bottom:20px;}
.b-h{ width: 100%; height: 870px;}
.b-v{width: 1220px;
padding-top: 70px;
 margin: 0px auto;padding-bottom: 200px;
border-radius: 20px 20px 20px 20px; text-align: center;}
.b-v img{}

.b-p-t{background:#FFFFFF;}
.b-p-1{ width:32%;margin-right:20px;padding-top: 85px;padding-bottom: 40px;}
.b-p-1 .b-hover{height: 60px; line-height: 60px;
background: linear-gradient(217deg, #E5BF68 0%, #DCA733 49%, #E5BF68 100%); text-align: center; margin: 0px auto; width:89%;
border-radius: 30px 30px 30px 30px;margin-bottom: 40px;}
.b-p-1 .b-hover a{
  font-size: 24px;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: bold;
color: #333333;
}
.b-hover:hover{box-shadow: 0px 10px 20px 1px rgba(0,0,0,0.16);}

.b-p-u li{width: 33%; float: left; text-align: center; margin: 0px auto 10px auto;padding-bottom: 10px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease; 
}
.b-p-u li a{display: block; overflow: hidden; width: 95%;margin: 0px auto;}
.b-p-u li a p{font-size: 16px;
font-family: PingFang SC-Bold, PingFang SC;padding: 15px 0px;width: 88%;margin: 0px auto; height:60px;
font-weight: bold;
color: #333333;
line-height:24px;}
.b-p-u li a img{width:80%;display: block;margin:0px auto;}
.b-p-u li:hover{transform: translateY(-5px);}

.b-c-img{overflow: hidden;}
.b-c-img img{display: block;width: 100%;margin: 0px auto;}
.b-d-bg{background: #FEFAF0; overflow: hidden;
border-radius: 0px 0px 0px 0px;}
.b-d-tq{font-size: 40px;width:50%; margin: 0px auto; text-align: center;
font-family: PingFang SC-Heavy, PingFang SC; text-align: center;padding-top:70px;
font-weight: 800;
color: #0E429E;
line-height: 36px;
/*text-shadow: 0px 6px 8px rgba(0,0,0,0.38);*/}
.b-d-tq span{display:inline-block;}

.b-d-tq img{padding-top:20px;padding-bottom: 40px;display:block;margin:0px auto;}
.b-d-cc{width:1280px;margin: 0px auto;padding-top: 50px;padding-bottom: 100px;}
.b-d-dl{position: relative;margin-bottom:30px;}
.b-d-dtlimg{position: relative; transition: all 2s;  border-radius: 50%; width: 98px;height: 98px; line-height:98px; text-align: center; border: #EED677 solid 5px; float: left;}
.b-d-dl dd {margin-left:145px;}
.b-d-dtlimg{ font-size:45px;}
/*
.b-d-dtlimg:before {
            display: inline-block;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            box-sizing: border-box;
            content: '';
        }
.b-d-dtlimg:hover:before {
            border: dashed 5px #EED677;
            animation: whirl 9s linear infinite;
        }
       @keyframes whirl {

            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }*/
    
.b-d-dl dd h4{font-size: 32px;
font-family: PingFang SC-Heavy, PingFang SC;
font-weight: 800;
color: #17691A;
line-height: 36px;margin-bottom: 20px;}
.b-d-dl dd p{font-size: 16px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 32px;}
.max388{max-width: 388px; max-height:508px;}
.b-dc-e{width: 735px;}
.b-d-c-rbottom{background: #E5BF68;line-height: 46px;padding-right:20px; margin-top: 30px;
border-radius: 28px 28px 28px 28px;
font-size:14px;
font-family: PingFang SC-Bold, PingFang SC;
font-weight: bold;
color: #0E429E;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease; 
}
.b-d-c-rbottom:hover{box-shadow: 0px 10px 20px 1px rgba(0,0,0,0.16);margin-left: 5px;}
.b-d-c-rbottom span{font-size:16px;

font-weight: bold;padding: 0px 20px; margin-right: 20px;
color: #FFFFFF;background: #0E429E;
border-radius: 28px 28px 28px 28px; display:inline-block;}

.b-d-bgFFFFFF{background: #FFFFFF;padding-bottom: 120px;}
.plb-box{width: 1280px;border-radius: 20px 20px 20px 20px; margin: 0px auto 0px auto;padding:10px 27px 60px 27px;
opacity: 1;
border: 2px solid #0E429E;}
.plb-box h3,.plb-box h4{text-align: center; font-size: 32px;margin-top: 55px;
margin-bottom: 30px;
font-weight: 800;
color: #0E429E;
line-height: 44px;}
.plb-boxul{margin: 0px auto 0px auto;}
.pl-smalltxt{padding:40px 30px;  background: #DEEBFF;
border-radius: 15px 15px 15px 15px;font-size: 24px;

font-weight:500;
color: #0E429E;
line-height: 44px;}
.plb-boxul{padding-bottom: 155px;padding-top: 40px;}
.plb-boxul li{width: 21%; float: left;margin: 0px 21.5px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease; 
}
.plb-boxul li .b-pcpimg-box{background: #FFFFFF;padding-top: 20px;padding-bottom: 40px;
border-radius: 16px 16px 16px 16px; text-align: center; width: 99%;margin: 0px auto;}
.plb-boxul li .b-pcpimg-box .b-pcpimg{display: block; width: 90%; overflow: hidden;margin: 0px auto; }
.plb-boxul li p{
  font-size: 16px;
font-family: PingFang SC-Heavy, PingFang SC;
font-weight: 800;
color: #333333;
padding-top: 10px;
line-height: 26px;
    margin:0px auto 20px auto;
    width: 70%;
}
.plb-boxul li .b-pcpimg-box img{display: block; width:55%;margin: 0px auto;}
.plb-boxul li:hover{/*box-shadow: 20px 10px 20px 1px rgba(0,0,0,0.16);*/transform: translateY(-8px);}
.plb-boxul li:hover .buy-order{padding:0px 5px;}
.plb-boxul li .buy-order{ display: block;width: 150px; text-align: center;margin: 0px auto;
background: linear-gradient(271deg, #176bef 0%, #003587 51%, #002257 100%);
border-radius: 30px 30px 30px 30px;
font-size: 18px;
font-family: PingFang SC-Heavy, PingFang SC;
font-weight: 800;
color:#E5BF68;
line-height: 44px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease; 
}
.left_menu {

  position:fixed;
  left:0px;
  top:30%;
  width:270px;
  height: 550px;
  z-index: 5;

}
.left_menu_a{-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease; line-height: 61px;margin: 0px 0px;position: relative;


}
/*
.left_menu .un{}
*/
.left_menu_a p{width:60px;height:60px;padding:5px 0px;  background: #FFF1D2;    -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
.left_menu_a p img{ margin:0px 10px;float: left; display: inline-block;}
.left_menu_a .tools-menu{font-size: 16px;
font-family: PingFang SC-Bold, PingFang SC; 
font-weight: bold;
color: #FFFFFF; 
position: absolute;
   width: 260px;
    height: 60px;
    line-height: 60px;
  
    top: 0;
   background: #0E429E;padding:5px 0px;
border-radius: 0px 50px 50px 0px;margin-bottom: 10px; display: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.left_menu_a a span{display: inline-block;width: 70%;line-height: 24px;padding-left: 20px;padding-top: 6px;}
.left_menu_a p:hover{background: #0E429E;}
.left_menu_a:hover .tools-menu{display: block;  right:-44px;}
/* 综合模块 */
 
 
 .ls_indexal_center{margin: 15px auto;  }
.ls_indexal_top { height:auto; padding:60px 0px 35px 0px; }
.ls_indexteamdivc .wfr {padding-bottom:15px;}
.ls_indexteamdivc p a{ color:#fff;}
.ls_indexal_l h2{ font-size:18px; color: #3f3e3e; font-weight:bold; margin-bottom: 18px; }
.ls_indexal_l h2 em{ height: 2px; display: inline-block; width: 50px; margin-left:15px; background:#8a9c46;  }
.ls_indexal_l  p{ font-size: 14px; color: #3f3e3e; }
.ls_indexal_r{ width:43%; border: #000 solid 1px; height: 100%; }
.ls_indexal_r li{ width: 24.5%; float: left; text-align: center; }
.ls_indexal_r li span,.ls_indexal_r li a{ display:block; }
.ls_indexal_r li a:hover{ color:#8a9c46;  }
.ls_indexalul{ margin:25px auto; }
.ls_indexalul li{ width: 33.333333%;  float: left; overflow: hidden;}
.ls_indexalul li a{ width: 95%; display: block; overflow: hidden; margin:10px auto 20px auto; position: relative; }
.ls_indexalul li a .ls_indexalul_img{ display: block; width:99%; overflow: hidden; height: 300px; }
.ls_indexalul li a .ls_indexalul_img img{transition: all 0.4s ease-in-out 0s;  display: block; width: 100%; margin:0px auto;  }
.ls_indexalul li a .ls_indexalul_img img:hover{ opacity: 0.9;
    transform: scale(1.3);}
.ls_indexalul li a p{ background: rgba(0,0,0,.3); width:99%; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size:20px; position: absolute;left: 0px; bottom: 0px; }

 
 
.footercp{border-top:#d7d7d7 solid 1px; width: 100%; margin:0px auto; padding:20px 0px; background:#f5f5f5; color:#000; text-align: center; font-size: 14px;}
/**二级菜单

.f_nav{border-radius:5px; background: #fff;margin:0px auto;   position: absolute; top:-20px;left: 32.5%;

  box-shadow: 0 0 5px 2px rgba(0,0,0,.35);

 }*/
 
/*新闻*/
 

/**企业展示**/
.show-hright{width:100%; height:80px;margin:0px auto;}
.tablea{ width:1200px; margin:0px auto;}
.tg_indexanli_ul,.tg_indexanli_ul2{display:none}

.cxscroll{position:relative;width:1200px; height:auto;  margin-top:20px; margin-bottom: 70px;}
.cxscroll .box{overflow:hidden;position:relative;width:1149px;height:auto;margin:0 auto; /*border:#000 solid 1px;*/}
.cxscroll .list{overflow:hidden;width:5000px}
.top20{margin-top:35px;padding-bottom: 25px;}
.cxscroll .list li{float:left;width:380px;  }
.cxscroll .list li a{position:relative}
.cxscroll .list li .tg_indexaliimg{width:95%; display: block; overflow:hidden; margin: 0px auto;  }
.cxscroll .list li img{display:block;margin:0 auto;width:100%;cursor: pointer;transition: all 0.8s;  }
.cxscroll .list li .img_overtxt{width:95%;margin:0 auto;text-align:center;background:#fff;font-size:16px; color:#666666;padding: 20px 0px;}
.cxscroll .next,.cxscroll .prev{position:absolute;top:50%;margin-top:-25px;width:45px;height:93px;font:0/0 Arial;cursor:pointer;z-index:10}
.cxscroll .prev{left:-60px;background:url(../images/003.jpg) no-repeat center center; }
.cxscroll .next{    right:-60px;background:url(../images/004.jpg) no-repeat center center;}
.cxscroll .list li:hover .img_overtxt{

 box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4);
 }

.cxscroll .list li:hover  img{
    transform: scale(1.2);  
  }

.ls_indexnewsul{ margin:25px auto; }
.ls_indexnewsul .interpo{ width:378px; overflow:hidden; height: 418px; padding:1px;

  transition:All 0.4s ease-in-out;
  -webkit-transition:All 0.4s ease-in-out;
  -moz-transition:All 0.4s ease-in-out;
  -o-transition:All 0.4s ease-in-out;
}
.ls_indexnewsul .interpo:hover {
  transform:translate(0,-10px);
  -webkit-transform:translate(0,-10px);
  -moz-transform:translate(0,-10px);
  -o-transform:translate(0,-10px);
  -ms-transform:translate(0,-10px);
  -webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;
}

.ls_indexteamdiv{ background:#0E429E;color: #fff;margin-top:0px;}
.ls_indexteamdiv2{background:#0E429E;}
/**企业文化**/
.qiyewenhua{ height: 328px; width: 100%; background: url(../images/b12.jpg) no-repeat center center;}
.qiyewenhua-a{ width: 100%; text-align: center; font-size: 18px; padding-top:144px; color:#fff;}
.qiyewenhua-a p{ margin-bottom: 7px;}
.qiyewenhua-t{ color: #fff; width: 60%; margin: 15px auto; text-align: center; font-size: 16px;line-height: 24px;}


/**产品中心**/
.pro-list {
    margin: 20px auto;
}
.pro-list li{ width: 33.3%; float: left; overflow: hidden; margin-bottom:3%; }
.card-shadow {
    
   background: #fff;
  width: 74%; display: block; margin: 0px 10px;
    border: 1px solid #f5f5f5; padding:8%; overflow: hidden;
  
}
.card-header {
    position: relative;
    width: 100%;
    overflow: hidden;
}

figure {
    margin: 0;
}

.card-header img {
    display: block;
    width:90%;margin: 0px auto;
}

img {
    vertical-align: middle;
}

.cover:not(:hover) .overlay-panel:not(.overlay-background-fixed) {
    opacity: 0;
}


.overlay-icon:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "+";
    width: 50px;
    height: 50px;
    line-height:50px;
    margin: 0 auto;
    margin-left: -26px;
    font-size: 40px;
    text-align: center;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 50%;
    top: -50px;
}
/*.overlay-icon:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}*/

.overlay-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    color: #fff;
}
.overlay-background {
    background: rgba(0,0,0,.5);
}
.overlay-icon {
     
    text-align: center;
      transition-duration: .3s;
}

.pro-list li:hover .overlay-icon::before {
    margin-top: -25px;
    top: 50%;
    transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
}

.overlay-panel a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 99;
}

.font-size-16 {
    transition: ease-out .35s;
    padding:5% 20px;
    text-align: center; font-size: 18px;
    color: #666666;
}

a.btn-ajax {
    display: block;
    width: 48px;
    height: 48px;margin: 0px auto;
    background: url(../images/icon-omiss.png) no-repeat;
  
 
    bottom: 0px;
}


/*新闻详情*/
.newsdetail-div{margin-top: 35px;}
.newsdetail{position:relative;margin-top:45px; padding-bottom: 10px;width:700px;padding-left:140px;}
.newsdetail .share{margin-top: 20px;padding-bottom: 10px;overflow:hidden;}
.newsdetail .share a{opacity:0.8;filter:alpha(opacity:80);}
.newsdetail .share a:hover{opacity:1;filter:alpha(opacity:100);}
.newsdetail p{line-height: 22px; text-align:justify;font-size: 13px;color:#63636D;margin-top: 15px;}

.newsdetail h1{font-size: 20px;color:#333;line-height: 30px;padding-bottom: 10px;}
.newsdetail .ninfo{line-height: 24px;color:#999999;font-size: 13px;}
.newsdetail .date{position:absolute;width:83px;height:92px;background:#00a100;color:#fff;font-family: "DincondMedium";font-size: 20px;text-align: center;padding: 10px 13px;top:0px;left:0px;}
.newsdetail .date i{font-size:45px;display:block;line-height: 50px;padding-bottom: 5px;}
.newsdetail .date b{font-size: 18px;}
.readcount{height:16px;line-height: 14px; color: #666666; padding: 15px 0px 20px 0px; border-bottom: #666666 solid 1px;}
.newsdetail img{max-width:100%;}

.newsright{ width: 27.5%;}

.alonenews{width:97%;background:#00a100;font-size: 12px;color:#fff;line-height: 22px;margin-top: 25px;}
.alonenews h3{font-size: 18px;color:#fff;line-height: 30px;padding-bottom: 10px; font-weight: normal;}
.alonenews ul li{padding:10px 0px; border-bottom: #fff dashed  1px;}
.alonenews li a{display:block;float: left; font-size: 13px;line-height: 24px;color:#fff; width:73%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.alonenews li a:hover{color:#333;}
.alonenews li i{color:#fff;font-size: 12px;font-style:normal; float: right;}
.inan{padding: 15px 10px;}

.proddetail{
  position: relative;
    margin-top: 45px;
    padding-bottom: 10px; 
    width: 700px;
    padding-left: 310px;
}

.prodata-img{
  position: absolute;
    width:260px;
    height:300px;
    
    color: #fff;
    font-family: "DincondMedium";
    font-size: 20px;
    text-align: center;
    border-left:#30b40f solid 5px;  overflow: hidden;
    top: 0px;
    left:20px;
}
.prodata-img img{ display: block; width:255px; height:294.5px; }

.ienb{ width: 100%; display: block;}
.prodata h1{ font-size: 27px; color: #30b40f;}
.classname{ margin: 15px 0px;}
.classname a{ font-size: 20px; color:#fff; background: #30b40f; padding:6px 23px; display:inline-block; }
.classname span{ font-size: 18px; padding-left:15px;color: #000033}
.right20 a{ margin-left: 10px;}

.school-line {
    margin:25px 0px 40px 10px;
    width: 1160px;
    height: 15px;
    background: url(../images/school-line.jpg) no-repeat center center;
}

.right20 a:hover{
 background: #30a114;
}


/*技术服务*/
.servicebg{width:100%;background:#fff url(../images/sn-bg.jpg) no-repeat center top;position:relative;}
.servicebg .classtitle{top:90px;color:#fff;}
.servicebg .classtitle b{color:#fff;}
.serviceinfo{width:1230px;background:#fff;margin-top:75px;overflow:hidden;}
.sn-right-img{float:right;width:586px;}
.sn-info{width:500px;height:320px;float:left;margin-top: 60px;margin-left: 93px;}
 .sn-info h4{font-size: 26px;color:#333333;text-align: right;line-height: 30px;font-weight: normal;padding-bottom: 5px;}
 .yebhb{ text-align: right; font-size: 16px;padding-top: 15px; padding-bottom: 20px; color:#666666;}
.mt15{margin-top: 15px; font-size: 15px; line-height: 27px; color: #666666;}




.sntabs-title{margin-top: 100px;padding-bottom: 120px; padding-top: 45px;}

.sntabs-title li{float:left;margin-right:50px;}
.sntabs-title li a{display:block;width:176px;height:153px;padding-top: 10px;padding-bottom: 10px; background: #f5f5f5;border-radius: 5px;text-align: center;-webkit-transition: none;transition: none;}
.sntabs-title li span{display:block;padding-top: 15px; font-size: 15px;}
.sn-icon{display:block;width:100px; height:88px;margin:10px auto;}
.sntabs-title .sn1{background:url(../images/ico1.png) no-repeat;}
.sntabs-title .sn2{background:url(../images/ico2.png) no-repeat;}
.sntabs-title .sn3{background:url(../images/ico3.png) no-repeat;}
.sntabs-title .sn4{background:url(../images/ico4.png) no-repeat;}
.sntabs-title .sn5{background:url(../images/ico5.png) no-repeat;}

.sntabs-title li a:hover,.sntabs-title .current a{background:#30b40f;}
.sntabs-title li a:hover span,.sntabs-title .current a span{color:#fff;}
.sntabs-title li a:hover .sn1,.sntabs-title .current a .sn1{background:url(../images/sn1-hover1.png) no-repeat;}
.sntabs-title li a:hover .sn2,.sntabs-title .current a .sn2{background:url(../images/sn1-hover2.png) no-repeat;}
.sntabs-title li a:hover .sn3,.sntabs-title .current a .sn3{background:url(../images/sn1-hover3.png) no-repeat;}
.sntabs-title li a:hover .sn4,.sntabs-title .current a .sn4{background:url(../images/sn1-hover4.png) no-repeat;}
.sntabs-title li a:hover .sn5,.sntabs-title .current a .sn5{background:url(../images/sn1-hover5.png) no-repeat;}


.sntabs-body{display: none; padding-top: 50px;overflow:hidden;padding-bottom:80px;}
.sntabs-body .fr{width:570px;}
.sntabs-body .fr h4{font-size: 25px;color:#333333;padding-bottom: 15px;font-weight: normal;margin-top: 30px;}
.sntabs-body .fr p{padding-top: 15px; margin-bottom: 20px; font-size: 15px; line-height:30px; color: #666666;}
.imgl img{width: 586px;}

/**新闻列表**/
.newsdiv-list{
      width: 840px;
    float: left;
    position: relative;
    padding-bottom: 70px;
}

.recomnews{width:94.3%;height:220px;background:#fff;padding:30px 25px 25px 22px;}
.recomnews .date{width: 67px;height: 101px;float: left;text-align: center;font-family: "Aparajita";color: #30b40f;-webkit-transition:color 300ms,background 300ms;-moz-transition:color 300ms,background 300ms;-o-transition:color 300ms,background 300ms;-ms-transition:color 300ms,background 300ms;transition:color 300ms,background 300ms;}
.recomnews .date i{font-style:normal; font-size: 54px;line-height: 50px;padding-top: 20px;display: block;font-family: "DincondMedium";}
.recomnews .date span{font-size:16px;padding: 10px 0px; font-family: "DincondMedium";}
.recomnews .cont{width: 650px;height: 180px;float: right;position: relative;margin-right: 10px;padding-top: 20px;}
.recomnews .cont h4{font-weight: normal; width: 95%;font-size: 20px;padding-bottom: 10px;color: #30b40f;}
.recomnews .cont p{font-size: 14px; line-height: 24px; overflow: hidden;margin-bottom: 0;color:#666666;}
.recomnews .btn-news-more{display:block;width:159px;height:44px;background:url(../images/icoq1.jpg) no-repeat; margin-top: 10px;}
.recomnews:hover .btn-news-more{margin-left: 10px;}

.newslist{margin-top:10px;}
.newslist li{display: block;background: #fff;width: 100%;height: 132px;margin-bottom:10px;}
.newslist li:hover .date{background: #30b40f;color: #fff;}
.newslist li:hover h4{color: #30b40f;}
.newslist .date{width: 108px;height: 132px;float: left;background: #e7e6e6;text-align: center;font-family: "Aparajita";color: #ccc;-webkit-transition:color 300ms,background 300ms;-moz-transition:color 300ms,background 300ms;-o-transition:color 300ms,background 300ms;-ms-transition:color 300ms,background 300ms;transition:color 300ms,background 300ms;}


.newslist .date i{font-size: 54px;line-height: 50px;padding-top: 28px;display: block;font-family: "DincondMedium"; font-style: normal;}
.newslist .date span{font-size: 18px;font-family: "DincondMedium";}
.newslist .cont{width:688px;height: 85px;float: right;padding: 26px 18px 21px 25px;position: relative;}
.newslist .cont h4{font-weight: normal; font-size: 20px;padding-bottom: 10px;-webkit-transition:color 300ms;-moz-transition:color 300ms;-o-transition:color 300ms;-ms-transition:color 300ms;transition:color 300ms;}
.newslist .cont p{font-size: 14px; line-height: 24px; overflow: hidden;margin-bottom: 0;color:#666666;}
.newslistw{margin-top: 75px;}

.input-nsearch{width:243px;height:20px;line-height: 20px;padding: 15px 8px;float:left;border:0;}
.btn-nsearch{width:70px;height:51px;border:0;float:right;cursor:pointer;}

.nsearch-form{margin: 0px auto;}
.alonenews1{margin-bottom: 10px;}
.jobimg{ margin: 10px auto;}
.jobimg img,.v1img a{ width: 100%; display: block;}

.v1img{ width: 207px; height: 190px; overflow: hidden;margin-left:20px;}
.v1img a{ display: block; height: 140px;overflow: hidden;}

.v1img2{ width: 207px; height: 132px; overflow: hidden;}
.v1img2 a{ display: block;overflow: hidden;}

/**人才站虐**/

.ubeuv{ text-align: center; font-size: 25px;padding: 100px 0px 20px 0px}

.ubeub{ text-align: center;color: #666666; width: 68%; margin: 0px auto; font-size: 18px; line-height: 35px;}

.tableul{ margin: 80px 0px 10px 0px;}

.tableul  li{padding-top: 20px; width: 33.2%; overflow: hidden; float: left; text-align: center; cursor: pointer;}
.tableul  li p{ font-size: 16px; padding: 14px 0px; color: #666666;}

.tableul  li:hover{

  margin-top:-10px;

}
.tableul1{margin: 35px 0px 80px 0px;padding-bottom: 20px;padding-top: 15px;}
.tableul1 li{ width: 49%; overflow: hidden; text-align: center;float: left; }

.tableul1 li a{ display: block; width: 95%; overflow: hidden;}
.tableul1 li a img{ display: block;}

/**招聘**/
.tabtop13{ width: 65%;}
.tabtop13 dl{background: #dddddd;}
.tabtop13 span{ display: inline; line-height:50px; text-align: center; font-size: 16px;padding:12px 6%;}
.tabtop13 td{
  background-color:#ffffff;
  height:25px;
  line-height:150%;
}
.join-title{
    background: #fff; border-bottom: #ccc solid 1px; cursor: pointer;
}

.join-titlespan{
      height: 56px;
  
    padding: 0 25px;
    overflow: hidden;
    line-height: 56px;
}
.join-titlespan span{line-height:50px; text-align: center; font-size: 16px;padding:12px 5%;}

.join-cont{padding:20px 25px 25px 60px;overflow:hidden;background-color:rgba(255,255,255,0.2); display:none;}
.join-cont p { font-size: 14px;
    margin-bottom: 16px;color:#887669;
}

.join-cont b{display:block;color:#887669;}


.tabtop13 .current .join-cont{display:block;}

.join-title .icons{display:block;width:16px;height:16px;background:url(../images/dow.png) no-repeat;background-size:100% 100%; float:right;margin-top: 18px;}

.tabtop13 .current .icons{background:url(../images/upp.png) no-repeat;background-size:100% 100%; }
.add-boc-l .adlogo{ width:50%;display:block;}
@media screen and (min-width:1445px) {

  .add-boc-l{
    width:30.5%;
  }
.add-boc-r{
  width: 60.9%;height: 856px;
}
.add-boc-r img{ height: 856px;display: block; width: 100%;}
.ls_indexal_l{ width: 15%;}
.ls_indexal_l img{ display: block;width: 100%;}

}
 

@media screen and (min-1920px) {
.add-boc-r{
  width: 60.9%;height: 856px;
}
	
}


#pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:15px;background-color:#f8f9fa;border-radius:10px;width:100%}
#pages a,#pages span{    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 35px;
    height: 35px;
    padding: 0 0px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 500;
    transition: all .3s ease;
    cursor: pointer;
    user-select: none;}
#pages a{color:#3498db;background-color:#fff;border:2px solid #e1e8ed}
#pages a:hover{background-color:#3498db;color:#fff;border-color:#3498db;transform:translateY(-3px);box-shadow:0 5px 15px rgba(52,152,219,.3)}
#pages a:active{transform:translateY(0)}
#pages span{background:linear-gradient(135deg,#2ecc71,#1abc9c);color:#fff;border:2px solid #2ecc71;box-shadow:0 4px 10px rgba(46,204,113,.2);font-weight:600}
#pages a.a1{min-width:100px;background-color:#2c3e50;color:#fff;border:2px solid #2c3e50}
#pages a.a1:hover{background-color:#3498db;border-color:#3498db;box-shadow:0 5px 15px rgba(52,152,219,.4)}
#pages a.a1:first-child{background-color:#f8f9fa;color:#7f8c8d;border:2px solid #dfe6e9;cursor:default;min-width:80px}
#pages a.a1:first-child:hover{background-color:#f8f9fa;color:#7f8c8d;border-color:#dfe6e9;transform:none;box-shadow:none}
@media (max-width:768px){#pages{gap:8px}
#pages a,#pages span{min-width:40px;height:40px;padding:0 10px;font-size:1rem}
#pages a.a1{min-width:80px}
.pagination-container{padding:25px}
h1{font-size:2.2rem}
}
@media (max-width:480px){#pages{gap:5px}
#pages a,#pages span{min-width:36px;height:36px;padding:0 8px;font-size:.9rem}
#pages a.a1{min-width:70px;font-size:.9rem}
#pages a.a1:first-child{min-width:60px}
}
