@charset "utf-8"; 
/*banner*/
.bannerbox{ position:relative}
.banner{ height:855px; position:relative}
.banner a{ display:block; width:100%; height:100%;}
.banner .item{ height:855px;background-repeat:no-repeat; background-position:center; background-size:cover}
.bannerbox .bannertitle{ text-align:center; position:absolute;top:50%; transform:translateY(-50%); margin-top:-40px; z-index:3; left:0; right:0}
.bannerbox .bannertitle img{ display:inline-block; width:1040px}
.banner .slick-dots{ position:absolute; z-index:2; left:0; right:0; bottom:60px; text-align:center}
.banner .slick-dots li{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;display:inline-block; width:12px; height:12px; margin:0 10px; border-radius:50%; border:1px solid #fff;cursor:pointer; position:relative;  }
.banner .slick-dots li.slick-active{ background:#fff;}
.banner .slick-dots button{ display:none}  
/*首页*/
.notice{ position:absolute; z-index:1; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.7); border-top:1px solid rgba(125,125,125,.7); margin-bottom:1px solid rgba(125,125,125,.7); color:#fff; }
.notice .ul{ margin-left:90px; background:url(../images/ico-notice.png) no-repeat left center; background-size:13px; padding-left:56px}
.notice .weap{ position:relative}
.notice .ul a{ display:block; height:42px; line-height:42px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.notice a{ color:#fff}
.notice .title{ position:absolute; z-index:1; left:0;top:50%; margin-top:-13px; height:26px; line-height:26px;}
.notice .title span{ display:block; background-color:#0091dc; color:#fff; font-size:14px; border-radius:26px; padding:0 10px;}
.notice .more{ position:absolute; z-index:1; right:0;top:50%; margin-top:-11px}
.notice .more a{display:block; background-color:#0091dc; color:#fff; font-size:14px; border-radius:26px; padding:0 10px;}
.notice .more a i{ font-family:"宋体"; margin-left:5px}
.notice .ul a{ padding-right:65px;}

.plo{ border-bottom:1px solid #c7c7c7; margin-bottom:36px; padding-bottom:12px}
.plo h3{ font-size:24px; display:inline; font-weight:normal}
.plo .eng{ font-size:15px; color:#9fa0a0; text-transform:uppercase; margin-left:10px; font-family:Arial, Helvetica, sans-serif}

.index01{ padding-top:70px; padding-bottom:40px}
.index01 .rotations{ float:left; width:46.64%}
.index01 .rotations img{ display:block; height:415px; width:100%}
.index01 .rotations .slick-dots{ height:45px; background-color:#595757; text-align:right; padding-right:32px; font-size:0; padding-top:15px}
.index01 .rotations .slick-dots button{ display:none}
.index01 .rotations .slick-dots li{ display:inline-block; width:14px; height:14px; border-radius:50%; background-color:#fff; margin:0 8px;  cursor:pointer}
.index01 .rotations .slick-dots li.slick-active{ background-color:#0091dc}
.index01 .indexlist{ float:right; width:46.64%}
.index01 .indexlist li{ padding-left:38px; position:relative}
.index01 .indexlist li:before{ content:""; display:block; width:8px; height:8px; position:absolute; z-index:1; left:0;top:50%; margin-top:-4px; background-color:#00a3c2; border-radius:50%;}
.index01 .indexlist li a{ display:block; line-height:75px; position:relative; border-bottom:1px dashed #b5b5b6; padding-right:40px}
.index01 .indexlist li:last-child a{ border-bottom:none}
.index01 .indexlist li span{ display:block; position:absolute; z-index:1; right:0;top:0; font-size:14px}
.index01 .indexlist li h3{ font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.index02{ padding-top:30px; padding-bottom:40px;}
.index02 .video{ height:490px; background-color:#000}
.index02 .video video{ height:100%}
.index02 .bd{ margin-bottom:35px}
.index02 .bd .item{ display:none}
.index02 .bd .item:nth-child(1){ display:block}
.index02 .hd{ margin-left:-10px; margin-right:-10px; overflow:hidden}
.index02 .hd .item{ padding:0 10px; text-align:center; cursor:pointer; float:left; width:25%; margin-bottom:20px}
.index02 .hd .item:nth-child(n+5){ display:none}
.index02 .hd.block .item:nth-child(n+5){ display:block}
.index02 .hd img{ width:100%; height:180px;}
.index02 .hd h3{ background-color:#dcdedf; line-height:64px; height:64px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index02 .hd .item.on h3{ background-color:#0091dc; color:#fff}
.index02 .videomore{ text-align:center}
.index02 .videomore span{ display:inline-block; background-color:#0091dc; padding:0 20px; font-size:17px; height:30px; line-height:30px; color:#fff; border-radius:30px; cursor:pointer}
.index02 .videomore span:hover{ opacity:.9}

.index03{ padding-top:50px; padding-bottom:40px}
.index03 .bd ul{ overflow:hidden; margin-left:-20px; margin-right:-20px;}
.index03 .bd ul li{ float:left; width:50%; margin-bottom:34px}
.index03 .bd ul li a{ display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin:0 20px; padding-left:20px; position:relative}
.index03 .bd ul li a:before{ content:""; display:block; width:5px; height:6px; position:absolute; z-index:1; left:0;top:50%; margin-top:-3px; background-color:#00a3c2}

.index04{ padding-top:30px; padding-bottom:0px;}
.index04 .bd{ overflow:hidden}
.index04 .bd ul{ margin-left:-10px; margin-right:-10px;}
.index04 .bd li{ float:left; width:25%; text-align:center; margin-bottom:40px}
.index04 .bd li a{ display:block; margin:0 10px;}
.index04 .bd li .img{ overflow:hidden; margin-bottom:16px;}
.index04 .bd li .img img{ display:block; width:100%; height:220px}
.index04 .bd li h3{ font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.index05{ padding-bottom:80px; padding-top:20px}
.index05 .plo{ border-bottom:none; margin-bottom:10px}
.index05 .bdbox{ border:1px solid #c7c7c7}
.index05 .bd .a{ text-align:center; padding: 10px;}
.index05 .bd .a .img{ margin:0 auto; display:inline-block}
.index05 .bd .a .img img{ max-width:208px; width:100%}
.index05 .bd .a h3{ font-weight:normal}
.index05 .hd{border-top:1px solid #c7c7c7; text-align:center; padding:25px 0; font-size:0}
.index05 .hd .slick-arrow{ display:inline-block; vertical-align:middle; width:16px; height:18px; cursor:pointer; overflow:hidden; text-indent:-99px; border:none; margin:0 30px; background-repeat:no-repeat; background-position:center; background-size:100%; background-color:transparent}
.index05 .hd .slick-prev{ background-image:url(../images/ico-prev.png)}
.index05 .hd .slick-next{ background-image:url(../images/ico-next.png)}
.index05 .hd .ul{ display:inline-block; vertical-align:middle}
.index05 .hd .ul li{ display:inline-block; vertical-align:middle; width:10px; height:10px; background-color:#c6c6c6; border-radius:50%; margin:0 5px; cursor:pointer}
.index05 .hd .ul li.slick-active{ background-color:#1cc3ee}
.index05 .hd .ul li button{ display:none}

/*栏目*/
.lanmumain{ padding:60px 0}
.nbanner img{ display:block; width:100%}
.lanmumain .box{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.lanmumain .box .lanmuleft{ flex:0 0 290px; margin-right:110px}
.lanmumain .box .lanmuright{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.lanmutitle{ background-color:#0091dc; color:#fff; border:1px solid #c7c7c7; padding-left:25px; padding-top:35px; padding-bottom:5px; height:81px}
.lanmutitle h3{ display:inline; font-size:24.4px; font-weight:normal}
.lanmutitle .eng{ font-size:15px; text-transform:uppercase; margin-left:10px; letter-spacing:-1px; line-height:1.2;}

.lanmuleft03 .lanmutitle .eng{ font-size:12px}

.lanmunav ul{border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7}
.lanmunav li{ border-bottom:1px solid #c7c7c7}
.lanmunav li a{ display:block; padding-left:30px; line-height:42px; /*height:42px;*/ font-size:16px}
.lanmunav li.jyzl a {
    line-height: 24px;
}
.lanmunav li a:before{ content:""; display:inline-block; vertical-align:middle; margin-right:20px;width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-left: 6px solid #7d7d7d;
    border-bottom: 3px solid transparent;}
.lanmunav li a:hover,.lanmunav li.on a{ background-color:#11b8b6; color:#fff}
.lanmunav li a:hover:before,.lanmunav li.on a:before{ border-left: 6px solid #fff}

.path{ overflow:hidden; border-bottom:1px solid #c7c7c7; height:81px; padding-top:30px; margin-bottom:65px; margin-left:-110px; padding-left:110px;}
.path h3{ float:left; font-size:28px; font-weight:normal }
.path .ul{ float:right; font-size:15px; padding-top:15px}
.path .ul a{ font-size:15px;}
.path .ul i{ font-family:"宋体"; font-weight:bold; margin:0 10px}

.conn{ line-height:2; overflow:hidden; text-align:justify}
.conn img{ max-width:100%; height:auto !important}

.newslist{ margin-top:-30px}
.newslist .bd li a{ display:block; position:relative; height:55px; line-height:55px; padding-right:121px;}
.newslist .bd li span{ display:block; position:absolute; z-index:1; right:0;top:0;}
.newslist .bd li{ border-bottom:1px dotted #7d7d7d}
.newslist .bd li h3{ font-weight:normal; font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.newspages{ margin-top:-30px;}
.newspages .title{  font-size:25px; line-height:1.4; margin-bottom:45px;  font-family:'SourceHanSerifSC-re'; font-weight:700}
.newspages .pageconn{ font-size:18px; line-height:2; margin-bottom:80px; min-height:420px; overflow:hidden}
.newspages .pageconn a{ font-size:18px}
.newspages .pageconn img{ max-width:100%; height:auto !important}

.prevnext li{ margin:10px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prevnext li,.prevnext li a{ font-size:15px;}

.lanmuplo{ border-bottom:1px solid #c7c7c7; padding-bottom:10px; margin-bottom:70px}
.lanmuplo h3{ font-size:28px; font-weight:normal; font-weight:normal}
.lanmuplo .eng{ font-size:13px; text-transform:uppercase;}

.piclist .bd ul{ overflow:hidden; margin-left:-10px; margin-right:-10px;}
.piclist .bd li{ float:left; width:25%; text-align:center; margin-bottom:65px;}
.piclist .bd li a{ display:block; margin:0 10px;}
.piclist .bd li .img{ overflow:hidden; margin-bottom:30px;}
.piclist .bd li .img img{ display:block; width:100%; height:220px;}
.piclist .bd li h3{ font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.newslist.li02 .bd li a{ background:url(../images/li02.png) no-repeat center left; padding-left:20px}
.newslist.li03 .bd li a{ background:url(../images/li03.png) no-repeat center left; padding-left:20px}
.newslist.li03 .bd li a:hover{ color:#e20505}

.lanmuleft02 .lanmutitle{ background-color:#e20505}
.lanmuleft02 .lanmutitle .eng{ font-size:12px; display:inline-block; width:145px; vertical-align:middle; position:relative;top:-2px}
.lanmuleft02 .lanmunav li a:hover,.lanmuleft02 .lanmunav li.on a{ background-color:#ffbd1f; color:#e20505}
.lanmuleft02 .lanmunav li a:hover:before, .lanmuleft02 .lanmunav li.on a:before{    border-left: 6px solid #e20505;}

.contactbox .hd{ text-align:center; font-size:24px; margin-bottom:60px}
.contactbox .hd h3{ display:inline-block; vertical-align:middle; font-weight:normal}
.contactbox .hd .eng{ font-family:Arial, Helvetica, sans-serif; vertical-align:middle; margin-left:10px; text-transform:uppercase; color:#999; font-size:20px}
.contactbox .title{ text-align:center; margin-bottom:70px} 
.contactbox .title h3{ font-size:30px; font-weight:normal; letter-spacing:6px}
.contactbox .title .eng{ font-size:20px; color:#8c8c8c; font-family:Arial, Helvetica, sans-serif;letter-spacing:3px }

.contactbox .addlist{ margin-bottom:140px; color:#848484}
.contactbox .addlist a{ color:#848484}
.contactbox .addlist ul{ text-align:justify}
.contactbox .addlist ul:after{
            content:'';
            width: 100%;
            display: inline-block;
            height: 0; 
        }
.contactbox .addlist ul li{ display:inline-block; padding-left:40px; background-position: left 2px; background-repeat:no-repeat; margin-bottom:10px; min-height:26px}
.contactbox .addlist ul .l1{ background-image:url(../images/ico-a01.png)}
.contactbox .addlist ul .l2{ background-image:url(../images/ico-a02.png)}
.contactbox .addlist ul .l3{ background-image:url(../images/ico-a03.png)}
.contactbox .addlist ul .l4{ background-image:url(../images/ico-a04.png)}

.addmap{ position:relative}
.addmap .lis{ position:absolute; z-index:1; left:0;top:0; bottom:0; background-color:rgba(0,0,0,.86); width:400px; padding:45px; overflow-y:auto}
.addmap .lis li{ color:#fff;  line-height:1.4; margin-bottom:20px; cursor:pointer; font-size:16px; font-family:"SourceHanSerifSC-Light"; font-weight:lighter}
.addmap .lis li.on{ color:#0091dc}
.addmap .map{ height:550px;}

.addmap .popbox{ position:absolute; width:520px; height:290px; background-color:#fff; right:15%;top:50%; margin-top:-145px;}
.addmap .popbox .close{ position:absolute; z-index:1; width:38px; height:38px; top:10px; right:10px; cursor:pointer; background:url(../images/ico-close.png) no-repeat center; background-size:50%; opacity:.6}
.addmap .popbox li{ padding:60px 45px; font-size:16px;font-family:"SourceHanSerifSC-Light"; font-weight:lighter }
.addmap .popbox li a{font-size:16px;}
.addmap .popbox li h3{ font-weight:normal; margin-bottom:15px}
.addmap .popbox li p{ display:block; padding-left:40px; background-position: left 2px; background-repeat:no-repeat; margin-bottom:15px; min-height:26px}
.addmap .popbox li p.p1{ background-image:url(../images/ico-a01.png)}
.addmap .popbox li p.p2{ background-image:url(../images/ico-a02.png)}
.addmap .popbox li p.p4{ background-image:url(../images/ico-a04.png)}
.addmap .popbox li{ display:none}

 
.ke-insertfile{  color:#0091dc}
@media(max-width:1920px) {
.banner{ height:44.5vw} 
.banner .item{ height:44.5vw}  
.bannerbox .bannertitle{ margin-top:-2vw}
.bannerbox .bannertitle img{ width:54.16vw}
}
@media(max-width:1440px) {
.index01 .rotations img{ height:26vw}	
.index01 .indexlist li a{ line-height:5vw}
}  
@media(max-width:1368px) {
.notice .title{ left:10px;}
.index03 .bd ul{ margin-left:-10px; margin-right:-10px;}
.index03 .bd ul li a{ margin:0 10px;}
.index03 .bd ul li{ margin-bottom:25px}
.index02 .hd img{ height:13.4vw}
.index04 .bd li .img img{ height:16.4vw}

.piclist .bd li .img img{ height:16.4vw}
.notice .more{ right:10px}
} 
@media(max-width:900px) {
.lanmumain{ padding:20px 0; padding-bottom:40px}	
.lanmumain .box{ display:block}
.lanmumain .box .lanmuleft{ margin-right:0}
.lanmutitle{ display:none}

.lanmunav{ margin-left:-10px; margin-right:-10px; background-color:#eee; margin-top:-20px}
.lanmunav ul{ border:none; overflow:hidden}
.lanmunav ul li{ float:left; width:50%; border-bottom:none}
.lanmunav li a{ padding-left:10px;}

.contactbox .addlist{ margin-bottom:50px}
.addmap .bd{ position:relative}
.addmap .lis{ position:static; width:auto; padding:20px;}
.addmap .popbox{ width:90%; margin-left:-45%; left:50%; right:auto}
.addmap .lis li{ margin-bottom:5px}
.addmap .map{ height:450px}
}
@media(max-width:766px) {
.banner .item,.banner{ height:55vw}	
.banner .slick-dots{ bottom:35px}
.banner .slick-dots li{ margin:0 5px; width:8px; height:8px;} 
.notice .ul{ margin-left:90px; padding-left:20px}
.notice .ul a{ height:32px; line-height:32px; font-size:14px}
.notice .title{ height:22px; line-height:22px; margin-top:-11px;}
.index01{ padding-top:35px; padding-bottom:20px}

.plo{ margin-bottom:18px; padding-bottom:8px}
.plo h3{ font-size:22px;}
.plo .eng{ font-size:14px}
.index01 .rotations{ float:none; width:auto; margin-bottom:10px}
.index01 .indexlist{ float:none; width:auto}
.index01 .rotations img{ height:auto;}
.index01 .rotations .slick-dots{ padding-right:0; text-align:center; height:40px}
.index01 .rotations .slick-dots li{ width:10px; height:10px;}
.index01 .indexlist li{ padding-left:28px}
.index01 .indexlist li a{ line-height:40px;}

.index02{ padding-top:15px; padding-bottom:20px}
.index02 .video{ height:70vw}
.index02 .bd{ margin-bottom:15px}
.index02 .slick-arrow{ position:absolute; z-index:1; width:20px; height:40px; background:rgba(255,255,255,.8); overflow:hidden; border:none;top:50%; margin-top:-20px; text-indent:-99px; background-repeat:no-repeat; background-position:center; background-size:100%}
.index02 .slick-prev{ left:10px; background-image:url(../images/ico-prev02.png)}
.index02 .slick-next{ right:9px; background-image:url(../images/ico-next02.png)}
.index02 .hd{ margin-left:-5px; margin-right:-5px;}
.index02 .hd .item{ width:50%; padding:0 5px; margin-bottom:10px}

.index02 .hd img{ height:25vw}
.index02 .hd h3{ height:40px; line-height:40px}
.index03 .bd ul li{ float:none; width:auto; margin-bottom:0; line-height:40px}
.index04 .bd li{ width:50%; margin-bottom:20px}

.index04 .bd li .img img{ height:30.6vw}
.index04 .bd li .img{ margin-bottom:5px}
.index05 .bd .a h3{ font-size:14px}

.index05{ padding-bottom:40px}
.index05 .hd{ padding:15px 0}
.index05 .hd .slick-arrow{ width:10px; margin:0 10px}

.path{ height:60px; padding-top:15px; margin-bottom:20px}
.path h3{ font-size:22px; }

.conn{ line-height:1.8}

.newslist{ margin-top:-10px}
.newslist .bd li a{ line-height:40px; height:40px; padding-right:100px}
.newslist .bd li h3{ font-size:16px}

.newspages{ margin-top:0px}
.newspages .title{ font-size:22px; margin-bottom:24px}
.newspages .pageconn{ font-size:16px; line-height:1.8}
.newspages .pageconn a{ font-size:16px;}

.lanmuplo h3{ font-size:22px;}
.lanmuplo .eng{ font-size:12px;}
.lanmuplo{ margin-bottom:30px}
.piclist .bd li{ width:50%; margin-bottom:20px}
.piclist .bd li .img{ margin-bottom:10px}
.piclist .bd li .img img{ height:30.66vw}

.addmap .map{ height:350px}
.addmap .popbox{ height:250px; margin-top:-125px;}
.contactbox .hd{ font-size:22px; margin-bottom:15px}
.contactbox .title h3{ font-size:22px; letter-spacing:0}
.contactbox .title .eng{ font-size:13px; letter-spacing:0}
.contactbox .title{ margin-bottom:30px}
.contactbox .addlist{ margin-bottom:20px}
.addmap .popbox li{ padding:30px}

.path{ margin-left:0; padding-left:0}
.path h3{ float:none}
.path .ul{ float:none; padding-top:0}
}

/* 2021.04.02 */
.lanmuright .path_smsj {
    height: 60px;
    border-bottom: solid 1px #7d7d7d;
    margin-bottom: 60px;
}

.lanmuright .path_smsj .path_smsj_title {
    height: 44px;
    display: flex;
    align-items: baseline;
}

.lanmuright .path_smsj .path_smsj_title h3 {
    font-size: 28px;
    font-weight: normal;
}

.lanmuright .path_smsj .path_smsj_title .eng {
    margin-left: 10px;
    text-transform: uppercase;
}

.list_smsj {
    display: flex;
    justify-content: space-between;
}

.list_smsj .list_smsj_image {
    width: 40%;
    margin-right: 5%;
    background-color: #ccc;
}

.list_smsj .list_smsj_image img {
    width: 100%;
    height: 100%;
}

.list_smsj .list_smsj_li {
    width: 55%;
    flex-shrink: 100;
}

.list_smsj .list_smsj_li.newslist {
    margin-top: 0;
}

.list_smsj .list_smsj_li.newslist .bd li {
    border-bottom: 1px solid #ccc;
}

@media(max-width:766px) {
    .list_smsj {
        flex-direction: column;
    }

    .list_smsj .list_smsj_image {
        width: 100%;
        margin-right: 0;
    }

    .list_smsj .list_smsj_li {
        width: 100%;
    }
}

.index_image_smsj {
    margin-top: 20px;
}

.index_image_smsj img {
    width: 100%;
}

.newspages .pageconn {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}