﻿    body {
background-color:#f3fafd;
}

.style_1 {
    width: 1020px;
    margin: 0 auto;
}


.content_top {
    width: 1200px;
    margin: 0 auto;
    background-color: white;
   /* margin-top: 20px;*/
}
    .content_top .title, .content_end .title{
        font-size:24px;
        text-align:center;
        height:76px;
        /*color: #0d6fe1 ;*/     
       font-family:MicrosoftYaHei-Bold;
       font-weight:bold;
      color:rgba(51,51,51,1);
      line-height:76px;
      letter-spacing:1px;
      background-image:url(/Images/Active/logoback.png);
      background-repeat: no-repeat;
      background-position:center top;
    }
    .content_top .one .text {
        font-size: 16px;
        color: #666666;
        margin-top: 20px;
        line-height: 21px;
        margin-left:179px;
    }
    .content_top .one ul {
        display: block;
        overflow: hidden;
        white-space:nowrap;
        margin-top:42px;
       
    }
        .content_top .one ul li {
            list-style: none;
            display: inline-block;  
           width: 180px;
          
        }
        .content_top .one ul>li:not(:first-child) {
            margin-left:25px;

        }
        .content_top .one ul li:first-child{
          
        }
        
        .content_top .one .button {
        
        margin-top:32px;
        margin-bottom:48px;
    }
        .content_top .one .button p:first-child {
            background-color: rgba(187,32,34,1);
            width: 120px;
            height: 48px;
            text-align:center;
            color: white;
            border-radius: 8px;
            cursor:pointer;
            font-size:16px;
           font-family:MicrosoftYaHei;
           color:rgba(255,255,255,1);
           line-height:48px;
           letter-spacing:1px;
           margin: 0 auto;
           
        }

            .content_top .one .button p:first-child:hover {
                background-color:#A71C1E;
                  /*background-color:#FFFFFF;*/
            }

            .content_top .one .button span {
                position:absolute;
                margin: -60px 0 0 0;
            }
        .content_top .one .button p:first-child a {
            color: white;
        }
    .content_top .two  .titletext{
        margin-top:12px;
        font-size: 20px; 
        font-family: MicrosoftYaHei-Bold; 
        color: rgba(102,102,102,1); 
        line-height: 36px; 
        letter-spacing: 1px;

    }
        .content_top .two .titletext span {
            color: #32A0E6; 
            
            height: 26px;
             font-size: 20px; 
             font-family: MicrosoftYaHei-Bold; 
             font-weight: bold; 
              line-height: 26px; 
              letter-spacing: 1px;
               margin-right:6px;
               word-wrap:break-word;
               display:inline-block;
               word-wrap:break-word;
               white-space:normal;
        }
        .content_top .two .titletext .linxing {
            display: inline-block;
             height: 12px; 
             width: 12px; 
             background: rgba(50,160,230,1); 
             -webkit-transform: rotate(45deg);
        }
   /*  .content_top .two {
        height: 220px;
    }
       content_top .two .ptextrang {
            font-size:20px;
            font-family:MicrosoftYaHei-Bold;
            color:rgba(102,102,102,1);
            line-height:36px;
            letter-spacing:1px;
        }
        .content_top .two ul {
            padding-top: 15px;
            padding-left: 20px;
            float: left;
        }
        .content_top .two ul li {
            list-style-type: disc;
            color: black;
        }
        .content_top .two ul li p {
            color: #666666;
            font-size:14px;
            margin-top: 20px;
        }
        .content_top .two img {
            float: right;
            padding-right: 100px;
        }  */
    .content_top .three {
        /*height:450px;*/
    }
        .content_top .three img {
            margin: 0 auto;
            display: block;
            margin-top:30px;
        }
        .content_top .three .ps {
            font-size: 14px;
            color: rgba(187, 32, 34, 1);
            line-height: 65px; 
        }
        .content_top .three .ps a{
            color: #8aaeed; 
        }
        .content_top .three .mix_title {
            /*border-left-style: solid;
            border-left-color: #3d8ce7;
            border-left-width: 3px;
            margin-bottom: 10px;
            margin-left: 10px;*/
        }
        .content_top .three .mix_title p{
            margin-bottom:20px;
             font-size: 18px;
             line-height: 24px;
             color: rgba(51, 51, 51, 1);
             width:174px;
             font-family:MicrosoftYaHei-Bold;
             font-weight:bold;
             letter-spacing:1px;
           /* background-color: #3d8ce7;
            width: 92px;
            height: 23px;
            line-height: 23px;
            text-align: center;
            color: white;
            font-size: 16px;
            margin-left:3px;*/
        }
        .content_top .three .box {
            width: 540px;
            height: 188px;
            border:4px solid rgba(238,238,238,1);
            background:rgba(255,255,255,1);
           /* background-image: url(/Images/Active/IKActive/pic4.jpg);
            background-repeat: no-repeat;*/
            font-size:14px;
            line-height:24px;
            padding: 0 25px;
            padding-top:15px;
            margin-bottom:30px;
            width:450px;
            font-family:MicrosoftYaHei;
            color:rgba(102,102,102,1);
          
        }
            .content_top .three .box span {                 
                    width:69px;
                    height:21px;
                    font-size:16px;
                   font-family:MicrosoftYaHei-Bold;
                   font-weight:bold;
                   color:rgba(51,51,51,1);
                   line-height:40px;               
                  letter-spacing:1px;
                  margin :0 0 0 175px;

                 
            }
            .content_top .three .box:last-child {
                position: absolute;
                margin: -241px 0 0 530px;
            }

    .content_top .four .text {
        text-align:center;
        font-size: 20px;            
        width:922px;
        font-family:MicrosoftYaHei;
       color:rgba(102,102,102,1);
       line-height:36px;
        letter-spacing:1px;
        height:108px;
        margin-top: 30px;
    }
    .content_top .four ul {
        display: block;
        overflow: hidden;
        white-space:nowrap;
        margin-top:50px;
        
    }
        .content_top .four ul li {
           list-style: none;
           display: inline-block; 
           font-size:0px;         
           height:229px;
           width:230px;
           font-size:16px;
           font-family:MicrosoftYaHei;
           color:rgba(51,51,51,1);
           line-height:21px;
           letter-spacing:1px;
           padding-left:10px;
           margin-left:20px;
           float:left;
           padding-top:20px;
        }
            .content_top .four ul li img {
             /*  padding-top:20px;
               border-radius: 0px 0px 15px 15px;
               border: 10px solid white; 
               position: absolute;
               margin: -50px 75px;
               background-color: white; */
             
              margin: 10px;
            }
        .content_top .four ul .divimg {
            display:inline-block;
            text-align:center;
            width:70px;
            height:70px;
            border-radius:50%;
            background-color: white;
            margin:-50px 0 0  78px;
            position:absolute;

        }
    .content_top .four ol {
         margin-bottom:30px;
    }
        .content_top .four ol li {
            font-size:16px;
            font-family:MicrosoftYaHei;
            color:rgba(51,51,51,1);
            line-height:28px;
            letter-spacing:1px;
            
          
        }
            .content_top .four ol li div {
                width: 4px; 
                height: 4px; 
                background-color: rgba(102, 102, 102, 1);
                display:inline-block;
                margin-right:10px;
               vertical-align:middle;
                
            }
    .content_top .five .fivep {
        font-size:18px;
       font-family:MicrosoftYaHei;
       color:rgba(51,51,51,1);
      line-height:24px;
      letter-spacing:1px;
      margin-top:30px;
    }
    .content_top .five  .fivep a{
        color:rgba(51, 51, 51, 1);
    }
     .content_top .five  .ps a{
       color: rgba(187, 32, 34, 1); 
    }

        .content_top .five ul li {
            list-style-type: disc;
            color: black;
        }
        .content_top .five ul li p{
            font-size:14px;
            line-height:35px;
            color: #666666;
        }
        .content_top .five ul li p span{
            font-weight: bold;
        }
    .content_top .five .ps {
        font-size: 14px;
        color: rgba(187, 32, 34, 1);
        line-height: 35px;
    }
    .content_top .five .button {
        display:inline-block;
        height:48px;
        width:100%;
        text-align:center;
        margin:40px 0 47px 0;
       /*width: 160px;
       height:48px;
       position: absolute;
       margin: 40px 0 70px 360px;
       cursor:pointer;*/
    }
        .content_top .five .button p {
            display:inline-block;
            font-size:16px;
            font-family:MicrosoftYaHei;
            color:#32A0E6;
            line-height:48px;
            letter-spacing:1px;
            text-align: center;                  
            width:160px;
            height:48px;
            background:rgba(255,255,255,1);
            border-radius:8px;
            border:1px solid rgba(50,160,230,1);   
            cursor:pointer; 
            
        }
            .content_top .five .button p a {
                color:#32A0E6;
            }

            .content_top .five .button p:hover {
                background-color:#32A0E6;
            }
            .content_top .five .button p:hover a{
                
                color:#FFFFFF;
            }

        .content_top .five .button p a {
          /*color:#32A0E6;*/
        }
    .content_top .six .img {
        background-image: url(/Images/Active/IKActive/pinshen.png);
        background-repeat: no-repeat;
        width: 1118px;
        height: 425px;
        margin-left: -49px;
        margin-top:20px;
        /* margin-top: -150px;    
        margin-bottom: -101px;*/
    }
    .content_top .seven .specialtitle {
        font-size:20px;
        font-family:MicrosoftYaHei-Bold;
        font-weight:bold;
        color:rgba(51,51,51,1);
        line-height:26px;
        letter-spacing:1px;
        margin-top:25px;
    }
    .content_top .seven ul {
        padding-top: 15px;
        padding-left: 20px;
        padding-bottom: 45px;
    }
        .content_top .seven ul li {
            list-style-type: square;
            color:rgba(102, 102, 102, 1);
        }
            .content_top .seven ul li p { 
              font-size:16px;
              font-family:MicrosoftYaHei;
              color:rgba(51,51,51,1);
              line-height:28px;
              letter-spacing:1px;
            }



