/*  ++++++++++++++++++ pc端样式 ++++++++++++++++++  */
/* first page style */
@media screen and (min-width: 1000px) {
    *,a {
        margin: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
        font-size: 16px;
        color: #444444;
        font-family:Source Han Sans CN;
    }
    /* 总的盒子 */
    .cr{
        width:100%;
    }

    html{ overflow-x: hidden;}
    /* 右边固定栏目 */
    .right-fixed{
        width:50px;/*cmrcmr*/
        height: 200px;/*cmrcmr*/
        background: #f5f5f5;
        border-radius: 8px;
        border:1px solid #a5a5a5;
        position: fixed;
        bottom:30px;
        right:5px;
        z-index: 99;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
    }
    .ph{
        background: url('../image/ph.png') no-repeat 100% 100%;
        width:30px;
        height:38px;
    }
    .wechat{
        background: url('../image/wechat.png') no-repeat 100% 100%;
        width:38px;
        height:32px;
        position: relative;
        padding-top:30px;
        border-top:1px solid #444; 
    }
    .wechat img{
        position: absolute;
        /* top:0px;
        left:50px; */
        z-index: -10;
        transform: translate(-95px,100px);
        visibility: hidden;
        transition: all .5s;
        opacity: 0;
    }
    .wechat:hover img{
        opacity: 1;
        visibility: visible;
        transition: all .5s;
        transform: translate(-95px,0)
    }
    .top{
        padding-top:15px;
        border-top:1px solid #444; 
        background: url('../image/top.png') no-repeat 100% 100%;
        width:44px;
        height:42px;
    }
    /* .ph::before{
        content: "";
        display: block;
        width:140px;
        height: 140px;
    } */
    .right-fixed .top{
        cursor: pointer;
    }



    /* 头部样式 */
    /* 头部样式 */
    /* 头部样式 */
    .header_wra{
        width:100%;
        position: absolute;
        z-index: 10;
        background: rgba(255, 255, 255, 0);
        transition: all .5s;
    }

/*？？？？？？？？？？？？ 鼠标滚动导航效果？？？？？？？？？？？？ */
    .header_wra.header-fixed{
        width:100%;
        position: fixed;
        z-index: 10;
        background: rgba(255, 255, 255, .9);
        box-shadow: 0 2px 5px rgba(16,16,16,.2);
        transition: all .5s;
    }
    .header_wra.slideInDown {
        animation-name: slideInDown;
    }
    .header_wra.animated {
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    @keyframes slideInDown {
        0% {
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0);
            visibility: visible;
        }
        100% {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    }
/* end end end end end end end end end end end end end end end end */
    .header_wra{
        width:100%;
        transform: scale(1.6,1.6);
        transition: all 1s;
        visibility: hidden;
        opacity: 0;
    }
    .header_wra.show_header_wra{
        transform: scale(1,1);
        transition: all 1s;
        visibility: visible;
        opacity: 1;
    }
    .header{
        width:1200px;
        margin:20px auto 0;
        display: flex;
        justify-content: space-between;
    }
    .nav{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: space-between;
    }
    .nav .tel{
        margin-top:15px;
    }
    .nav .tel a{
        padding-right: 15px;
        color:#fff;
    }
    /* 滚动文字变黑 */
    .nav .tel a.change-black{
        color:#000;
    }

    .nav .tel a:hover{
        color:#4baeff;
        font-weight:normal;/*cmrcmr*/
    }
    .nav .tel a:nth-of-type(2){
        padding-left:15px;
        border-left:1px solid #fff;
    }
    /* 滚动分割线变黑 */
    .nav .tel a.line-change-black:nth-of-type(2){
        border-left:1px solid #000;
    }
    .nav_list_ul{
        display: flex;
        width:910px;
        justify-content: space-between;
    }
    /* nav down_list father 7 个分类*/
    ul.nav_list_ul li.nav_list{
        color:#fff;
        cursor:default;
        width:14%;
        height:60px;
        text-align: center;
        line-height: 60px;
        position: relative;
    }
    /* 滚动导航文字变黑 */
    ul.nav_list_ul li.nav_list.nav-char-blank{
        color:#000;
    }
    /* 下横线 */
    ul.nav_list_ul li.nav_list::after{
        content:'';
        width:0px;
        height:0px;
        position: absolute;
        bottom:0;
        left:0;
        background: #fff;
    }
    /* hover 下横线效果 */
    ul.nav_list_ul li.nav_list:hover::after{
        width:137px;/*cmrcmr*/
        height:2px;
        transition: all .5s;
    }
    .active1{
    	border-bottom:2px solid #0D4679;
    }
    .active{
    	/*border-bottom:2px solid #619EC3;*/
    	border-bottom:2px solid #1583D7;
    }
    /* 导航下拉列表 共用样式 */
    .down_list{
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 60px;
        left: 0px;
        transform:translate(-100px,0);
        visibility: hidden;
        opacity: 0;
        transition: all .3s;
    }
    ul.nav_list_ul li.nav_list:hover .down_list{
        transform:translate(0,0);
        transition: all .3s;
        visibility: visible;
        opacity: 1;
    }
    /* 二级导航和三级导航列表的样式 */
    .down_list a,
    .down_list .three_down_list,
    .down_list .three_down_list li a.three_nav{
        color:#fff;
        width:137px;/*cmrcmr*/
        height:50px;
        line-height: 50px;
        text-align: center;
        background: rgba(0, 46, 91,.9);
        position: relative;
    }
    /* 三级导航----列表样式的父级li的样式*/
    .down_list .three_down_list li{
        position: absolute;
        top: 0px;
        left: 137px;/*cmrcmr*/
        display: flex;
        flex-direction: column;
        transform:translate(0,100px);
        visibility: hidden;
        opacity: 0;
        transition: all .3s;
    }
    /* 鼠标进入，三级导航出现 */
    .down_list .three_down_list.cr-health:hover li{
        transform:translate(0,0);
        transition: all .3s;
        visibility: visible;
        opacity: 1;
    }
    .down_list a:hover,.down_list .three_down_list:hover,
    .down_list .three_down_list li a.three_nav:hover{
        background: #1e5fa0;
    }/*cmrcmr二级三级导航样式 */
    /* banner */
    /* banner */
    /* banner */
    .swiper-container{
        width: 100%;
        position: relative;
        top:0px;
        left:0px;
    }
    .swiper-container a img{
        max-width:100%;
        height: auto;
        width: 100%;
       
    }
    /* .swiper-container a.video-block::after{
        position: absolute;
        top:0px;
        left:0px;
        max-width:100%;
        content:"";
        height:100%;
        background: rgba(0, 0, 0, 0.7);
        display: inline-block;
    } */
    .swiper-container a video{
        /* max-width:100%; */
        max-width:100%;
        height:auto;
    }
    /* center cr */
    .enter-cr-box{
        width:1200px;
        margin:0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        transform: scale(0.5,0.5);
        transition: all 1s;
        visibility: hidden;
        opacity: 0;
    }
    .enter-cr-box.show-enter-cr-box{
        transform: scale(1,1);
        transition: all 1s;
        visibility: visible;
        opacity: 1;
    }
    .left-content{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
/* .................通用样式................. */
    /* 标题共用样式 */
    .enter-cr-title{
        display: flex;
        justify-content:center;
        align-items: center;
    }
    .enter-cr-title p:nth-of-type(1){
        height:30px;
        font-size:25px;
        /* font-family:Source Han Sans CN; */
        font-weight:bold;
        color:rgb(0,46,91);
        /* text-align: center; */
    }
    .enter-cr-title p:nth-of-type(2){
        font-size:12px;
        font-weight:300;
        color:rgb(102,102,102);
        padding:5px 0;
    }
    .db_icon{
        margin-right:15px;
    }
    .db_icon::after{
        content: "";
        display: inline-block;
        width:5px;
        height:40px;
        background:#002e5b;
    }
    .db_icon::before{
        content:"";
        display: inline-block;
        width:5px;
        height:40px;
        background:#fed222;
    }
    /* ++++++++++++++++++++++++++++++++++++++ */
	/* 公司介绍cmrcmr */
    /*.cr-intro{
        width:535px;
        line-height: 25px;
        padding:25px 0;
    }*/
    .wow{
    	width:535px;
        line-height: 25px;
        padding:25px 0;
    }

    /* 公司图片 */
    .right-img{
        width:513px;
        height:340px;
        position: absolute;
        right:0px;
        top:50%;
        transform:translate(-10%,-50%)
    }
    /* 黄色块 */
    .y-block{
        width:270px;
        height:520px;
        background:#fed222;
        margin-right:150px;
    }

    /* 查看更多 */
    .more-box a{
        font-size:14px;
        font-weight:bold;
        color:#002e5b;
    }
    .more-box a::after{
        content:"";
        display: block;
        border-bottom:2px solid #002e5b;
    }

    /* 产品展示 */
    .pro-bg{
        width:100%;
        padding:80px 0;
        background: #f4f4f4;
    }
    .pro-show-box{
        width:1200px;
        margin:0px auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /* 产品列表 */
    .pro_list{
        width:100%;
        display: flex;
        justify-content: space-between;
        margin:40px 0;
    }
    .pro_list a.pro-box p:nth-of-type(1){
        width:100%;
        max-width:250px;
        font-size:18px;
        font-weight:600;
        color:rgb(0,46,91);
        margin:15px 0;
        text-align: center;
        overflow: hidden;
    }
    .pro_list a.pro-box p:nth-of-type(2){
        width:95%;
        font-size:14px;
        line-height: 25px;
    }
    /* 产品单个列表 */
    .pro_list a.pro-box{
        display: flex;
        flex-direction: column;
        align-items: center;
        width:24%;
        opacity: 0;
        padding:10px;
        transition: transform .8s ease-out, opacity .8s ease-out .3s;
    }
    /* 产品单个列表动画 */
    .pro_list a.pro-box:nth-of-type(1),
    .pro_list a.pro-box:nth-of-type(2){
        transform: translate(-100px,0);
    }
    .pro_list a.pro-box:nth-of-type(3),
    .pro_list a.pro-box:nth-of-type(4){
        transform: translate(100px,0);
    }
    /* js添加类名，控制产品动画 */
    .pro_list a.pro-box.show-a-pro{
        transform: translate(0,0);
        opacity: 1;
        transition: transform .8s ease-out, opacity .8s ease-out .3s;
    }
    .pro_list a.pro-box:hover{
        transform: scale(1.01,1.01);
        transition: all .5s;
        background-color: #fff;
        box-shadow: 1px 1px 3px #ccc;
        background: linear-gradient(-30deg, #a9a9a9 0px, #a9a9a9 0px) no-repeat 5px 5px, /*cmrcmr*/
               /* linear-gradient(-90deg, #108b96 0px, #108b96 1px) no-repeat,*/ 
                /*linear-gradient(-180deg, #108b96 0px, #108b96 1px) no-repeat, */
                linear-gradient(-270deg, #a9a9a9 0px, #a9a9a9 0px) no-repeat 5px 5px;
   		background-size: 290px 203px;
    }
    /* .pro_list a.pro-box img{
        transition: all .5s;
        width:280px;
        height:190px;
    } */
    /* .................通用样式................. */
    /* 更多 */
    a.pro-more{
        width:130px;
        height:30px;
        background: #002e5b;
        color:#fff;
        display: block;
        text-align: center;
        line-height: 30px;
        font-size:14px;
        position: relative;
    }
    a.pro-more::before{
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        transform: scaleY(0);
        transform-origin: 50%;
        transition: all .5s;
    }
    a.pro-more:hover::before{
        content: "MORE +";
        position: absolute;
        z-index: 1;
        color:#002e5b;
        display: block;
        text-align: center;
        line-height: 30px;
        font-size:14px;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fed11e;
        transform: scale(1);
        transform-origin: 50%;
        transition-property: transform;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
    }
    /* 中间广告 */
    .cr-ad-bg{
        width:100%;
    }
    .cr-ad-bg img{
        width:100%;
    }

    /* 成功案例 */
    .suc-case-box{
        width:1200px;
        margin:80px auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /* 切换按钮 */
    .change-btn-box{
        display: flex;
        width:900px;
        justify-content: space-between;
        margin: 30px 0;
        position: relative;
    }
    .change-btn-box li{
        width:210px;
        height:45px;
        background:rgba(221,221,221,1);
        border-radius:5px;
        text-align: center;
        line-height: 45px;
        transition: all .5s;
        display: block;
        cursor: pointer;
    }
    .change-btn-box li.get-backgroundColor{
        /* content: "" */
        transition: all .5s;
        background: #002e5b;
        color:#fff;
    }
    /* 成功案例 内容 */
    .suc-case-content{
        display: flex;
        width:100%;
        justify-content: space-between;
    }
    .suc-case-content img{
        width:580px;
        height:360px;
    }
    .suc-right-content{
        position: relative;
        margin-top:60px;
    }
    .suc-right-content p:nth-of-type(1){
        max-width: 160px;
        font-weight:500px;
        padding-bottom:15px;
    }
    .suc-right-content p:nth-of-type(2){
        width:570px;
        font-size:14px;
        line-height: 25px;
    }
    /* 更多 */
    .suc-more-box{
        position: absolute;
        bottom: 0px;
        right:0px;
    }
    /* 中间广告 */
    .team-bg{
        width:100%;
    }
    img.team-img{
        width:100%;
    }
    /* 新闻 */
    .news-box{
        width:1200px;
        margin:80px auto;
        display: flex;
        flex-direction: column;
        /* align-items: center; */
    }
    /* 下边新闻father */
    .news-list{
        display: flex;
        justify-content: space-between;
        transform:scale(1.1,1.1);
        opacity: 0;
        visibility: hidden;
        transition: all 1s;
        margin-top:40px;
    }
    /* 滚动js控制效果，news---big--->small */
    .news-list.show-news-list{
        transform: scale(1,1);
        visibility: visible;
        opacity: 1;
        transition: all 1s;
    }
    /* 新闻左侧 */
    .left-news{
        display: flex;
        flex-direction: column;
        position: relative;
        width:500px;
    }
    .left-news img{
        width:100%;
    }
    .left-news p:nth-of-type(1){
        font-weight:bold;
        width:100%;
        max-width: 450px;
        text-align: center;
        padding:10px 0;
    }
    .left-news p:nth-of-type(2){
        font-size:14px;
        width:100%;
    }
    .news-more-box{
        width:100%;
        display: flex;
        justify-content: flex-end;
        margin-top:25px;
    }
    /* 右边新闻 */
    .right-news{
        display: flex;
        flex-direction: column;
        width: 620px;
    }
    /* 单个新闻样式 */
    .r-news-content{
        display: flex;
        align-items: center;
        border-bottom:1px solid #c3c3c3;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .r-news-content:hover p,
    .r-news-content:hover span{
        color: #00478d;
        transition: color .5s;
        cursor: pointer;
        transform: translate(0,-2px);
    }
     /* 分割线 */
    .r-news-left{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .r-news-left span:nth-of-type(1){
        font-size:35px;
        font-weight:bold;
    }
    .r-news-left span:nth-of-type(2){
        font-size:12px;
        width:80px;
        max-width: 120px;
        text-align: center;
    }
    .r-news-right{
        display: flex;
        flex-direction: column;
        margin-left:10px;
    }
    .r-news-right p:nth-of-type(1){
        font-weight:600;
        padding:5px 0;
    }
    .r-news-right p:nth-of-type(2){
        width:530px;
    }
/* end end  end end  end end  end end  end end  end end  end end */
    /* 合作伙伴 */
    .partner-bg{
        width: 100%;
        background: #f1f1f1;
    }
    .partner{
        width:1200px;
        margin:100px auto 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding:30px 0;
    }
    .partner-list{
        width:100%;
        height:300px;
        display: flex;
        flex-wrap:wrap;
        justify-content: space-around;
        margin-top:20px;
    }
    .partner-list img{
        width:103px;
        height:61px;
        padding:10px 45px;
        transform: scale(0,0);
        opacity: 0;
        transition: all 1s;
    }
    /* js控制滚动条，合作伙伴动效 */
    .partner-list img.show-partner-img{
        transform: scale(1,1);
        opacity: 1;
        transition: all 1s;
        /* transition-delay: .5s */
    }

    /* footer */
    .footer{
        width:100%;
        background: #002e5b;
    }
    .footer-box{
        margin:0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding:20px 0;
    }
    .footer-box img{
        width:82px;
        height:81px;
        margin-bottom:15px;
    }
    .footer-box p{
        color:#fff;
        font-size:13px;
    }
    .footer-box p a{
    	color:#fff;
        font-size:13px;
    } 
    .footer-box p:nth-of-type(2){
        padding:5px 0;
    }
    .footer-box p:nth-of-type(4){
        padding:5px 0;
    }
}





/*-------------- 移动端-------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*-------------- 移动端 首页----------------*/
@media screen and (max-width: 1000px) {
    *,a {
        margin: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
        font-size: 14px;
        color: #444444;
        font-family:Source Han Sans CN;
    }
    /* 总的盒子 */
    .cr{
        width:100%;
    }
    .cr.show-bgColor::after{
        content:"";
        width:100%;
        height:100%;
        position: fixed;
        top:0px;
        left:0px;
        right:0px;
        bottom:0px;
        background: rgba(0, 0, 0,.8);
        z-index: 10;
    }
    /* 去掉右边固定栏 */
    .right-fixed{
        display: none;
    }
    /* 头部样式 */
    /* 头部样式 */
    /* 头部样式 */
    .header_wra{
        padding:5px;
    }
    .header img.logo{
        width:80px;
        box-sizing: border-box;
        margin:5px 0 0 25px;
    }
    .header{
        width:100%;
        /* display: flex; */
        justify-content: space-between;
        position: relative;
        margin-top: 25px;/*cmrcmr中文*/
    }

    /* 隐藏电话 */
    .nav .tel{
       width: 100%;
        text-align: right;
        position: relative;
        top: -80px;
    }
    .nav .tel a {
    	padding-right: 15px;
    	/*color: #fff;*/
	}
    .nav .tel a:nth-of-type(2){
        padding-left:15px;
        border-left:1px solid #000;
    }
    /* 下拉列表父级  小图标*/
    .nav_list_ul{
        position: absolute;
        top:50%;
        right:10px;
        background: url('../image/pc-class-icon.png') no-repeat 100% 100%;
        width:35px;
        height:24px;
        z-index: 99;
        transform: translate(-50%,-50%);
    }
    /* nav down_list father */
    ul.nav_list_ul li.nav_list{
        color:#fff;
        cursor:default;
        width:140px;
        height:50px;
        text-align: center;
        line-height: 50px;
        position: relative;
        top:50px;
        right:72px;
        background: rgba(0, 46, 91,.8);
        visibility: hidden;
        transform: translate(-100px,0);
        opacity: 0;
        transition: all .6s;
    }
    ul.nav_list_ul li.nav_list.show_nav_list{
        visibility: visible;
        transform: translate(0,0);
        opacity: 1;
        transition: all .6s;
    }
    /* 导航下拉列表 共用样式 */
    .down_list{
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 0px;
        left: -10px;
        transform:translate(-250px,0);
        visibility: hidden;
        opacity: 0;
        transition: all .3s;
    }
    .down_list.show_down_list{
        transform:translate(-100px,0);
        visibility: visible;
        opacity: 1;
        transition: all .3s;
    }
    /* ul.nav_list_ul li.nav_list:hover .down_list{
        transform:translate(0,0);
        transition: all .3s;
        visibility: visible;
        opacity: 1;
    } */
    /* 移动端二级导航和三级导航列表样式 */
    .down_list a,
    .down_list .three_down_list,
    .down_list .three_down_list li a.three_nav{
        color:#fff;
        display: block;
        width:125px;
        height:50px;
        line-height: 50px;
        text-align: center;
        background: rgba(0, 46, 91,.8);
        padding:5px;
        margin-left: -25px;/*cmrcmr*/
        position: relative;
    }
    /* 三级导航列表父级li的样式 */
    li.li-cr-health{
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 0px;
        left: -110px;
        transform:translate(0,110px);
        visibility: hidden;
        opacity: 0;
        transition: all .3s;
    }
    /* js控制，点击出现三级导航  */
    li.li-cr-health.show-three-list{
        transform:translate(0,0);
        transition: all .3s;
        visibility: visible;
        opacity: 1;
    }
    /* banner */
    /* banner */
    /* banner */
    /* banner */
    .swiper-container{
        width: 100%;
        position: relative;
        top:0px;
        left:0px;
    }
    .swiper-container a img{
        max-width:100%;
    }
    .swiper-container a video{
        width:100%;
        height: auto;
    }
    /* 点击小图标时，隐藏banner视频，bug解决！ */
    .swiper-container a video.hidden-video{
        display: none;
    }
    /* center cr */
    .enter-cr-box{
        width:100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        padding:30px 10px;
        box-sizing: border-box;
    }
    .left-content{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    /* .................通用样式................. */
    /* 标题共用样式 */
    .enter-cr-title{
        display: flex;
        align-items: center;
    }
    .enter-cr-title p:nth-of-type(1){
        width:100px;
        font-size:18px;
        font-weight:bold;
        color:rgb(0,46,91);
    }
    .enter-cr-title p:nth-of-type(2){
        font-size:10px;
        color:rgb(102,102,102);
    }
    .db_icon{
        margin-right:8px;
    }
    .db_icon::after{
        content: "";
        display: inline-block;
        width:5px;
        height:30px;
        background:#002e5b;
    }
    .db_icon::before{
        content:"";
        display: inline-block;
        width:5px;
        height:30px;
        background:#fed222;
    }
    /* ++++++++++++++++++++++++++++++++++++++ */
     /* 公司介绍cmrcmr */
    /*.cr-intro{
        width:100%;
        line-height: 20px;
        padding:15px 0;
        color:#444;
    }*/
	.wow{
		width:100%;
        line-height: 20px;
        padding:15px 0;
        color:#444;
	}

    /* 公司图片cmrcmr */
    /*img.right-img{
        display: none;
    }*/
   img.wow{
        display: none;
    }

    /* 查看更多 */
    .more-box a{
        font-size:11px;
        font-weight:bold;
        color:#002e5b;
    }
    .more-box a::after{
        content:"";
        display: block;
        border-bottom:1px solid #002e5b;
    }

    /* 产品展示 */
    .pro-bg{
        width:100%;
        padding:40px 15px;
        background: #f4f4f4;
        box-sizing:border-box;
    }
    .pro-show-box{
        /* width:100%; */
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /* 产品列表 */
    .pro_list{
        width:100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin:40px 0;
    }
    .pro_list a.pro-box{
        width:48%;
        margin-bottom:10px;
    }
    .pro_list a.pro-box p:nth-of-type(1){
        width:100%;
        max-width:279px;
        font-size:14px;
        font-weight:600;
        color:rgb(0,46,91);
        margin:10px 0;
        text-align: center;
    }
    .pro_list a.pro-box p:nth-of-type(2){
        width:100%;
        max-width:279px;
        font-size:12px;
        line-height: 20px;
    }
    .pro_list a.pro-box img{
        max-width:100%;
    }
    /* .................通用样式................. */
    /* 更多 */
    a.pro-more{
        width:80px;
        height:25px;
        background: #002e5b;
        color:#fff;
        display: block;
        text-align: center;
        line-height: 25px;
        font-size:12px;
    }
    /* 中间广告 */
    .cr-ad-bg{
        /*width:100%;*/
        /*20191121 hyhyh改造大图片在移动端居中*/
        height: 70px;
        background: url("../image/crjg-img.png") no-repeat center;
        background-size: 710px 70px;

    }
    .cr-ad-bg img{
        /*width:100%;*/
        /*20191121 hyhyh改造大图片在移动端居中*/
        display: none;

    }
    /* 成功案例 */
    .suc-case-box{
        width:100%;
        margin:0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding:30px 15px;
        box-sizing: border-box;
    }
    /* 切换按钮 */
    .change-btn-box{
        display: flex;
        flex-wrap:wrap;
        width:100%;
        justify-content: space-between;
        margin: 15px 0;
    }
    .change-btn-box li{
        width:24%;
        padding:8px 0;
        background:rgba(221,221,221,1);
        border-radius:3px;
        display: block;
        text-align: center;
        font-size:12px;
    }
    .change-btn-box li.get-backgroundColor{
        /* content: "" */
        transition: all .5s;
        background: #002e5b;
        color:#fff;
    }
    /* 成功案例 内容 */
    .suc-case-content{
        display: flex;
        width:100%;
        justify-content: space-between;
    }
    .suc-case-content .suc-img-box{
        width:40%;
    }
    .suc-case-content .suc-img-box img{
        width:100%;
        height:auto;
        /* height:360px; */
    }
    .suc-right-content{
        width:55%;
        position: relative;
        margin-top:8px;
        height:120px;
        /* padding:20px 0; */
    }
    .suc-right-content p:nth-of-type(1){
        max-width: 80%;
        font-weight:500px;
        padding-bottom:5px;
    }
    .suc-right-content p:nth-of-type(2){
        /* width:98%; */
        height: 55px;
        font-size:12px;
        line-height: 18px;
        overflow: hidden;
    }
    /* 更多 */
    .suc-more-box{
        position: absolute;
        bottom: 10px;
        right:15px;
        /* overflow: hidden; */
    }
    /* 中间广告 */
    /*20191121 hyhyh改造大图片在移动端居中*/
    .team-bg{
        height: 120px;
        background: url("../image/djtd-img.png") no-repeat center;
        background-size: 650px 120px;
    }

    /*20191121 hyhyh改造大图片在移动端居中*/
    img.team-img{
        /*width:100%;*/
        display: none;

    }


    /* 新闻 */
    .news-box{
        width:100%;
        margin:20px auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding:20px 10px;
        box-sizing:border-box;
    }
    /* 下边新闻father */
    .news-list{
        display: flex;
        justify-content: center;
    }
    /* 新闻左侧 */
    .left-news{
        display: flex;
        flex-direction: column;
        position: relative;
        width:100%;
    }
    .left-news img{
        width:100%;
    }
    .left-news p:nth-of-type(1){
        font-weight:bold;
        width:100%;
        text-align: center;
        padding:5px 0;
    }
    .left-news p:nth-of-type(2){
        font-size:12px;
        width:100%;
    }
    .news-more-box{
        width:100%;
        display: flex;
        justify-content: flex-end;
        margin-top:25px;
    }
    /* 右边新闻 */
    .right-news{
        display: none;
    }
/* end end  end end  end end  end end  end end  end end  end end */

    /* 合作伙伴 */
    .partner-bg{
        width: 100%;
        background: #f1f1f1;
        padding:0px 10px 20px;
        box-sizing:border-box;
    }
    .partner{
        margin:20px auto 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding:30px 0;
    }
    .partner-list{
        width:100%;
        display: flex;
        flex-wrap:wrap;
        justify-content: space-around;
        margin-top:10px;
    }
    .partner-list img{
        width:80px;
        margin:10px;
        box-sizing: border-box;
    }
    /* footer */
    .footer{
        width:100%;
        background: #002e5b;
        padding:0 15px;
        box-sizing:border-box;
    }
    .footer-box{
        margin:0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding:20px 0;
    }
    .footer-box img{
        width:76px;
        height:75px;
        margin-bottom:15px;
    }
    .footer-box p{
        color:#fff;
        font-size:10px;
    }
    .footer-box p a{
        color:#fff;
        font-size:10px;
    }
    .footer-box p:nth-of-type(2){
        padding:5px 0;
        text-align: center;
    }
    .footer-box p:nth-of-type(4){
        padding:5px 0;
        text-align: center;
    }
    .footer-box p:nth-of-type(1),.footer-box p:nth-of-type(3){
        text-align: center;
    }
}