*{margin:0px; padding:0px;}
div,ul,li,p,span{list-style-type:none;}
body{ font-family:"Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;font-size:12px; color:#333;min-width: 1200px;}
a:link{text-decoration:none; color:#fff;}
a:visited{color:#fff;}
img{border:0px;}
/* 头部按钮 */
#topmenu{ width:100%; height:95px; background-color: #badcec;}
#topmenu .menuwide{ width:1200px; margin:0 auto;}

/* banner */
#banner{width:100%; background:url(/Public/Front/images/banner_show.jpg) no-repeat center ; background-size: cover;max-width: 1920px;margin: auto;}
#banner .bannerwide{width:1200px;overflow:hidden; margin:0 auto; position:relative;  height:500px;}

/* 首页文字区域 */
#news{ width:100%;/*height:729px;*/ background-color: #badcec;}
#news .newswide{ width:1000px; overflow:hidden; margin: 0 auto;  padding-top:40px;}

/* 公司信息 */
#company_message{width:100%; height:130px; background:#000;color:#CCC}
.company_message_c{width:1200px; overflow:hidden; margin:0 auto; padding-top:30px;}
.company_message_c a{display:block; float:left;  margin-right:30px;}
#company_message .companymessage{ line-height:24px; width:900px; float:left;padding-top: 8px;}

/* 全屏zezao */
.allzezao{width:100%; background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; display:none;  position:absolute; z-index:100;left:0px; top:0px;}
.shipin_wide{width:100%; position:absolute; z-index:110;left:0px; top:0px; display:none;}
.shipin_wide_content{ width:640px; padding:15px; background:#fff; margin:0 auto; margin-top:170px; position:relative; }
.shipin_wide_content img{display:block; position:absolute; z-index:150;right:0px; top:0px; margin-top:-10px; margin-right:-10px;}

/*video*/
#video_sta{position: absolute;top:205px;left:0;width:100%;height:126px;}
#video_sta a{display:block;width:126px; height:126px; background:url(/Public/Front/images/video_pic.png) no-repeat;margin: 0 auto;}
#video_sta a p{display:block;float:left;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);position: relative;}
#video_sta a img{display:block; margin:27px 0px 0px 24px;position: absolute;}
#video_sta a i{width: 74px;height: 74px;background: url(/Public/Front/images/video_q.png) no-repeat;display: inline-block;-webkit-animation: rotating 2s linear infinite;-moz-animation: rotating 2s linear infinite;animation: rotating 2s linear infinite;margin: 26px 0 0 -100px;}
@keyframes rotating{
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

/*cust_sta*/
#cust_sta{position: fixed;right: 13px;bottom: 140px;width: 198px;height: 540px;background-color: rgba(9,12,9,0.6);border-radius:10px;border:1px solid rgba(255,255,255,0.3);color:#EEE;z-index: 100;cursor: Default;}
#cust_sta .btshow{margin:15px 6px 10px 6px;position: relative;color:white;height: 30px;border-radius: 8px;background: -webkit-linear-gradient(to left, #1a3b92, #181818); background: linear-gradient(to left, #1a3b92, #181818);}
#cust_sta .btshow img{margin:5px 5px 0px 12px;}
#cust_sta .btshow span{position: absolute;top: 5px;margin-left: 7px;font-size: 14px;line-height: 19px;}
#cust_sta .ewmshow{margin: 6px;margin-top: 2px;padding: 13px;padding-bottom: 9px;border-radius: 8px;background: -webkit-linear-gradient(to left, #1a3b92, #181818); background: linear-gradient(to left, #1a3b92, #181818);}
#cust_sta .ksshow{margin: 0 6px;padding: 3px;}
#cust_sta .ewmshow img{width:160px;display: inline-block;}
#cust_sta .ewmshow p{font-size: 16px;color:rgba(255,255,255,0.8);font-family: kaiti,楷体;margin-top: 8px;text-align: center;}
#cust_sta .cust_item{padding-top: 10px;padding-left: 8px;height:40px;background:#222;margin: 6px;border-radius: 8px;background: -webkit-linear-gradient(to left, #1a3b92, #181818); background: linear-gradient(to left, #1a3b92, #181818);}
#cust_sta .cust_item img{width:30px;height:30px;float:left;cursor: pointer;}
#cust_sta .cust_item span{float: left; margin-left: 8px;}
#cust_sta .cust_item p{float: left;}

/*只有单独的一个视频旋转按钮*/
#stand_movie{position: absolute;top:50%;left: 0px;width: 100%;height: 100px;min-width:1200px; }
#stand_movie #only_sta{margin: auto;width: 74px;}
#stand_movie #only_sta a{display:block;width:74px; height:74px;background-size: 100% 100%;}
#stand_movie #only_sta a p{display:block;float:left;width: 100%;height: 100%;background-color: rgba(255,255,255,0.1);position: relative;border-radius:37px;
    -webkit-animation: neon 1.5s ease-in-out infinite alternate;
    -moz-animation: neon 1.5s ease-in-out infinite alternate;
    animation: neon 1.5s ease-in-out infinite alternate;}
#stand_movie #only_sta a img{display:block;position: absolute;margin-left: -3px;}
#stand_movie #only_sta a i{margin-top:-74px;width: 74px;height: 74px;background: url(/Public/Front/images/video_q.png) no-repeat;display: inline-block;-webkit-animation: rotating 2s linear infinite;-moz-animation: rotating 2s linear infinite;animation: rotating 2s linear infinite;}
/*@keyframes neon {
  100% {
        box-shadow: 0 0 5px #648bb2, 0 0 10px #648bb2, 0 0 15px #648bb2, 0 0 20px #4756a9, 0 0 35px #4756a9, 0 0 40px #4756a9, 0 0 50px #4756a9, 0 0 75px #4756a9;
    }
}*/
/*只有单独的一个视频旋转按钮*/
/*#stand_movie{position: absolute;top:310px;left: 0px;width: 100%;height: 100px;min-width: 1240px;}
#stand_movie #only_sta{margin: auto;width: 74px;}
#stand_movie #only_sta a{display:block;width:74px; height:74px;background-size: 100% 100%;}
#stand_movie #only_sta a p{display:block;float:left;width: 100%;height: 100%;background-color: rgba(255,255,255,0.1);position: relative;border-radius: 50%;
    -webkit-animation: neon 1.5s ease-in-out infinite alternate;
    -moz-animation: neon 1.5s ease-in-out infinite alternate;
    animation: neon 1.5s ease-in-out infinite alternate;}
#stand_movie #only_sta a img{display:block;position: absolute;margin-left: -3px;z-index: 1;}
#stand_movie #only_sta a i{margin-top:-96px;width: 116px;height: 116px;margin-left:-22px;;background: url(/Public/Front/images/video_q.png) no-repeat;display: inline-block;-webkit-animation: rotating 2s linear infinite;-moz-animation: rotating 2s linear infinite;animation: rotating 2s linear infinite;background-size: cover;}
*/
@keyframes neon {
  100% {
        box-shadow: 
            0 0 10px #fff,
            0 0 25px #fff,
            0 0 50px #fff,
            0 0 75px #fff
            
    }
}
#vision{
    /*position: absolute;*/
    /*left: calc(50% - 500px);*/
    /*top: 500px;*/
    /*top:600px;*/
    width: 1000px;
    height: 325px;
    /*box-shadow: 0 0 100px #000;*/
    /*z-index: 100;*/
    box-sizing: border-box;
    padding: 10px;
    /*background: #399;*/
    background: #badcec;
    margin: auto;
}
#vision #vision-left{
    height: 100%;
    width: 305px;
    background:#3da765;
    float: left;
    position: relative;
    background-size: cover;
    /*background-image: url(/Public/Front/images/download.jpg);*/
}
#vision #vision-left #vision-left-title{
    position: absolute;
    height:35px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0.65));
    background: linear-gradient(to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0.65));
    text-align: center;
    color: #fff;
    font-size: 20px;
}
#vision #vision-left img{
    width: 235px;
    margin: 35px auto;
    display: block;
    box-shadow: 0 0 50px rgba(0,0,0,0.75);
}
#vision #vision-right{
    float: left;
    height: 100%;
    width: 660px;
    margin-left: 15px;
    background: #badcec;
    position: relative;
}
#vision #vision-right #vision-right-img{
    float: left;
    height: 100%;
    width:685px;
    overflow: hidden;
}
#vision #vision-right #vision-right-img .vision-right-img-item{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
#vision #vision-right #vision-right-img .vision-right-img-item img{
    height: 100%;
}
#vision #vision-right #vision-right-button{
    float: left;
    height: 100%;
    width: 177px;
    margin-left: 8px;
    background: #277;
    z-index: 2;
}
#vision #vision-right #vision-right-button .vision-right-button-item{
    height: 25%;
    width: 100%;
    box-sizing: border-box;
    /*border: 2px solid #333;*/