.spacemiddle {
    display:block;
    width:100%;
    height:20px;
    background:rgba(243,250,253,1);
}

.content_end {
    width: 1120px;
    margin: 0 auto;
    /*background-color: #efefef;*/
    margin-bottom: -100px;
    background:rgba(255,255,255,1);
     border-radius: 0 0 20px 20px;

}
   /* .content_end .title {
        font-size: 22px;
        color: #0d6fe1;
    */
   
    .content_end .one .text {
        margin-top: 60px;
        font-size: 16px;
        color: #666666;
        line-height: 35px;
        margin-left: 25px;
    }
    .content_end .one .img1 {
        position:absolute;
        margin: 0 0  0 -50px;
        width:100%;
        height:1043px;
    }
.backimg {
    width:100%;
    height:1043px;
    background-image:url(/Images/Active/IKActive/pic13.jpg);
    background-repeat:no-repeat;
}
   
    .content_end .one .img2 {
        width: 430px;
        position: absolute;
        margin-top: 50px;
    }
    .content_end .one .img3 {
        margin-top: 70px;
        margin-bottom: 105px;
    }
    .content_end .one ul {
        padding-top: 15px;
        padding-left: 20px;
        margin-left: 450px;
    }
            .content_end .one ul li {
                list-style-type: disc;
                color: #0d6fe1;
                margin-top: 30px;
            }
                .content_end .one ul li p {
                    font-size: 16px;
                    line-height: 35px;
                    color: #666666;
                }
    .content_end .two {
    
        width: 1120px;
        height: 515px;
       
    }
        .content_end .two .title {
           margin-bottom:40px;
        }
        .content_end .two .downloaddiv {
            margin: 5px 40px 0 40px;
            height:62px;
            background:rgba(255,255,255,1);
            box-shadow:0px 0px 8px 0px rgba(33,84,105,0.08);
            border-radius:8px;
            border:  1px solid rgba(33,84,105,0.08);
            
        }
            .content_end .two .downloaddiv img {
                display:inline-block;
                
                margin:14px 24px 0 24px;
            }
            .content_end .two .downloaddiv p {
                display:inline-block;
                font-size:18px;
               font-family:MicrosoftYaHei;
               color:rgba(51,51,51,1);
               line-height:64px;
            }
        .content_end .two table {
            width: 975px;
            margin: 0 auto;
            height: 250px;
            background-color: white;
        }
        .content_end .two .right {
           text-indent:20px;
        }  
    .download {
        cursor:pointer;
    }


