*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
    color: #333;
}
body{
	font-family: "微软雅黑";
    min-width: 1200px;
}
ul{
    list-style: none;
}
ol{
    list-style: none;
}

.title font{
    color: #009fe9!important;
}
.top{
    width: 100%;
    overflow: hidden;
    background: #fff;
}
.top>div{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}
.top>div>img{
    width: 100%;
}





.nav{
    width: 100%;
    margin: auto;
    overflow: hidden;
    background: #009fe9;
}
.nav div{
    width: 844px;
    overflow: hidden;
    margin:auto; 
}
.nav a{
    color: #fff;
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    width: 120px;
    font-size: 16px;
    text-align: center;
    background-repeat: no-repeat;
}

.nav a:hover{
    background: #006a9c;
    color: #fff;
}

.allCenter{
    overflow: hidden;
    background: #f8f8f8;
    width: 100%;
    min-height: 200px;    
}


.CenterOne{
    width: 1200px;
    margin:66px auto;
    overflow: hidden;
}
.CenterOne img{
    float: left;
}
.CenterOneImg{
    margin-left: 9px;
}
.CenterOne div{
    overflow: hidden;
    float: left;
    width: 420px;
    margin-left: 9px;  
}
.CenterOneImgs{
      margin-top: 9px;  
}

