/*banner*/ 
 
.banner .swiper-slide .weap{ height:848px;  position:relative; z-index:1}
.banner .swiper-slide .img{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; overflow:hidden} 
.banner .m{ display:none }
.banner .swiper-slide .img img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);}.banner .swiper-slide.swiper-slide-active .img img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transition:3s cubic-bezier(0.59,0.5,0.41,0.92);-moz-transition:3s cubic-bezier(0.59,0.5,0.41,0.92);-o-transition:3s cubic-bezier(0.59,0.5,0.41,0.92);transition:3s cubic-bezier(0.59,0.5,0.41,0.92);}
.banner .pagination-all{ position:absolute; z-index:2; left:0; right:0; text-align:center; bottom:20px}
.banner .pagination-all>div{ display:inline-block; vertical-align:middle; color:#fff; width:auto; margin:0 10px}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background-color:#fff; margin:0 10px}
.banner .txt{ position:absolute;top:50%; transform:translateY(-50%); color:#fff; padding-left:5%}
.banner .txt .p1{ font-size:60px; font-weight:bolder; font-family:"微软雅黑"}
.banner .txt .p2{ font-size:48px; font-weight:bolder; font-family:"微软雅黑"}
 
.index01{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-top:35px;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.index01 .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; height:800px; background-position:center; background-repeat:no-repeat; background-size:cover} 
.index01 .left .txt{ position:relative;top:50%; transform:translateY(-50%); background-color:rgba(255,255,255,.4); padding:50px 135px; font-size:43px;}

.index01 .right{flex:0 0 360px; text-align:center}
.index01 .right li{ margin:40px 0; text-align:center}
.index01 .right .ico{ width:126px; height:126px; background-color:#f2f2f2; border-radius:50%; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:50%}
.index01 .right .ico-a01{ background-image:url(../images/ico-a01.png)}
.index01 .right .ico-a02{ background-image:url(../images/ico-a02.png)}
.index01 .right .ico-a03{ background-image:url(../images/ico-a03.png)}
.index01 .right a:hover .ico-a01{ background-image:url(../images/ico-a01h.png)}
.index01 .right a:hover .ico-a02{ background-image:url(../images/ico-a02h.png)}
.index01 .right a:hover .ico-a03{ background-image:url(../images/ico-a03h.png)}
.index01 .right h3{ font-size:28px; font-weight:normal;}
.index01 .right a:hover { color:#2B559E}

.plo{ text-align:center; margin-bottom:60px}
.plo h3{ color:#000; font-size:50px;}

.index02{ padding-top:50px; padding-bottom:20px}
.index02 .bd{ background-color:rgba(242, 242, 242, 1); padding:55px 0}
.index02 .bd ul{ margin:0 -50px}
.index02 li{ float:left; width:25%;}
.index02 li .a{ margin:0 50px;}
.index02 li .a .img{  height:267px; overflow:hidden; margin-bottom:10px}
.index02 li .a .img img{ display:block; width:100%; height:100%;object-fit: cover;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index02 li .a:hover .img img{ transform:scale(1.1)}
.index02 li .txt h3{ font-size:30px;}
.index02 li .txt .p{ font-size:20px; line-height:1.6}

.index03{ padding-top:60px; padding-bottom:120px;}
.index03 li{ float:left; width:33.33%;}
.index03 li:nth-child(n+4){ display:none}
.index03 ul{ margin:0 -16px;}
.index03 li a{ display:block; margin:0 15px; position:relative;overflow:hidden;border-radius:5px;}
.index03 li .img{  height:427px; }
.index03 li img{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; display:block; width:100%; height:100%;object-fit: cover;}
.index03 li a:hover img{ transform:scale(1.1)}
.index03 li .txt{ position:absolute; z-index:2; bottom:0; left:0; right:0; color:#fff; text-align:center; padding:10px; background-image: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,.8));}
.index03 li .txt h3{ font-size:28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index03 li .txt .p{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.index03 .more{ text-align:right; margin-top:65px}
.index03 .more a{ display:inline-block; width:185px; line-height:60px; font-size:25px; color:#2b559e; background-color:#f2f2f2; border-radius:60px; text-align:center; font-weight:bold}
.index03 .more a:hover{ background-color:#2b559e; color:#fff}

.nbanner{ background:url(../images/nbanner.jpg) no-repeat center; background-size:cover}
.nbanner .weap{ height:848px; position:relative}
.nbanner .title{ color:#fff; position:absolute; z-index:2;top:50%; margin-top:-94px;}
.nbanner .title h1{ font-size:60px;}
.nbanner .title .p{ font-size:45px; font-weight:bold}

.page0101{ padding:38px 0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;flex-direction:row-reverse}
.page0101 .txt{ width:34%; margin-right:-17%;background-color: rgba(2, 60, 99,.8); color:#fff; padding:130px 50px; border-radius:5px; position:relative; z-index:2}
.page0101 .txt h3{ font-size:60px; margin-bottom:20px}
.page0101 .txt .p{ font-size:25px}
.page0101 .img{ width:78%; overflow:hidden; border-radius:5px}
.page0101 .img img{ display:block; width:100%;}

.page0102{ padding:38px 0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
.page0102 .txt{ width:37%; margin-left:-17%;background-color: rgba(2, 60, 99,.8); color:#fff; padding:140px 50px; border-radius:5px; position:relative; z-index:2}
.page0102 .txt h3{ font-size:60px; margin-bottom:20px}
.page0102 .txt .p{ font-size:25px; margin-bottom:20px}
.page0102 .img{ width:80%; overflow:hidden; border-radius:5px}
.page0102 .img img{ display:block; width:100%;}

.page0103{ padding:38px 0}
.page0103 .weap{ width:88%}
.page0103 .txt{    background-color: rgba(3, 60, 99, 1); color:#fff; padding:90px 120px; min-height:900px}
.page0103 .txt h3{ font-size:70px}
.page0103 .txt .p{ font-size:25px}

.page0104{ padding:38px 0; position:relative}
.page0104 .weap{ width:88%}
.page0104 .top{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: flex-start }
.page0104 .top .right{flex:0 0 550px; margin-left:20px}
.page0104 .top .right img{ display:block; width:100%}

.page0104 .top .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.page0104 .top .left h3{ font-size:70px}
.page0104 .top .left .p{ font-size:25px}

.page0104 .bottom{ padding-right:570px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: flex-start; margin-top:-80px;}
.page0104 .bottom .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;font-size:25px; min-width:0}
.page0104 .bottom .left .p1{  font-weight:bold}
.page0104 .bottom .left a{ font-size:25px; margin-left:20px}
.page0104 .bottom .right a{ display:block; width:300px; line-height:76px; background-color:#023c63; color:#fff; font-size:25px; font-weight:bold; text-align:center; border-radius:10px}

.page02 .weap{ width:100%; padding:0 45px}
.page02 .bd{ padding-top:100px;}
.page02 .bd ul{ font-size:0; text-align:center}
.page02 .bd ul li{ display:inline-block; vertical-align:top; width:33.33%; margin-bottom:160px;}
.page02 .bd ul li a{ display:block; margin:0 45px; position:relative;border-radius:5px;overflow:hidden;}
.page02 .bd ul li .img{  height:590px; border-radius:10px}
.page02 .bd ul li .img img{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; display:block; width:100%; height:100%;object-fit: cover;}
.page02 .bd ul li a:hover .img img{ transform:scale(1.1)}
.page02 .bd ul .txt{ position:absolute; z-index:2; left:0; right:0; color:#fff; bottom:0; padding:40px 10px;background-image: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,.8));}
.page02 .bd ul .txt h3{ font-size:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.page02 .bd ul .txt .p{ font-size:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.page03{ padding:70px 0; padding-bottom:100px} 
.page03 .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;     flex-direction: row-reverse;}
.page03 .left{flex:0 0 686px; border-radius:5px; overflow:hidden}
.page03 .left img{ display:block; width:100%;}
.page03 .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;margin-right:80px}
.page03 .hd{ margin-bottom:110px}
.page03 .txt .p1{font-size: 72px; color: #033C63; font-weight:bold}
.page03 .txt .p2{ font-size: 40px; color: #033C63; font-weight:bold;}
.page03 .txt .conn{ font-size:32px; }

.lanmunav{ padding-top:80px; padding-bottom:60px}
.lanmunav ul{ font-size:0}
.lanmunav ul li{ display:inline-block; margin-right:55px;}
.lanmunav ul li a{ display:block; font-size:30px; line-height:92px;     background-color: rgba(235, 235, 235, 1); min-width:270px; padding:0 10px; border-radius:5px; text-align:center}
.lanmunav ul li.on a,.lanmunav ul li a:hover{    background-color: rgba(2, 60, 99, 1); color:#fff}

.page04{ padding-bottom:100px}
.page04 .bd ul{ margin:0 -12px;}
.page04 .bd li{ float:left; width:33.33%; margin-bottom:24px;}
.page04 .bd li a{ display:block; margin:0 12px; position:relative; border-radius:5px; overflow:hidden}
.page04 .bd li .img{ overflow:hidden; height:560px;}
.page04 .bd li .img img{ transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;display:block; width:100%; height:100%;object-fit: cover;}
.page04 .bd li a:hover .img img{ transform:scale(1.1)}
.page04 .bd li .txt{ position:absolute; left:0; right:0; bottom:0; color:#fff; text-align:center; padding:35px 20px;background-image: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,.8));}
.page04 .bd li .txt h3{ font-size:33px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.page04 .bd li .txt .p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:25px}

.mores{ text-align:center}
.mores a{display:inline-block; font-size:30px; line-height:92px;     background-color: rgba(235, 235, 235, 1); min-width:270px; padding:0 10px; border-radius:5px; text-align:center}
.mores a:hover{    background-color: rgba(2, 60, 99, 1); color:#fff}

.page05{ padding-top:100px; padding-bottom:140px;}
.page0501{ margin-bottom:130px;}
.page0501 h1.title{ text-align:center; font-size:48px; margin-bottom:10px}
.page0501 .info{ text-align:center; font-size:28px; color:#797979; padding-bottom:50px; border-bottom:1px solid #e2e2e2; margin-bottom:50px}
.page0501 .info span{ margin:0 20px;}
.page0501 .conn{ font-size:28px; line-height:1.4; width:1040px; max-width:100%; margin:0 auto; overflow:hidden}
.page0501 .conn img{ max-width:100%}
.page0501 .conn a{ font-size:28px;}

.page0502 .hd{ margin-bottom:70px}
.page0502 .hd h3{ font-size:50px;    color: rgb(43, 85, 158);}
.page0502 .bd ul{ margin:0 -55px;}
.page0502 .bd li{ float:left; width:33.33%; }
.page0502 .bd li a{ display:block; margin:0 55px; position:relative; border-radius:5px; overflow:hidden}
.page0502 .bd li .img{ overflow:hidden; height:427px;}
.page0502 .bd li .img img{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; display:block; width:100%; height:100%;object-fit: cover;}
.page0502 .bd li a:hover .img img{ transform:scale(1.1)}
.page0502 .bd li .txt{ position:absolute; left:0; right:0; bottom:0; color:#fff; text-align:center; padding:35px 20px;background-image: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,.8));}
.page0502 .bd li .txt h3{ font-size:33px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.page0502 .bd li .txt .p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:25px}

.page0601{ padding-top:55px; padding-bottom:120px}
.page0601 .th{ margin-bottom:50px}
.page0601 .th ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; background-color:#ebebeb; height:125px; border-radius:5px;padding-right:225px;}
.page0601 .th ul li{ font-size:30px; font-weight:bold}
.page0601 .th ul li.w4{ position:relative}
.page0601 .th ul li.w4 span{ cursor:pointer}
.page0601 .th ul li.w4 span:after{ content:""; display:inline-block;width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid black; margin-left:25px; vertical-align:middle;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.page0601 .th ul li.w4:hover span:after{transform: rotate(180deg);}
.page0601 .th ul li.w4 .sub{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; opacity:0; visibility:hidden; position:absolute; z-index:2; left:50%; top:100%; background-color:#fff; border:1px solid #eee; width:190px; margin-left:-95px; padding:0 10px}
.page0601 .th ul li.w4:hover .sub{ opacity:1; visibility:visible}
.page0601 .th ul li.w4 .sub a{ display:block; font-size:24px; font-weight:normal; line-height:68px; border-bottom:1px solid #eee}
.page0601 .th ul li.w4 .sub a:last-child{ border-bottom:none}
.page0601 .w1{flex:0 0 265px; text-align:center}
.page0601 .w2{flex:0 0 280px;  }
.page0601 .w3{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.page0601 .w4{flex:0 0 300px; text-align:center}
.page0601 .w5{flex:0 0 225px; text-align:center}

.page0601 .td .li{ padding:10px 0; border-bottom:1px solid #e2e2e2; cursor:pointer}
.page0601 .td .a:hover{background: linear-gradient(to right, #437dc0,#00aa7e);}
.page0601 .td .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; padding:25px 0; border-radius:5px; position:relative; padding-right:225px;}
.page0601 .td .a:hover,.page0601 .td .on .a{background: linear-gradient(to right, #437dc0,#00aa7e); color:#fff}
.page0601 .td .a:hover .w5{background-image:url(../images/ico-jiaon.png);}
.page0601 .td .w1 img{ width:160px; height:160px; border-radius:50%}
.page0601 .td .w2 .p1{ font-size:28px; display:none}
.page0601 .td .w2 .p1 a{ font-size:28px; color:#fff}
.page0601 .td .w2 h3{ font-size:24px;}
.page0601 .td .w2 .title span{ display:none}
.page0601 .td .w3{ font-size:24px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.page0601 .td .w4{ font-size:24px; font-weight:bold}
.page0601 .td .w5{ font-size:40px; font-weight:bold; height:80px; background-image:url(../images/ico-jia.png); background-repeat:no-repeat; background-position:center; background-size:auto 100%; position:absolute; z-index:2; right:0; width:225px;}

.page0601 .td .on .w1{flex:0 0 450px; }
.page0601 .td .on .w1 img{ width:320px; height:320px;}
.page0601 .td .on .w2{flex:0 0 420px;  }
.page0601 .td .on .w2 h3{ font-size:50px;}
.page0601 .td .on .w2 .p1{ display:block}
.page0601 .td .on .a{ padding-top:145px; padding-bottom:145px}
.page0601 .td .on .w4{ display:none}
.page0601 .td .on .w3{-webkit-line-clamp: 100;}
.page0601 .td .on .a .w5{top:80px; background-image:url(../images/ico-close1.png)}

.page0701{ background:url(../images/page0701bg.jpg) no-repeat center; background-size:cover; padding:250px 0; position:relative}
.page0701:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background-color:rgba(0,0,0,.4)}
.page0701 .txt{ font-size:30px; color:#fff; max-width:720px; position:relative; z-index:2   }
.page0702 .th{ margin-bottom:30px}
.page0702 .th ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; background-color:#ebebeb; height:125px;}
.page0702{ padding:85px 0}
.page0702 .th ul{ font-size:32px; font-weight:bold;}
.page0702 .w1{flex:0 0 420px; text-align:center}
.page0702 .w2{flex:0 0 420px; text-align:center}
.page0702 .w3{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; text-align:center}

.page0702 .td ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; padding:90px 0; position:relative; cursor:pointer; border-radius:5px}
.page0702 .td ul li{ font-size:26px}
.page0702 .td ul .w3{ display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height:1.6; position:relative}
.page0702 .td ul:after{ content:""; display:inline-block;width:0;
height:0;
border-left:17px solid transparent;
border-right:17px solid transparent;
border-top:22px solid #033c63; margin-left:25px; vertical-align:middle；transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; position:absolute; z-index:2; right:20px; bottom:30px; cursor:pointer}
.page0702 .td ul.on:after{border-top:22px solid #fff;transform: rotate(180deg);}
.page0702 .td ul.on{background: linear-gradient(to right, #437dc0,#00aa7e); color:#fff}
.page0702 .td ul.on .w3{-webkit-line-clamp: 1000; padding-right:35px}

.page0801{ margin-top:150px; margin-bottom:130px; position:relative}
.page0801 .img{ width:70%; margin:0 auto}
.page0801 .img img{ display:block; width:100%}
.page0801 .txt{ position:absolute; z-index:2; width:32%;top:-100px;background-color: rgba(2, 60, 99,.8); color:#fff; left:4.6%; padding:90px 50px; border-radius:5px;  z-index:2}
.page0801 .txt h3{ font-size:60px; margin-bottom:10px}
.page0801 .txt .p{ font-size:25px; line-height:1.6}

.page0801 .txtright{ position:absolute; z-index:2; width:435px; bottom:-100px;background-color: rgba(2, 60, 99,.8); color:#fff; right:4.6%; padding:50px; border-radius:5px; }
.page0801 .txtright .p1{ font-size:60px;text-align:center}
.page0801 .txtright .p2{ text-align:right}
.page0801 .txtright .p2 a{ font-size:25px; color:#fff; text-decoration:underline}

.page0802 .item{ padding:38px 0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;flex-direction:row-reverse}
.page0802 .item .txt{ width:34%; margin-right:-17%;background-color: rgba(2, 60, 99,.8); color:#fff; padding:100px 50px; border-radius:5px; position:relative; z-index:2}
.page0802 .item .txt h3{ font-size:60px; margin-bottom:20px}
.page0802 .item .txt .p{ font-size:25px}
.page0802 .item .img{ width:78%; overflow:hidden; border-radius:5px}
.page0802 .item .img img{ display:block; width:100%;}
.page0802 .item:nth-child(even){flex-direction:row}
.page0802 .item:nth-child(even) .txt{margin-right:auto; margin-left:-17%}

.page0103 .txt h3{ font-size:49px}
.page0103 .txt .p{ font-size:17px}
.page0103 .txt{ min-height:630px}



.page02 .bd ul li a{ margin:0 31px;}
.page02 .bd ul .txt h3{ font-size:28px}
.page02 .bd ul .txt .p{ font-size:16px;}
.page02 .bd ul li{ margin-bottom:112px}
.page03 .txt .p1{ font-size:49px;}
.page03 .txt .p2{ font-size:28px}
.page03 .txt .conn{ font-size:22px}

.page03 .left{flex:0 0 480px}
.mul{ display:none}
.mmore{ display:none}
.mimg{ display:none}
.mtitle{ display:none}
.page0702 .td .m0{ display:none}
.mpage0601{ display:none}
.mlanmunav{ display:none}
.page0601 .td .am{ display:none}

.page07{ padding-top:35px}
@media (max-width: 1920px){ 
.nbanner .weap{ height:44vw}
 
.nbanner .title h1{ font-size:3.1vw}
.nbanner .title .p{ font-size:2.3vw}
}
 
@media (max-width: 1600px){ 
.banner .swiper-slide .weap{ height:50vw}
.index01 .left .txt{ padding-left:8.43vw; padding-right:8.43vw}
.index01 .left .txt{ font-size:2.5vw}

}
@media (max-width: 1366px){  
.index01 .left .txt{ font-size:2.2vw}
.index01 .left{ height:560px}
.index01 .right .ico{ width:102px; height:102px;}
.index01 .right h3{ font-size:19px;}
.plo h3{ font-size:35px;}
.index02 li .a{ margin:0 35px;}
.index02 .bd ul{ margin:0 -35px;}
.index02 li .txt h3{ font-size:21px}
.index02 li .txt .p{ font-size:14px}
.index03 li .img{ height:299px}
.index03 li .txt h3{ font-size:20px}
.index03 li .txt .p{ font-size:14px}

.page0601 .th ul li{ font-size:21px;}
.page0601 .th ul{ height:108px;}
.page0601 .td .w1 img{ width:112px; height:112px}
.page0601 .w1{flex:0 0 185px;}
.page0601 .w2{flex:0 0 210px;}
.page0601 .w4{flex:0 0 210px;}
.page0601 .w5{flex:0 0 157px;}
.page0601 .td .w2 h3{ font-size:17px}
.page0601 .td .w3{ font-size:17px}
.page0601 .td .w4{ font-size:17px; }
.page0601 .td .w5{ width:157px; height:56px}
.page0601 .td .on .w1 img{ width:220px; height:220px}
.page0601 .td .on .w1{flex:0 0 310px}
.page0601 .td .on .w2 h3{ font-size:35px}
.page0601 .td .w2 .p1{ font-size:19px;}
.page0601 .td .on .w2{flex:0 0 290px}
.page0601 .td .on .a{ padding-top:100px; padding-bottom:100px; padding-right:158px}
.page0601 .td .on .a .w5{top:56px;}
.page0501 h1.title{ font-size:33px;}
.page0501 .info{ font-size:19px}
.page0501 .conn,.page0501 .conn a{ font-size:19px}
.page0502 .bd li .img{ height:300px}
.page0502 .bd li a{ margin:0 35px}
.page0502 .bd ul{ margin:0 -35px}
.page0502 .bd li .txt h3{ font-size:22px}
.page0502 .bd li .txt .p{ font-size:17px}
.page0502 .hd h3{ font-size:35px}
.lanmunav ul li a{ line-height:63px; font-size:21px;min-width:170px}
.page04 .bd li .img{ height:390px}
.page04 .bd li .txt h3{ font-size:22px}
.page04 .bd li .txt .p{ font-size:17px}
.mores a{ line-height:63px; font-size:21px;min-width:170px}
.page0101 .txt h3{ font-size:42px}
.page0101 .txt .p{ font-size:17px}
.page0102 .txt h3{ font-size:42px}
.page0102 .txt .p{ font-size:17px}

.page0801 .txt h3{ font-size:42px}
.page0801 .txt .p{ font-size:17px}
.page0801 .txtright .p1{ font-size:42px}
.page0801 .txtright .p2 a{ font-size:17px}
.page0802 .item .txt h3{ font-size:42px}
.page0802 .item .txt .p{ font-size:17px}

.page0701 .txt{ font-size:21px}
.page0701{ padding:170px 0}
.page0702 .w1{flex:0 0 290px}
.page0702 .w2{flex:0 0 290px}
.page0702 .th ul{ font-size:22px; height:100px;}
.page0702 .td ul li{ font-size:18px}
.page0702 .td ul:after{    border-left:11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 15px solid #033c63;}
.page0702 .td ul{ padding:63px 0}	
.page0702 .td ul.on:after{    border-top: 15px solid #fff;}

.page02 .bd ul li .img{ height:395px}

.page0104 .top .left h3{ font-size:49px}
.page0104 .top .left .p{ font-size:17px}
.page0104 .top .right{flex:0 0 385px}
.page0104 .bottom{ padding-right:405px;}
.page0104 .bottom .left{ font-size:17px;}
.page0104 .bottom .left a{ font-size:17px}
.page0104 .bottom .right a{ width:210px; font-size:17px; line-height:53px;}

.index01 .right{flex:0 0 300px}
 
}
 
@media (max-width: 999px){ 
.banner .swiper-slide .weap{ height:46vw}  
.banner .pagination-all{ bottom:10px}
.banner .pagination-all .swiper-prev,.banner .pagination-all .swiper-next{ width:26px}


.banner .swiper-pagination-bullet{ margin:0 5px; width:8px; height:8px}

.index01{ display:block; margin-top:20px}
.index01 .left .txt{ padding:10px; text-align:center; font-size:16px}
.index01 .left .txt .p2{ padding-left:0}
.index01 .left .txt .p3{ padding-left:0}
.index01 .left{ height:60vw}
.index01 .right{ padding:0 10px}
.index01 .right ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;}
.index01 .right .ico{ width:87px; height:87px}
.index01 .right h3{ font-size:14px; margin-top:10px}
.index02{ padding-top:55px}
.plo h3{ font-size:28px}
.plo{ margin-bottom:40px}
.index02 li{ width:50%; margin-bottom:20px}
.index02 li .txt .p{ display:none}
.index02 .bd ul{ margin:0 -15px;}
.index02 li .a{ margin:0 10px;}
.index02 li .a .img{ height:40vw}
.index02 li .txt h3{ font-weight:normal; font-size:14px}
.index02 .bd{ padding-top:30px; padding-bottom:10px}

.index03{ padding-top:0; padding-bottom:55px}
.index03 li:nth-child(n+4){ display:block}
.index03 li{ width:50%; margin-bottom:10px}
.index03 li a{ margin:0 10px;}
.index03 li .img{ height:50vw}
.index03 li .txt h3{ font-size:16px}
.index03 li .txt .p{ display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space:normal; font-size:12px; text-align:left}
.index03 li a{ border-radius:5px}
.index03 .more{ margin-top:50px; text-align:center}
.index03 .more a{ width:166px; line-height:53px; font-size:14px; font-weight:normal}

.nbanner .title{ margin-top:-40px}
.nbanner .title h1{ font-size:32px}
.nbanner .title .p{ font-size:20px}

.page0101{ display:block; padding-left:4%; padding-right:4%; padding-top:20px; border-bottom:10px solid rgba(242, 242, 242, 1);}
.page0101 .img{ width:100%; margin-bottom:30px; border-radius:5px}
.page0101 .txt{ width:100%; margin-right:0; padding:0; background:none; color:#333}
.page0101 .txt h3{ font-size:16px; margin-bottom:10px}
.page0101 .txt .p{ font-size:14px}

.page0102{ display:block; padding-left:4%; padding-right:4%; padding-top:20px;  border-bottom:10px solid rgba(242, 242, 242, 1); padding-bottom:20px}
.page0102 .img{ width:100%; margin-bottom:30px; border-radius:5px}
.page0102 .txt{ width:100%; margin-right:0; margin-left:0; padding:0; background:none; color:#333}
.page0102 .txt h3{ font-size:16px; margin-bottom:10px}
.page0102 .txt .p{ font-size:14px}

.page0103{ display:block;  padding-top:20px;  border-bottom:10px solid rgba(242, 242, 242, 1); padding-bottom:20px}
.page0103 .weap{ width:92%}
.page0103 .img{ width:100%; margin-bottom:30px; border-radius:5px}
.page0103 .txt{ width:100%; margin-right:0; margin-left:0; padding:0; background:none; color:#333; min-height:320px}
.page0103 .txt h3{ font-size:16px; margin-bottom:10px}
.page0103 .txt .p{ font-size:14px}
.page0104 .weap{ width:92%; display:block}
.page0104 .top{ display:block}
.page0104 .top .left{ margin-bottom:10px}
.page0104 .top .left h3{ font-size:16px; margin-bottom:10px}
.page0104 .top .left .p{ font-size:14px}
.page0104 .top .right{ margin-right:20px}
.page0104 .bottom{ margin-top:20px; padding-right:0; display:block}
.page0104 .bottom .right a{ width:100%; border-radius:5px; font-size:16px}
.page0104 .bottom .right{ margin-top:20px}

.page02{ padding-bottom:50px}
.page02 .bd{ padding-top:50px}
.page02 .bd ul li{ width:50%}
.page02 .bd ul .txt h3{ font-size:24px}
.page02 .bd ul .txt .p{ font-size:14px}

.page03{ padding-top:30px; padding-bottom:50px}
.page03 .bd{ display:block}
.page03 .txt .p1{ font-size:28px; margin-bottom:10px}
.page03 .left{ margin-bottom:20px}
.page03 .txt .p2{ font-size:16px; font-weight:normal}
.page03 .hd{ margin-bottom:20px}
.page03 .txt{ margin-right:0}
.page03 .txt .conn{ font-size:14px;}
.page03 .txt .conn p{ text-align:left !important}

.page04 .bd li{ width:50%; margin-bottom:10px}
.page04 .bd li a{ margin:0 10px;}
.page04 .bd li .img{ height:50vw}
.page04 .bd li .txt h3{ font-size:16px; text-align:left}
.page04 .bd li .txt .p{ display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space:normal; font-size:12px; text-align:left}
.page04 .bd li a{ border-radius:5px}
.page04 .bd li .txt{ padding:15px 10px}
.mores{ margin-top:20px;}
.mores a{ width:166px; line-height:53px; font-size:14px; font-weight:normal}

.lanmunav{ padding:30px 0}
.lanmunav ul{ margin:0 -1%}
.lanmunav ul li{ width:48%; margin:0 1%}
.lanmunav ul li a{line-height:53px; font-size:14px; min-width:100%}
.page05{ padding-top:30px; padding-bottom:50px}
.page0501 h1.title{ font-size:16px}
.page0501 .info{ font-size:14px; margin-bottom:20px; padding-bottom:20px}
.page0501 .info span{ margin:0 10px}
.page0501 .conn, .page0501 .conn a{ font-size:14px}
.page0502{border-top:10px solid rgba(242, 242, 242, 1); padding-top:10px}
.page0502 .hd h3{ font-size:30px}
.page0502 .bd{ display:none}
.mul{ display:block}
.mul li{ border-bottom:1px solid rgba(242, 242, 242, 1)}
.mul li a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; height:55px;}
.mul li h3{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px; font-weight:normal}
.page0502 .hd{ margin-bottom:0; padding-bottom:25px; border-bottom:1px solid rgba(242, 242, 242, 1)}

.page0801{ display:block; padding-left:4%; padding-right:4%; padding-top:20px; padding-bottom:50px;margin:0}
.page0801 .img{ width:100%; margin-bottom:30px; border-radius:5px}
.page0801 .txt{ width:100%; margin-right:0; padding:0; background:none; color:#333; position:static}
.page0801 .txt h3{ font-size:16px; margin-bottom:10px}
.page0801 .txt .p{ font-size:14px}

.mmore{ display:block; margin-top:55px;}
.mmore a{ display:block; line-height:55px; font-size:20px;    color: #023C63; font-weight:bold; text-align:center; border-radius:55px; background-color:#f2f2f2}
.page0801 .txtright{ position:static; width:100%; background:none; padding:10px; color:#333; display:none}
.page0801 .txtright .p2 a{ color:#333}

.page0802 .item{ display:block; padding-left:4%; padding-right:4%; padding-top:20px; border-bottom:10px solid rgba(242, 242, 242, 1);}
.page0802 .item .img{ width:100%; margin-bottom:30px; border-radius:5px}
.page0802 .item .txt{ width:100%; margin-right:0; padding:0; background:none; color:#333}
.page0802 .item .txt h3{ font-size:16px; margin-bottom:10px}
.page0802 .item .txt .p{ font-size:14px}
.page0802 .item:nth-child(even) .txt{ margin-left:0}

.mimg{ display:block;border-radius:5px; overflow:hidden; margin-bottom:30px}
.mimg img{ display:block; width:100%}
.page0701{ background:none !important; padding:30px 0; border-bottom:10px solid rgba(242, 242, 242, 1);}
.page0701:after{ display:none}
.page0701 .txt{ width:100%; margin-right:0; padding:0; background:none; color:#333; font-size:14px}
.page0702{ padding:30px 0}
.page0702 .th{ display:none}

.mtitle{ display:block; text-align:center; margin-bottom:30px}
.mtitle h3{ font-size:30px}

.page0702 .td ul{ background-color:#f2f2f2; margin-bottom:20px; display:block; padding:20px 20px}
.page0702 .w1,.page0702 .w2{ display:none}
.page0702 .td ul li{ font-size:14px}
.page0702 .w3{ text-align:left}
.page0702 .td ul .w3{-webkit-line-clamp: 4; line-height:1.8}
.page0702 .td ul:after{ bottom:auoto;top:20px}

.page0702 .td .m0{ display:block; border-bottom:1px solid #fff; font-weight:bold; padding-bottom:10px; margin-bottom:10px}
.page0702 .td .m0 span{ margin-right:20px}
.page0702 .td ul.on .w3{ padding-right:0}

.page0601 .th{ display:none}
.mlanmunav{ display:block; padding:10px 0}
.mlanmunav ul{background-color: rgba(242, 242, 242, 1); overflow:hidden; padding:10px;}
.mlanmunav ul li{ float:left; width:33.33%}
.mlanmunav ul li a{ display:block; padding:5px 0; text-align:center; background-color:#fff; margin:0 15px; border:1px solid #ccc; border-radius:3px}
.mlanmunav ul li.on a{ background-color:rgba(2, 60, 99, 1); color:#fff}
.mpage0601{ display:block}
.page0601 .td .w1 img{ width:65px; height:65px}
.page0601 .w1{flex:0 0 65px}
.page0601 .td .w2 .title h3{display:inline-block; vertical-align:middle}
.page0601 .td .w2 .title span{ display:inline-block}
.page0601 .td .w4{ display:none}
.page0601 .td .a{ display:none}
.page0601 .td .am{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: flex-start; padding:30px 10px; background-color:#f2f2f2; border-radius:5px; position:relative}
.page0601 .td .am .img{flex:0 0 65px; height:65px;margin-right:20px; border-radius:50%; overflow:hidden}
.page0601 .td .am .img img{ display:block; width:100%; height:100%; }
.page0601 .td .am .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.page0601 .td .am .txt .p1 .sp2{font-size: 12px;
    letter-spacing: 1px;
    color: rgb(67, 125, 191); margin-left:20px}
.page0601 .td .am .txt .p1 .sp1{ font-weight:bold}	
.page0601 .td .am .txt .p2{ color:#fff; display:none}
.page0601 .td .am .txt .p3{display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1; margin-top:20px}
.page0601 .td .am .mclose{ width:30px; height:30px; position:absolute; z-index:2;    background-image: url(../images/ico-jia.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%; right:20px;top:10px}
.page0601 .td .on .am .mclos{}
.page0601 .td .on .am{background: linear-gradient(to right, #437dc0,#00aa7e);
    color: #fff;}
.page0601 .td .on .am .txt .p1 .sp2{ color:#fff}	
.page0601 .td .on .am .txt .p3{ margin-top:0;-webkit-line-clamp: 1000;}
.page0601 .td .on .am .txt .p2{ display:block}
.page0601 .td .on .am .mclose{background-image: url(../images/ico-close1.png);}

.page0601 .td .li{ border-bottom:none}

.page0601{ padding-top:20px; padding-bottom:100px}

.index03 li .txt{ text-align:left}
}
@media (max-width: 760px){ 
.page02 .bd ul li{ width:100%; margin-bottom:20px}
.page02 .bd ul li a{ margin:0; border-radius:5px}
.page02 .weap{ padding:0 20px}
.page02 .bd ul .txt{ padding:20px 10px}
.nbanner .weap{ width:85%}

.banner .swiper-slide .weap{ height:auto} 
.banner .m{ display:block}
.banner .pc{ display:none}
 
.banner .swiper-slide .img{ position:static}

.nbanner{    background: url(../images/mnbanner.png) no-repeat center;
    background-size: cover;}
.nbanner .weap{ height:73vw}

.banner .txt .p1{ font-size:29px; }
.banner .txt .p2{ font-size:23px;}	
.banner .swiper-slide .weap{ position:absolute; z-index:2; left:0; right:0;top:0; bottom:0;}
.page07{ padding-top:0}
}