@font-face {
    font-family: 'iconfont';  /* project id 1933806 */
    src: url('//at.alicdn.com/t/font_1933806_5sv29h2bhfd.eot');
    src: url('//at.alicdn.com/t/font_1933806_5sv29h2bhfd.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1933806_5sv29h2bhfd.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1933806_5sv29h2bhfd.woff') format('woff'),
    url('//at.alicdn.com/t/font_1933806_5sv29h2bhfd.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1933806_5sv29h2bhfd.svg#iconfont') format('svg');
  }

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
		.banner {
			width: 100%;
		}

		.banner img {
			width: 100%;
		}

		

.cooperate-head {
    position: relative;
    padding: 20px 0;
    margin: 0 0 30px 0;
}

.cooperate-head-content{
    padding: 0 30px;
    margin: 20px 0;
}
    .text-c {
        text-align: center;
    }
   
    .block-3 ul{
        padding: 0;
    }

        .cooperate-head .line {
            width: 80px;
            height: 2px;
            background-color: #fbb900;
            display: inline-block;
            position: absolute;
            bottom: -4px;
            left: 50%;
            transform: translate(-50%, -50%);
        }
       
        .cooperate-des{
            font-size: 16px;
            padding: 0 250px;

        }
        .cooperate-wrap{
            padding: 50px 0 50px;
        }
        .cooperate-color-box{
            font-size: 16px;
            font-weight: bold;

        }
        .cooperate-color-box .color-style{
            margin-top: 30px;
            font-size: 20px;
            color: #228DFF;
            /* background-image: linear-gradient(#ff977a,#ff7049);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;; */
            -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;

        }
        @keyframes neon{
            0% {
                text-shadow: 0 0 3px #fff, 0 0 20px #fff,  0 0 30px #fff, 0 0 50px #fff;
            }
            50% {
                text-shadow: 0 0 3px #fff, 0 0 20px #fff,  0 0 30px #ff7049, 0 0 50px #ff7049;
                color: #ff7049;
            }
            100% {
                text-shadow: 0 0 5px #fff, 0 0 10px #fff,  0 0 20px #228DFF, 0 0 35px #228DFF;
            }
        }
       

        .cooperate-li-icon{
            display: inline-block;
           width:68px;
           height: 69px;
           background-image: url(/static/images/cooperate/cooperate-li-icon.png);
           background-size: cover;
           background-repeat: no-repeat;


        }
        .cooperate-box-li:nth-of-type(1) .cooperate-li-icon{
          
            background-position: 0 0 ;

        }
        .cooperate-box-li:nth-of-type(2) .cooperate-li-icon{
            background-position: -208px 0px;

        }
        .cooperate-box-li:nth-of-type(3) .cooperate-li-icon{
          

            background-position:-416px 0;

        }
        .cooperate-box{
            display: flex;
            box-sizing: border-box;
            padding: 30px 140px ;
            width: 100%;
            justify-content: space-between;
        }
        .cooperate-head-title{
            font-size: 24px;
            font-weight: bold;
        }
        .cooperate-box-li .cooperate-box-li-title{
            font-size: 16px;
            font-weight: bold;
            padding: 10px 0;
        }
        .cooperate-box-li .p{
            font-size: 14px;
            color: #797979;

        }
        .cooperate-box-li .p span{
            color: #fbb900;

        }
        .cooperate-box2{
            box-sizing: border-box;
            padding: 40px 0px 20px;
            justify-content: space-between;
             margin: 50px auto 0px;;
          
          
        }
        .cooperate-box2 .cooperate-box2-li-box{
            text-align: center;
            margin-bottom: 7rem;
            width: 25%;
            float: left;

        }
       
        .cooperate-box2 .cooperate-box2-li {
            position: relative;
            width: 80px;
            height: 80px;
            display: inline-block;
            background-size: cover;
            background-repeat: no-repeat;
 
        }

        .cooperate-box2 .cooperate-box2-li-box:nth-of-type(1) .cooperate-box2-li{
            background-image: url(/static/images/cooperate/cooperate-box2-icon_1.png);

        }
        .cooperate-box2 .cooperate-box2-li-box:nth-of-type(2) .cooperate-box2-li{
            background-image: url(/static/images/cooperate/cooperate-box2-icon_2.png);

        }
        .cooperate-box2 .cooperate-box2-li-box:nth-of-type(3) .cooperate-box2-li{
            background-image: url(/static/images/cooperate/cooperate-box2-icon_3.png);

        }
        .cooperate-box2 .cooperate-box2-li-box:nth-of-type(4) .cooperate-box2-li{
            background-image: url(/static/images/cooperate/cooperate-box2-icon_4.png);

        }
        .cooperate-box2 .cooperate-box2-li-box:nth-of-type(5) .cooperate-box2-li{
            background-image: url(/static/images/cooperate/cooperate-box2-icon_5.png);

        }
        .cooperate-box2 .cooperate-box2-li-box:nth-of-type(6) .cooperate-box2-li{
            background-image: url(/static/images/cooperate/cooperate-box2-icon_6.png);

        }
        .cooperate-box2 .cooperate-box2-li-box:nth-of-type(7) .cooperate-box2-li{
            background-image: url(/static/images/cooperate/cooperate-box2-icon_7.png);

        }
        .cooperate-box2 .cooperate-box2-li-box:nth-of-type(8) .cooperate-box2-li{
            background-image: url(/static/images/cooperate/cooperate-box2-icon_8.png);

        }
        .cooperate-box2 .cooperate-box2-li::after{
            content: "";
            display: inline-block;
            position: absolute;
            right: -108px;
            bottom: 32px;
            width: 18px;
            height: 16px;
            background-image: url(/static/images/cooperate/cooperate-icon.png);
            background-size: cover;
            background-repeat: no-repeat;
        }
        .cooperate-box2 .cooperate-box2-li-box:nth-of-type(4) .cooperate-box2-li::after {
            right: 24px;
    bottom: -92px;
    background-image: url(/static/images/cooperate/cooperate-icon.png);
    width: 18px;
            height: 16px;
            transform: rotate(90deg);


        }
        .cooperate-box2 .cooperate-box2-li-box:nth-of-type(5) .cooperate-box2-li::after,.cooperate-box2 .cooperate-box2-li-box:nth-of-type(6) .cooperate-box2-li::after,.cooperate-box2 .cooperate-box2-li-box:nth-of-type(7) .cooperate-box2-li::after{
            transform: rotate(180deg);
            
        }
     
        .cooperate-box2 .cooperate-box2-li-box:nth-of-type(8) .cooperate-box2-li::after{
            display: none;
        }
        
        .cooperate-r{
            position: relative;
            padding-bottom: 200px;
        }
        .cooperate-p-box{
            position: absolute;
            z-index: 10;
            padding: 30px 50px 50px;
            box-shadow: 5px 5px 30px #ccc;
            top: 56%;
            left: 50%;
            background-color: #fff;
            transform: translate( -50%,0);
            font-size: 14px;
        }

        .cooperate-p-box .line{
            width:800px;
            border: 1px solid #dddddd;
            border-radius: 3px;
            padding: 10px;
            margin-bottom: 10px;
        }
        .cooperate-p-box .line input::placeholder{
            color: #dddddd;
        }
        .cooperate-p-box .line input{
            width: 100%;
            border: 0;
            outline: none;
            color: #dddddd;
            padding: 2px 10px;
            font-size: 14px;
        }
        .cooperate-p-box .btn{
            width: 100%;
            padding: 13px 0;
            background-color: #006cfe;
            border-radius: 3px;

            margin-top: 20px;
            color: #fff;
            font-size: 14px;
        }
        .cooperate-p-box .btn:hover{
            background-color: #1679fc;
        }
        .cooperate-p-box h2{
            font-weight: bold;
            color: #333333;
            font-size: 28px;

        }
        .cooperate-p-box .content{
            margin-bottom: 25px;
            padding-top: 5px;
            text-align: center;
        }
        .cooperate-p-box .content{
         
            color: #dddddd;
        }
        .cooperate-footer{
            margin-top: 300px;
            padding: 0 50px;
            line-height: 2;
            font-size: 14px;
            margin-bottom: 20px;
        }
        .bg-f9f9f9{
            background-color: #f9f9f9;

        }
        .footer-extra{
            width: 100%;
            font-size: 20px;
            font-weight: bold;
            height: 80px;
            line-height: 80px;
            margin: 0 auto;
        }

        .cooperate-img-box{
            padding: 10% 10% 0 10%;

        }
        .cooperate-address-head{
            padding:20px 30px ;

            
        }
        .cooperate-address-head .line{
            bottom: -4px;
            left: 6%;
        }
        .cooperate-add-box {
            margin: 0;
            padding: 0;
            width: 100%;

        }
        .cooperate-add-box li{
            margin: 20px 0;
        }
        
        .cooperate-add-box 
        .cooperate-add-li-title{
            font-size: 16px;
            font-weight:bold;
            

        }
        .cooperate-add-box .cooperate-add-li-txt{
            letter-spacing: 1px;
            line-height: 1.8;
        }
        .cooperate-add-box 
        .cooperate-add-li-icon{
            font-size: 30px;
            color: #fbb900;
            font-weight:normal;
            margin-right:10px
    

        }

        .cooperate-box3-ul{
            width: 100%;
        }

        .cooperate-box3-ul li{
            float: left;
            width: 33.33%;
            text-align: left;
        }
        .cooperate-box3-ul li .cooperate-box3{
            width: 90%;
            padding:0 5%
        }
        .cooperate-box3-ul li i{
            width:5rem;
            height: 5rem;
            display: inline-block;
            vertical-align: bottom;

            background-size:cover;
            background-repeat: no-repeat;
        
        }
        .cooperate-box3-ul li:nth-of-type(1) i{

            background-image: url("/static/images/cooperate/cooperate_icon_01.png");

        }
        .cooperate-box3-ul li:nth-of-type(2) i{
            width:4rem;
            height: 4rem;
            background-image: url("/static/images/cooperate/cooperate_icon_02.png");

        }
        .cooperate-box3-ul li:nth-of-type(3) i{
            width:4rem;
            height: 4rem;
            background-image: url("/static/images/cooperate/cooperate_icon_03.png");

        }
        .cooperate-box3-ul li:nth-of-type(4) i{
            width:3.6rem;
            height: 3.6rem;
            background-image: url("/static/images/cooperate/cooperate_icon_04.png");

        }
        .cooperate-box3-ul li:nth-of-type(5) i{
            width:3.6rem;
            height: 3.6rem;
            background-image: url("/static/images/cooperate/cooperate_icon_05.png");

        }
        .cooperate-box3-ul li:nth-of-type(6) i{
            width:3.6rem;
            height: 3.6rem;
            background-image: url("/static/images/cooperate/cooperate_icon_06.png");

        }
        .cooperate-box3-ul li span{
            font-size: 18px;
            font-weight: bold;
            margin-left: 1rem;
        }
        .cooperate-box3-ul li p{
            font-size: 14px;
            margin:.6rem 0;
            letter-spacing: 1px;
            line-height: 2;
        }

        .cooperate-box2-content{

            width: 100%;
            padding-top: 40px;
        }

        .cooperate-box2-content .cooperate-box2-content-left{
            width: 33%;
            float: left;
            color: #e2e2e2;
            font-size:80px;
            font-family:monospace;
            font-weight: bold;
            text-align: right;
            padding-right: 5%;
        }
        .cooperate-box2-content .cooperate-box2-content-right{
            width:46%;
            float: left;
            line-height: 2;
            font-size: 16px;
            padding: 2rem 0 0 0;
        }
        .cooperate-box2-content .cooperate-box2-content-right p{
          margin-bottom: 30px;
        }
        .cooperate-box2-table{
            padding: 0 30px 30px 30px;
        }
        .cooperate-box2-table table{
            table-layout: fixed;
            width: 100%;
            line-height: 44px;
            font-size: 16px;
            margin-bottom: 20px;


        }
        .cooperate-box2-table table thead th{
            color: #fff;
            background-color: #8aa4d4;
            font-weight: bold;
        }
        .cooperate-box2-table table tr,.cooperate-box2-table table, .cooperate-box2-table table td{
            border: 1px solid #8aa4d4;
            color:#8aa4d4
        }
        
        .cooperate-box2 .cooperate-box2-li-box p{
           line-height: 3;
        }

        /* strategic */

        .cooperate-strategic-ul{
            width: 100%;
            padding:  0 26rem 0 2rem;
            

        }
        .cooperate-strategic-ul li{
           
            width: 33.33%;
            text-align: center;
            float: left;
           
            padding-bottom: 2rem;

        }

        .cooperate-strategic-ul li div{
            width: 260px;
            border:6px solid #eeeeee;
            height: 140px;
            background-image: url("/static/images/cooperate/cooperate-strategic-icon.png");
            background-repeat: no-repeat;
            background-color: #fff;


        
            
        }
        .cooperate-strategic-ul li:nth-of-type(1){
            display: none;
        }
        .cooperate-strategic-ul li:nth-of-type(3){
            display: none;
        }
        .cooperate-strategic-ul li:nth-of-type(11){
            display: none;
        }
        .cooperate-strategic-ul li:nth-of-type(1) div{
            
            background-position: -19px -14px;

        }
        .cooperate-strategic-ul li:nth-of-type(2) div{
            background-position: -228px -9px;

        }
        .cooperate-strategic-ul li:nth-of-type(3) div{
            background-position: -452px -15px;

        }
        .cooperate-strategic-ul li:nth-of-type(4) div{
            background-position:  -957px 2px;

        }
        .cooperate-strategic-ul li:nth-of-type(5) div{
            background-position: -24px -138px;

        }
        .cooperate-strategic-ul li:nth-of-type(6) div{
            background-position:-228px -138px;

        }
        .cooperate-strategic-ul li:nth-of-type(7) div{
            background-position:-450px -138px;

        }
        .cooperate-strategic-ul li:nth-of-type(8) div{
            background-position:-672px -140px;

        }
        .cooperate-strategic-ul li:nth-of-type(9) div{
            background-position:-880px -138px

        }
        .cooperate-strategic-ul li:nth-of-type(10) div{
            background-position: -29px -270px

        }
        .cooperate-strategic-ul li:nth-of-type(11) div{
            background-position: -292px -270px

        }
        .cooperate-strategic-ul li:nth-of-type(12) div{
            background-position:-676px -264px
        }

        .cooperate-banner {

            color: #fff;
            position: relative;


        }

        .cooperate-container {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }

        .cooperate-container-box {
            min-width: 1200px;

            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 0 80px;
        }

        .cooperate-container .title {
            font-size:22px;
            font-weight: bold;
            margin: 10px 0;
        }

        .cooperate-container .content {
            font-size: 18px;
            margin: 10px 0 20px;
        }

        .cooperate-container .cooperate-banner-btn {
            display: inline-block;
            border: 1px solid #fff;
            padding: 7px 22px;
            color: #fff;
            margin-top: 15px;

        }



        .alliance-business-box{
            margin: 85px 0 60px;
            padding: 0;

        }

        .alliance-business-box li{
            width: 20%;
            float: left;
            text-align:center;
        }
       
        .alliance-business-box li .card{
            display: inline-block;
        }
        .alliance-business-box li .card .icon-box{
           
            display: inline-block;
            background-color: #4e80e6;
            text-align: center;

            width: 80px;
            height: 42px;
            position: relative;
            transition-duration: 0.2s;

        } 
        .alliance-business-box li .card:hover .icon-box{
            background-color: #6a96ec;

        }
        .alliance-business-box li .card:hover .icon-box::before,.alliance-business-box li .card:hover .icon-box::after{
            border-color: #6a96ec;
            border-left: 40px solid transparent;
            border-right: 40px solid transparent;
        }
        .alliance-business-box li .card .icon-box i{
            display: inline-block;
            color: #fff;
            font-size: 40px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
           
        }
        .alliance-business-box li:nth-of-type(4) .card .icon-box i{
            font-size: 50px;
        }
        .alliance-business-box li .card .icon-box::after{
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            left: 0;
            bottom: -24px;
            border-top: 24px solid #4e80e6;
            border-left: 40px solid transparent;
            border-right: 40px solid transparent;
            transition-duration: 0.2s;

            
        }

        
        .alliance-business-box li .card .icon-box::before{
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            right: 0;
            top: -24px;
            border-bottom: 24px solid #4e80e6;
            border-left: 40px solid transparent;
            border-right: 40px solid transparent;
            transition-duration: 0.2s;


        } 
        .alliance-business-box li .card .name {
            font-weight: bold;
            font-size: 16px;
            margin: 30px 0 0 0;
            line-height: 2;


        }
        .alliance-business-box li .card .text{
            line-height: 2;

        }
    
   
        @media screen and (max-width: 768px){
            .cooperate-address-head{
                padding:3% 4% ;
    
                
            }
            .cooperate-address-head .line{
                bottom: -4px;
                left: 17%;
            }
            .cooperate-des{
                padding: 0 6rem;

            }
            .cooperate-box2{
                width: 100%;
                padding: 4rem 2rem;

            }
            .cooperate-box2 .cooperate-box2-li{
                width: 5rem;
                height:5rem;
            }
            .cooperate-box2 .cooperate-box2-li::after {
                content: "";
                display: inline-block;
                position: absolute;
                right: -5rem;
                bottom: 2rem;
                width: 1.3rem;
                height:1.2rem;
                background-image: url(/static/images/cooperate/cooperate-icon.png);
                background-color: transparent;}
                .cooperate-box2 .cooperate-box2-li-box:nth-of-type(4) .cooperate-box2-li::after{
                    right: 14px;
                    bottom: -92px;
                    width: 23px;
    height: 26px
                }
                .cooperate-box{
                    padding: 30px 0;
                }

                .cooperate-strategic-ul{
                    padding: 0 2rem;
                }
                .cooperate-strategic-ul li{
                    width: 50%;
                   
                }
               
                .cooperate-container .title {
                    font-size: 18px;
                    font-weight: bold;
    
                }
    
                .cooperate-container .content {
                    font-size: 14px;
                    margin: .6rem 0 1rem;
    
    
                }
    
                .cooperate-container-box {
                    width: 100%;
                    padding: 0 5%;
                    min-width: auto;
                }
    
                .cooperate-container .cooperate-banner-btn {
                    display: inline-block;
                    border: 1px solid #fff;
                    padding: .4rem  1rem;
                    color: #fff;
                    font-size: 1.2rem;
    
                }

                .cooperate-p-box .line{
                    width: 400px;
                }

                .cooperate-p-box h2{
                  
                    font-size: 26px;
        
                }
            

        }