.centerTwo{
    height: auto;
    width: 1200px;
    margin: auto;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.centerTwo a:nth-child(1){
    margin-left: 0;
}
.centerTwo a{
    display: block;
    width: 290px;
    height: 511px;
    overflow: hidden;
    margin-left: 13px;
    margin-top: 29px;
    position: relative;

}
.centerTwo img{
    width: 100%;
    height: 100%;
}

.centerTwo>a>span{
     display: block;
    bottom: 0;
    height: 23px;
    background: rgba(0,0,0,0.3);
    width: 100%;
    position: absolute;
    color: #fff;
    padding-left: 15px;
    line-height: 23px;
    transition: 0.5s;   
}

.centerTwo div{
      position: absolute;
    top: 24px;
    width: 170px;
    height: 85px;
    border: 1px solid #fff;
    left: 59px;
    color: #fff;
    text-align: center;
    opacity: 0;
        transition: 0.5s;
}

.centerTwo div span{
     display: block;
    margin-top: 14px;   
}

.centerTwo hr{
    width: 58%;
    margin: 8px auto;  
}

.centerTwo label{
      cursor: pointer;
    font-weight: 400;  
}

.centerTwo a:hover div{
    opacity: 1;
    transition: 0.5s;
}

.centerTwo>a:hover>span{
    opacity: 0;
    transition: 0.5s;
} 


.centerThere{
    height: auto;
    width: 1200px;
    margin: auto;
    overflow: hidden;
    background: #fff;
    margin-bottom: 44px;
}

.centerThere>h5{
    margin: auto;
    font-size: 25px;
    color: #39baf0;
    border-bottom: 1px solid #39baf0;
    padding-left: 6px;
    height: 52px;
    line-height: 52px;
    margin-bottom: 20px;
}
.centerTheres{
overflow: hidden;
}
.centerTheres>a{
      float: left;  
}
.centerTheres>a>img{
     width: 297px;
    height: 401px;   
}
.centerTheresjina{
     float: left;
    width: 448px;
    margin-left: 12px;
    overflow: hidden;   
}
.centerTheresjina>a{
  display: block;
    width: 448px;
    height: 789px;
    overflow: hidden;
    position: relative;  
}
.centerTheresjina img{
    width: 448px;
    height: 789px;
}
.centerTheresjina span{
      position: absolute;
    bottom: 0;
    height: 27px;
    width: 100%;
    background: rgba(0,0,0,0.3);
    color: #fff;
    line-height: 27px;
    padding-left: 9px;  
}
.centerTheresjina div{
      overflow: hidden;
    margin-top: 16px;
  
}

.centerTheresjina div a{
       display: block;
    color: #888888;
    margin-bottom: 7px; 
}

.centerTheresjina div a:hover{
    color: #009fe9;
}

.centerThereRight{
    width: 443px;
    float: left;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.centerThereRight a{
    display: block;
    width: 210px;
    margin-left: 8px;
    color: #888888;
    margin-bottom: 8px;
}
.centerThereRight img{
     width: 210px;
    height: 370px;   
}
.centerThereRight p{
     margin-bottom: 16px;
    margin-top: 16px;   
}
.centerThereRight span{
       color: #004b99; 
}
.centerThereRight label{
      color: #004b99;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;  
}

.centerThereRight a:hover p{
    color: #009fe9;
}



.centerfour{
    height: 600px;
    width: 1200px;
    margin: auto;
    overflow: hidden;
    background: #fff;
    margin-bottom: 44px;
}

.centerfour>h5{
    margin: auto;
    font-size: 25px;
    color: #39baf0;
    border-bottom: 1px solid #39baf0;
    padding-left: 6px;
    height: 52px;
    line-height: 52px;
    margin-bottom: 20px;
}


.centerfours{
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
.centerfours a:nth-child(4){
        margin-left: 13px;
}
.centerfours a:nth-child(5){
            margin-left: 41px;
}
.centerfours a:nth-child(6){
            margin-left: 9px;
}
.centerfours a:nth-child(7){
            margin-left: 9px;
}
.centerfoursOne{
        width: 601px;
    height: 255px;
    margin-bottom: 14px;
        margin-left: 13px;
}
.centerfoursOne img{
    width: 100%;
    height: 100%;
}
.centerfoursnum{
    display: block;
    width: 280px;
    margin-left: 8px;
    color: #888888;
    margin-bottom: 8px;
}
.centerfoursnum img{
     width: 280px;
    height: 165px;   
}
.centerfoursnum p{
     margin-bottom: 16px;
    margin-top: 16px;   
}
.centerfoursnum span{
       color: #004b99; 
}
.centerfoursnum label{
      color: #004b99;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;  
}

.centerfoursnum:hover p{
    color: #009fe9;
}


.centerFive{
    width: 1200px;
    margin:auto;
    overflow: hidden; 
}
.centerFive>h5{
    width: 100%;
    text-align: center;
    color: #2b2b2b;
    overflow: hidden;
    font-size: 31px;
    margin-bottom: 5px;
}
.centerFive>span{
    display: block;
    text-align: center;
    color: #4c4c4c;
    font-size: 16px;
}

.centerFives{
    width: 100%;
    overflow: hidden;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 43px;
}

.centerFiveLeft{
    height: 615px;
    background: #fff;
    width: 780px;
    float: left;
}
.centerFiveLeft>img{
    width: 100%;
}
.centerFiveLefts{
    overflow: hidden;
    margin-top: 10px;
}
.centerFiveLefts img{
    float: left;
}
.centerFiveLefts div{
     float: left;
    width: 537px;
    margin-left: 20px;
    overflow: hidden;
    margin-top: 17px;   
}
.centerFiveLefts a{
      color: #2b2b2b;
    display: block;
    margin-bottom: 15px;  
}

.centerFiveLefts span{
     display: block;
    font-size: 18px;
    color: #000;
    margin-bottom: 5px;   
}
.centerFiveLefts p{
      line-height: 23px;  
}





.centerFiveLefts a:hover p{
    color: #009fe9;
}




.centerFiveRight{
    height: 615px;
    float: right;
    width: 370px;
    background: #fff;
    overflow: hidden;
}

.centerFiveRight h5{
    overflow: hidden;
    border-left: 10px solid #009fe9;
    height: 36px;
    margin-top: 23px;
    line-height: 36px;
    font-size: 20px;
    padding-left: 17px;
}
.centerFiveRight h5 a{
     float: right;
    color: #2d444f;
    font-size: 14px;
    display: block;
    margin-right: 17px;   
}
.centerFiveRight div{
    overflow: hidden;
}
.centerFiveRight div a{
     display: block;
    color: #666666;
    width: 84%;
    margin: auto;
    border-bottom: 1px solid #ccc;
    margin-bottom: 11px;
    margin-top: 28px;   
}

.centerFiveRight span{
     color: #2b2b2b;
    font-size: 18px;
    display: block;
    margin-bottom: 6px;   
}

.centerFiveRight p{
     line-height: 25px;
    margin-bottom: 18px;   
}

.centerFiveRight div a:hover p{
    color: #009fe9;
}






















.bottoms{
    background: #009fe9;
    width: 100%;
    height: 65px;
    overflow: hidden;
}
.bottoms>div{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}
.bottoms_one{
    float: left;
    color: #fff;
    width: 300px;
    padding-left: 45px;
    margin-top: 21px;
    overflow: hidden;
}
.bottoms_one img{
     margin-top: -6px;   
}
.bottoms_one label{
      font-size: 18px;  
}
.bottoms_one span{
    
}
.bottomLeft{
    overflow: hidden;
}
.bottomLeft h5{
     font-size: 34px;
    color: #fff;
    margin-top: 32px;   
}
.bottomLeft span{
    display: block;
    font-size: 18px;
    color: #fff;
    margin-bottom: 13px;
    margin-top: 20px;  
}
.bottomLefts{
      overflow: hidden;
    width: 764px;
    color: #fff;
    margin-top: 24px;  
}
.bottomLefts div{
      float: left;
    width: 339px;
    font-size: 17px;
    overflow: hidden;
    margin-bottom: 11px;  
}
.bottomLefts img{
    
}
.bottomLefts label{
    font-weight: 400;
}


.bottom{
    width: 100%;
    background: url(../image/images/8_02.jpg)center 0 no-repeat;
    height: 249px;
    overflow: hidden;
}
.bottom>div{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}

.foot{
    background: #2c2b2b;
    width: 100%;
    line-height: 40px;
}
.foot>div{
    width: 1200px;
    margin: auto;
    overflow: hidden;
    text-align: center;
}
.foot a{
    color: #fff;
}






.mxkpro{
    margin-top: 52px;
}    





/* 垂直居中 */
.small-img{
    display: flex;
    align-items:center;
    justify-content: center;
}
.clearfix:before,
.clearfix:after{
  display: table;
  line-height: 0;
  content: "";
}
.magnifier{
    width: 500px;
    position: relative;
    float: left;
}
.magnifier-container{
    width: 500px;
    height: 500px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
}
.move-view{
    width: 100px;
    height: 100px;
    position: absolute;
    background-image: url('../image/move-box.png');
}
.images-cover{
    height: 100%;
    width: 100%;
    position: relative;
}
.images-cover img{
    position: absolute;
}
.magnifier-assembly{
    height: 92px;
    overflow: hidden;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}
.magnifier-btn{
    position: absolute;
    font-family: "宋体";
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -40px;
}
.magnifier-btn span{
    line-height: 80px;
    height: 80px;
    width: 20px;
    background-color: #6e6e6e;
    color: #fff;
    display: block;
    z-index: 9998;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    border-radius: 3px;
}
.magnifier-btn .magnifier-btn-left{
    float: left;
}
.magnifier-btn .magnifier-btn-right{
    float: right;
}
.magnifier-line{
    position: relative;
    overflow: hidden;
    height: 92px;
}
.magnifier-line ul{
    display: block;
    font-size: 0;
    width: 10000%;
    position: absolute;
    left: 0;
    z-index: 9997;
}
.magnifier-line li{
    float: left;
    width: 100px;
    cursor: pointer;
}
.magnifier-line ul > .active .small-img{
    border-color: #bbb;
}
.small-img{
    height: 78px;
    padding: 1px;
    margin: 5px;
    overflow: hidden;
    border: 1px solid #ddd;
    text-align: center;
}
.small-img img{
    max-width: 100%;
    max-height: 100%;
}
.magnifier-view{
    width: 100%;
    height: 100%;
    position: absolute;
    right: -105%;
    top: 0;
    z-index: 9999;
    background-color: #fff;
    display: none;
    overflow: hidden;
}
.magnifier-view img{
    display: block;
}
.animation03{
    transition: all 0.3s ease-in 0.1s;
    -ms-transition: all 0.3s ease-in 0.1s;
    -moz-transition: all 0.3s ease-in 0.1s;
    -webkit-transition: all 0.3s ease-in 0.1s;
    -o-transition: all 0.3s ease-in 0.1s;
}



.detaisRight{
     float: right;
    width: 424px;
    overflow: hidden;   
}
.detaisRight h3{
       border-bottom: 1px solid #ccc;

    margin-bottom: 11px;
    line-height: 39px;

}
.detaisRight div{
      margin-bottom: 5px;  
}
.detaisRight span{
      color: #009fe9;
    font-size: 22px;
    font-weight: 600;  
}