*{
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: 'Microsoft YaHei', '微软雅黑', '苹方';
}
.opacitys{
    opacity: 0;
}
.website_swiper .swiper-pagination-bullet{
    background: rgba(255, 255, 255, 0.7);
}
.swiper-container1>.swiper-pagination-bullets .swiper-pagination-bullet{
    width: 30px;
    height: 3px;        
    border-radius: 8px;
}
.swiper-container1 .swiper-pagination-bullet-active {
    background: rgb(255, 255, 255);
    /* width: .8rem !important; */
}
.swiper-container1>.swiper-pagination-bullets{
    bottom: 84px;            
}
/* lxy */
.swiper-container2 > .swiper-pagination2 > .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}
/* lxy */
.swiper-pagination-bullet-active {
    width: 30px!important;
    height: 10px;
    background: #CDD1D6;
    border-radius: 8px;
}
.animated{
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* @keyframes fadeinUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0px)
    }
}
.fadeInUp{
    animation-name: fadeinUp;
} */
.fadeopacity{
    opacity: 0;
}
a {
    text-decoration: none;
    color: #FFFFFF;
}
/*正常的未被访问过的链接*/
a:link {
    text-decoration: none;
}
/*已经访问过的链接*/
a:visited {
    text-decoration: none;
}
/*鼠标划过(停留)的链接*/
a:hover {
    text-decoration: none;
}
/* 正在点击的链接*/
a:active {
    text-decoration: none;
}
body,html{
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    min-width: 1260px;
}
.website{
    width: 100%;
    height: 100%;
    position: relative;
}
/* 公共样式 1920 */
.dis_gx{
    width: 1920px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
/* 公共样式 1200 */
.min_width_gx{
    min-width: 1200px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
/* 公共样式 居中 */
.dis_cen_gx{
    display: flex;
    justify-content: center;
    align-items: center;
}
.website_titlebox{
    background: rgba(128, 255, 0, 0);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    padding-top: 11px;
}
.website_titlebox:hover{        
    background: rgba(0, 0, 0, 0.1);
}
.website_t_p_click {
    position: relative;
}
.website_t_p_click:after{
    width: 40px;
    height: 2px;
    background: #FFFFFF;
    border-radius: 2px;
    content: '';
    display: inline-block;
    position: absolute;
    left: -4px;
    bottom: -6px;
}
.website_title{
    min-width: 1200px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.website_title_p{
    margin-right: 40px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 22px;
    margin-top: -10px;
}
.website_title_p:nth-child(1){
    margin-top: 0;
}
.website_title_p_end{
    margin-left: 502px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 22px;
    margin-top: -10px;
}
.website_title_p_img{
    width: 97px;
    height: 38px;
}
.website_swiper{
    width: 1920px;
    height: 540px;
    position: relative;
}
.website_swiper > .swiper-container1 > .swiper-wrapper > .swiper-slide {
    /* margin-right: 0!important; */
}
.swiper-slide{
    width: 100%;
    height: 100%;
}
.swiper-slide > img{
    width: 100%;
    height: 100%;
}
.swiper-container{
    width: 100%;
    height: 100%;
}
.website_one{
    position: absolute;
    left: 0;
    top: 485px;
    z-index: 998;
}
.website_one_box{
    height: 110px;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px 0px rgba(50, 150, 250, 0.1);
    border-radius: 6px;
}
.website_one_box > div{        
    flex: 1; 
    width: 100%;
    height: 100%;
}
.website_one_box_dl{
    display: flex;
    width: 100%;
    height: 100%;
}
.website_one_box_dl > dt{
    margin-top: 36px;
    margin-left: 65px;
    margin-right: 20px;
}
.website_one_box_dl > dt >img{
    height: 38px;
    width: 38px;
}
.website_one_box_dl > dd{
    margin-top: 33px;
}
.website_one_box_dl > dd > p{
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 600;        
    color: #44454F;
    line-height: 16px;
}
.website_one_box_dl > dd > span{
    font-size: 14px;        
    font-weight: 400;
    color: #7A7778;
    line-height: 14px;
}
.website_two{
    height: 381px;
}
.website_two_box{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.website_two_box > p{
    margin-top: 155px;
    width: 100%;
    text-align: center;
    font-size: 16px;        
    font-weight: 400;
    color: #7A7778;
    line-height: 16px;
}
.website_two_box > div{
    width: 100%;
    margin-top: 40px;
    display: flex;
}
.website_two_box_dl{
    margin-right: 80px;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}
.website_two_box_dl > dt {
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.website_two_box_dl > dt >img{
    width: 34px;
    height: 34px;
}
.website_two_box_dl > dd {
    font-size: 14px;        
    font-weight: 400;
    color: #44454F;
    line-height: 14px;
}
.website_three{
    height: 652px;
    background: #F7F8FB;
}
.website_three_box{
    width: 100%;
    height: 100%;
    flex-direction: column;
}
.website_three_box > p {
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    color: #44454F;
    line-height: 30px;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 50px;
}
.website_three_div{
    display: flex;
}
.website_three_div1{
    width: 180px;
    height: 421px;
    margin-right: 14px;
    background: chocolate;
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/dscbbg.png')no-repeat;
    background-size: 100% 100%;
    flex-direction: column;
}
.websiteThreeMo{
    width: 100%;
}
.website_three_div1 > dl{
    flex: 1;
    font-size: 18px;        
    font-weight: 600;
    line-height: 18px;        
    color: #44454F;
    box-sizing: border-box;
}
.borderleft {
    width: 180px;
    height: 132px;
    background-color:rgba(255, 255, 255, 0.4);
    color: #3296FA;
    border-left: 3px solid #3296FA;
}
.website_three_div1 > dl >dt {
    margin-right: 10px;
    width: 28px;
    height: 28px;       
}
.website_three_div1 > dl:nth-child(1) > dt{
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/logo/dsrj.svg') no-repeat;
    background-size: 28px 28px;
}
.website_three_div1 > dl:nth-child(1):hover > dt{   
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/logo/dsrjl.svg') no-repeat;
    background-size: 28px 28px;
}
.website_three_div1 > dl:nth-child(1):hover > dd{    
    font-size: 18px;
    font-weight: 600;
    color: #3296FA;
    line-height: 18px;
}
.website_three_div1 > dl:nth-child(2) > dt{
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/logo/dyy.svg') no-repeat;
    background-size: 28px 28px;
}
.website_three_div1 > dl:nth-child(2):hover > dt{   
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/logo/dyyl.svg') no-repeat;
    background-size: 28px 28px;
}
.website_three_div1 > dl:nth-child(2):hover > dd{    
    font-size: 18px;
    font-weight: 600;
    color: #3296FA;
    line-height: 18px;
}
.website_three_div1 > dl:nth-child(3) > dt{
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/logo/dsxy.svg') no-repeat;
    background-size: 28px 28px;
}
.website_three_div1 > dl:nth-child(3):hover > dt{   
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/logo/dsxyl.svg') no-repeat;
    background-size: 28px 28px;
    
}
.website_three_div1 > dl:nth-child(3):hover > dd{    
    font-size: 18px;
    font-weight: 600;
    color: #3296FA;
    line-height: 18px;
}
.website_three_div2{
    width: 1006px;
    height: 421px;
}
.websiteThreeMoBox{
    width: 1006px;
    height: 421px;
    display: flex;
    flex-wrap: wrap;
}
.websiteThreeMoBox > div, .websiteThreeMoBox > a{
    width: 326px;
    height: 200px;
    margin-right: 14px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background: #FFFFFF;
    position: relative;    
    box-shadow: 0px 4px 10px 0px rgba(50, 150, 250, 0.1);
    transition: all .3s;
}
.websiteThreeMoBox > div:hover, .websiteThreeMoBox > a {
    margin-top: -4px;
    box-shadow: 0px 4px 10px 0px rgba(50, 150, 250, 0.2);
    transition: all .3s;
}
.hillbackimg1 {
    position: absolute;
    right: 0;
    bottom: 0;
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/bgsl.png') no-repeat;
    background-size: 100% 100%;
    width: 80px;
    height: 80px;
}
.hillbackimg2 {
    position: absolute;
    right: 0;
    bottom: 0;
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/bgsc.png') no-repeat;
    background-size: 100% 100%;
    width: 80px;
    height: 80px;
} 
.hillbackimg3 {
    position: absolute;
    right: 0;
    bottom: 0;
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/bgsz.png') no-repeat;
    background-size: 100% 100%;
    width: 80px;
    height: 80px;
} 
.websiteThreeMoBox > div > p:nth-child(1), .websiteThreeMoBox > a > p:nth-child(1){
    margin-top: 30px;
    margin-left: 30px;
    margin-bottom: 14px;
    font-size: 18px;        
    font-weight: 600;
    color: #44454F;
    line-height: 18px;        
}
.websiteThreeMoBox > div > p:nth-child(2), .websiteThreeMoBox > a > p:nth-child(2){
    font-size: 14px;        
    font-weight: 400;
    height: 69px;
    color: #7A7778;
    line-height: 22px;
    margin-left: 30px;
    margin-right: 30px;
    overflow:hidden;
    text-overflow:ellipsis;
    /* white-space: pre; */
    margin-bottom: 19px;
}
.websiteThreeMoBox > div > p:nth-child(3), .websiteThreeMoBox > a > p:nth-child(3){
    height: 20px;
    line-height: 1px;
    margin-left: 30px;
}
.websiteThreeMoBox > div > p:nth-child(3) > span, .websiteThreeMoBox > a > p:nth-child(3) > span{
    display: inline-block;
    width: auto;
    height: 20px;        
    border: 1px solid #CDD1D6;
    font-size: 12px;        
    font-weight: 400;
    color: #7A7778;
    line-height: 20px;
    padding: 0px 6px;
    text-align: center;
    color: #7A7778;
}
.websiteThreeMoBox > div:nth-child(3), .websiteThreeMoBox > div:nth-child(6), .websiteThreeMoBox > a:nth-child(3),.websiteThreeMoBox > a:nth-child(6){
    margin-right: 0;
}
.website_four{
    height: 825px;
    background-image: linear-gradient(180deg, #282E33 0%, #62696F 100%);
}
.website_four_box{       
    display: flex;
    flex-direction: column;
    color: #FFFFFF;
    height: 100%;
}
.lineclamp5{
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5; 
}
.website_four_box > p{
    font-size: 30px;        
    font-weight: 600;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 80px;
    margin-bottom: 34px;
}
.website_four_box_ol{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}
.website_four_box_ol > li {
    width: 50px;
    height: 50px;
    margin-right: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;        
    font-weight: 400;        
    color: #CCCCCC;
    line-height: 16px;
}
.website_four_box_ol_li_select{
    font-size: 16px!important;        
    font-weight: 600!important;        
    color: #FFFFFF!important;
    line-height: 16px!important;
}
.website_four_box_ol > li{
    position: relative;
}
.website_four_box_ol_li:after{
    border-bottom: 3px solid  #D8D8D8;
    font-weight: 600;
    color: #FFFFFF;
    content:"";
    display:inline-block;
    width:50px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 3px;
}
.website_four_box_ol > li:hover{
    font-weight: 600;
    color: #FFFFFF;
}
.website_four_box_div_par{
    width: 100%;
    height: 510px;
}
.website_four_box_div {
    width: 100%;
    height: 510px;
    display: flex;
}
.website_four_box_div_img{    
    width: 560px;
    height: 100%;
    overflow: hidden;
}
.website_four_box_div_img > img {
    width: 100%;
    height: 100%;
    transform: scale(1,1);
    transition: all .7s;
}
.website_four_box_div_img > img:hover {
    transform: scale(1.1,1.1);
    transition: all .7s;
}
/* .website_four_box_div_par > .website_four_box_div:nth-child(1) > .website_four_box_div_img{
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/wzpt/sx.png');
    background-size: 100% 100%;
}
.website_four_box_div_par > .website_four_box_div:nth-child(2) > .website_four_box_div_img{
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/wzpt/my.png');
    background-size: 100% 100%;
}
.website_four_box_div_par > .website_four_box_div:nth-child(3) > .website_four_box_div_img{
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/wzpt/ls.png');
    background-size: 100% 100%;
}
.website_four_box_div_par > .website_four_box_div:nth-child(4) > .website_four_box_div_img{
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/wzpt/nc.png');
    background-size: 100% 100%;
}
.website_four_box_div_par > .website_four_box_div:nth-child(5) > .website_four_box_div_img{
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/wzpt/zb.png');
    background-size: 100% 100%;
}
.website_four_box_div_par > .website_four_box_div:nth-child(6) > .website_four_box_div_img{
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/wzpt/js.png');
    background-size: 100% 100%;
}
.website_four_box_div_par > .website_four_box_div:nth-child(7) > .website_four_box_div_img{
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/wzpt/yy.png');
    background-size: 100% 100%;
}
.website_four_box_div_par > .website_four_box_div:nth-child(8) > .website_four_box_div_img{
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/wzpt/kj.png');
    background-size: 100% 100%;
} */
.website_four_box_div_box{
    width: 640px;
    height: 100%;
    background: rgba(27, 27, 27, 0.3);
    display: flex;
    /* justify-content: center;
    align-items: center; */
    flex-direction: column;
    
}
.website_four_box_div_box > p:nth-child(1) {
    font-size: 30px; 
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 70px;
    margin-bottom: 20px;
    margin-left: 70px;
    width: 100%;
}
.website_four_box_div_box > p:nth-child(2) {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 22px;
    margin-left: 70px;
    margin-right: 90px;
    margin-bottom: 30px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.website_four_box_div_box > div {
    width: 500px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-left: 70px;
}
.website_four_box_div_box > div > dl{
    width: 80px;
    height: 80px;
    margin-right: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 30px;
}
.website_four_box_div_box > div > dl > dt {
    margin-bottom: 12px;
}
.website_four_box_div_box > div > dl > dt >img {
    height: 34px;
    width: 34px;
}
.website_four_box_div_box > div > dl > dd {
    font-size: 14px;
    font-weight: 400;
    color: #CCCCCC;
    line-height: 14px;
}
.website_four_box_div_box > div > dl:nth-child(4){
    margin-right: 0;
}
.website_four_box_div_box > div > dl:nth-child(8){
    margin-right: 0;
}
.website_four_box_div_box > p:nth-child(4) {
    margin-bottom: 34px;
    width: 100%;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.website_four_box_div_box > p:nth-child(4) > span {
    display: inline-block;
    width: 130px;
    height: 42px;
    background: #3296FA;
    border-radius: 3px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.website_five{
    height: 486px;
}
.website_five_box{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.website_five_box > p {
    font-size: 30px;
    font-weight: 600;
    color: #44454F;
    line-height: 30px;
    margin-top: 80px;
    margin-bottom: 50px;
}
.website_five_box > div {
    display: flex;
    width: 100%;
}
/* .website_five_box > div > dl:nth-child(1) {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
.website_five_box > div > dl:nth-child(4){
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
} */
.website_five_box > div > dl {
    width: 200px;
    height: 277px;
}
.website_five_box > div > dl >div {
    width: 185px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.website_five_box > div > dl:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-right: 158px;
}

.website_five_box > div > dl > div > dd:nth-child(2) {
    width: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: #44454F;
    line-height: 18px;
    margin-bottom: 20px;
}
.website_five_box > div > dl:nth-child(2) {
    margin-right: 153px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.website_five_box > div > dl:nth-child(2) > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 182px;
}
.website_five_box > div > dl:nth-child(3) {
    margin-right: 89px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.website_five_box > div > dl:nth-child(3) > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 146px;
}
.website_five_box > div > dl:nth-child(4) {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.website_five_box > div > dl:nth-child(4) > div {
    width: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.website_five_box > div > dl >div > dt{
    width: 130px;
    height: 130px;
    margin-bottom: 37px;
}
.website_five_box > div > dl >div > dt > img {
    width: 130px;
    height: 130px;
}

.website_five_box > div > dl > div > dd:nth-child(3) {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    color: #7A7778;
    line-height: 24px;
}
.website_six{
    height: 300px;
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/11bg.png') no-repeat;
    background-size: 100% 100%;
}
.website_six_box{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.website_six_box > p {
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 80px;
}
.website_six_box > div {
    width: 100%;
    display: flex;
}
.website_six_box > div > dl {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.website_six_box > div > dl:nth-child(1) > dt {        
    font-size: 48px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 48px;
    margin-bottom: 17px;
}
.website_six_box > div > dl:nth-child(1) > dd {        
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 16px;
}
.website_six_box > div > dl:nth-child(2) > dt {        
    font-size: 48px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 48px;
    margin-bottom: 17px;
}
.website_six_box > div > dl:nth-child(2) > dt > span {
    font-size: 30px;
    color: #FFFFFF;
    font-weight: 600;
}
.website_six_box > div > dl:nth-child(2) > dd {        
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 16px;
}
.website_six_box > div > dl:nth-child(3) > dt {        
    font-size: 48px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 30px;
    margin-bottom: 24px;
}
.website_six_box > div > dl:nth-child(3) > dt > span {
    font-size: 30px;
    color: #FFFFFF;
    font-weight: 600;
}
.website_six_box > div > dl:nth-child(3) > dd {        
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 16px;
}
.website_seven{
    height: 616px;
    background: #F7F8FB;
}
.website_seven_box {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
.website_seven_box > p {        
    font-size: 30px;
    font-weight: 600;
    color: #44454F;
    line-height: 30px;
    margin-top: 80px;
    margin-bottom: 50px;
}
.website_seven_box > div {
    height: 455px;
    width: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    margin-bottom: 20px;
}

.website_seven_box_swiper > .swiper-container2 {
    width: 1200px;
}
.website_seven_box_swiper > .swiper-container2 > .swiper-wrapper{
    width: 100%;
}
.website_seven_box_swiper > .swiper-container2 > .swiper-wrapper > .swiper-slide {
    width: 100%;
    display: flex;
}
.website_seven_box_swiper > .swiper-container2 > .swiper-wrapper > .swiper-slide > div {
    width: 288px!important;
    height: 376px;
    margin-right: 16px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    flex-direction: column;
    background: #FFFFFF;
    transition: all .3s;
}
.website_seven_box_swiper > .swiper-container2 > .swiper-wrapper > .swiper-slide > div:hover {    
    box-shadow: 0px 10px 10px 0px rgba(50, 150, 250, 0.1);
    margin-top: -4px;
    transition: all .3s;
}
.website_seven_box_swiper > .swiper-container2 > .swiper-wrapper > .swiper-slide > div{
    box-shadow: 0px 10px 10px 0px rgba(50, 150, 250, 0.04);
}   
.website_seven_box_swiper > .swiper-container2 > .swiper-wrapper > .swiper-slide > div > p:nth-child(1) {
    width: 171px;
    height: 80px;
    margin-top: 30px;
    /* margin-left: 59px; */
    margin-bottom: 20px;
}
.website_seven_box_swiper_img1{
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/pplogo/zar.png') no-repeat;
    background-size: 100% 100%;
}
.website_seven_box_swiper_img2{
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/pplogo/mic.png') no-repeat;
    background-size: 100% 100%;
}
.website_seven_box_swiper_img3{
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/pplogo/swa.png') no-repeat;
    background-size: 100% 100%;
}
.website_seven_box_swiper_img4{
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/pplogo/bel.png') no-repeat;
    background-size: 100% 100%;
}
.website_seven_box_swiper_img5{
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/pplogo/xk.png') no-repeat;
    background-size: 100% 100%;
}
.website_seven_box_swiper > .swiper-container2 > .swiper-wrapper > .swiper-slide > div > p:nth-child(2) {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #44454F;
    line-height: 16px;
}
.website_seven_box_swiper > .swiper-container2 > .swiper-wrapper > .swiper-slide > div > p:nth-child(3) {
    margin-bottom: 20px;        
    font-size: 14px;
    font-weight: 400;
    color: #7A7778;
    line-height: 26px;
    margin-left: 40px;
    margin-right: 38px;
}
.website_seven_box_swiper > .swiper-container2 > .swiper-wrapper > .swiper-slide > div > p:nth-child(4) {
    width: 100%;
}
.website_seven_box_swiper > .swiper-container2 > .swiper-wrapper > .swiper-slide > div > p:nth-child(4) > span {
    width: auto;
    height: 20px;
    background: #FFFFFF;
    border: 1px solid #CDD1D6;        
    font-size: 12px;
    font-weight: 400;
    color: #7A7778;
    line-height: 9px;
    margin-left: 40px;
    display: inline-block;
    padding: 4px 6px;
    box-sizing: border-box;
}
.website_eight{
    height: 405px;
}
.website_eight_box {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.website_eight_box > p {
    font-size: 30px;
    font-weight: 600;
    color: #44454F;
    line-height: 30px;
    margin-top: 80px;
    margin-bottom: 50px;
}
.website_eight_box > div:nth-child(2) {
    width: 100%; 
    border-radius: 2px;
    border-bottom: 1px solid #E6E9ED;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    height: 35px;
    flex: none;
}
.website_eight_box > div:nth-child(2) > ul {
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-bottom: 18px; */
    height: 35px;
}
.website_eight_box > div:nth-child(2) > ul > li{
    margin-right: 60px;        
    font-size: 16px;
    font-weight: 400;
    color: #44454F;
    line-height: 16px;
}
.website_eight_box > div:nth-child(2) > ul > li:nth-child(3){
    margin-right: 0;
}
.website_eight_box > div:nth-child(3) {
    width: 100%;
    /* height: 100%; */
    margin-bottom: 0;
}
.website_eight_box > div:nth-child(3) > .website_eight_box_tabBox {
    display: flex;
    width: 100%;
    height: 100%;
}
.website_eight_box > div:nth-child(3) > .website_eight_box_tabBox > dl {
    flex: 1;
    display: flex;
}
.website_eight_box > div:nth-child(3) > .website_eight_box_tabBox > dl > dt {
    width: 250px;
    height: 170px;
    margin-right: 20px;
    overflow: hidden;
}
.website_eight_img > img{
    transition: all .7s;
    transform: scale(1,1);
    width: 100%;
    height: 100%;
}
.website_eight_img > img:hover{
    transition: all .7s;
    transform: scale(1.1,1.1);
}
/* .website_eight_box_tabBox_par > .website_eight_box_tabBox:nth-child(1) > dl:nth-child(1) > dt {
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/wzpt/gsdtl.jpg') no-repeat;
    background-size: 100% 100%;
}
.website_eight_box_tabBox_par > .website_eight_box_tabBox:nth-child(1) > dl:nth-child(2) > dt {
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/wzpt/gsdtr.JPG') no-repeat;
    background-size: 100% 100%;
}
.website_eight_box_tabBox_par > .website_eight_box_tabBox:nth-child(2) > dl:nth-child(1) > dt {
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/wzpt/alfxl.png') no-repeat;
    background-size: 100% 100%;
}
.website_eight_box_tabBox_par > .website_eight_box_tabBox:nth-child(2) > dl:nth-child(2) > dt {
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/wzpt/alfxr.png') no-repeat;
    background-size: 100% 100%;
}
.website_eight_box_tabBox_par > .website_eight_box_tabBox:nth-child(3) > dl:nth-child(1) > dt {
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/wzpt/hyzxl.png') no-repeat;
    background-size: 100% 100%;
}
.website_eight_box_tabBox_par > .website_eight_box_tabBox:nth-child(3) > dl:nth-child(2) > dt {
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/wzpt/hyzxr.png') no-repeat;
    background-size: 100% 100%;
} */
.website_eight_box > div:nth-child(3) > .website_eight_box_tabBox > dl > dd {
    width: 310px;
    height: 100%;
}
.website_eight_box > div:nth-child(3) > .website_eight_box_tabBox > dl > dd > a:nth-child(1){
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size: 18px;
    font-weight: 600;
    color: #44454F;
    line-height: 20px;
    margin-bottom: 12px;
    display: inline-block;
}
.website_eight_box > div:nth-child(3) > .website_eight_box_tabBox > dl > dd > p:nth-child(2){        
    font-size: 14px;
    font-weight: 400;
    color: #44454F;
    line-height: 24px;
    margin-bottom: 22px;
    height: 96px;
}
.website_eight_box > div:nth-child(3) > .website_eight_box_tabBox > dl > dd > p:nth-child(3){        
    font-size: 14px;
    font-weight: 400;
    color: #7A7778;
    line-height: 14px;
}
.website_eight_box_ui > li {
    position: relative;
    height: 100%;
}
.website_eight_box_gx{        
    font-size: 16px!important;
    font-weight: 600!important;
    color: #3296FA!important;
    line-height: 16px!important;
}
.website_eight_box_gx:after{
    content:"";
    width: 84px;
    height: 3px;
    display:inline-block;
    background: #3296FA;
    border-radius: 2px;
    position: absolute;
    left: -9px;
    bottom: 0px;
}
.website_nine{
    height: 462px;
    margin-bottom: 80px;
}
.website_nine_box{
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.website_nine_box > p {
    font-size: 30px;
    font-weight: 600;
    color: #44454F;
    line-height: 30px;
    margin-top: 80px;
    margin-bottom: 50px;
}
.website_nine_box > ul {
    width: 1200px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}
.website_nine_box > ul > li {
    width: 186px;
    height: 90px;
    margin-right: 16px;    
    border-radius: 3px;
    border: 1px solid #E6E9ED;
    box-sizing: border-box;
}
.website_nine_box > ul > li:nth-child(6){
    margin-right: 0;
}
.website_nine_box > ul > li:nth-child(12){
    margin-right: 0;
}
.website_nine_box > ul > li:nth-child(18){
    margin-right: 0;
}
.website_nine_box > ul > li > a > img {
    width: 186px;
    height: 90px;
}
.website_ten{
    height: 413px;
    background: #2E3033;
}
.website_ten_box {
    height: 100%;
    display: flex;
    align-items: center;
    width: 1200px;
}
.website_ten_box > div:nth-child(1){
    width: 640px;
    height: 100%;
}
.website_ten_box > div:nth-child(1) > ul {
    width: 100%;
    height: 100%;
    display: flex;
    color: #FFFFFF;
}
.website_ten_box > div:nth-child(1) > ul > li {
    flex: 1;
}
.website_ten_box > div:nth-child(1) > ul > li > a{
    display: block;
    margin-bottom: 24px;        
    font-size: 14px;
    font-weight: 400;
    color: #CCCCCC;
    line-height: 14px;
}
.website_ten_box > div:nth-child(1) > ul > li > p{
    margin-top: 60px;
    margin-bottom: 40px;        
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 14px;
}
.website_ten_box > div:nth-child(2){
    width: 559px;
    height: 100%;
    margin-bottom: 0;
    position: relative;
}
.website_ten_box > div:nth-child(2):after{
    content: '';
    display: inline-block;
    width: 1px;
    height: 258px;
    background: #4A4D51;
    position: absolute;
    left: 0;
    top: 52px;
}
.website_ten > div:nth-child(2) {
    height: 54px;
    width: 100%;
    background: #151515;
    margin-bottom: 0;
}
.website_ten_box > div:nth-child(2) {
    display: flex;
}
.website_ten_box > div:nth-child(2) > p {
    width: 130px;
    height: 144px;
    background: #FFFFFF;
    border-radius: 3px;
    margin-top: 60px;
    margin-left: 110px;
    margin-right: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.website_ten_box > div:nth-child(2) > p > span:nth-child(1){
    display: inline-block;
    width: 120px;
    height: 120px;
}
.website_ten_box > div:nth-child(2) > p > span:nth-child(2){        
    font-size: 12px;
    font-weight: 600;
    color: #666666;
    line-height: 12px;
    letter-spacing: 2px;
}
.website_ten_box > div:nth-child(2) > div {
    /* width: 210px; */
    height: 120px;
    margin-top: 60px;
}
.website_ten_box > div:nth-child(2) > div > p:nth-child(1) {        
    font-size: 30px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 30px;
    margin-bottom: 10px;
}
.website_ten_box > div:nth-child(2) > div > p:nth-child(2) {        
    font-size: 14px;
    font-weight: 400;
    color: #CCCCCC;
    line-height: 14px;
    margin-bottom: 24px;
}
.website_ten_box > div:nth-child(2) > div > p:nth-child(3) {
    width: 130px;
    height: 42px;
    background: #3296FA;        
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 20px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.website_swiper_text{
    position: absolute;
    top: 143px;
    left: 410px;
    width: auto;
    height: auto;
    z-index: 9999;
}
.website_swiper_text > p:nth-child(1) {
    font-size: 52px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 70px;
    margin-bottom: 11px;
}
.website_swiper_text > p:nth-child(2) {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    margin-bottom: 10px;
}
.website_swiper_text > p:nth-child(3) {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    margin-bottom: 53px;
}
.website_swiper_text > p:nth-child(4) {
    width: 161px;
    height: 50px;
    border-radius: 30px;
    border: 1px solid #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;        
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 28px;
}
.website_swiper_text_hover:hover{
    background-color: #fff;
    color: #2589ff!important;
}
.website_fiexd{
    position: fixed;
    right: 0;
    top: 35%;
    width: 54px;
    height: 218px;
    z-index: 9999;
    width: 54px;
    background: #FFFFFF;
    box-shadow: 0px 3px 16px 0px rgba(145, 148, 150, 0.2);
    border-radius: 4px;
}
.website_fiexd_ww_a{
    position: absolute;
    left: 0;
    top: 0;
    height: 66px;
    width: 100%;
}
.website_four_box_div_box > p:nth-child(4):hover{
    background-color:rgba(255, 255, 255, 0);
}
.website_fiexd > dl:nth-child(1) {
    margin-top: 10px;
}
.website_fiexd > dl {
    height: 66px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.website_fiexd > dl:hover {    
    background: #EAF4FE;
} 
.website_fiexd > dl > dt > img{
    width: 24px;
    height: 24px;

}
.website_fiexd > dl > dd {        
    font-size: 12px;
    font-weight: 400;
    color:#7A7778;
    line-height: 12px;
}
.website_fiexd > dl > dd > a {        
    font-size: 12px;
    font-weight: 400;
    color:#7A7778;
    line-height: 12px;
}
.website_fiexd > dl:hover > dd > a{
    color: #3296FA;
    background-color: rgba(128, 255, 0, 0);
}
.website_fiexd > dl:nth-child(1) > dt {
    background-image: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/logo/lxww.png');
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
}
.website_fiexd > dl:nth-child(2) > dt {
    background-image: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/logo/cbsj.png');
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
}
.website_fiexd > dl:nth-child(3) > dt {
    background-image: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/logo/fhdb.png');
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
}
.website_fiexd > dl:nth-child(1):hover > dt {
    background-image: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/logo/lxwwl.png');
}
.website_fiexd > dl:nth-child(2):hover > dt {
    background-image: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/logo/cbsjl.png');
}
.website_fiexd > dl:nth-child(3):hover > dt {
    background-image: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/logo/fhdbl.png');
}
.website_fiexd > dl:hover > dd{        
    color: #3296FA;
}
.website_ten_box_two_div{
    font-size: 14px;
    font-weight: 400;
    color: #CCCCCC;
    line-height: 14px;
}
body{
    overflow-x: hidden;
}
.website_fiexd_ewm{
    position: relative;
}
.website_fiexd_ewm:hover > .website_fiexd_ewm_tc {
    display: block;
}
.website_fiexd_ewm_tc{
    position: absolute;
    left: -132px;
    top: -26px;
    width: 112px;
    height: 132px;
    background: #524D4E;
    box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    display: none;
}
.website_fiexd_ewm_tc1{
    display: inline-block;
    width: 84px;
    height: 84px;
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/qrcode.jpg') no-repeat;
    background-size: 100% 100%;
    margin-left: 14px;
    margin-top: 14px;
    border-radius: 4px;
    margin-bottom: 8px;
}
.btmewm{
    background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/qrcode.jpg') no-repeat;
    background-size: 100% 100%;
}
.website_fiexd_ewm_tc2{
    display: flex;
    width: 100%;        
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 12px;
    margin-left: 26px;
}
.website_fiexd_ewm_tc:before{
    position:absolute;
    content:"";
    width:0;
    height:0;
    border:transparent 0.74em solid;
    border-left-color:#524D4E;
    top:48px;
    right:-1.4em
}
.consultImmediately1 span {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.consultImmediately1 span:hover{
    background: #2184E8!important;
    border-radius: 3px!important
}
.websitegrasp{
    cursor: pointer;
}
.website_seven .swiper-container2 {
    overflow: visible;
}
.website_iframe {
    width: 740px;
    height: 600px;
    position: fixed;
    top: 50%;
    left: 0px;
    right: 0px;
    margin-left:auto;
    margin-right:auto;
    z-index: 99999;
    overflow: hidden;
    padding-top: 10px;
    margin-top: -300px;    
    box-shadow: 0px 4px 10px 0px rgba(50, 150, 250, 0.1);
    background: #FFFFFF;
}
.website_iframe > iframe {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none;
    margin-top: -14PX;
    background: #FFFFFF;
}
/* website_iframe_cloce */
.website_iframe > span {
    position: absolute;
    display: inline-block;
    width: 78px;
    height: 28px;
    right: 20px;
    top: 17px;
    border: 1px solid #fff;
    border-radius: 4px;
    /* background: url('http://newhnproduct.oss-cn-zhangjiakou.aliyuncs.com/Guanwang/cloce.png') no-repeat; */
    /* background-size: 100% 100%; */
}
.website_iframe > span > span{
    margin-left: 11px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
}