/*body{background: linear-gradient(to left,rgb(206,227,253),rgb(243,245,248));}*/
body{background: #E1F0FF}
 header{background: #0356ca;}
/*header{background-image: url('../picture/red.jpg');background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;} */

.jiao-fo div:last-child{
    /* width: 16% !important; */
}
.jiao-fo div p a,.jiao-fo div p{
    /* border: 1px red solid; */
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #518EE2 !important;
    text-align: left;

}
.gan{
    /* border-right: 2px #518EE2 solid; */
    display: flex;
    align-items: center;
}
.jiao-fo div span{
    /* border: 1px red solid; */
        font-size: 18px;
    font-family: MicrosoftYaHei;
    color: #518EE2 !important;
    font-weight: 600;
    }
a{text-decoration: none}
/*.left{width: 73%;}*/
/*.right{width: 26%;}*/
.title{width: 100%; margin: 0 auto;padding: 0px 0 0px 0;max-width: 1200px;}
.title img{width: 229px;height: auto;}
.title img:hover{cursor: pointer;}
.title p,.title h1{font-size: 28px;color: #fff;font-weight: 400;}
.another{
    /* float: right !important;
    padding-left:50%; */
}
.another .login{
    /* border: 1px red solid; */
    text-align: right;
    cursor: pointer;
}
.another .go{
    text-align: right;
    /* border: 1px red solid;
    width:100%; */
}
.another .login a{font-size: 14px !important;color: #fff;font-weight: 400;padding-left:15px;}
.another .go a {font-size: 18px !important;color: #fff;font-weight: 400;padding-left: 18px;}
.title .line{padding: 0 14px;border-left:1px #ffffff solid;width:1px ;height:44px;position: relative;left:10px;top:4px;}
.title .englishdesc{font-size: 15px;line-height: 20px;font-style: normal;color: #fff}
.plantList{width: 100%;}
.plantList>li{width: 96%;background: #fff;border-radius: 6px;padding: 22px 15px;cursor:pointer;margin-top:18px;}
.plantList>li:hover{box-shadow: 0 0 8px #445fe2;}
.plantList>li.qyts_mobile{display: none;}
.plantList>li a{color: #777;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.plantList li .imgBox{background: #F3F4FF;width: 90px;height:90px;border-radius: 20px;margin-top:12px;margin-right: 20px;}
.plantList li .imgBox img{width: 58px;height: auto;}
.plantList li .content{margin-left: 12px;}
.plantList li .topBox h3{color:#333333;font-size: 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.plantList li .topBox>a{color:#fff;font-size: 12px;background:  #526EFF;padding: 3px 13px;border-radius: 100px;}

/* 内容部分 */
.plantList li .bottomBox {margin-top:10px;}
.plantList li .bottomBox li{color:#777777 ;font-size: 16px;line-height:32px;display: flex;justify-content: flex-start;align-items: center;}
.plantList li .bottomBox li:hover{font-weight: bold;}
.plantList li .bottomBox li::before{content: '';display: inline-block;width: 4px;height: 4px;
    background-color: #777;border-radius: 100px;margin-right: 6px;}
.plantList li .first li{width: 25%;}
.plantList li .second li{width: 33%;}
.plantList li .third li{width:25%;}

.plantList li .gjzy li{width: 33%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.content{position: relative;}
.content em{background: #56f;width: 50px; height: 3px;display: block; margin-top: 6px; transition: width .3s}
.plantList li:hover .content em,.qyts:hover .content em { width:100%;}
/* 右边 */

.right .top{background-color: #6479FF;border-radius: 6px;margin-top: 18px;padding: 14px 12px;}
.right .top .caption img{width: 72px;height: auto;margin-right: 13px;}
.right .top .caption h3{color: #fff;font-size: 16px;line-height: 24px;}
.right .top .list li{background: #fff;width: 32%;margin-top: 8px;border-radius: 6px;}
.right .top .list li a{padding:10px 0;width: 100%;;color: #4F4F4F;font-size: 12px;}
.right .top .list li img{width: 30px;height: 30px;transition: all .3s;}
/* .right .top .list li img:hover{width: 35px;height: 35px;} */
.right .top .list li .describe{margin-top: 8px;}
.right .top .list li .describe p:hover{font-weight: bolder;}
.describe span{vertical-align: bottom;display: inline-block;}
.describe span em{display: flex;align-items: center;}
.describe span em i{background: #c5c9d6;display: inline-block;width: 2px;border-radius: 9px;}
.describe span em  .short-line{height: 8px;}
.describe span em  .long-line{height: 16px;}
.describe span em  .line-margin{margin-right: 3px;}
.describe p{margin: 0 5px;}
/* 右下角 */
.right .bottom{margin-top: 8px;}
.right .bottom img{width: 100%;height: auto;}
.right .bottom h3{color: #fff;font-size: 24px;margin-top: 6px;}
.right .bottom  .list{margin-top: 10px}
.right .bottom  .list li{width:100%;margin-top: 8px;border-radius: 6px;}
.right .bottom  .list li:nth-child(2){margin-top: 24px}
.right .bottom  .list li a{padding:24px 0;width: 100%;;color: #4F4F4F;font-size: 18px;}
.right .bottom  .list li img{width: 100%;height: 488px;}
.right .bottom  .list li img:hover{cursor: pointer;}
.right .bottom  .list li .describe{margin-top:26px;}
.right .bottom  .list li .describe:hover{font-weight: bold;}
.white-jszh{display: block;}
.blue-jszh{display: none;}
/* 区域特色 */
.qyts{background: #fff;margin-top: 18px;padding: 22px 15px;border-radius: 6px;}
.qyts .imgBox{background: #F3F4FF;width: 90px;height:90px;border-radius: 20px;margin-right: 20px;}
.qyts .imgBox img{width: 58px;height: 58px;}
.qyts .content{margin-left: 16px;}
.qyts .topBox h3{color:#333333;font-size: 20px;}
.qyts .topBox a{color:#fff;font-size: 12px;background:  #526EFF;padding: 3px 13px;border-radius: 100px;}

.qyts .bottomBox {margin-top: 18px;width: 100%;}
.qyts .bottomBox li{color:#777777 ;font-size: 16px;line-height: 32px;display: flex;justify-content: flex-start;align-items: center;}
.qyts .bottomBox li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.qyts .bottomBox li:hover{font-weight: bold;}
.qyts .bottomBox li::before{content: '';display: inline-block;width: 4px;height:4px;
    background-color: #777;border-radius: 100px;margin-right: 6px;}
.qyts .first{display: flex;justify-content: space-between;}
/* .qyts .first li{width: 19.3%;} */
.qyts .first li a{color:#777 ;}
footer{color:#4f4f4f;font-size: 16px;margin-top: 24px;text-align: center;margin-bottom: 30px;}
footer p:nth-child(2),footer p:last-child{margin-top: 6px;}
.swiper {width: 100%;height: 365px;overflow: hidden;position: relative;border-radius: 6px;}
.swiper  img{width: 100%;height: 100%;image-rendering: pixelated;border-radius: 6px;}

.pagination {position: absolute;z-index: 120;bottom: 10px;width: 100%;text-align: center}
.swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #fff;margin: 0 5px;
    opacity: 0.8;border: 1px solid #fff;cursor: pointer;}
.swiper-active-switch {background: #2A9FFF;}
.new_banner{
    width: 100%;
    height: 300px;
    position: relative;
}
/* banner按钮 */
    /* banner按钮 */
    .banner_btnbox{
        width: 288px;
        height: 52px;
        background: #004EA6;
        border-radius: 26px;
        position: absolute;
        left: 200px;
        top: 180px;
    }
    .banner_btntext{
        display: flex;
        align-items: center;
        text-align: center;
        justify-content:center;
        cursor: pointer;
    }
    .banner_btntext p {
        font-size: 26px;
        font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
        font-weight: 400;
        color: #FFFFFF;
        height: 52px;
        line-height: 52px;
    }
    .new_banner .banner_btntext img{width: 28px;height: 28px;margin:2px 0 0 5px;}
    .new_banner img{width: 100%;height: 100%}
@media screen and (max-width: 1220px){
    .main{width:96%}
    .left{width: 54%;}
    .right{width: 45%;}
    .plantList>li{width: 100%;}
    .qyts{width: 54%;box-sizing: border-box;}
    .qyts .bottomBox{width: 100%;}
    .qyts .first li{width: 33%;}
    /* banner按钮 */
    .banner_btnbox{
        width: 288px;
        height: 52px;
        background: #004EA6;
        border-radius: 26px;
        position: absolute;
        left: 200px;
        top: 180px;
    }
    .banner_btntext{
        display: flex;
        align-items: center;
        text-align: center;
        justify-content:center;
        cursor: pointer;
    }
    .banner_btntext p {
        font-size: 26px;
        font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
        font-weight: 400;
        color: #FFFFFF;
        height: 52px;
        line-height: 48px;
    }
    .new_banner .banner_btntext img{width: 28px;height: 28px;margin:0px 0 0 5px;}
}
@media screen and (max-width:900px){
    body{background: linear-gradient(357.4deg, #A9CEF6 -0.56%, rgba(169, 206, 246, 0) 90.13%);}
    .main{padding: 10px 0 10px 0;width: 96%;}
    .title img{width: 100px;height: auto;}
    .title p{padding: 0 5px;}
    .title h1,.title p{font-size: 18px;}
    .title .englishdesc{font-size: 12px;}
    .swiper{height: 200px;}
    .new_banner{height: 200px}
    .left,.right,.qyts{width: 100%;}
    .right .top .caption h3,.right .bottom h3{}
    .right .top,.right .bottom{
        box-shadow: 0px 2px 2px rgba(140, 143, 171, 0.06);}
        /* .plantList>li{padding: 18px 10px;} */
    .plantList li .first li{width: 33%;}
    .plantList li .topBox h3,.qyts .topBox h3{font-size: 18px;}
    .plantList li .bottomBox,.qyts .bottomBox{margin-top: 4px;}
    .plantList li .bottomBox li,.qyts .bottomBox li{font-size: 12px;line-height: 23px;}
    .plantList li .bottomBox li::before,.qyts .bottomBox li::before{width: 2px;height:2px;
      }
    .white-jszh{display: none;}
    .blue-jszh{display: block;}
    footer{font-size: 13px;}
    .describe p{margin: 0 10px;}
    .plantList li .gjzy li{display:block;}
    /* banner按钮 */
    .banner_btnbox{
        width: 260px;
        height: 46px;
        background: #004EA6;
        border-radius: 26px;
        position: absolute;
        /* left: 85px;
        top: 80px; */
        left: 15%;
        top: 58%;
    }
    .banner_btntext p {
        font-size: 22px;
        font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
        font-weight: 400;
        color: #FFFFFF;
        height: 44px;
        line-height: 44px;
    }
}
@media screen and (max-width:750px){
    .title img{width: 100px;height: auto;image-rendering: pixelated;}
    .swiper{height: 140px;}
    .new_banner{height: 140px}
    .title .line{padding: 0 10px;}
    .plantList li .imgBox,.qyts .imgBox{width:40px;height: 40px;border-radius: 8px;}
    .plantList>li,.qyts{padding: 10px;margin-top: 10px;}
    .plantList li .content{margin-left: 12px;}
    .plantList li .bottomBox {margin-top:4px;}
    .plantList li .imgBox img,.qyts .imgBox img{width: 30px;height: auto;}
    .plantList li .bottomBox,.qyts .bottomBox{margin-top: 6px;}
    .right .top{margin-top: 10px;}
    .right .bottom{margin-top: 10px;}

    /*h5处理底部导航样式by_wu*/
    .jiao{
        position: relative;
        height: 160px;
    }
    .jiao .line{
        display: none;
    }
    .jiao-fo .gan{
        position: absolute;
        top:10px;
        left: calc(50% - 56px );
    }
    .jiao-fo div p{
        font-size: 12px;
    }
    .jiao-fo .foot-text-one{
        position: absolute;
        top:100px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .jiao-fo .foot-text-two{
        position: absolute;
        top:50px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /* banner按钮 */
    .banner_btnbox{
        width: 180px;
        height: 28px;
        background: #004EA6;
        border-radius: 26px;
        position: absolute;
        /* left: 85px;
        top: 80px; */
        left: 15%;
        top: 58%;
    }
    .banner_btntext{
        display: flex;
        align-items: center;
        text-align: center;
        justify-content:center;
        cursor: pointer;
    }
    .banner_btntext p {
        font-size: 18px;
        font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
        font-weight: 400;
        color: #FFFFFF;
        height: 26px;
        line-height: 26px;
    }
    .new_banner .banner_btntext img{width: 16px;height: 16px;margin:2px 0 0 5px;}

}
@media screen and (max-width:400px){
    /* .title img,.title .line{
        display: none;
    } */
    .banner_btntext p {
        font-size: 16px;
        font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
        font-weight: 400;
        color: #FFFFFF;
        height: 26px;
        line-height: 26px;
    }
}