.pagebox{height: 90px; line-height: 90px;}

.news_menu{text-align: left;}
.news_menu ul li{display: inline-block; margin-right: 70px;}
.news_menu ul li a{font-size: 20px; display: block;font-weight: bold; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;}
.news_menu ul li a:hover{color: #106ac2;}
.news_menu ul li.on a{color: #106ac2;}

.news_list{padding-top: 10px; margin-bottom: 70px;}
.news_list ul li {background: #fafafa; overflow: hidden; position: relative; margin-top: 30px;}
.news_list ul li .pic{padding-bottom: 250px; display: block; width: 24%; float: left;}
.news_list ul li .text{width: 47%; margin-left: 5%; float: left;}
.news_list ul li .text .title{font-size: 30px; margin-top: 48px; color: #333; font-weight: bold; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_list ul li .text .txt{font-size: 14px; color: #666; line-height: 30px; margin-top: 20px; max-height: 62px; overflow: hidden;

	display: -webkit-box;    
	    -webkit-box-orient: vertical;    
	    -webkit-line-clamp: 2;    
	    overflow: hidden;
}
.news_list ul li .text .more{font-size: 16px; color: #333; margin-top: 20px; display: inline-block;}
.news_list ul li .time{position: absolute; right: 5%; top: 50%; transform: translateY(-50%); font-size: 40px; color: #999; text-align: center;}
.news_list ul li .time span{display: block; font-size: 18px;}
.news_list ul li:hover .title{color: #106ac2; }
.news_list ul li:hover .more{color: #106ac2; }

.news_b{overflow: hidden; padding-bottom: 80px;}
.news_b ul{margin-right: -2%;}
.news_b ul li{width: 48%; margin-right: 2%; float: left; position: relative;}
.news_b ul li img{width: 100%;}
.news_b ul li .title{position: absolute; width: 50%; height: 98px;  left: 25%; text-align: center; line-height: 98px; top: 50%; transform: translateY(-50%); color: #fff; font-size: 48px; background: url(../images/title_bg_l.png) 50% 50% no-repeat; background-size: contain;}
.news_b ul li:nth-child(2) .title{background: url(../images/title_bg_r.png) 50% 50% no-repeat; background-size: contain;} 

.Page_con{text-align: center; margin-top: 80px;}
.page{display: inline-block;}
.page a{width: 40px; height: 40px; line-height: 40px; display: block; border-radius: 50%; font-size: 18px;}
.page .prev{float: left; background: url(../images/page_prev.png) 0 0 no-repeat; margin-right: 10px;}
.page em{float: left; font-style: normal;}
.page em a{float: left; margin: 0 10px;}
.page em a:hover,
.page em a.active{background: #106ac2; color: #fff;}
.page .next{float: left;  background: url(../images/page_next.png) 0 0 no-repeat; margin-left: 10px;}
 
.news_infoT .title{font-size: 36px; color: #333; width: 68.5%; line-height: 48px;padding-top: 30px;}
.news_infoT .tip{font-size: 16px; color: #999; margin-top: 20px;}
.news_infoT .tip span{display: inline-block; float: left; line-height: 28px; margin-right: 20px;}
.news_infoT .tip a{display: inline-block;  width: 85px; height: 28px;  padding-left: 20px; line-height: 28px; text-align: center; color: #fff; background: url(../images/share.png) 50% 50% no-repeat!important;background-size: 85px 28px!important; float: none!important; float: left;}
.news_infoT .tip a:hover{color: #fff; text-decoration: none;}
.news_infoT .tip .bshare-custom .bshare-more.more-style-addthis{display: inline-block;  width: 85px; height: 28px; margin-left: 30px; padding-left: 20px; line-height: 28px; text-align: center; background: url(../images/share.png) 50% 50% no-repeat!important; float: none!important; color: #fff!important; }
#bsBox{box-sizing: content-box!important;}
#bsPanel{box-sizing: content-box!important;}
.bFind-wrapper-top{height: 30px!important; line-height: 30px!important;}


.news_infoBox{margin: 40px 0 78px 0;}
.news_infoBox .left{width: 68.5%; float: left;}
.news_infoBox .left .text img{max-width: 100%;}
.news_infoBox_page{margin-top: 40px;padding-top: 20px; border-top: 1px solid #dddddd; position: relative;}
.news_infoBox_page a{display: block; margin-top: 10px; width: 50%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_infoBox_page a em{font-style: normal; color: #999;}
.news_infoBox_page .retum{position: absolute; width: 240px; height: 60px; line-height: 60px; right: 0; text-align: center; top: 50%;margin-top: 10px; transform: translateY(-50%); background: url(../images/return.png) 0 0 no-repeat; color: #fff; font-size: 18px; background-size: contain;}

.news_infoBox .right{width: 25%; float: right;}
.news_infoBox .right .tit{font-size: 24px; padding-bottom: 20px; color: #333; } 
.news_infoBox .right .list ul li{border-top: 1px solid #eeeeee; padding: 30px 0;}
.news_infoBox .right .list ul li span{display: block;}
.news_infoBox .right .list ul li a{display: block; overflow: hidden;}
.news_infoBox .right .list ul li .pic{float: left; margin-right: 30px;height: 85px;}
.news_infoBox .right .list ul li .pic img{max-width: 120px;height: 100%;object-fit: cover;}
.news_infoBox .right .list ul li .time{font-size: 14px; color: #999; margin-top: 3%;}
.news_infoBox .right .list ul li .title{display: block; margin-top: 2%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #333;}
.news_infoBox .right .list ul li .time2{color: #333; }  
.news_infoBox .right .Subscribe .text{width: 100%; border-radius: 5px; border: 1px solid #ddd; height: 56px; line-height: 56px; padding: 0 20px; color: #999;}
.news_infoBox .right .Subscribe .btn{width: 100%; height: 58px; line-height: 58px; background: #106ac2; color: #fff; text-align: center; font-size: 18px; margin-top: 20px; border: none; display: block; padding: 0;}
 

.c-logo-box {background: #f3f5f7;padding: 120px 0 40px;}
.c-logo-box .c-list {display: flex;align-items: center;flex-wrap: wrap;margin: 0 -15px;}
.c-logo-box .c-list li{width: 20%;padding: 0 15px;margin-bottom: 80px;text-align: center;}
.c-logo-box .c-list li img{max-width: 100%;}
.c-logo-box.c-unique {
    padding-top: 385px;
}

.field_box1{padding: 9%  0; width: 100%; font-size: 24px; line-height: 36px;}
.field_box2{position: relative;}
.field_box2 .list{overflow: hidden;}
/* .field_box2 .list ul li:hover img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
} */
.field_box2 .list ul li img{
    width: 100%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
/* .field_box4 .list ul li:hover img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
} */
.field_box4 .list ul li img{
    width: 100%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.field_box2 .tab{position: absolute; bottom: 52px; left: 0; width: 100%; text-align: center; z-index: 99;}
.field_box2 .tab span{height: 56px; padding-left: 54px; display: inline-block; font-size: 24px; line-height: 56px; width: 143px; position: relative; background: #ffffff; border-radius: 5px; margin: 0 10px; cursor: pointer;}
.field_box2 .tab span i{width: 38px; height: 37px; position: absolute; top: 50%; margin-top: -19px; left: 26px; background: url(../images/icon_tint.png) 50% 50% no-repeat; background-size: contain;}
.field_box2 .tab span.on,
.field_box2 .tab span:hover{background: #1492e9; color: #fff;}
.field_box2 .tab span.on i,
.field_box2 .tab span:hover i{background: url(../images/icon_tint2.png) 50% 50% no-repeat; background-size: contain;} 
.field_box2 .pagination1{display: none;}
.field_box2 .swiper-slide{position: relative;}
.field_box2 .swiper-slide .c-wrap{position: absolute;top: 50%;left: 0;width: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.field_box2 .swiper-slide .c-text-box {width: 50%;float: right;color: #fff;}
.field_box2 .swiper-slide .c-text-box .c-title {
    margin: 0 0 20px;
    font-size: 36px;
    line-height: 36px;
}
.field_box2 .swiper-slide .c-text-box .c-text {
    font-size: 18px;
}

.field_box3 {margin-top: 8%; padding-bottom: 50px;}
.field_box3 .title{font-size: 36px; color: #1f242a; white-space: pre-line; line-height: 36px; font-weight: bold;}
.field_box3 .text{font-size: 18px; color: #999; margin-top: 20px; width: 55%;}
.field_box3.c-unique {margin-top: 0;padding-top: 8%;}

.field_box4{position: relative;}
.field_box4 .list{overflow: hidden;}
.field_box4 .list ul li img{width: 100%;}
.field_box4 .tab{position: absolute; bottom: 52px; left: 0; width: 100%; text-align: center; z-index: 99;}
.field_box4 .tab span{height: 56px; padding-left: 74px; display: inline-block; font-size: 20px; line-height: 56px; width: 143px; position: relative; background: #ffffff; border-radius: 5px; margin: 0 10px; cursor: pointer; text-align: left;}
.field_box4 .tab span em{width: 43px; height: 21px; position: absolute; top: 50%; margin-top: -11px; left: 20px; text-align: center;}
.field_box4 .tab span em i{width: 4px; height:21px; margin: 0 3px; float: left; background: #1f242a; border-radius: 4px; display: none;}
.field_box4 .tab span.on,
.field_box4 .tab span:hover{background: #1492e9; color: #fff;}
.field_box4 .tab span.on i,
.field_box4 .tab span:hover i{background: #fff;} 
.field_box4 .pagination1{display: none;} 
.field_box4 .tab span.span1 em i:nth-child(1){display: block; margin: 0 auto; float: none;}
.field_box4 .tab span.span2 em{width: 20px; left: 34px;}
.field_box4 .tab span.span2 em i:nth-child(1){display: block;}
.field_box4 .tab span.span2 em i:nth-child(2){display: block;}
.field_box4 .tab span.span3 em{width: 30px; left: 27px;}
.field_box4 .tab span.span3 em i:nth-child(1){display: block;}
.field_box4 .tab span.span3 em i:nth-child(2){display: block;}
.field_box4 .tab span.span3 em i:nth-child(3){display: block;}
.field_box4 .tab span.span4 em i{display: block;} 
.field_box4 .pagination2{display: none;}

.field_box5{background: #f3f5f7; position: relative;}
.field_box5 .pic{width: 36.2%; padding-bottom: 700px;float: right;} 
.field_box5 .con{width: 930px; position: absolute; top: 0; left: 5%; }
.field_box5 .con .tit{font-size: 60px; color: #1492e9; font-weight: bold; margin-top:8%;}
.field_box5 .con .list ul{margin-left: -5%;}
.field_box5 .con .list ul li{width: 45%; margin-left: 5%;  margin-top: 50px; float: left; padding-top: 50px; border-top: 4px solid #1f242a;}
.field_box5 .con .list ul li .title {display: flex;align-items: flex-end; white-space: pre-line; height: 50px; font-size: 24px; line-height: 30px; color: #1f242a;  position: relative; font-weight: bold;}
.field_box5 .con .list ul li .title img{height: 50px; position: absolute; left: 0; top: 0;}
.field_box5 .con .list ul li .title span{font-weight: bold; font-size: 50px; color: #1492e9;text-align: center;width: 80px;line-height: 1;}
.field_box5 .con .list ul li .title p {width: -webkit-calc(100% - 80px);width: calc(100% - 80px);}
.field_box5 .con .list ul li .txt{color: #666; font-size: 18px; line-height: 24px; margin-top: 20px; min-height: 75px;padding-left: 80px;}

.c-xfdz {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    background: #f3f5f7;
}
.c-xfdz .c-text-box {
    padding-left: 5%;
    width: 30%;
}
.c-xfdz .c-text-box .c-title {
    padding-bottom: 30px;
    font-size: 60px;
    color: #1492e9;
    font-weight: bold;
    margin-top: 8%;
    border-bottom: 4px solid #1f242a;
    padding-right: 10%;
}
.c-xfdz .c-text-box .c-list {
    padding-right: 10%;
}
.c-xfdz .c-text-box .c-list li {
    padding-top: 50px;
    display: flex;
    align-items: flex-end;
}
.c-xfdz .c-text-box .c-list li span {
    width: 60px;
    font-weight: bold;
    font-size: 40px;
    line-height: 1;
    color: #1492e9;
    text-align: center;
}
.c-xfdz .c-text-box .c-list li p {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
}
.c-xfdz .c-img-box {
    width: 70%;
    padding-top: 700px;
}
@media(max-width:1920px){ 
    .c-xfdz .c-text-box {
        width: 40%;
    }
    .c-xfdz .c-img-box {
        width: 60%;
    }
}
@media(max-width:1200px){ 
    .c-xfdz .c-text-box .c-title {
        font-size: 40px;
    }
}
@media(max-width:767px){ 
    .c-xfdz .c-img-box {
        width: 100%;
        padding-top: 100%;
    }
    .c-xfdz .c-text-box {
        padding: 0 5% 40px;
        width: 90%;
    }
    .c-xfdz .c-text-box .c-title {
        font-size: 24px;
    }
    .c-xfdz .c-text-box .c-list li {
        padding-top: 20px;
    }
    .c-xfdz .c-text-box .c-list li p {
        font-size: 14px;
    }

}


.field_box6{margin-top: 100px;}
.field_box6 .tit{position: relative;}
.field_box6 .tit span{font-size: 60px; color: #1492e9; font-weight: bold; display: inline-block; background: #fff; position: relative; z-index: 1; }
.field_box6 .tit i{width: 100%; height: 4px; background: #e8e9e9; position: absolute;  top: 50%; margin-top: -2px; left: 0;}
 
.field_box6 .list ul{margin-left: -2%;}
.field_box6 .list ul li {width: 31.333%; margin:50px 0 0 2%; float: left; box-shadow: 2px 2px 2px #ccc; box-shadow: 0px 0px 20px 0px #e6e6e6;}
.field_box6 .list ul li .pic{position: relative; padding-bottom: 56%; overflow: hidden;}
.field_box6 .list ul li .pic img{position: absolute; top: 0; left: 0; width: 100%; transition: 0.5s;}
.field_box6 .list ul li:hover .pic img{transform: scale(1.04,1.04)}
.field_box6 .list ul li .text{padding: 20px 30px;}
.field_box6 .list ul li span{display: block;}
.field_box6 .list ul li .title{font-size: 24px; color: #1f242a; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.field_box6 .list ul li:hover .title{color: #1492e9;}
.field_box6 .list ul li .tip{margin-top: 10px; height: 42px; overflow: hidden; font-size: 16px; color: #999;}

.field_box7{padding-top: 76px; margin-top: 120px; position: relative;}
.field_box7 .bg{width: 100%; height: 404px; left: 0; top: 0; position: absolute; background: #f3f5f7;}
.field_box7_top{font-size: 40px; padding-bottom: 248px; line-height: 40px; font-weight: bold; color: #1f242a; position: relative;}
.field_box7_top span{display: block;}
.field_box7_top .more{position: absolute; top:0; right: 0; font-size: 18px; border: 2px solid #1f242a; width: 206px; height: 76px; line-height: 76px; text-align: center; transition: 0.5s;}
.field_box7_top .more:hover{color: #fff; background: #1492e9; border: 2px solid #1492e9;}
/*
.field_box7 .list{position: relative; margin-top: -200px; overflow: hidden;}
.field_box7 .left{width: 48.5%; float: left;}
.field_box7 .left .pic{padding-bottom: 200px;}
*/ 
.field_box7 .list{position: relative; margin-top: -200px; overflow: hidden;}
.field_box7 ul{margin-right: -2%;}
.field_box7 li{width: 49%; margin-right: 2%; float: right; box-shadow: 0px 0px 20px #e8e8e8; position: relative;}
.field_box7 li a{display: block; overflow: hidden;}
.field_box7 li .pic{padding-bottom: 50%;}
.field_box7 li .tit{height: 100px; line-height: 100px; font-size: 24px; color: #1f242a; padding: 0 5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #fff; border: 1px solid #f1f1f1;}
.field_box7 li .text{background: #1492e9; color: #fff; padding: 23px 28px; position: absolute; left: 0; bottom: 0;  opacity: 0; transition: 0.5s;}
.field_box7 li .text .title{display: block; color: #fff; font-size: 24px; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.field_box7 li .text .txt{margin-top: 20px; font-size: 16px; color: #cde2f9; height: 66px; overflow: hidden;}
.field_box7 li .text .more{margin-top: 32px; display: inline-block; color: #fff; font-size: 18px; padding-right: 45px; padding-bottom: 10px; border-bottom: 3px solid #ffffff; position: relative;}
.field_box7 li .text .more img{position: absolute; height: 13px; right: 0; top: 9px;} 

.field_box7 li a:hover .title{color: #1492e9;}
.field_box7  .pagination3 {text-align: center; margin-top: 50px;}
.field_box7  .pagination3 span{width: 14px; height: 14px;}
.field_box7 li:hover .text{  opacity: 1; }

.field_box8{margin-top: 80px;}
.field_box8 .con{padding:60px 60px 274px 60px; background: #e5e5e3;}
.field_box8 .text .title{font-size: 40px; color: #1f242a; font-weight: bold;}
.field_box8 .text .txt{font-size: 16px; color: #999; line-height: 30px; margin-top: 25px; width: 60%;}
.field_box8 .text .more{display: inline-block; margin-top: 50px; padding-right: 45px; font-size: 18px; color: #1f242a; padding-bottom: 10px; border-bottom: 3px solid #106ac2; position: relative;}
.field_box8 .text .more img {position: absolute;height: 13px;right: 0;top: 9px;}

.field_box9{margin-top: 100px; padding-bottom: 116px;}
.field_box9_tit {position: relative;}
.field_box9_tit .en{font-size: 40px; color: #1f242a; font-weight: bold;}
.field_box9_tit .en span{display: block; font-size: 18px; color: #999; font-weight: normal;}
.field_box9_tit .btn{position: absolute; right: 0; top: 50%; margin-top: -34px; padding: 0 12px; height: 69px; line-height: 69px; border: 2px solid #1f242a; top: 50%; font-size: 18px; color: #1f242a; border-radius: 0; font-weight: bold;}
.field_box9 .list{margin-top: 60px;}
.field_box9 .list ul{margin-left: -3%;}
.field_box9 .list ul li{width: 30.33%; margin-left: 3%; float: left; box-shadow: 0px 0px 20px #ececec;  }
.field_box9 .list ul li span{display: block;}
.field_box9 .list ul li a{display: block; padding: 30px;}
.field_box9 .list ul li .title{font-size: 24px; color: #1f242a; font-weight: bold;}
.field_box9 .list ul li .txt{font-size: 16px; margin-top: 10px; color: #999;}
.field_box9 .list ul li .more{width: 130px; height: 40px; margin-top: 30px; line-height: 40px; font-size: 16px; background: #1492e9; text-align: center; color: #fff;}
.field_box9 .list ul li.li1{background: url(../images/list_bg1.jpg) 100% 100% no-repeat; background-size: contain;}
.field_box9 .list ul li.li2{background: url(../images/list_bg2.jpg) 100% 100% no-repeat; background-size: contain;}
.field_box9 .list ul li.li3{background: url(../images/list_bg3.jpg) 100% 100% no-repeat; background-size: contain;}

.field_box9 .list ul li:hover{box-shadow: 0px 0px 20px #d0e9fb;}
.field_box9 .list ul li:hover .title{color: #fff;}
.field_box9 .list ul li:hover .txt{color: #cde2f9;}
.field_box9 .list ul li:hover .more{background: #d0e9fb; color: #1f242a;}
.field_box9 .list ul li.li1:hover{background: #1492e9 url(../images/list_bg1_2.jpg) 100% 100% no-repeat; background-size: contain;}
.field_box9 .list ul li.li2:hover{background: #1492e9 url(../images/list_bg2_2.jpg) 100% 100% no-repeat; background-size: contain;}
.field_box9 .list ul li.li3:hover{background: #1492e9 url(../images/list_bg3_2.jpg) 100% 100% no-repeat; background-size: contain;}

.basebannerbox .tit span{display: block; margin-top: 20px; font-size: 22px; line-height:30px; font-weight: normal;}

.field_pro{background: #f9f9f9; padding: 110px 0 60px 0;}
.field_pro .tit{font-size: 60px; color: #333; text-align: center; font-weight: bold;}
.field_pro .list{margin-top: 50px; overflow: hidden; padding-bottom: 50px;}
.field_pro  ul{margin-right: -2%;}
.field_pro  ul li{width: 31.33%; margin-right: 2%; float: left; position: relative;}
.field_pro  ul li img{width: 100%; }
.field_pro  ul li .text{text-align: center; width: 100%;background: #141514; height: 130px; position: absolute; bottom: 0; left: 0; transition: 0.5s; overflow: hidden;}
.field_pro  ul li .text  .title{display: block;  font-size: 24px; color: #fff;  line-height: 130px; padding: 0 5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.field_pro  ul li .text em{display: block;color: #fff; font-style: normal; height: 50px; text-align: center; }
.field_pro  ul li:hover .text{background: #1492e9; height: 180px; bottom: -50px;}
.field_pro  ul li:hover .text em{ }


@media(max-width:1600px){
.field_box5 .con{width: 56%; margin-right: 0; right: 5%;} 
.field_box5 .con .list ul li{padding-top: 20px; margin-top: 20px;}
.field_box5 .con .list ul li .title{font-size: 20px; line-height: 30px;}
.field_box5 .pic{padding-bottom: 560px;}
}


@media(max-width:1200px){
.news_list ul li .pic{width: 30%;}  
.news_b ul li .title{font-size: 30px;}
.news_infoT .title{font-size: 30px;}
.news_infoBox .right .list ul li .pic{margin-right: 10px;}

.field_box5 .con .tit{font-size: 40px;}
.field_box5 .pic{width: 42%;}
.field_box5 .con{width: 50%;}
    
.field_box6 .tit span{font-size: 40px;}
.field_box8 .con{padding-bottom: 200px;}
    
.field_box9_tit .en span{font-size: 16px;}
.field_box9_tit .btn{font-size: 16px;}
}

@media(max-width:1000px){
.news_list ul li .pic{width: 35%;}  
.news_list ul li .text .title{margin-top: 20px; font-size: 24px;}
.news_list ul li .time{font-size: 30px;}
    
.news_infoBox .left{width: 100%;}    
.news_infoBox .right{width: 100%; margin-top: 20px;}    
.news_infoBox_page .retum{height: 40px; line-height: 40px; width: 160px;}
.news_infoBox .right .tit{font-size: 20px;}
.news_infoT .title{width: 100%;}
.news_infoBox .right .list ul li .time{margin-top: 1%;}
.news_infoBox .right .list ul li .title{margin-top: 10px;}
    
.field_box1{width: 100%;}
.field_box2 .tab span{width: 110px; height: 40px; line-height: 40px; padding-left: 20px;}
.field_box2 .tab span i{left: 10px;}
.field_box2 .tab span i{height: 30px; margin-top: -15px;}
.field_box2 .tab{bottom: 20px;}
    
.field_box4 .tab span{width: 110px; height: 40px; line-height: 40px; }
.field_box4 .tab span em{left: 10px;}
.field_box4 .tab span{padding-left: 55px;}
.field_box4 .tab span.span2 em{left: 20px;}
.field_box4 .tab span.span3 em{left: 15px;}
    
.field_box5 .con .tit{font-size: 30px;}
.field_box5 .con .list ul li .title{font-size: 16px; height: 40px; line-height: 30px; }
.field_box5 .con .list ul li .title img{height: 40px;}
.field_box5 .con .list ul li .txt{font-size: 16px;}
    
.field_box6 .tit span{font-size: 30px;}
.field_box6{margin-top: 50px;} 
.field_box6 .list ul li .title{font-size: 16px;}
.field_box6 .list ul li .text{padding: 10px;}
    
.field_box7_top{font-size: 30px; line-height: 30px; padding-bottom: 220px;} 
.field_box7_top .more{width: 160px; height: 60px; line-height: 60px;}
.field_box7 .bg{height: 350px;}
.field_box7{margin-top: 50px; padding-top: 50px;}
.field_box7 .list{margin-top: -174px;}
.field_box7 .left{width: 100%;}
.field_box7 .left .pic{padding-bottom: 194px;}
.field_box7 .right {width: 100%; margin-top: 20px;}
.field_box7 .right .pic{padding-bottom: 48%;}
.field_box7 .right .title{height: 60px; line-height: 60px; font-size: 18px;}
    
.field_box8 .text .title{font-size: 30px;}
.field_box8 .text .txt{width: 100%;}
.field_box8{margin-top: 50px;}
   
.field_box9{margin-top: 50px;}
.field_box9_tit .en{font-size: 30px;}
.field_box9_tit .btn{position: relative; top: 0; margin-top: 10px; height: 60px; line-height: 60px;} 
.field_box9 .list ul {margin-left: -1%;}
.field_box9 .list ul li {width: 32.333%; margin-left: 1%;}
.field_box9 .list ul li .title{font-size: 16px;}
.field_box9 .list ul li .txt{height: 88px;}

    
.field_box7 li .tit{height: 60px; line-height: 60px; font-size: 20px;}
.field_box7 li .text .more{margin-top: 10px;}
.field_box7 li .text .txt{margin-top: 10px;}
    
.field_pro{padding: 50px 0;}
.field_pro .tit{font-size: 40px;}
.field_pro ul li .text{height: 80px;}
.field_pro ul li .text .title{font-size: 20px; line-height: 80px;}
.field_pro ul li:hover .text{height: 130px;}
}

@media(max-width:768px){
.news_list ul li .pic{width: 40%;}  
.news_list ul li .text{width: 38%;} 
.news_list ul li .time{font-size: 24px;}
    
.news_b ul li{width: 100%; margin-top: 10px;}
.news_menu ul li{ margin-top: 10px; margin-right: 20px; float: left;}
.news_menu ul li a{font-size: 14px;}
.news_list{padding-top: 10px;}
.news_infoT .title{font-size: 20px; line-height: 24px;}
    
.field_box3 .title{font-size: 30px; line-height: 36px;}
.field_box3 .text{font-size: 18px; width: 100%;}

.field_box5 .pic{width: 100%; padding-bottom: 100%;}
.field_box5 .con{width: 100%; padding: 0 5% 20px 5%; position: relative; position: relative; margin: 0 auto; right: 0; }
.field_box5 .con .list ul li {
    width: 96%;
}
.field_box5 .con .tit {
    padding-top: 110%;
}
.field_box5 .con {
    left: 0;
}
.field_box8 .con{padding: 5% 5% 100px 5%;}
.field_box8 .text .more{margin-top: 20px;}
    
.field_box9{padding-bottom: 30px;}
.field_box9 .list{margin-top: 30px;}
.field_box9 .list ul li{width: 100%; margin-top: 20px;}
    
.field_box7 li{width: 100%;}
    
.field_pro{padding: 30px 0;}
.field_pro .list{margin-top: 30px;}
.field_pro .tit{font-size: 30px;}
.field_pro ul li .text{height: 50px;}
.field_pro ul li .text .title{font-size: 16px; line-height: 50px;}
.field_pro ul li:hover .text{height: 100px;}
.field_box2 .list ul li img,.field_box4 .list ul li img {height: 300px;width: 100%;object-fit: cover;}
.field_box2 .swiper-slide .c-text-box {width: 100%;}

}

@media(max-width:640px){
.c-logo-box {padding: 30px 0 0;}
.c-logo-box .c-list li {width: 50%;margin: 0 0 30px;}
.c-logo-box.c-unique {
    padding-top: 180px;
}
.news_menu ul li{text-align: center;}
.news_list{margin-bottom: 30px;}
.news_list ul li {padding-bottom: 20px;}
.news_list ul li .pic{width: 100%; padding-bottom: 70%;}  
.news_list ul li .text{width: 90%; margin: 0 5%;} 
.news_list ul li .text .title{font-size: 18px;}
.news_list ul li .text .txt{line-height: 24px;}
.news_list ul li .time{font-size: 24px;  top: auto; bottom: 10px; transform: translateY(0); font-size: 16px;}
.news_list ul li .time span{font-size: 12px;}
.Page_con{margin-top: 20px;}
.page em{display: none;}
    
.news_b ul li .title{font-size: 20px; height: 47px; line-height: 47px;}
.news_infoBox_page a{width: 100%;}
.news_infoBox_page .retum{height: 30px; line-height: 30px; width: 110px; font-size: 14px; display: block; position: relative; margin-top: 20px; transform: translateY(0);}
.news_infoBox .right .Subscribe .text{height: 40px; line-height: 40px;}
.news_infoBox .right .Subscribe .btn{height: 40px; line-height: 40px;}
.news_menu ul li a{font-size: 12px;}
    
.field_box1{font-size: 18px; line-height: 24px;}
.field_box2 .tab{bottom: 10px;}   
.field_box2 .tab span{width: 20%; margin: 0 2%; float: left; font-size:14px; height: 30px; line-height: 30px;}
.field_box2 .tab span i{width: 20px; height: 20px; margin-top: -10px;}
.field_box2 .swiper-slide .c-text-box .c-title {font-size: 18px; line-height: 24px;}    
.field_box2 .swiper-slide .c-text-box .c-text{font-size: 16px;}

.field_box3{margin-top: 8%;}
.field_box3 .title{font-size: 18px; line-height: 24px;}
.field_box3 .text{font-size: 16px;}
    
.field_box4 .tab{bottom: 10px;}   
.field_box4 .tab span{width: 21%; margin: 0 2%; padding-left: 30px; float: left; font-size:14px; height: 30px; line-height: 30px;}
.field_box4 .tab span em{left: 5px;}
.field_box4 .tab span em i{margin: 0 1px;width: 2px; border-radius: 2px;} 
.field_box4 .tab span.span2 em{left: 20px;}
.field_box4 .tab span.span3 em{left: 15px;}
    
.field_box4 .tab span.span1 em{width: 15px;}
.field_box4 .tab span.span2 em{width: 15px; left: 10px;}
.field_box4 .tab span.span3 em{width:23px; left: 8px;}
 
.field_box5 .con .tit{font-size: 24px;}
.field_box5 .con .list ul li .title img{height: 30px; top: 5px;}
.field_box5 .con .list ul li .title{font-size: 14px;}
.field_box5 .con .list ul li .txt{font-size: 14px; margin-top: 10px;}
    
.field_box6 .tit span{font-size: 24px;}
.field_box6 .list ul li{width: 48%; margin-top: 20px;}
.field_box6 .list ul li .tip{font-size: 14px;}
    
.field_box7_top{font-size: 24px; padding-bottom: 120px;}
.field_box7 .bg{height: 230px;}
.field_box7_top .more {width: 100px;height: 40px; top: 10px; line-height: 40px; font-size: 14px;}
.field_box7 .left .pic{padding-bottom: 92px;}
.field_box7 .list{margin-top: -92px;}
.field_box7 .pagination3 span{width: 12px; height: 12px;}    
    
.field_box8 .text .title{font-size: 24px;}
.field_box8 .text .txt{line-height: 24px; margin-top: 10px;}
    
.field_box9{margin-top: 30px;}
.field_box9_tit .en{font-size: 24px;}
.field_box9_tit .btn{height: 45px; line-height: 45px; font-size: 14px;}
    
.field_box9 .list ul li .more{height: 30px; line-height: 30px; width: 100px;}
.basebannerbox .tit span{font-size: 14px; line-height: 24px;}
     
.field_pro .tit{font-size: 24px;}
.field_pro ul{margin-top: -50px;}
.field_pro ul li {width: 99%; margin-top: 60px;} 
.field_pro ul li .text .title{font-size: 14px;}
}
.fieldzhe .tab span i:nth-child(2){
    display: none;
}
.fieldzhe .tab span.on i:nth-child(1){
    display: none;
}
.fieldzhe .tab span.on i:nth-child(2){
    display: block;
}
.fieldzhe .tab span img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    float: left;
}
.fieldzhe .tab span:hover i:nth-child(1){
    display: none;
}
.fieldzhe .tab span:hover i:nth-child(2){
    display: block;
}