body{background-color: #e3e7ef}
.banner{height: 400px;}
.banner .swiper-slide{background-size: cover;background-position: center}
.banner .swiper-pagination{position: absolute;bottom: 20px;left: 20%; z-index: 9999; width: auto;text-align: center}
.banner .swiper-pagination span{display: inline-block;width: 50px;height: 6px;background: #fff;border-radius: 0%;margin: 0 5px;cursor: pointer;opacity: .5}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #008f80;opacity: 1}


.banner .inner{height: 30px;margin-top: 340px}
.main{height: 770px;position: relative}
.mainL{width: 620px;padding-top: 60px}
/* .integrated_T{height: 160px;margin-bottom: 4px;}
.integrated_T div{display: block;width: 202px;height: 160px;margin-right: 4px;}
.integrated_T div h4{font-size: 22px;padding-top: 30px;color: #008f80;padding-bottom: 5px;font-weight: bold}
.integrated_T div p{font-size: 16px;color: #b1d7d3;font-weight: bold}
.yijikaifa{overflow: hidden;width: 202px;height: 160px}
.integrated_T a{display: block;width: 202px;height: 160px;background: url(/static/index/images/index_integr_pic_03.jpg) no-repeat center;background-size: cover;webkit-transition: .7s;transition: .7s}
.integrated_T a:hover{webkit-transform: scale(1.05); transform: scale(1.05)}
.integrated_T a span{font-size: 18px;color: #fff;padding: 32px 0 0 25px;display: block} */

.mainL{ display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 4px; }
.mainL li{width: 202px;height: 160px; overflow: hidden; display: block;}
.mainL li a{webkit-transition: .7s;transition: .7s}
.mainL li:hover a{webkit-transform: scale(1.05); transform: scale(1.05)}

.mainL li a{display: block;width: 202px;height: 160px;}
.mainL li a:hover{background-size: 120%;}
.mainL li a span{font-size: 18px;color: #fff; padding: 32px 0 0 25px;display: block}
.mainL li.li-1{}
.mainL li.li-1 span{font-size: 22px;color: #008f80; font-weight: bold; padding-top: 30px;padding-bottom: 10px; display: block;}
.mainL li.li-1 i{display: block;width: 96px;padding-left: 0px;color: #b1d7d3;font-weight: bold}

.mainL li.li00 a{background: url(/static/index/images/index_integr_pic_03.jpg) no-repeat center;}
.mainL li.li01 a{background: url(/static/index/images/index_integr_pic_07.jpg) no-repeat center;}
.mainL li.li02 a{background: url(/static/index/images/index_integr_pic_09.jpg) no-repeat center;}
.mainL li.li03 a{background: url(/static/index/images/index_integr_pic_11.jpg) no-repeat center;}
.mainL li.li04 a{background: url(/static/index/images/index_integr_pic_20.jpg) no-repeat center;}
.mainL li.li05 a{background: url(/static/index/images/index_integr_pic_21.jpg) no-repeat center;}
.mainL li.li06 a{background: url(/static/index/images/index_integr_pic_22.jpg) no-repeat center;}
.mainL li.li07 a{background: url(/static/index/images/index_integr_pic_27.jpg) no-repeat center;}
.mainL li.li08:hover a{webkit-transform: scale(1.0); transform: scale(1.0)}
.mainL li.li08 span{font-size: 22px;color: #008f80;padding-left: 32px;padding-bottom: 10px}
.mainL li.li08 i{display: block;width: 96px;padding-left: 32px;color: #b1d7d3;font-weight: bold}
.mainL li.li09 a{background: url(/static/index/images/index_integr_pic_28.jpg) no-repeat center;;}

.mainR{width: 442px;padding: 14px;background: rgba(255,255,255,0.4); position: absolute;right: 0;top: -57px; z-index:9999;}
.mainRBj{width: 470px;height: 779px;position: absolute;background: #e3e7ef;top: 0px;left: 0;z-index: 1;display: none; }
.group{width: 387px;padding: 0 32px 0 23px;background:#fff url(../images/index_group_bg_03.jpg) no-repeat right top;z-index: 10;position: relative}
.group h3{font-size: 22px;color: #008f80;padding-top: 8px;line-height: 48px;font-weight: bold}
.group h3 span{color: #b5dbd6;font-size: 18px;margin-left: 15px}
.group img{display: block;width: 387px;height: 200px}
/*.group a{display: block;width: 387px;font-size: 18px;padding-top: 6px;line-height: 36px;color: #333333}*/
.group a.jtxwA{display: block;width: 280px;}
.group a:hover{color: #008f80}
.group h3 a{float: right;width: auto;font-size: 14px;font-weight: normal}
/*.group p{font-size: 12px;line-height: 24px;color: #666666}*/
.group ul{padding: 0 0 10px}
.group ul li{font-size: 12px;color: #b5b5b5;line-height: 30px}
.group ul.groupBtom li{margin-right: 13px}
.group ul.groupBtom li a{display: block;width: 317px;color: #666;font-size: 12px;line-height: 30px;padding: 0 0 0 20px;background: url(/static/index/images/dian_icon_hover_07.jpg) no-repeat 8px center}
.group ul.groupBtom li a:hover{color: #e70400}
.djgz,.xsgs,.mainR .more{z-index: 10;position: relative}
.djgz a{display: block;width: 221px;float: left;height: 140px;overflow: hidden}
.djgz a img{display: block;width: 100%;height: 140px;webkit-transition: .7s;transition: .7s}
.djgz a:hover img{webkit-transform: scale(1.05); transform: scale(1.05)}

.xsgs{width: 375px;padding: 0 33px;background-color: #fff}
.xsgs h3{font-size: 22px;color: #008f80;padding-top: 13px;line-height: 48px;font-weight: bold}
.xsgs h3 span{color: #b5dbd6;font-size: 18px;margin-left: 15px}
.xsgs ul{padding-bottom: 10px}
.xsgs ul li{font-size: 12px;color: #b5b5b5;margin-right: 13px;line-height: 30px}
.xsgs ul li a{display: block;width: 317px;color: #666;font-size: 12px;line-height: 30px;padding: 0 0 0 20px;background: url(/static/index/images/dian_icon_hover_07.jpg) no-repeat 8px center}
.xsgs ul li a:hover{color: #e70400}

.mainR .more{
    display: block;width: 133px;height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px; 
    color: #008f80;
    margin: 0 auto;  border: 1px solid #008f80;
    background: #fff;
    border-radius: 17px; 
    cursor: pointer; 
    margin-top: 10px;}
.mainR .more:hover{background: #008f80;color: #fff}

.focus{ position:relative; width:387px; height:344px; z-index: 99; float: left; margin-bottom: 8px;}
.focus .swiper-slide{background-color: #fff;}
.focus .swiper-slide a.txt{font-size: 18px;color: #333;width: 100%; padding-top: 6px;line-height: 36px;display: block}
.focus .swiper-slide p {font-size: 12px; line-height: 24px; color: #666666;}
.focus .prev,.focus .next{width: 8px;height: 15px; display: block; position: absolute;top: 20px; z-index: 9999; cursor: pointer;}
.focus .prev{background: url("/static/index/images/prev_1.png") no-repeat;right: 35px}
.focus .prev:hover{background: url("/static/index/images/prev_2.png") no-repeat;right: 35px}
.focus .next:hover{background: url("/static/index/images/next_2.png") no-repeat;right: 0px}
.focus .next{background: url("/static/index/images/next_1.png") no-repeat;right: 0px}

.focus img{ width: 387px; height: 200px;}


@media screen and ( min-width:1024px ) and ( max-width:1366px ){
    .inner{width: 1000px;margin: 0 auto}
    .main{height: 710px;}
    .mainRBj{width: 402px;height: 741px}
    .header .nav{width: 750px;}
    .header .nav ul li a{padding: 0 13px;}
    .header .nav ul li .jtxwM{margin-left: 297px!important;}
    .header .nav ul li .dcxmM{margin-left: 530px!important;}
    .header .nav ul li .zzjsM{margin-left: 562px!important;}
    .header .nav ul li .qyjsM{margin-left: 698px!important;}
    .header .nav ul li .ryjgM{margin-left: 699px!important;}
    .integrated_T{height: 146px;}
    .integrated_T div,.integrated_T a,.mainL ul li a{width: 184px;height: 146px;}
    .mainL{width:565px; }
    .mainR{width:374px;}
    .group{width:333px;padding: 0 20px}
    .xsgs{width:334px;padding: 0 20px}
    .group img{width:332px;height: 176px}
    .group a {width:238px; display:block; }
    .focus{height: 275px;margin-bottom: 0}
    .focus .fPic a.pic{height: 176px}
    .djgz a{width: 187px;}
    .djgz a img,.djgz a{height: 105px;}
    .focus,.focus .fPic,.focus .fPic a.pic,.focus .fPic a.txt{width: 333px}
}
@media only screen and (max-width: 1024px) and (min-width: 320px) {
    /*ÂÖ²¥Í¼*/
    .banner{height: 140px !important; margin-top: 52px;}
    .banner .swiper-pagination{position: absolute;bottom: 10px;left: 0;width: 100%;text-align: center}
    .banner .swiper-pagination span{display: inline-block;width: 10px;height: 10px;background: #fff;border-radius: 50%;margin: 0 5px;cursor: pointer;opacity: .5}
    .banner .swiper-pagination .swiper-pagination-bullet-active{background: #008f80;opacity: 1}
    
    
    
    .bannerM{display: block!important;margin-top: 52px;}

    .main_visual{height:140px;overflow:hidden;position:relative; width:100%; }
    .main_image{height: 140px;overflow:hidden;position:relative;cursor: pointer}
    .main_image ul{width:9999px;height:140px;overflow:hidden;position:absolute;top:0;left:0;}
    .main_image li{float:left;width:100%;height:140px; position:relative;display: block}
    .main_image li a{display:block;width:100%;height:100%}
    .main_image li a img{height: 140px;}
    /* .flicking_con{position:absolute;bottom:15px;left:50%;height:11px;width:auto;margin-left: -50px;text-align: center}
    div.flicking_con a{float:left;width:11px;height:11px;background:url('/static/index/images/spanDian.png')no-repeat;display:block;text-indent:-1000px; margin-left: 7px;margin-right: 7px;z-index: 99998;position: relative}
    div.flicking_con a.on{background:url("/static/index/images/current.png") no-repeat} */
    #btn_prev,#btn_next{width: 22px!important;height: 42px;position: absolute;top: 218px;left: 10%}
    #btn_next{background-position: 0 -47px;left: 90%;}
    .main{height: auto;width: 94%;margin: 0 auto}
    .mainL{width:100%; padding-top:0; }
    /* .mainRBj{display: none } */
    .mainR{position: initial;width:100%;background: none;padding: 0;margin-top: 30px}
    /* .integrated_T{height: 140px}
    .integrated_T div{width: 50%;height: 140px}
    .yijikaifaP{display: none!important;} */
    .mainL li{width: 49%;margin:0 0 0px}
    .mainL li.li-1{width:100%; display: block!important;}
    .mainL li.li-2{display: none!important;}
    .mainL li a{width: 100%}

    .ulM li:first-child a {display: block;width: 100%;background: url(/static/index/images/index_integr_pic_03.jpg) no-repeat center;  background-size: cover;  webkit-transition: .7s;  transition: .7s;  }
    .group{width: 100%;padding: 0; background: none;padding-top: 0}
    .focus,.focus .fPic,.focus .fPic a.pic,.focus img{width: 100% }
    .group ul.groupBtom li a{width:100%}
    .focus .fPic a.txt{width: 100%}
    .focus .swiper-slide{background: none;}

    .djgz a{width: 50%;height: auto}
    .djgz a img{height: auto}
    .xsgs{width: 100%;padding: 0;margin-top: 20px}
    .xsgs h3{padding: 0 2%;font-size: 20px}
    .xsgs h3 span{margin-left:10px;font-size: 14px; }
    .xsgs ul li a{width: 90%}
    .integrated_T a{display: none!important}
}<!--ºÄʱ1771224950.9884Ãë-->