/*公共样式部分*/
body {color: #666;margin: 0 auto;background-color: #fff; font-family: "Microsoft YaHei";overflow-x: hidden;}
*{    box-sizing: border-box;}
#copy { display: none;}

/*标签样式初始化*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd,button{margin: 0px; padding: 0px;list-style: none;border: 0px;}

a {color: #666; text-decoration: none;}
a:hover { color: #0273ff;text-decoration: none; border-bottom-style:}

.box{margin: 0 auto;width: 100%;min-width: 1400px; max-width:1600px; padding:0 5%;}
.w1400{ width:1400px; margin:0 auto;}

.fl { float: left;}
.fr {float: right;}

/*左右浮动清除*/
.clear { clear: both;height: 0px; overflow: hidden;}

/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}
.top120 {padding-top: 120px;}

/*英文样式*/
.font_en{font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;}


/*标题*/
.tit{ font-size:40px; font-weight:bold;  padding-bottom:30px;}
.tit p{ font-size:16px; font-weight:normal; color:#999; line-height:40px;}

.title{ text-align:center; font-size:40px; color:#222222;}
.title b i{ color:#0273ff;     font-style: normal;}
.title1:after{ content:''; display:inline-block; width:42px; height:4px; background:#0273ff;}
.title span{ display:block; font-size:18px; color:#666666; font-weight:lighter; margin:5px 0 10px 0;}
.title em{ display:inline-block; height:10px;}
.title em i{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#c9c9c9;animation: bounce_fountainG 1.2s linear infinite;} 
.title em i+i{ margin-left:10px;}
.title em i:nth-child(1){animation-delay: .4s;}
.title em i:nth-child(2){background:#0273ff;animation-delay: .6s;}
.title em i:nth-child(3){animation-delay: .8s;}
@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}



/*head*/
.head{ background:#027cff; height:44px; line-height:44px; font-size:14px;}
.head_w{ margin: 0 auto; width:1473px;}
.head .head_w>p.fl{font-weight:lighter; color:#ebeff7;}

.head ul li{ float:left; position:relative; height:100%; cursor:pointer;}
.head ul li p,.head ul li a{font-weight:lighter; color:#ebeff7; padding-left:5px; display:block; margin-right:10px;}
.head ul li b{font-weight:lighter; color:#ebeff7; font-size:15px; line-height:44px;}
.head ul li a:hover{ color:#fff; text-decoration:underline;}
.head ul li:nth-child(1){ background:url(../img/20211030091459_1425800404.png) no-repeat left center; padding-left:27px; color:#fff; font-size:20px;}
.head ul li:nth-child(2){ background:url(../img/20211030091459_317424057.png) no-repeat left center; padding-left:27px;}
.head ul li:nth-child(3){ background:url(../img/20211030091459_1726587867.png) no-repeat left center;  padding-left:28px;}

.head ul li .dropcode{position: absolute; top: 46px; right: 5px; width: 110px; height: 0px; overflow: hidden; z-index: 999999; transition: all 0.5s ease;}
.head ul li .dropcode img{ width:100%; height:100%;}
.head ul li:hover .dropcode{ height:100px;}
.head ul li+li{ margin-left:20px;}
.head ul li p, .head ul li a:hover{ text-decoration:none !important;}




/*抬头*/
/*#top_bg{width: 100%;height: 130px;z-index: 9999;  background:#fff;transition:0.3s all linear;  position: relative;}*/
.top{width:1465px; margin:0 auto;}
.logo{padding:30px 10px 0 0; }
.name{margin-top:34px;}
.name h3{font-size:28px; color:#222;}
.name p{font-size:17px; line-height:24px; color:999;}



/*栏目*/
.NavCeshi > li {float: left;top: 0px;padding: 0 1.2vw;-webkit-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; position: relative;}
.NavCeshi > li > a { display: block; text-align: center; transition: 0.2s all ease-in-out;position: relative; z-index: 55555;height:130px;line-height:130px;font-size: 16px;color: #222; }
.NavCeshi > li > a:after,.NavCeshi > li > a:before{content: ''; display: block; position: absolute; left:0;right:0; margin:auto;transition: 0.2s all ease-in-out; }
.NavCeshi > li > a:before{width:9px; height:9px; border:2px #0273ff solid; bottom:-10px; border-radius: 100%;opacity: 0;}
.NavCeshi > li > a:after{ width: 1px; height:0;  bottom: 0px;background: #0273ff;}
.NavCeshi > li.navcurrent > a:before, .NavCeshi > li:hover > a:before{ bottom:32px;opacity: 1;}
.NavCeshi > li.navcurrent > a:after, .NavCeshi > li:hover > a:after{height:34px; }
.NavCeshi > li:hover > a{line-height:124px;}
.NavCeshi >li:hover>a,.NavCeshi >li.navcurrent>a {color:#0273ff;}


/*下拉导航*/
.nav2{ position: absolute; top:100%;right:0; z-index: 9999; width:500px; height:0; transition:all linear 0.3s; background:rgba(255,255,255,1);     overflow: hidden;     box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.nav2 a{display: block; width:100%; height: 71px; line-height: 20px; font-size:15px;  color:#333; text-align:left; transition:all linear 0.3s; }
.nav>ul>li:hover .nav2{ height:auto; z-index:9;padding:40px;}
.nav2 a:hover{color:#0273ff;}
.nav2_l{width:32%;}
.nav2_r{width:63%; }
.nav1{width:700px;}
.nav1 .nav2_l a{width:50%; float:left;}
.nav1 .nav2_l{width:50%;}
.nav1 .nav2_r{width:46%; }
.nav2_r img{width:100%; border:1px #eee solid;}



@media (max-width: 1920px) and (min-width: 1860px){
.NavCeshi > li{padding: 0 1.8vw;}
}
@media (max-width: 1859px) and (min-width: 1780px){
.NavCeshi > li{padding: 0 1.6vw;}
}
@media (max-width: 1779px) and (min-width: 1720px){
.NavCeshi > li{padding: 0 1.6vw;}
}
@media (max-width: 1719px) and (min-width: 1680px){
.NavCeshi > li{padding: 0 1.2vw;}
}
@media (max-width: 1679px) and (min-width: 1560px){
.nav{margin-left: 5vw;}
.NavCeshi > li{padding: 0 1vw;}
}
@media (max-width: 1400px) and (min-width: 1400px){
.nav{margin-left: 4vw;}
.NavCeshi > li{padding: 0 1vw;}
.head{width:96%;}
}
@media (max-width: 1399px) and (min-width: 1200px){
.nav{margin-left: 3vw;}
.head{width:98%;}
.NavCeshi > li{padding: 0 0.8vw;}

}



/*banner*/
.banner{ overflow: hidden; background:#eee; }
.banner-box{ min-width:1400px; height:700px; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:700px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn { width: 100%; position: absolute; top: -1px; left: -1px; margin-left: 0; height: 700px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:350px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../img/20211027201032_425133347.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../img/20211027201032_425133347.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:60px; width: 100%; display: block; }
.banner-box .hd ul { width: 1250px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:20px; height:20px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background:#0273ff !important; width: 32px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }




/*简介*/
.spvideo{ border-radius:10px; background:#fff url(../img/20211111110028_329465026.jpg) no-repeat center; box-shadow:0 0 20px #eee; height:309px; position:relative;}
.ripple,.ripple:before,.ripple:after {position: absolute;left:50%;top:52%;height: 65px;width:65px;margin-top: -34px;margin-left: -33px;border-radius: 50%;-ms-box-shadow: 0 0 0 0 rgba(255,99,0,0.64);-o-box-shadow: 0 0 0 0 rgba(255,99,0, 0.64);box-shadow: 0 0 0 0 #0273ff;animation: ripple 3s infinite;}
.ripple{background: rgb(2 115 255); display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.ripple:before {-webkit-animation-delay:.9s;animation-delay:0.9s;content:"";position:absolute;right: 0;bottom: 0;}
.ripple:after {-webkit-animation-delay:.6s;animation-delay:0.6s;content:"";position:absolute;right: 0;bottom: 0;}
.video_box{background:rgba(0,0,0,0.6); top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999;transition:600ms ease;}
.video{position: fixed;top:-100%;left:71%;margin-top:-250px;margin-left:-575px;transition:600ms ease;z-index:999;}
.video_box.cur .video,.video_box.cur .video_x{top:40%;transition:600ms ease;}

@-webkit-keyframes ripple {
    70% {-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);}
    100%
    {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
                box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
    }
}
.jquery-lightbox-move *{ box-sizing:content-box;}


.speak{ height:567px; position:relative; background:url(../img/20211027220342_626266046.png) no-repeat center;}
.speak .w1400{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; padding-top:55px; z-index:3; position:relative; margin-top:20px;}
.speak:after{ content:''; display:block; position:absolute; left:0; width:100%; height:1px; background:#e1e1e1; top:110px;}
.spleft{ width:712px;}
.sptrait{ font-size:18px; color:#222222; }
.sptrait span{ display:inline-block; vertical-align:top; text-align:center;}
.sptrait em{ font-size:12px; color:#aaaaaa; display:block; margin-bottom:10px; font-style:normal;}
.sptrait span+span{ margin-left:125px;}
.sptrait i{ width:22px; height:11px; display:inline-block;}
.sptrait i:before{ content:''; display:inline-block; border-radius:50%; width:11px; height:11px; border:1px solid #d3d3d3;background:#f5f5f5;}
.spt{ margin-top:15px; font-size:38px; color:#0273ff;     font-weight: bold;}
.spt b{ font-size:35px; color:#333;     font-weight: bold; line-height: 30px;}
.spt i{ display:block; margin-top:20px; width:90px; height:1px; background:#8e8e8e; position:relative;}
.spt i:after{ content:''; display:inline-block; height:3px; width:62px; position:absolute; top:-1px; left:0;background:#8e8e8e;}
.sptext{ font-size:16px; color:#888; font-weight:lighter; line-height:40px; margin:25px 0 40px 0;}

.spright{ width:655px; margin-top:10px;}
.sprt{ text-align:center; line-height:32px; margin-bottom:34px; background:#0273ff; font-size:26px; color:#ffffff; font-weight:normal;}



/*产品中心*/
.prod_bg{background: #f5f5f5;}
.prod_t d{font-size: 15px;color: #999;}
.prod_t p{font-size: 40px;color: #222;font-weight: bold;letter-spacing: 5px;}
.prod_l{background: #f8f8f8 url(../img/20211027212517_790317370.png) no-repeat left top;position: relative;width:280px;padding:80px 0;     text-transform: uppercase;}
.prod_l:after{content:'';width:100%;height:100%;position: absolute;left:-100%;top: 0;display:block;background:#f8f8f8;}
.prod_l .prolist2021{margin-top:30px;}
.prod_l .prolist2021 dl{display: none;}
.prod_l .prolist2021 li,.prod_l .prolist2021 span{line-height:36px;}
.prod_l .prolist2021 a{font-size:16px;color:#666;}

.prod_l .prolist2021 li:hover a{color:#0273ff;}


.prod_r{width: calc(100% - 320px);padding-top:80px;}
.prod_r li{display:block;}



.prod_r .progdwz2021 li{ display:inline-block; padding:0 !important; width:32%; transition:all .3s ease; margin-bottom:2%;  margin-right: 1%;}
.prod_r .progdwz2021 li:nth-child(3), .prod_r .progdwz2021 li:nth-child(6) { margin-right: 0%;}
.prod_r .progdwz2021 li span {display: block; background: #fff; line-height: 60px; text-align: center; }
.prod_r .progdwz2021 li span a{ font-size:15px;}
.prod_r .progdwz2021 li:nth-child(3){ margin-left:0px;}
.prod_r .progdwz2021 li br {display: none;}
.prod_r .progdwz2021 li a{overflow: hidden;  display: block;}
.prod_r .progdwz2021 li a img{transition: all .5s; }
.prod_r .progdwz2021 li:hover a img {transform: scale(1.2); } 
.prod_r .progdwz2021 li:hover span a { background: #0273ff; color: #fff; }

/*产品优势*/
.padv_bg{width: 100%;padding-top:80px;background:url(../img/20211028153312_734076020.jpg);height:830px; width:100%; overflow: hidden; position: relative;}

.padv_t{ font-size:40px; color:#fff; font-weight:bold; text-align:center; margin-bottom:60px;}
.padv_t p{ font-size:16px; color:#fff; font-weight:normal; line-height:40px;}


.padv_cont{ position: relative; display: block; z-index: 9999999;}
.padv_cont li{width: calc(1340px/5);float: left;background: #fff;padding: 60px 0 70px;text-align: center;cursor: pointer;transition: 0.3s ease all; z-index:9999999;}
.padv_cont li+li{margin-left: 15px;}
.padv_cont li i{width: 132px;height: 132px;background: url(../img/20211028141032_219086859.png)no-repeat center #fff;border-radius: 50%;display: block;margin: 0 auto;transition: 0.3s ease all;}
.padv_cont li i img{filter: brightness(0) invert(1);transition: 0.3s ease all;}
.padv_cont li p{font-size: 24px;color: #222;margin-top: 25px;transition: 0.3s ease all;}
.padv_cont li d{font-size: 12px;color: #999;line-height: 20px;transition: 0.3s ease all;}
.padv_cont li span{display:block;width: 34px;height: 1px;background: #ccc;margin: 30px auto;transition: 0.3s ease all;}
.padv_cont li dd{font-size: 15px;color: #222;line-height: 30px;transition: 0.3s ease all;}
.padv_cont li.on{background: #fd9b00;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);transform: scale(1.05);}
.padv_cont li.on i{background: #fff;}
.padv_cont li.on i img{filter:none;}
.padv_cont li.on p,.padv_cont li.on d,.padv_cont li.on dd{color: #fff;}
.padv_cont li.on span{background: #fff;}

.padv_bg canvas{position:absolute;bottom:-26%;left:0;}

/*adv*/
.adv_l{width: 310px;overflow: hidden;}
.adv_l li{width: 310px;height:158px;background: #f5f5f5;padding-left: 38px;padding-top: 48px;cursor: pointer;}
.adv_l li.on{background: #0273ff;}
.adv_l li.on .adv_w1 p{color: #fff;}
.adv_l li.on .adv_w1 span{color: #b3d5fe;}
.adv_l li+li{border-top:1px #eee solid;}
.adv_tu{background:#fff;width: 70px;height: 70px;border-radius: 50%;}
.adv_w1{margin-left: 16px;margin-top: -22px;width: 185px;}
.adv_w1 p{font-weight: bold;font-size: 24px;color: #333;}
.adv_w1 span{display: block;font-size: 14px;margin-top: 2px;}
.adv_cont{}
.adv_cont li{width:1090px;height: 632px;position: relative;}
.adv_cont li:nth-child(1){background:url(../img/20211111103854_209751012.jpg)no-repeat center;}
.adv_cont li:nth-child(2){background:url(../img/20211104160603_61011029.jpg)no-repeat center;}
.adv_cont li:nth-child(3){background:url(../img/20211111103446_774791239.jpg)no-repeat center;}
.adv_cont li:nth-child(4){background:url(../img/20211030205205_253771193.jpg)no-repeat center;}

.adv_ww{position:absolute;width:1010px;height:195px;background:#fff;bottom:40px;left:40px;padding:30px;font-size: 15px;line-height: 28px;}
.adv_ww p{position: relative;padding-left: 36px;}
.adv_ww p+p{line-height: 22px;}
.adv_ww p::before{content: "";position: absolute;background:url(../img/20211030205342_891251580.png)no-repeat center left;width: 22px;height: 10px;top:10px;left: 0px;}



/*lc*/
.lc_bg{position: relative; margin:60px 0;}
.lc_c ul{display: flex;justify-content: space-between;margin-top: 60px;position: relative;}
.lc_c ul:after {    position: absolute;    content: "";    width: 89%;    height: 1px;    border-top: 1px dashed rgba(14,19,31,0.13);    bottom: 29px;    left: 79px;}
.lc_c ul li{width: 11.1%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.lc_c ul li>div{background: url(../img/20211030220159_972193290.png) no-repeat center;width: 76px;height: 85px;display: flex;justify-content: center;align-items: center;transition: all .5s;}
.lc_c ul li>div>span{font-size: 26px;color: #fff;}
.lc_yd{width: 6px;height: 6px;border-radius: 100%;background: #0e131f;position: relative;margin:13px 0 14px;}
.lc_yd:after{position: absolute;content: "";width: 10px;height: 10px;border-radius: 100%;border:1px solid #0e131f;top: -3px;left: -3px;}
.lc_c ul li b{font-weight: normal;display: block;font-size: 14px;color: #666;transition: all .5s;}
.lc_btn{margin:0 auto;margin-top: 60px;width: 516px;height: 62px; font-size: 36px;color: #333;border-radius: 31px;display: flex;align-items: center; box-shadow: 0px 0px 10px #eee;}
.lc_c ul li:hover>div{background: url(../img/20211030220103_1414483135.png) no-repeat center;transform: translateY(-8px);}
.lc_c ul li:hover .lc_yd{background: #0273ff;}
.lc_c ul li:hover .lc_yd:after{border-color:#0273ff;}
.lc_c ul li:hover b{color: #0273ff;transform: rotateX(360deg);}
.lc_btn>p>span{font-size: 27px;color: #fff;margin-right: 9px;}
.lc_btn>p>b{font-weight: normal;font-size: 22px;color: #fff;}
.lc_btn>p{width: 196px;height: 62px;background: #0273ff;border-radius: 30px;display: flex;align-items: center;justify-content: center;margin-right: 26px;}





/*case*/
.case_bg{background: #f4f4f4 url(../img/20211030215846_255514866.jpg) no-repeat bottom;}
.case_t{
    padding-top: 60px;
    padding-bottom: 80px;
    width: 100%;
    max-width: 1400px;
    min-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 9;}
.leit{overflow: hidden;display: block; margin-top:40px;}
.leit ul{max-width: 1500px; overflow: hidden; margin: 0 auto; min-width: 1400px;}
.leit li{width:12.4%; float: left;position: relative;cursor: pointer; overflow: hidden;box-sizing: border-box;transition: all 0.3s linear 0s; height: 36.2rem;overflow: hidden; background: #fff;}

.shu2{height: 36.2rem;border-bottom: 2px solid #e8e8e8;box-sizing: border-box;}
.shu2 i{width:100%;display: block;margin-bottom: 1.25rem;}
.shu2 i img{width:100%;display: block;}
.shu2 em{display: block;font-size:2rem;color:#c2c2c2; line-height: 2rem;margin-bottom: 1rem;margin-left: 10%;font-family: "akr";}
.shu2 span{display: block;font-size:1.2rem;line-height: 1.5rem;color:#333333;margin-bottom: 1.66rem;margin-left: 10%;}
.shu2 span b{display: block;}
.btn{display: block;width:1.8rem;height: 1.8rem;border:1px solid #a1a1a1;line-height: 1.8rem;text-align:center;font-size:0.8rem;color:#333;margin-left: 10%;}


.bock{width: 100%;position: absolute;left: 0;top:0;opacity:0;height:100%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

.bock dl{position: relative;width:100%;}
.bock dt,.bock dt img{width:100%;display: block;}
.bock dd{position: absolute;left:0;bottom: 0; width:100%;height: 100%;padding-top: 25.8rem;box-sizing: border-box;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 16%, rgba(0,0,0,0) 41%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0) 41%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0) 41%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */}

.bock dd span{float: left;width: 27%;text-align:center;font-size:1.3rem;color:#fff;border-right: 1px solid rgba(255,255,255,.2);height: 6rem;     margin-top: 2rem;}
.bock dd span b{display: block; font-size: 20px; line-height: 26px;}
.bock dd p{float: left;width:64%;font-size:1rem;line-height: 2rem;color:#fff;margin-left: 5%;margin-top: 2rem;}

.leit .cur .bock{opacity: 1;}
.leit .cur{width:37.9%;}
.leit .cur .shu2{opacity: 0;}


/*简介*/
.about2{ height:700px; background:url(../img/20211030214137_1556179733.jpg) no-repeat center;  margin-bottom:64px;}
.abtop{ height:360px;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.abtitl h6{font-weight:normal;}
.abtitl b{ font-size:48px; text-transform:uppercase; color:#fff; }
.abtitl{ font-size:18px; color:#fff;}
.abtitl span{ display:block; font-size:40px; color:#fff; margin-bottom:15px; opacity: 0.8;}
.adi{opacity: 0.8;}
.abcon{ height:340px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; box-shadow: 0px 10px 20px 0px rgba(47, 113, 214, 0.15);}
.ableft{ width:50%; box-sizing:border-box; height:340px; background:#f5f6f9; padding:50px 85px 0 40px;}
.ab_t{ font-size:25px; color:#000;}
.ab_wa p{ font-size:15px; color:#666; line-height:32px; text-indent:2em; margin:25px 0 25px 0;}
.ab_btn a{ display:inline-block; width:160px; line-height:44px; background:#fd9b00;  box-shadow: 3px 3px 10px #efdec4; text-align:center; font-size:15px; color:#fff;  transition:all .3s ease; text-align:center;} 
.ab_btn a:hover{width:220px;  box-shadow: 3px 3px 10px #ffe3a1;}
.abright{ width:50%; display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; box-shadow: 0px 10px 20px 0px rgba(47, 113, 214, 0.15);}
.abright a{ width:50%; height:340px;transition:all .3s ease; background:rgba(2,115,255,0.8); text-align:center;}
.abright a+a{background:rgba(63, 147, 251,0.95); }
.abright a:hover{background:rgba(12,120,218,.7);}
.abright a:hover:after{ width:50px;}
.abright a+a:hover{    background: rgb(2, 115, 255);}
.abright a img{ display:inline-block; margin:60px 0 30px 0;}
.abright a span{ display:block; font-size:25px; color:#fff; font-weight:lighter; margin-bottom:40px;}
.abright a:after{ content:''; display:inline-block; width:27px; height:1px; background:#eeeeee; transition:all .3s ease;}



/*企业形象*/

.workshop_t{margin:0 auto; width:1400px;  height: 230px;}
.workshop_t1{}
.workshop_t1 .new_web_div2021 li{float:left; width:335px; height:320px; overflow:hidden; position:relative;}
.workshop_t1 .new_web_div2021 li p { display: block; background: #fbfbfb;  line-height: 60px; text-align: center; font-size: 16px;}
.workshop_t1 .new_web_div2021 li:hover p a{ font-size: 16px;}
.workshop_t1 .new_web_div2021 li{margin-right:20px;}
.workshop_t1 .new_web_div2021 li a{overflow: hidden;  display: block;     font-size: 16px;}
.workshop_t1 .new_web_div2021 li a img{transition: all .5s; }
.workshop_t1 .new_web_div2021 li:hover a img {transform: scale(1.2); } 
.workshop_t1 .new_web_div2021 li:hover p, .workshop_t1 .new_web_div2021 li:hover p a {color: #fff;background: #0273ff;}





/*news*/
.news_bg{}
.news{ padding:60px 0;}
.news_tit {text-align: left;  float: left; font-size: 36px;color: #0273ff; font-weight:bold;     padding-bottom: 20px;}
.news_tit b{font-size: 36px;color: #343434; float: left;  font-weight:bold;}
.news_tit p{font-size:16px;color: #777;line-height: 30px; font-weight:normal; line-height: 45px;}
.news_tab ul li {display: inline-block; overflow: hidden;   width:167px; line-height: 45px;margin:0 0px 0 25px; position: relative;}
.news_tab ul li::after { content: ''; display: block; clear: both; width: 100%; height: 1px; position: absolute; left: -100%; bottom: 0%;
background: #0273ff; filter: progid:DXImageTransform.Microsoft.gradient( startColorproadv='#0273ff', endColorproadv='#027cff',GradientType=1 ); transition: .3s all ease;}
.news_tab ul li:hover,.news_tab ul li.on{ border-color: transparent;}
.news_tab ul li a img { display: inline-block;  vertical-align: middle; padding-right: 5px;  -webkit-filter: grayscale(1); filter: grayscale(1);}
.news_tab ul li:hover a img,.news_tab ul li.on a img{-webkit-filter: grayscale(0);filter: grayscale(0);}
.news_tab ul li:hover:after,.news_tab ul li.on:after{left: 0}
.news_tab ul li:hover a,.news_tab ul li.on a{color:#0273ff; font-weight:bold;}
.news_tab ul { text-align: center; line-height: 30px;}
.news_tab ul li a { display: block; font-size:18px; font-weight:500; color: #343434; transition: .3s all ease; position: relative; z-index: 3;}
.news_tab {margin: -6px 0; float: right; height: 40px;}

.news_list{height:501px;width: 100%;overflow: hidden;}
.news_list .news_div{height:500px;}
.news_list .news_div_item{width: 23.65%;display: inline-block;position: relative;height:490px;transition:0.5s; padding: 20px; border: 1px #eee solid;}
.news_list .news_div_item+.news_div_item{margin-left:0.79%;}
.news_list .news_div_item_date{position: absolute;top:250px;display: inline-block;font-weight: 400;left: 19px;padding-left: 32px;height: 22px;}
.news_list .news_div_item_date::before{position:absolute;content:'';background:url(../img/20211030092106_470777619.png) no-repeat left center;top: 0;left: 0;width: 22px;height: 22px;}
.news_list .news_div_item_content{position: absolute;top:280px;left: 19px;padding-right: 14px;}
.news_list .news_div_item_year, .news_list .news_div_item_month, .news_list .news_div_item_day{float: left;font-size: 15px;line-height: 22px; color: #999;}
.news_list .news_div_item_a{font-size: 16px;display: block;margin-bottom: 16px;position:relative;transition:0.3s; font-weight: 	normal;}
.news_list .news_div_item_a::before{position:absolute;content:'View details';bottom: -152px;left: 0;width: 175px;height: 33px;background: #fff;border-radius: 40px;line-height: 33px;color: #999;font-size: 15px;transition:0.5s;padding-left: 43px; border:1px #eee solid; font-weight: 100;}
.news_list .news_div_item_a::after{position:absolute;content:'';bottom: -141px;font-size: 43px;background:url(../img/20211030092106_912320277.png) no-repeat center;width: 25px;height: 14px;left: 130px;transition:0.5s;}
.news_list .news_div_item_body{font-size: 14px;color: #666;font-weight: 100;line-height: 24px;}
.news_list .news_div_item_pic, .news_list .news_div_item_pic a, .news_list .news_div_item_image{width:287px;height:215px;display: block;}
.news_list .news_div_item_pic{ border:1px solid #eee;}
.news_list .news_div_item:hover .news_div_item_a{color: #0273ff;transition:0.3s;}
.news_list .news_div_item:hover .news_div_item_a::before{background: #0273ff;transition:0.5s;padding-left:40px; color: #fff;}
.news_list .news_div_item:hover .news_div_item_a::after{left:110px;transition:0.5s;}

/*copy*/
.copyright10{ background:#222; margin-bottom: -19px;}
.copyright{ background:#222; }
.crcon{ display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.crcon ul{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.kslj p{ font-size:18px; color:#fff; margin-bottom:20px;}
.kslj a{ display:block; font-size:16px; color:#999999; font-weight:lighter; line-height:21px;}
.kslj a:hover{ color:#fff;}
.kslj li+li{border-left: 1px solid #333333; padding: 17px 30px; height: 450px;}
.kslj li:nth-child(1) { margin-right: 90px; padding-top: 22px;}
.crcontact{ text-align:right; padding-top:60px;}
.crcbtn a{ display:inline-block; width:156px; line-height:45px; text-align:center; border:1px solid #4d4d4d; border-radius:7px; font-size:16px; color:#999999; font-weight:lighter; transition:all .3s ease;}
.crcbtn a:hover{ background:#0273ff; color:#fff;}
.crctel{ font-size:15px; color:#999999; font-weight:lighter; margin:15px 0;}
.crctel em{ display:block; font-size:30px; color:#fff; font-family:fontDin1;     font-style: normal;}

.Tel{ font-size:15px; color:#999999; font-weight:lighter; margin:15px 0;}
.Tel em{ display:block; font-size:16px; color:#fff; font-family:fontDin1;     font-style: normal;}

.crccode{ font-size:0;}
.crccode span{ position:relative; display:inline-block; vertical-align:top; width:30px; height:30px; background:url(../img/20211030091821_2024615268.png) no-repeat center; cursor:pointer;}
.crccode span:nth-child(2){ background-image:url(../img/20211030091821_1038611425.png);}
.crccode span:nth-child(3){ background-image:url(../img/20211030091821_1845260334.png);}
.crccode span img{ position:absolute; right:0; width:100px; top:100%; right:0; display:none;}
.crccode span:Hover img{ display:block;}
.crccode span+span{ margin-left:7px;}
.crccode span a{ display:block; width:100%; height:100%;}
.links{border-bottom: 1px solid #2f2f2f; margin: 0 auto;}
.links .w1400{ height:114px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.linksl{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.linksr{ text-transform:uppercase; font-size:25px; color:#999999; font-family:impact;}
.linksl>p{ font-size:20px; color:#999999; padding-left:35px; background:url(../img/20211030091733_2047457619.png) no-repeat left center; line-height:35px;}
.end{ background:#0273ff;}
.end .w1400{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; height:90px;}
.end,.end a{ font-size:15px; color:#fff;}
.end a:hover{ color:#ff0;}



.ny_prototal { width:100%; overflow:hidden;}
.ny_prolist { width:31.3%; margin:0 1%; float:left; margin-bottom:2%; overflow:hidden;}
.ny_propic { position:relative; overflow:hidden;}
.ny_propic a { display:block;}
.ny_propic a img { width:438px; height:328px; }
.ny_propic a:before { content:''; width:0%; height:0%; background-color:rgba(0 ,0,0,0.3); position:absolute; z-index:2; top:0; display:block; transition: all 0.3s;}
.ny_propic span { width:60px; height:60px; display: none; position:absolute; z-index:3; left:50%; margin-left:-30px; top:39%; border: solid 1px #fff; border-radius:60px; font-size:14px; color:#fff; line-height:60px; text-align:center; box-sizing:border-box;}
.ny_prolist:hover .ny_propic a:before { width:100%; height:100%;}
.ny_prolist:hover .ny_propic span { display:block;}

.ny_protil { width:100%; background:#f5f5f5; margin-top:0.8%; position:relative; overflow:hidden;}
.ny_protil a { height:45%; padding:3% 4% 4% 5%; font-size:16px; position:relative; z-index:2; display:block;}
.ny_protil span { display:block; width:67px; height:12px; background:url(//cdn.dg.114my.cn/img/2020/20200522095054_1768699360.png); margin-top:3%;}
.ny_prolist:hover .ny_protil span { background-position:0px -12px; transition:all 0.3s;}
.ny_prolist:hover .ny_protil a { color:#fff;}
.ny_protil:before { width:0; height:100%; content:""; display: block; position:absolute; left:0; bottom:0; background:#f5811a; transition: all 0.3s;}
.ny_prolist:hover .ny_protil:before { width:100%;}
.clear{clear:both;}



.nynewslist{ width:100%; border-bottom:1px solid #eee; padding:30px 0; overflow:hidden; position:relative; background:#FFF;}
.nynewslist a{ text-decoration:none;}
.nynewslist:hover{ box-shadow: 0 0 60px -10px rgba(0,0,0,.2);}
.nynewslist:hover .nynewslist_l{ left:20px;}
.nynewslist:hover .nynewslist_r{ left:20px;}
.nynewslist:hover .nynewslist_rmore{ left:29%;}

.nynewslist_l{ width:23%; float:left; position:relative; left:0; overflow:hidden; transition:all .5s;}
.nynewslist_l img { width:100%; transition:all 0.5s;}
.nynewslist:hover img { transform:scale(1.2);}

.nynews_time{ position:absolute; bottom:0; right:0; width:122px; height:75px; background:rgba(27,97,225,0.9); font-family:arial; color:#fff; text-align:center; padding-top:15px;}
.ny_day{ font-size:25px; font-weight:bold; line-height:40px;}
.ny_month{ font-size:20px; line-height:20px;}

.nynewslist_r{ text-align:left; position:relative; width:72%; padding:20px; float:right; transition:all .5s; left: 0;}
.nynewslist_r p{ margin-bottom:20px;}
.nynewslist_r a{ font-size:20px;}
.nynewslist_r span{ display:block; color:#888; overflow:hidden; line-height:24px; padding-bottom:20px; border-bottom:1px dotted #d9d9d9; margin-bottom: 30px; }

.nynewslist_rmore{ display:block; background:url(//cdn.dg.114my.cn/img/2020/20200522134923_171532523.jpg) no-repeat; position:absolute; left:27%; bottom:40px; padding-left:22px; line-height:21px; transition:all 0.5s;}
.nynewslist_r a.nynewslist_rmore{ font-size:14px;}






.neirong100{width:1400px; line-height:20px; font-size:14px; text-align:justify;}
.neirong100 img{ display:block; margin:0px auto;}
.neirong1002{width:838px; line-height:20px; font-size:14px; text-align:justify;}
.neirong1002 img{ display:block; margin:0px auto;}
.neirong1005{width:1160px; line-height:20px; font-size:14px; text-align:justify;}
.neirong1005 img{ display:block; float:left;}

.pagelist88{ }
.page88{clear: both;color: #000;height: 84px;line-height: 40px;text-align: center;width: 100%;font-size:14px;}
.page88 li {float: left;line-height: 22px;list-style: outside none none;font-size:14px;padding: 0 5px;}
.page88 li a{font-size:14px;}
.page88 a{font-size:14px; color:#333333;}
.page88 a:hover{font-size:14px; color:red;}
.pagelist88{clear:both;margin-top: 20px;text-align: center;font-size: 0;}
.pagelist88 a{display: inline-block;font-size: 14px;color: #333333;font-family: "Microsoft YaHei", Arial;line-height: 26px;border: 1px solid #cbcbcb;margin: 0 5px;padding: 0 8px;}
.pagelist88 a:hover {color: #fff; border-color: #292e39; background: #292e39;}
.page880 a{display: inline-block;font-size: 14px;color: #333333;font-family: "Microsoft YaHei", Arial;line-height: 26px;margin: 0 5px;padding: 0 8px;}
.page880 a:hover {color: #fff;border-color: #292e39;background: #292e39;}
.page881{ float:left; overflow:hidden; width:500px; height: 40px;}
.page8811{float:left; width: 60px;}
.page8812{float:left; overflow:hidden; width: 410px; height: 42px; text-align: left;}
.page8812 a{ line-height:40px; height: 40px; overflow:hidden;}
.page882{float:right; overflow:hidden; width:500px;}

#platform div span{display:none !important;}
.page881a{ float:left; overflow:hidden; width:412px;}
.page8812b{float:left; overflow:hidden; width: 343px; height: 42px; text-align: left;}
.page8812b a{ line-height:40px;}
.page882a{float:right; overflow:hidden; width:412px;}
.fenyesjj{ text-align: center;  font-size: 0.46rem; margin-top: 10px; padding-bottom: 10px; clear:both; }
.fenyesjj  a{  font-size:14px; }
.fenyesjj a:hover{ color:#FF0000;}
.page8815{ height:30px; line-height:30px; font-size:14px;}
.page8826{ height:30px; line-height:30px; font-size:14px;}

#dituContent div:nth-child(2){
position:relative !important;
background:none !important;
}