.ActiveNav ul li {
    height: 58px;
    line-height: 58px;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
    float: left;
    margin-left: -54px;
    text-align: center;
    cursor: pointer;
}

.ActiveNav ul li.FirstLi {
    width: 400px;
    height: 58px;
    /*background: url(/Images/Active/NOC/noc16_nav1.png) no-repeat 0 0px;*/
    background:url(/Images/Active/NocAcvite/detail_default.png) no-repeat;
    margin-left: 0;
    border-radius:8px 0 0 8px;
}

    .ActiveNav ul li.FirstLi.on {
        background:url(/Images/Active/NocAcvite/detail_on.png) no-repeat;
    }

    .ActiveNav ul li.FirstLi:hover{
        background:url(/Images/Active/NocAcvite/detail_hover.png) no-repeat;
    }


   

.ActiveNav ul li.MiddleLi {
    width: 440px;
    height: 58px;
    /*background: url(/Images/Active/NOC/noc16_nav2.png) no-repeat 0 0px;*/
    background: url(/Images/Active/NocAcvite/work_default.png) no-repeat 0 0px;
}

    .ActiveNav ul li.MiddleLi.on {
     background: url(/Images/Active/NocAcvite/work_on.png) no-repeat 0 0px;
    }

    .ActiveNav ul li.MiddleLi:hover {
        background: url(/Images/Active/NocAcvite/work_hover.png) no-repeat 0 0px;
    }
     .ActiveNav ul li.MiddleLi.start {
        background: url(/Images/Active/NocAcvite/work_never.png) no-repeat 0 0px;
    }
  

.ActiveNav ul li.LastLi {
    width: 430px;
    height: 58px;
    /*background: url(/Images/Active/NOC/noc16_nav3.png) no-repeat 0 0px;*/
     background: url(/Images/Active/NocAcvite/about_default.png) no-repeat 0 0px;
    border-radius:0 8px  8px 0;

}

    .ActiveNav ul li.LastLi.on {
    background: url(/Images/Active/NocAcvite/about_on.png) no-repeat 0 0px;
    }
    .ActiveNav ul li.LastLi:hover {
        background: url(/Images/Active/NocAcvite/about_hover.png) no-repeat 0 0px;
    }

.ActiveNav ul li.on {
    /*background-position: 0 -58px;*/
   
    color:white;
}

.ActiveNav {
    padding: 35px 0 20px 35px;
}

#Main_Content .common {
    width:1200px;
    /*border-radius: 0 0 20px 20px;*/ 
}

input {
 color:#333333;
}

  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color:#CCCCCC;
 }

    .describe .error {
        margin-top:-31px !important;
    }