/*index-header部分start*/
body{
    margin:0; 
    padding:0;
    overflow-x: hidden;
}
/*index-header部分end*/

/*index-business部分start*/
.header-main{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    margin: 0 !important;
}
.header-top{
    z-index: 100;
    width: 90%;
    height: 20%;
    margin: 0 5%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.earch{
    position: absolute;
    margin: 0 auto;
    top:10%;
    width: 36%;
    left:32%;
    animation: 60s linear infinite rotate;
    -webkit-animation: 60s linear infinite rotate;
    -moz-animation: 60s linear infinite rotate;
    -o-animation: 60s linear infinite rotate;
    z-index: 50;
}
.indexBannerText{
    margin-top:5%;
    display: flex;
    flex-direction: column;
    z-index: 100;
}
.indexBannerText1{
    margin-top:2%;
}
@keyframes  rotate {
    from {
        transform: rotate(0deg)
      }
      to {
        transform: rotate(360deg)
      }
}
.move-left{
    width: 14rem;
    animation:move-in 2.6s ease-out;
    -webkit-animation:move-in 2.6s ease-out;
    -moz-animation: move-in 2.6s ease-out;
    -o-animation:  move-in 2.6s ease-out;
    --from-x:0;
    --from-y:0;
    --from-opacity:1;
}
.move-right{
    width: 14rem;
    animation:move-right 2.6s ease-out;
    -webkit-animation:move-right 2.6s ease-out;
    -moz-animation: move-right 2.6s ease-out;
    -o-animation:  move-right 2.6s ease-out;
    --from-x:0;
    --from-y:0;
    --from-opacity:1;
}
.move-bottom{
    width: 14rem;
    animation:move-bottom 2.6s ease-out;
    -webkit-animation:move-bottom 2.6s ease-out;
    -moz-animation: move-bottom 2.6s ease-out;
    -o-animation:  move-bottom 2.6s ease-out;
    --from-x:0;
    --from-y:0;
    --from-opacity:1;
}

@keyframes move-in {
    0% {
      transform:translate(-100%,0);
      opacity:0;
    }
    100% {
      transform:translate(0,0);
      opacity:1;
    }   
}

@keyframes move-right {
    0% {
      transform:translate(100%,0);
      opacity:0;
    }
    100% {
      transform:translate(0,0);
      opacity:1;
    }   
}
@keyframes move-bottom {
    0% {
      transform:translate(0,200%);
      opacity:0;
    }
    100% {
      transform:translate(0,0);
      opacity:1;
    }   
}
.index-business{
    width: 100%;
    height: 100%;
    background: url("/images/index-bg2.png");
    background-size: 100% 100%;
}
.business-bot{
    width:90%;
    margin:0 5%;
    padding:5% 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.business-bot>div{
    width: 25%;
    margin: 4%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}
.enlarge{
    float: left;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;

}

.enlarge img{
    width: 100%;
    height: 100%;
    box-shadow: 10px 10px 30px #999;
    cursor: pointer;
    transition: all 0.6s;
    -ms-transition: all 0.8s;

}
.enlarge img:hover{
    transform:scale(1.2);
    -ms-transform:scale(1.2); 	/* IE 9 */
    -moz-transform:scale(1.2); 	/* Firefox */
    -webkit-transform:scale(1.2); /* Safari 和 Chrome */
    -o-transform:scale(1.2); 	/* Opera */
}
.honor-pic a{
    width: 22%;
    cursor: pointer;
}
.honor-pic img{
    width: 100%;
    height: 100%;
    box-shadow: 10px 10px 30px #999;
    cursor: pointer;
    transition: all 0.6s;
    -ms-transition: all 0.8s;
}
.honor-pic img:hover{
    transform:scale(1.2);
    -ms-transform:scale(1.2); 	/* IE 9 */
    -moz-transform:scale(1.2); 	/* Firefox */
    -webkit-transform:scale(1.2); /* Safari 和 Chrome */
    -o-transform:scale(1.2); 	/* Opera */
}
/*index-business部分end*/


/*index-news部分start*/
.index-news{
    width: 90%;
    padding:0 5%;
    height: 100%;
    background: #0267b7;
}
.news-top-english{
    padding-top: 1.2rem;
    text-align: right;
    font: 700 0.42rem "microsoft yahei";
    color: #f4f4f6;
}
.news-top-chinese{
    text-align: right;
    font: 700 0.65rem "microsoft yahei";
    color: #f4f4f6;
}
.news-bot{
    width:100%;
    padding:5% 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.news-bot>div{
    width: 24%;
    margin: 4%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.news-top{
    margin-right:5%;
}
.new-bot-up{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.news-bot-left-text{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.news-bot-left-time{
    width: 30%;
    float: left;
    display: flex;
    flex-direction: row;
}
.news-bot-left-year{
    text-align: right;
    font: 700 0.2rem "microsoft yahei";
    color: #f4f4f6;
}
.news-bot-left-day{
    text-align: right;
    font: 700 0.9rem "microsoft yahei";
    color: #d4ddea;
}
.news-bot-left-line{
    float: left;
    width: 1px;
    height: 1.5rem;
    background-color: #ddd;
    margin: 6px 0 0 5%;
    padding: 0;
}
.news-bot-left-more{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 90%;
    padding: 1%;
    height: 2rem;
}
.news-bot-left-img{
    width: 100%;
}
.news-bot-left-but{
    margin-left: 1rem;
    font: 300 0.16rem/0.5rem "microsoft yahei";
    margin-bottom: 0.1rem;
    color: #fff;
    text-align: center;
    width: 0.9rem;
    height: 0.5rem;
    background: rgba(255,255,255,0.3);
    cursor: pointer;
   
}
.news-bot-left-but:hover{
    background: rgba(255,255,255,0.5);
}
.news-bot-left-but-a{
    color: #fff;
}
.news-bot-left-mes-tit{
    margin-top: 0.3rem;
    font: 500 0.21rem/0.5rem "microsoft yahei";
    color: #f4f4f6;
}
.news-bot-left-mes-text{
    font: 300 0.18rem/0.3rem "microsoft yahei";
    color: #f4f4f6;
    text-indent: 2em;
    width:100%;
}
.news-bot-left-img img{
    width: 100%;
    height: 100%;
    margin-top: 0.5rem;
    box-shadow: 10px 10px 30px #004c89;
}
/*index-newss部分end*/



/*index-product部分start*/
.index-product{
    width: 90%;
    height: 100%;
    padding:0% 5% 0% 5%;
    background: url("/images/index-bg3.png") center;
}
.index-product>div{
    width:100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.product-left{
    width:68%;
    height: 100%;
}
.product-left-english{
    /*text-align: center;*/
    font: 700 0.42rem "microsoft yahei";
    color: #f4f4f6;
}
.product-left-chinese{
    /*text-align: center;*/
    height: 60px;
    font: 700 0.65rem "microsoft yahei";
    color: #f4f4f6;
}
.product-left-title{
    font:  0.36rem/0.96rem "microsoft yahei";
    color: #f4f4f6;
    margin-top:5%;
}
.product-left-text{
    width: 100%;
    text-indent: 2em;
    font:  300 0.28rem/0.7rem "microsoft yahei";
    color: #f4f4f6;
}
.product-left-but{
    font: 300 14px/40px "microsoft yahei";
    color: #fff;
    text-align: center;
    margin-top: 5%;
    width: 92px;
    height: 40px;
    background: rgba(255,255,255,0.3);
    cursor: pointer;
}
.product-left-but:hover{
    background: rgba(255,255,255,0.5);
}
.product-cen{
    width:1px;
    margin:0 2%;
    background: #ddd;
    height: 5.5rem;
    padding: 0;
}

.product-right{
   width: 28%;
   height: 100%;
   margin-top:5%;
   margin-bottom: 5%;
   
}
.product-right div{
    height:1rem;
    padding: 0 10px;
    color: #fff;
    border-bottom: 1px solid #fff;
    font: 400 0.24rem/0.9rem  "microsoft yahei";
    display: flow-root;
}
.product-right div:hover{
    background: rgba(1,96,185,0.7);
    border-bottom: 1px solid rgba(1,96,185,0.7);
}
.product-right h3{
    float: right;
}
.product-right a{
    color: #fff;
}
.product-right i{
    float: left;
}
/*index-product部分end*/

/*index-honor部分start*/
.index-honor{
    width: 90%;
    padding:0 5%;
    padding-bottom: 10%;
    height: 100%;
    background: url("/images/index-bg4.png");
}
.honor .english{
    padding-top: 70px;
}
.honor-pic{
    padding-top: 70px;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.honor-pic img{
    /*float: left;*/
    box-shadow: 10px 10px 30px #999;
    width: 100%;
}
/*index-honor部分enf*/



/*index-about部分start*/
.index-about{
    width: 90%;
    padding:0 5%;
    padding-bottom: 0%;
    height: 100%;
    background: url("/images/index-bg5.png") ;
    background-size: cover;
}
.index-about>div{
    width:100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.about-us{
    width:43%;
    height: 100%;
    padding-left: 2%;
    padding-right: 5%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.about-us-english{
    margin-top:7%;
    text-align: center;
    font: 700 0.4rem "microsoft yahei";
    color: #fff;
}
.about-us-chinese{
    text-align: center;
    height: 0.7rem;
    font: 700 0.6rem "microsoft yahei";
    color: #fff;
}
.about-us-img{
    width:8.3rem;
    height: 3.3rem;
    background: url('/images/index-bg5-x2.png')  ;
    background-size: cover;
    margin-top: 5%;
}
.about-us-text{
    margin-top:5%;
    height: 50%;
    font: 300 0.22rem/0.36rem "microsoft yahei";
    color: #fff;
    width: 100%;
}
.about-us-but{
    font: 300 14px/40px "microsoft yahei";
    color: #fff;
    text-align: center;
    margin-top: 10%;
    margin-bottom:10%;
    width: 92px;
    height: 40px;
    background: rgba(255,255,255,0.3);
}
.about-us-but:hover{
    background: rgba(255,255,255,0.5);
}
.about-coo{
    width:48%;
    height: 100%;
    padding-left: 2%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/*index-about部分end*/

.market{ 
    width: 100% ;
    
}
.market-top-title{
    width: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 0;
}
.partner{
    width: 100% ;

}
.partner-top-title{
    width: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 0;
}






<!--0.00011301040649414-->