/*                background-size: cover;
    background-repeat: no-repeat;
    background-position: center;*/
/*                background: -webkit-linear-gradient(to right, #22944e, #125b2e);
    background: linear-gradient(to right, #22944e, #125b2e);*/
    text-align: center;
    font-size: 16px;
    line-height: 70px;
    font-weight: bold;
    color: #d5d5d5;
    background-image: repeating-linear-gradient( 90deg, hsla(0,0%,100%,.05), hsla(0,0%,100%,.05)15px, transparent 0, transparent 30px );
    border-bottom: 1px solid #badcec;
}
#vision #vision-right #vision-right-img .show{
    display: block !important;
}
#vision #vision-right #vision-right-button .select{
    margin-left: -10px;
    width: 187px !important;
    position: relative;
    background: #185454 !important;
    color: #fff !important;
}
#vision #vision-right #vision-right-button .select:before{
    content: ' ';
    position: absolute;
    top: 0;
    left: 0px;
    height:100%;
    width:10px;
    border-top: 35px solid #badcec;
    border-right: 10px solid transparent;
    border-bottom: 35px solid #badcec;
    box-sizing: border-box;
}
#vision #vision-right #vision-right-point{
    position: absolute;
    bottom: 5px;
    height: 20px;
    width: 140px;
    /*right: calc(50% - 70px);*/
    right: 5px;
    background: rgba(0,0,0,0.50);
    padding-top: 5px;
    border-radius: 30px;
    text-align: center;
    cursor: default;
}
#vision #vision-right #vision-right-point .vision-right-point-item{
    display: inline-block;
    margin: 0 7px;
    background: #999;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
#vision #vision-right #vision-right-point .vision-right-point-item.select{
    background: #fff;
}
/*2018年7月23日 */
.sfox-content{
    padding:20px 10px;
    font-size: 16px;
}
.sfox-content span:before{
    content:' ';
    width: 2em;
    display: inline-block;
}
.sfox-content > h1{
    margin: 20px 0;
    /*text-align: center;*/
    font-size: 28px;
}
.sfox-content .sfox-content-jj{
    /*text-align: center;*/
    margin-bottom: 15px;
}
.sfox-content ul li{
    padding: 10px;
    margin-bottom: 5px;
    background-color: #c5e4f2;
    background-image: repeating-linear-gradient( 45deg, hsla(0,0%,100%,.1), hsla(0,0%,100%,.1)15px, transparent 0, transparent 30px );
    margin-bottom: 10px;
    box-shadow: 1px 2px 3px rgba(145, 202, 228,0.5);
    border-radius: 35px;
}
.sfox-content ul li:hover{
    box-shadow: 2px 4px 6px rgba(145, 202, 228,0.75);
}
.sfox-content ul li span{
    color: #666;
}
.sfox-content ul li b{
    display: block;
    font-size: 1.2em;
}