<style>
@charset "utf-8";

 
/*标签样式初始化*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}
 
/*通用代码*/
*{ margin:0px; padding:0px;box-sizing: border-box;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1400px; overflow-x:hidden; font-weight:300;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #222222; text-decoration: none; font-size:14px;}
a:hover{color:#6841ff;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
.w1300{width:1300px; margin:0 auto;}
.w1400{width:1400px; margin:0 auto;}
.w1800{margin:0 auto;}
.fr{ float:right;}
.fl{ float: left;}

#copy { display: none;}

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

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

.title{text-align: center;font-size: 40px;color: #6841ff; font-weight: bold;}
.title i{color: #333; font-weight: bold;}
.title span{display: block;font-size: 18px;margin: 5px 0 20px 0;font-weight: lighter;color: #888888;}
.title em{ font-size:0; display:inline-block;height: 30px;margin-top: 0px;}
.title em i{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#ccd2cc;animation: bounce_fountainG 1.2s linear infinite;} 
.title em i+i{ margin-left:12px;}
.title em i:nth-child(1){animation-delay: .4s;}
.title em i:nth-child(2){background:#6841ff;animation-delay: .6s;}
.title em i:nth-child(3){animation-delay: .8s;}
.title b{color: #484848;font-weight: normal;}

@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}
.gd{animation: myfirst 2s infinite; display: inline-block;}  
 @keyframes myfirst {  0% {  
               transform: translate(0px, 0px);  }  
           50% {  
               transform: translate(0px, -10px);  
           }  
           100% {  
               transform: translate(0px, 0px);  
           }  
}
@keyframes widthchange{
        0%{ width:20%}
        50%{ width:100%}
        100%{ width:20%}
        }
}
.mainhovercolor a:hover{color: #6841ff;}

.mainhovercolor a:hover{color: #6841ff;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top40{ margin-top:40px;}
.top50{ margin-top:50px;}
.top60{ margin-top:60px;}
.top70{ margin-top:70px;}
.top80{ margin-top:80px;}
.top100{ margin-top:100px;}
.top60s{ padding-top:60px;}
.hovermaincolor a:hover{ color:#6841ff;}
/*抬头、幻灯片、数字*/
#nav_flash_bg{width:100%; height:1060px; position:relative; background:#f5f5f5;}
#nav_bg{width:100%; height:100px; border-bottom:1px solid rgba(255,255,255,.1); position:absolute; top:0px; z-index:99;}
#flash_bg{width:100%; height:938px; position:absolute; top:0px; background:#000;}
#sz_bg{width:100%; position:absolute; top:838px; height:200px; z-index:99;}
#sz_c{ width:1200px; margin:0 auto; height:200px; float:right; background:#fff; box-shadow:0 0 10px #eee;}

.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#000;}
.banner-box{ min-width:1300px; height:938px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:938px; background-position: center; background-repeat: no-repeat;}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:375px; left: 0; margin-left: 0; height: 515px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(https://memberpic.114my.com.cn/shengyuan98/uploadfile/image/20210710/20210710103001_1457537424.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(https://memberpic.114my.com.cn/shengyuan98/uploadfile/image/20210710/20210710103001_1457537424.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:110px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #6841ff;border-radius: 8px; width:70px;}
.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; }

#sz_c li{background:url(https://memberpic.114my.com.cn/shengyuan98/uploadfile/image/20210710/20210710104232_1829474044.png) right no-repeat; float:left; width:240px; height:200px; text-align:center;}
#sz_c li:nth-child(5){background:none;}
#sz_c li b{font-weight:normal;}
#sz_c li .sz_top{height:90px; font-size:60px; font-family:fontDin1; padding-top:30px;}
#sz_c li .sz_top span{padding:2px 10px; margin-left:5px; background:#6841ff; color:#fff; border-radius:100px; line-height:30px; text-align:center; font-size:14px; font-family:Microsoft YaHei;}
#sz_c li .sz_bottom{font-size:18px; padding-top:20px;}
#sz_c li .sz_bottom p{font-size:12px; text-transform:uppercase; font-weight:lighter; color:#bbb;}

.nav_logo{float:left; padding-left:2%; padding-top:25px;}
.nav_name{float:left; padding-left:20px; padding-top:25px; font-size:28px; font-family:BigYoungMediumGB20; color:#fff;}
.nav_name p{font-size:17px;}

.nav_map{float:right; height:99px; background:url(https://memberpic.114my.com.cn/shengyuan98/uploadfile/image/20210710/20210710155945_172291994.png) left no-repeat; width:70px; text-align:center;}
.nav_map p{padding-top:30px;}
.nav_search{float:right; width:70px; height:99px; text-align:center;}
.nav_tel{float:right; padding-top:32px; font-size:25px; font-family:fontDin1; color:#fff;}
.nav_tel_img{float:right; height:99px; background:url(https://memberpic.114my.com.cn/shengyuan98/uploadfile/image/20210710/20210710155945_172291994.png) left no-repeat; width:70px; text-align:center; margin-left:10px;}
.nav_tel_img p{padding-top:36px;}

.nav_bges{float:right; height:99px;}
.nav{ position:relative;}
.nav>ul{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.nav>ul>li{ position:relative; padding:0px 12px; text-align:center;}
.nav>ul>li>a{ display:block; line-height:99px; font-size:0.9vw; color:#ffffff; transition:all .3s ease;}
.nav>ul>li.cur>a,.nav>ul>li:hover>a{ color:#fffc00;}
.nav>ul>li .sedNav {width:550px; padding:20px;border:3px #fff solid;position: absolute;background:#f5f5f5;top:100%; z-index: 99;display: none; left:-195px;}
.nav>ul>li .sedNav>div{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; position:relative;}

.sedNav_c img{width:100%;height:100%;}
.sedNav_c{ width:200px; height:100%; background:#000; position:absolute; left:110px; right:0; }
.nav li .sedNav p{font-size:18px; font-weight:bold; color:#222;padding-bottom:8px;}
.nav li .sedNav span{font-size:12px; color:#9ea9a5; text-transform:uppercase;}
.nav li .sedNav span:after{content:"";display: block;  width:30px; height:4px; background:#6841ff; margin-top:20px;}
.nav li .sedNav a {display: block; border:1px #e1e1e1 solid; width:180px;line-height: 34px;color: #888;font-size:14px; text-align: center;}
.sedNav_l{ text-align:left;} 
.nav li .sedNav td table{ display:none;}
.nav li .sedNav a+a,.nav li .sedNav tr+tr,.sedNav_r li+li{  margin-top:10px; display:block;}
.nav li .sedNav a:hover {color: #fff;background-color: #6841ff;}
.sedNav_r dl{display:none;}

.hseaicon{ height:69px; width:70px; cursor:pointer; background: url(https://memberpic.114my.com.cn/shengyuan98/uploadfile/image/20210710/20210710155419_1961241521.png) no-repeat center 30px; text-align:center;}
.hsearch{display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; position:relative;}
.hsearch:hover .iser_box{transform: rotateX(0deg);}
.iser_box{background: rgba(255,255,255,0.9); position: absolute;top: 100px;right: 0;padding: 30px; transform-origin: top; transform: rotateX(90deg);transition: all 0.5s;z-index: 9;}
.search_l{display:flex;align-items:center;justify-content:end;width:650px;font-size:14px;}
.search_l span+span{margin-left:10px;}
.search_l a{color: #666;font-size: 14px;}
.search_r{margin-top:15px;position:relative;}
#infoname{width:100%;height:38px;line-height: 38px;border:1px solid #eee;text-indent:12px;}
.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}
.hbtn .hmap{ display:block; width:88px; height:100px; background:url(https://memberpic.114my.com.cn/022994/uploadfile/image/20210113/20210113134401_1286713021.png) no-repeat center 30px; text-align:center; font-size:14px; color:#fff; line-height:140px; font-weight:lighter;}
/*视频*/
#home_video_bg{width:100%; height:580px; background:url(https://memberpic.114my.com.cn/shengyuan98/uploadfile/image/20210712/20210712100437_1242953581.jpg) center no-repeat;}
#home_video_c{width:1400px; margin:0 auto;}
#home_video_c_l{width:780px; float:left; padding-top:60px; margin-left:10px;}
.spvideo{ width:680px; height:449px; position:relative; background:url(https://memberpic.114my.com.cn/shengyuan98/uploadfile/image/20210712/20210712133910_2132637834.jpg) no-repeat center;}
.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(31,93,203,0.64);-o-box-shadow: 0 0 0 0 rgba(31,93,203, 0.64);box-shadow: 0 0 0 0 #6841ff;animation: ripple 3s infinite;}
.ripple{background: rgba(31,93,203, 0.5);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;}

#home_video_c_r{width:610px; float:right; text-align:right;}
#home_video_c_r .h1{font-family:BodoniBT-Bold; font-size:48px; line-height:48px; text-transform:uppercase; padding-top:100px;}
#home_video_c_r .h2{font-size:48px; padding-top:10px;}
#home_video_c_r .h2 span{color:#6841ff; font-weight:bold;}
#home_video_c_r .h3{font-size:18px; padding-top:10px; color:#484848;}
#home_video_c_r .h4{width:40px; height:3px; background:#6841ff; margin-left:570px; margin-top:20px;}
#home_video_c_r .h5{padding-top:20px; color:#aaa; font-size:15px; line-height:36px;}

/*产品分类*/
#product_bg{width:1400px; margin:0 auto; margin-top:60px;}
#sort_bg{width:1400px; margin:0 auto; margin-top:30px;}
#sort_bg li{float:left; background:#f2f2f2; border-radius:10px; padding:30px; width:264px;}
#sort_bg li+li{margin-left:20px;}
#sort_bg .sort_t{font-size:20px; color:#484848; padding:30px 0px; width:100%; border-bottom:1px solid #e3e3e3;}
#sort_bg .sort_t a{font-size:20px; color:#484848;}
#sort_bg .sort_t a:hover{font-size:20px; color:#6841ff;}
#sort_bg .sort_t img{ float:left; padding-right:20px; padding-top:5px;}
#sort_bg .sort_tt{width:100%; height:50px; line-height:50px; text-align: center; background:#6841ff; font-size:16px; color:#fff; margin-top:30px; margin-bottom:30px;}
#sort_bg .sort_c{width:100%; height:145px; text-align:center;}
#sort_bg .sort_b{ text-align:center; margin-top:30px;}

.protab{ margin: 22px 0 38px 0; font-size:0;}
.protab a{ display:inline-block; width:230px; line-height:30px; position:relative; border:1px solid #e6e6e6; transition:all .3s ease; text-align:center; font-size:21px; color:#555555; background:#f6f6f6;padding-top: 36px;height:131px;font-weight: normal;}
.protab a.on,.protab a:hover{ border-color:6841ff;color:#fff; background:#6841ff;}
.protab a.on, .protab a.on b{color:#fff; }
.protab a.on:after,.protab a:hover:after{ background:url(https://memberpic.114my.com.cn/dg0075645/uploadfile/image/20200729/20200729173234_658690835.png) no-repeat center;}
.procon td{ display:inline-block; padding:10px !important; background:#f5f5f5;width: 327px;}
.procon td a,.procon td span{ display:block;}
.procon td br{ display:none;}
.procon td>a{ overflow:hidden;}
.procon td>a img{ transition:all .6s ease;}
.procon td span a{ line-height:55px; font-size:18px; color:#222222;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.pmore{ margin-bottom:6px;}
.pmore a{ display:block; border:2px solid #e5e5e5; line-height:45px; font-size:14px; color:#999999; transition:all .3s ease; background: #e2e2e2;}
.procon td:hover img{ transform:scale(1.05);}
.procon td:hover .pmore a{ color:#fff; border-color:#6841ff; color:#fff; background:#6841ff;}
.procon td+td{ margin-left:25px;}
.procon tr+tr{ display:block; margin-top:20px;}
.protitl em{font-size: 16px;line-height: 35px;}
.protab b{font-size: 12px;color: #bbbbbb;text-transform: uppercase; font-weight:normal;}
/*应用案例*/
.caseve{ padding:80px 0; background:url(https://memberpic.114my.com.cn/shengyuan98/uploadfile/image/20210712/20210712142102_1436899866.jpg) center no-repeat; height:928px; margin-top:60px;}
.casetitl{ text-align:center; font-size:40px; color:#222222;}
.casetitl b{ color:#6841ff;}
.casetitl span{ display:block; font-size:18px; color:#aaaaaa; font-weight:lighter; margin:5px 0 15px 0;}
.casetitl:after{ content:''; display:inline-block; width:40px; height:1px; background:#6841ff;}
.casetab{ margin:30px 0 50px 0;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; background:#fff; box-shadow:0 0 15px #ccc;}
.casetab li{/* width:14.285%;*/  width:20%; height:120px;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; text-align:center; font-size:18px; color:#333333; font-weight:lighter; transition:all .3s ease; position:relative;}
.casetab li em{ display:block; font-size:12px; color:#d2d1d3; text-transform:uppercase;}
.casetab li span:before{ content:''; display:inline-block; vertical-align:middle; width:9px; height:9px; border-radius:50%; border:1px solid #393939; margin-right:5px;}
.casetab li.on,.casetab li.on em{color:#6841ff; cursor:pointer;}
.casetab li a{font-size:18px; color:#333333;}
.casetab li:after{ content:''; display:block; position:absolute; transition:all .3s ease; height:3px; background:#6841ff; left:0; bottom:0; width:0;}
.casetab li.on a{color:#6841ff;}
.casetab li.on span:before{border-color:#6841ff;}
.casetab li.on:after{ width:100%;}
.casecon{ position:relative; height:481px;}
.case_btn{ position:absolute; bottom:219px; left:0; z-index:9;}
.case_btn a{ display:inline-block; width:200px; line-height:46px; text-align:center; background:#6841ff; font-size:14px; color:#fff; font-weight:lighter;}
.case_btn a:hover{ box-shadow:0 0 15px #6841ff;}
.casehzkh{ width:590px; padding-top:36px; border-top:4px solid #e0e0e0; position:absolute; left:0; bottom:40px; z-index:9;}
.casehzkh table,.casehzkh tbody,.casehzkh tr{ display:block; width:100%; overflow:hidden;}
.casehzkh td{ display:block;}
.casehzkh td,.casehzkh td div{ padding:0 !important;}
.casehzkh td br{ display:none;}
.casehzkh td a{ display:block;}
.casehzkh td{ width:190px; position:relative; display:inline-block; vertical-align:top; margin-right:9px;}
.casehzkh td>a img{ width:100%; height:auto;}
.casehzkh td div a{ font-size:18px; color:#fff; position:absolute; top:0; left:0; line-height:95px; transition:all .3s ease;width:100%; height:100%; text-align:center; transform:scale(0); background:rgba(0,0,0,.6);}
.casehzkh td:hover div a{ transform:scale(1);}
.casecon .divdgweb_new_div_item{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.casecon .divdgweb_new_div_item_date{ display:none;}
.casecon .news_div_item_pic{ width:750px; height:481px; /*margin-right:-260px;*/} 
.casecon .news_div_item_pic img{ width:100%; height:100%;}
.casecon .divdgweb_new_div_item_content{ width:580px;}
.casecon .divdgweb_new_div_item_a{ display:block; font-size:25px; color:#333333; margin:20px 0 25px 0;}
.casecon .divdgweb_new_div_item_body{ font-size:14px; font-weight:lighter; line-height:36px; color:#aaaaaa; height:108px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
/*公司新闻、行业资讯、常见问题*/
.news{ padding:60px 0 60px 0;}
.newstab{ font-size:0; margin:42px 0; text-align:center;}
.newstab a{ display:inline-block; width:160px; line-height:52px; border-radius:6px; background:#f2f2f2; text-align:center; font-size:18px; color:#222; transition:all .3s ease;}
.newstab a.on{ background:#6841ff; color:#fff;}
.newstab a+a{ margin-left:36px;}
.newscon .news_div_item{ float:left; width:446px; position:relative;}
.newscon .news_div_item+.news_div_item{ margin-left:30px;}
.newscon .news_div_item_pic img{ width:100%; height:auto; transition:all .6s ease;}
.newscon .news_div_item_pic{ overflow:hidden; margin-bottom:263px;}
.newscon .news_div_item_date{ position:absolute; width:102px; height:102px; box-sizing:border-box; background:#6841ff; padding:20px; font-size:0; text-align:center; border-radius:0 8px 0 8px; left:3px; bottom:266px; z-index:9;}
.newscon .news_div_item_date>div{ display:inline-block; font-size:18px; color:#fff; font-family:fontDin1;}
.newscon .news_div_item_date>div.news_div_item_year{ font-size:30px;} 
.newscon .news_div_item_date{ display:none;}
.newscon .news_div_item_content{ position:absolute; width:100%; box-sizing:border-box; left:0; bottom:0; border:1px solid #eeeeee; height:263px; padding:40px 30px 0 30px;}
.newscon .news_div_item_a{ font-size:18px; color:#333333; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;transition:all .3s ease;}
.newscon .news_div_item_body{ font-size:14px; color:#999999; line-height:32px; padding:25px 0 35px 0; border-bottom:1px solid #eeeeee;}
.newsbtn{ margin-top:27px;}
.newsbtn .newicon{ float:left; display:inline-block; width:28px; height:20px; background:url(https://memberpic.114my.com.cn/shengyuan98/uploadfile/image/20210712/20210712145625_719104236.png) no-repeat center;}
.newsbtn .newmore{ float:right; font-size:14px; color:#888888; padding:0 5px 10px 5px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; border-bottom:2px solid #cdcdcd; transition:all .3s ease;}
.newscon .news_div_item:hover .newmore,.newscon .news_div_item:hover .news_div_item_a{ color:#6841ff; border-color:#6841ff;}
.newscon .news_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.news .title em{ font-size:0; display:inline-block;height: 4px;}
.news .title em i{ display:inline-block; width:8px; height:8px; border-radius:50%; background:#6841ff;animation: bounce_fountainG 1.2s linear infinite;} 
.news .title em i+i{ margin-left:16px;}
.news .title em i:nth-child(1){animation-delay: .4s;}
.news .title em i:nth-child(2){background:#6841ff;animation-delay: .6s;}
.news .title em i:nth-child(3){animation-delay: .8s;}
/*关于盛远*/
#company_bg{width:100%; height:796px; background:url(https://memberpic.114my.com.cn/shengyuan98/uploadfile/image/20210712/20210712151814_1128817177.jpg) center no-repeat;}
#company_c{width:1300px; margin:0 auto;}
#company_c_l{width:650px; float:left; padding-top:80px;}
#company_c_l .h1{padding-left:50px; font-size:40px; font-weight:bold; color:#6841ff; text-transform:uppercase;}
#company_c_l .h1 span{font-size:16px; font-weight:normal; color:#cbcaca;}
#company_c_l .h2{padding-left:50px; font-size:22px; padding-top:10px;}
#company_c_l .h3{margin-left:50px; width:40px; height:3px; background:#6841ff; margin-top:20px;}
#company_c_l .h4{padding-left:50px; color:#b6b2b2; font-size:14px; line-height:36px; margin-top:20px;}

.ab_aa{padding-left:50px;}
.ab_a ul{width: 100%; margin-top: 30px;}
.ab_a ul a{width: 125px;height: 101px;background: #eff0f0; float: left;text-align: center;padding-top: 24px;display:block;transition: 0.3s ease all;    margin-right: 10px;    border-radius: 6px;}
.ab_a ul a i{width: 100px;height: 40px;}
.ab_a ul a p{font-size: 16px;color: #494949;margin-top: -15px; font-weight: lighter;}
.ab_a ul a p:before{content: "";display: block;width: 48px;height:41px;margin:15px auto 0px; background: url(https://memberpic.114my.com.cn/shengyuan98/uploadfile/image/20210712/20210712170345_2120464688.png)no-repeat;transition: all 0.3s;}
.ab_a ul a:nth-child(2) p:before{background-position: -48px 0px;}
.ab_a ul a:nth-child(3) p:before{background-position: -96px 0px;}
.ab_a ul a:nth-child(4) p:before{background-position: -144px 0px;}
.ab_a ul a:nth-child(5) p:before{background-position: -192px 0px;}
.ab_a ul a.on:nth-child(1) p:before{background-position: 0px -41px;}
.ab_a ul a.on:nth-child(2) p:before{background-position: -48px -41px;}
.ab_a ul a.on:nth-child(3) p:before{background-position: -96px -41px;}
.ab_a ul a.on:nth-child(4) p:before{background-position: -144px -41px;}
.ab_a ul a.on:nth-child(5) p:before{background-position: -192px -41px;}
.ab_a ul a d{font-size: 12px;color: #999999;line-height: 5px;}
.ab_a ul a.on{background:#6841ff;}
.ab_a ul a.on p{color: #fff;}
.ab_a ul a.on d{color: #fff;}

#company_c_r{width:650px; float:right; padding-top:28px;}
/*底部导航*/
#b_nav_bg{width:100%; height:443px; background:#383b42;}
#b_nav_bg > li{float:left; width:20%; cursor:pointer; height:443px; color:#727886; background:url(https://memberpic.114my.com.cn/shengyuan98/uploadfile/image/20210719/20210719172249_2023506573.png) right no-repeat;}
#b_nav_bg > li:nth-child(5){ background:none;}
#b_nav_bg > li a{font-size:15px; color:#727886;}
#b_nav_bg > li a:hover{font-size:15px; color:#ff0;}
#b_nav_bg > li.on{background:#6841ff; color:#fff;}
#b_nav_bg > li.on a{color:#fff;}
#b_nav_bg > li.on a:hover{font-size:15px; color:#ff0;}
#b_nav_bg > li.on .b_top span{background:#fff;}

#b_nav_bg > li .b_kuandu{padding-top:60px; padding-left:65px;}

#b_nav_bg > li .b_top{font-size:15px; text-transform:uppercase;}
#b_nav_bg > li .b_top span{width:25px; height:3px; background:#818898; margin-right:10px; display:block; float:left; margin-top:8px;}
#b_nav_bg > li .b_top p{color:#fff; font-size:25px; padding-top:10px;}
#b_nav_bg > li .b_bottom{padding-top:30px; line-height:36px;}
#b_nav_bg > li .b_bottom b{font-weight:normal; font-family:fontDin1; font-size:30px; color:#fff;}

.cp_bottom dl{display:none;}

#copyright_bg{width:100%; background:#f5f5f5; color:#96989d; font-size:14px; padding:30px 0px; line-height:30px;}
#copyright_bg a{color:#96989d; font-size:14px;}
#copyright_bg a:hover{color:#6841ff; font-size:14px;}
#copyright_l{float:left; padding-left:65px;}
#copyright_r{float:right; padding-right:65px;}

/*右边浮动*/
/* 客服样式*/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(https://memberpic.114my.com.cn/shengyuan98/uploadfile/image/20210712/20210712185448_1739663086.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 28px; height: 28px; background-position: -4px -114px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 11px; background-color: #6841ff; position: absolute; bottom: -10px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #6841ff; border-color: #6841ff; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #6841ff; border-color: #6841ff;}
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .kf-zixun1 { border-radius: 2px;border-bottom: 1px #efefef solid;}
.y-kefu-box01 .kf-zixun1 i { width: 21px; height: 22px; background-position: -5px -180px; }
.y-kefu-box01 .kf-zixun1:hover>i { background-position: -30px -180px; }


.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*咨询热线*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color: #6841ff; font-size: 18px; }
y-kefu-box .right {
width: 12px;
height: 12px;
position: absolute;
right: -12px;
top: 24px;
}
y-kefu-box .right-arrow1,
y-kefu-box .right-arrow2 {
width: 0;
height: 0;
display: block;
position: absolute;
left: 0;
top: 0;
border-top: 6px transparent dashed;
border-right: 6px transparent dashed;
border-bottom: 6px transparent dashed;
border-left: 6px white solid;
overflow: hidden;
}
y-kefu-box .right-arrow1 {
left: 1px;
border-left: 6px #efefef solid;
}
y-kefu-box .right-arrow2 {
border-left: 6px white solid;
}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 250px; height: 270px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width:200px; height:200px; margin: 20px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 250px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; width:170px;}
.y-kefu-box01 .y-email-infos p { color: #6841ff; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }

.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#e50012;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }

@font-face {
 font-family:fontDin1;
 src: url(https://memberpic.114my.com.cn/shengyuan98/cssnew/DIN-MEDIUM_otf.txt),url(https://memberpic.114my.com.cn/shengyuan98/cssnew/DIN-MEDIUM_woff.txt),url(https://memberpic.114my.com.cn/shengyuan98/cssnew/DIN-MEDIUM_eot.txt),url(https://memberpic.114my.com.cn/shengyuan98/cssnew/DIN-MEDIUM_woff2.txt),url(https://memberpic.114my.com.cn/shengyuan98/cssnew/DIN-MEDIUM_ttf.txt)}
@font-face {
  font-family: "BigYoungMediumGB20";
  src: url("//memberpic.114my.com.cn/shengyuan98/cssnew/BigYoungMediumGB20.woff2.txt") format("woff2"),
       url("//memberpic.114my.com.cn/shengyuan98/cssnew/BigYoungMediumGB20.woff.txt") format("woff"),
       url("//memberpic.114my.com.cn/shengyuan98/cssnew/BigYoungMediumGB20.ttf.txt") format("truetype"),
       url("//memberpic.114my.com.cn/shengyuan98/cssnew/BigYoungMediumGB20.eot.txt") format("embedded-opentype"),
       url("//memberpic.114my.com.cn/shengyuan98/cssnew/BigYoungMediumGB20.svg.txt") format("svg");
}
@font-face {
  font-family: "BodoniBT-Bold";
  src: url("//memberpic.114my.com.cn/shengyuan98/cssnew/BodoniBT-Bold.woff2.txt") format("woff2"),
       url("//memberpic.114my.com.cn/shengyuan98/cssnew/BodoniBT-Bold.woff.txt") format("woff"),
       url("//memberpic.114my.com.cn/shengyuan98/cssnew/BodoniBT-Bold.ttf.txt") format("truetype"),
       url("//memberpic.114my.com.cn/shengyuan98/cssnew/BodoniBT-Bold.eot.txt") format("embedded-opentype"),
       url("//memberpic.114my.com.cn/shengyuan98/cssnew/BodoniBT-Bold.svg.txt") format("svg");
}
</style>