@import "font-awesome.css";
@import "michuan.css";
@import "animate.css";
@import "swiper.min.css";
*{box-sizing:border-box}
html{width:100%;max-width:640px;margin:0 auto;}

.so{margin:0 10px 10px 10px;padding:0 10px;background:#F1F1F1;height:40px;display:flex;align-items: center;}
.so form{width:100%;display:flex}
.so button{width:40px;display:flex;align-items:center;justify-content: center;background:none;cursor: pointer;border:0;}
.so input{width:100%;color:#9C9C9C;height:40px;line-height:40px;border:0;padding:0 10px;background:none;}
.so input::placeholder{color:#9C9C9C;}
.news_list{margin-bottom:20px;}
.news_list .item .txt{padding:15px;}
.news_list .item .txt h3{font-weight:bold;color:#000000;font-size:20px;margin-bottom:15px;line-height:32px;}
.news_list .item .txt p{font-size:15px;line-height:28px;}
.title{height:70px;display:flex;align-items:center;justify-content: center;font-size:24px;background:url(../images/logo2.png) no-repeat center ;font-weight:bold;color:#FFFFFF;}
.title2{display:flex;align-items:center;justify-content: center;font-size:24px;padding:10px 0;background:#004537;font-weight:bold;color:#FFFFFF;}
.title3{text-align:center;padding:15px 0;}
.title3 h2{font-size:34px;color:#004537;display:inline-block;font-weight:bold;border-bottom:4px solid #004537}
.title4{display:flex;align-items:center;font-size:24px;padding:15px;background:#004537;font-weight:bold;color:#FFFFFF;}
.title5{text-align:left;padding:15px;}
.title6{font-size:34px;color:#004537;font-weight:bold;text-align:center;}
.title7{padding:15px;text-align:center;}
.title7 h2{font-size:30px;color:#004537;font-weight:bold}
.title7 p{font-size:15px;line-height:28px;}
.footer{padding:20px 20px 60px;margin-top:2px;border-top:2px solid #135234;}
.footer .txt p,.footer .txt p a{font-size:15px;font-weight:200;color:#000000;line-height:32px}
.footer .ico{padding:20px 0 30px;display:flex;align-items:center;}
.footer .ico a{margin-right:10px;}
.footer .ico a img{width:80%}
.footer .link{display:flex;justify-content:space-between;align-items: center;}
.footer .link a{width:calc(50% - 10px);background:#004537;height:50px;display:flex;align-items:center;justify-content: center;font-size:18px;color:#fff;font-weight:bold;border-radius:40px;}
.banner{width:100%;position: relative;overflow: hidden;}
.banner .p img{width:100%;}
.banner .txt{position: absolute;display:flex;top:0;left:0;width:100%;height:100%;align-items: center;justify-content: center;}
.probanner .txt{justify-content:flex-end;padding-right:40px;}
.banner .txt h2{font-size:44px;font-weight:bold;color:#fff;}
.banner .txt h3{font-size:24px;line-height:40px;text-align:right;font-weight:bold;color:#fff;}
.banner .weizhi{position: absolute;bottom:0;width:100%;left:0;height:40px;padding:0 10px;display:flex;align-items: center;background:rgba(0,69,55,.7);}
.banner .weizhi p,.banner .weizhi span,.banner .weizhi a{font-size:14px;color:#fff;}
.banner .weizhi span{margin:0 5px}
.list-contact{padding:45px 15px;background:#F4FAFC url(../images/contact_bg.jpg) no-repeat right top;}
.list-contact .item{text-align:center;border-radius:15px;box-shadow:0 5px 15px rgba(0,69,55,0.2);margin-bottom:25px;background:#fff;padding:35px 25px;margin-bottom:40px}
.list-contact .item:last-child{margin-bottom:0}
.list-contact .item .p img{max-width:80px;}
.list-contact .item .txt h3{font-weight:bold;margin:15px 0;font-size:24px;color:#004537;}
.list-contact .item .txt a{font-size:18px;color:#004537;}
.list-form{padding:45px 15px;}
.list-form form{width:100%;}
.list-form .item{margin-bottom:15px;}
.list-form .item p{color:#333333;font-size:15px;margin-bottom:10px;}
.list-form .item input{font-size:14px;width:100%;height:45px;padding:0 10px;border-radius:4px;background:#F5F8FA;display:flex;align-items: center;border:1px solid #D9E1EA;}
.list-form .item textarea{font-size:14px;width:100%;min-height:120px;padding:10px;border-radius:4px;background:#F5F8FA;border:1px solid #D9E1EA;}
.list-form .btn{color:#fff;font-size:15px;border-radius:4px;width:120px;height:45px;background:#004537;cursor: pointer;display:flex;justify-content: center;align-items: center;background:#004537;}
.content{padding:20px 15px;}
.content p{margin-bottom:10px;font-size:16px;line-height:28px;color:#000000;}
.content p:last-child{margin-bottom:0;}
.content table{width:100%;margin:10px 0 20px;}
.content tr{width:100%;display:flex;align-items: center;width:100%;}
.content tr td{width:50%;font-size:16px;line-height:28px;color:#000000;}
.video1{cursor: pointer;margin:20px 0;}
.iconlist{padding:30px 15px;}
.iconlist .item{margin-bottom:30px;padding:30px 25px;border-radius:8px;background:#004537 url(../images/logo3.png) no-repeat center bottom;}
.iconlist .item:last-child{margin-bottom:0;}
.iconlist .item .p{display:flex;align-items: center;margin-bottom:20px}
.iconlist .item .p h3{font-weight:bold;color:#fff;font-size:24px;margin-left:15px}
.iconlist .item .txt p{font-size:16px;line-height:28px;color:#FFFFFF;margin-bottom:20px}
.iconlist .item .txt p:last-child{margin-bottom:0;}
.map{padding:15px;text-align:center;}
.map h3{font-size:18px;font-weight:bold;color:#004537;}
.map h2{font-size:24px;margin-bottom:10px;color:#004537;font-weight:bold;}
.wapmenu .alt{cursor: pointer;;padding:15px;background:#004537;display:flex;justify-content: space-between;align-items: center;}
.wapmenu .alt h3{font-size:24px;color:#fff;font-weight:bold}
.wapmenu .alt img{height:18px;transition-duration:.4s;}
.wapmenu .alt.on img{transform:rotate(180deg);}
.wapmenu .sub{padding:15px;background:#055A49;display:none;}
.wapmenu .sub a{display:flex;width:100%;margin-bottom:25px;align-items: center;justify-content: space-between;}
.wapmenu .sub a i{width:24px;border:4px solid #BDE4DC;border-radius:24px;height:24px;}
.wapmenu .sub a span{font-size:18px;font-weight:bold;color:#fff;}
.listpro{padding:25px;}
.listpro .item{margin-bottom:30px;box-shadow:0 5px 15px rgba(0,69,55,0.2);padding:20px;border-radius:8px;}
.listpro .item a{display:block;position: relative;width:100%;}
.listpro .item .l img{height:30px;}
.listpro .item .txt{text-align:center;}
.listpro .item .txt h3{font-size:24px;color:#535353;margin:15px 0;}
.listpro .item .txt h2{font-size:24px;color:#004537;font-weight:bold;}
.showpro{padding:25px;}
.showpro .alt h3{font-size:20px;color:#000000;font-weight:bold;}
.showpro .alt h2{font-size:26px;color:#000000;margin-bottom:20px;font-weight:bold;}
.showpro .show_swiper{overflow: hidden;padding:25px 15px;box-shadow:0 5px 15px rgba(0,69,55,0.2);padding:20px;border-radius:8px;}
.showpro .show_swiper .l img{height:30px;}
.showpro .p{margin:25px 0 10px}
.showpro .p img{max-width:180px}
.videoname{font-size:26px;padding:30px 15px 0;color:#004537;text-align:center;display:block;margin-bottom:25px;}
.indexpro .title7{position: relative;background:#004537}
.indexpro .title7::after{width:100%;position: absolute;left:0;top:60px;height:150px;content:"";background:#004537 url(../images/ico15.png) no-repeat center top;background-size:100% 100%}
.indexpro .show_swiper{padding-top:40px;}
.indexpro .title7 > *{color:#fff;position: relative;z-index:3;}
.indexpro .bd{padding:40px 15px 15px 15px;}
.indexpro .bd .l img{height:30px;}
.indexpro .item{padding:15px 15px 25px 15px;}
.indexpro .item a{display:block;position: relative;width:100%;padding:15px;box-shadow:0 5px 10px rgba(0,69,55,0.2);border-radius:8px;}
.indexpro .item .l img{height:30px;}
.indexpro .item .txt{text-align:center;}
.indexpro .item .txt h3{font-size:24px;color:#535353;margin:15px 0;}
.indexpro .item .txt h2{font-size:24px;color:#004537;font-weight:bold;}
.swiper-pagination{position: static;}
.swiper-pagination .swiper-pagination-bullet{width:20px;height:20px;border-radius:20px;background:#004537;margin:0 10px;}
.indextype{padding:20px 15px;}
.indextype .item{margin-bottom:20px;text-align:center}
.indextype .item .p{margin-bottom:15px;}
.indextype .item .p,.indextype .item .p img{border-radius:35px 0 35px 0;}
.indextype .item .txt{display:inline-block;border-bottom:4px solid #004537;padding:0 10px;}
.indextype .item .txt h3{font-size:26px;margin-bottom:8px;font-weight:bold;color:#000000;}
.indextype .item .txt p{font-size:15px;color:#000000;text-transform:uppercase;}
.index_swiper{overflow: hidden;position: relative;}
.index_swiper .pagination{position: absolute;bottom:30px;z-index:99;text-align:center}
.index_swiper .pagination .swiper-pagination-bullet{width:18px;opacity:1;height:18px;background:#fff;opacity:1;margin:0 10px}
.index_swiper .pagination .swiper-pagination-bullet-active{background:#004537}