@media(min-width:769px){

    .jianjie .tit{font-size:40px;font-weight:bold; margin-bottom:20px;letter-spacing:5px}
    .jianjie .info{padding:130px 0;background-image: url("/dist/image/bg/1.jpg");background-position:bottom;background-repeat: no-repeat;background-color: #fff;background-size: cover}
    .jianjie .info .left{float: left;width:60%;}
    .jianjie .info .right{float: left;width:40%;}
    .jianjie .info .right video{width: 100%;border-radius: 3px;margin-top: 80px;}
    .jianjie .info .tit{color: #333;}
    .jianjie .info .txt{font-size:18px;line-height:38px;color: #333;padding-right:80px}

    .jianjie .honor{padding:130px 0;}
    .jianjie .honor .tit{text-align: center;color: #333}

    .yanfa{padding:130px 0;}
    .yanfa ul{height: 580px;width:100%;display: table;}
    .yanfa li{display: table-cell;height: 100%; vertical-align: top}
    .yanfa li div{float: left}
    .yanfa li div:nth-child(1){width: 20%;}
    .yanfa li div:nth-child(2){width: 20%;}
    .yanfa li div:nth-child(3){width: 20%;}
    .yanfa li div:nth-child(4){width: 20%;}
    .yanfa li div:nth-child(5){width: 20%;}
    .yanfa li div:nth-child(6){width: 40%;}
    .yanfa li div:nth-child(7){width: 40%;}
    .yanfa li div:nth-child(8){width: 20%;}

    .yanfa li div{overflow: hidden;cursor: pointer;height: 285px;}
    .yanfa li div span{display: block;height: 100%;width: 100%;margin: 10px;overflow: hidden}
    .yanfa li div img{height: 100%;width: 100%;
        -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;
        -webkit-filter: grayscale(30%);-moz-filter: grayscale(30%);-o-filter: grayscale(30%);filter: grayscale(30%);-ms-filter: grayscale(30%);
    }
    .yanfa li div img:hover{
        -webkit-transform: scale3d(1.1,1.1,1.1);transform: scale3d(1.1,1.1,1.1);
        -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;
        -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);-ms-filter: grayscale(0%);
    }






    .licheng {padding:130px 0;background-image: url("/dist/image/bg/7.jpg");background-repeat:no-repeat;background-attachment: fixed;background-position:center;background-size:cover}
    .licheng dl{display: table;width: 100%}
    .licheng dd{display: table-cell; vertical-align: top;}
    .licheng dd:last-child{width:800px}

    .licheng .step{width: 450px;}
    .licheng .step .tit{font-weight:bold;font-size: 18px;}
    .licheng .step ul{display: table;margin: 20px 0}
    .licheng .step li{display: table-cell;padding-right: 50px;cursor: pointer}
    .licheng .step li i{display: block;height:14px;width: 14px;background-color: #aaaaaa; border-radius: 100%; margin-bottom: 10px;}
    .licheng .step .active i{background-color: #004c9e !important}
    .licheng .step .active{color: #004c9e !important}
    .licheng .step .info div{color: #333;font-size:40px;font-weight: bold;padding:50px 0 20px}
    .licheng .step .info p{display: block;line-height: 30px;}
    .licheng .fixed{position: fixed;top: 230px;}

    .licheng .process{width: 800px; background-image:url("/dist/image/about/licheng/line.png");background-repeat: repeat-y;}
    .licheng .process .dot{width: 55px;height: 30px; display: block;background-image:url("/dist/image/about/licheng/dot.png");position: relative;left: -8px}
    .licheng .process .box{padding-left: 150px;position: relative;top:-35px}
    .licheng .process .year{font-size:40px;font-family: Arial, Sans-serif;margin-bottom: 20px;font-weight: bold;position: relative;z-index: 10;left: -80px;color: #333}
    .licheng .process .pic{height: 260px;position: relative;z-index:8;top:-60px;left:40px}
    .licheng .process .pic img{height: 300px;border-radius: 5px;}
    .licheng .process .item{font-size:16px;}
    .licheng .process .item li{line-height:30px;display: table;padding:8px 0}
    .licheng .process .item li *{display: table-cell;}
    .licheng .process .item li label{width:80px;padding-left:40px;color: #333;font-weight: bold}


    .honor{ background-image:url("/dist/image/bg/8.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat}
    .honor ul{padding-top:50px}
    .honor li{display:block;width: 33.3%;float: left;margin-bottom:80px;}
    .honor li div{width: 308px;height: 221px; display: block;background-image:url("/dist/image/about/honor_bg.png");margin: 0 auto}
    .honor li div span{width:290px;height: 199px;display:inline-block;overflow: hidden;margin: 10px 0 0 9px}
    .honor li div span img{width: 100%;height: 100%;cursor: pointer}
    .honor li div span img:hover{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1.1);transform: scale3d(1.1,1.1,1.1);-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}





    .wenhua .item{margin:130px auto;height: 500px;overflow: hidden;background-color: #333;background-position: center;background-size: 100%;}
    .wenhua .opt{padding: 0;overflow-y: hidden;}
    .wenhua .opt {display:table;width: 100%;height: 500px;}

    .wenhua .opt li{display:table-cell;cursor: pointer;background-image:none !important;background-color: rgba(0,0,0,0.2);vertical-align: top;webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
    .wenhua .opt li:first-child .box{border-left: 0 !important}
    .wenhua .opt li .box{padding: 50px;height:100%;border-left:1px solid rgba(255,255,255, 0.4);}

    .wenhua .opt li .box .icon{margin-top:80px;webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
    .wenhua .opt li .box .icon span{display:block;margin:0 auto;position:relative;width:100px;height:100px;background-position:center center;background-repeat:no-repeat;}
    .wenhua .opt li .box .icon span:before,
    .wenhua .opt li .box .icon span:after{background-position:50% 50%;background-repeat:no-repeat;background-size:100px 100px;content:"";position:absolute;width:100%;height:100%;}
    .wenhua .opt li .box .icon span:before{background-image:url("../image/bg_outer.png");-webkit-animation:turn-clockwise 9s linear infinite;-moz-animation:turn-clockwise 9s linear infinite;animation:turn-clockwise 9s linear infinite;}
    .wenhua .opt li .box .icon span:after{background-image:url("../image/bg_inner.png");-webkit-animation:turn-anticlockwise 12s linear infinite;-moz-animation:turn-anticlockwise 12s linear infinite;animation:turn-anticlockwise 12s linear infinite;}

    .wenhua .opt li .box .tit{font-size: 30px;color: #fff;text-align: center;margin:30px 0;}
    .wenhua .opt li .box .txt{position: relative;letter-spacing:2px;top:500px;font-size: 24px;color: #fff;webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
    .wenhua .opt .active{background-color: rgba(0, 76, 158, 0.8)}
    .wenhua .opt .active .box{display: block !important}
    .wenhua .opt .active .icon{margin-top:70px !important}
    .wenhua .opt .active .icon span{display: none !important}
    .wenhua .opt .active .tit{text-align: left !important;font-size:40px !important;font-weight:bold}
    .wenhua .opt .active .txt{top: 20px !important}

}

/*Phone*/
@media (max-width:769px){

    .jianjie .tit{height: 50px;line-height: 50px;text-align: center;background: #e6f0fe;color: #0250aa;font-weight: bold;}
    .jianjie .txt{padding: 20px 20px 0 20px}
    .jianjie .info .right {margin:0 20px;}
    .jianjie .info video{width: 100%;margin-bottom: 15px;}


    .jianjie .honor .center div:nth-child(2){height: 220px;overflow-y: hidden;margin: 20px;}
    .jianjie .honor img{height: 200px;margin-right: 10px;}
    .jianjie .honor ul{display: table;}
    .jianjie .honor li{display: table-cell}



    .yanfa ul{display: block;height: 220px;overflow-y: hidden;margin: 20px;}
    .yanfa li{display: table;}

    .yanfa li div{display: table-cell}
    .yanfa img{height: 200px;margin-right: 10px;}


    .licheng .step{display: none;}
    .licheng .process{background-image:url("/dist/image/about/licheng/line.png");background-repeat: repeat-y;margin:20px;}
    .licheng .process .dot{width: 55px;height: 30px; display: block;background-image:url("/dist/image/about/licheng/dot.png");position: relative;left: -8px}
    .licheng .process .box{padding-left:60px;position: relative;top:-35px}
    .licheng .process .year{font-size:18px;font-family: Arial, Sans-serif;font-weight: bold;position: relative;z-index: 10;/*left:12px;*/top:10px;color: #333;height:33px; }
    .licheng .process .pic{position: relative;z-index:8;/*top:-20px;*/}
    .licheng .process .pic img{height: 80px;max-width: 200px;border-radius: 5px;}
    .licheng .process .item{font-size:12px;}
    .licheng .process .item li{line-height:20px;display: table;padding:6px 0}
    .licheng .process .item li *{display: table-cell;}
    .licheng .process .item li label{width:45px;color: #333;font-weight: bold;font-size: 14px;}


    .wenhua .item{background: none !important}
    .wenhua ul{display: block;}
    .wenhua li{display: block;color: #fff;background-position: center;background-size: cover;}
    .wenhua li .box{padding: 30px 20px;background-color:rgba(0, 0, 0, 0.5)}
    .wenhua li .tit{text-align: center;font-size: 20px;font-weight: bold;}
    .wenhua li .txt{padding:20px 0;text-align: center;line-height: 30px;font-size: 16px;}
}