@charset "utf-8";

.title { margin: 80px auto; text-align: center; }
.title p { font-size: 20px; color: #666; }
.title .bigt { font-size: 24px; color: #000; letter-spacing: 4px; }
.title .xian { width: 150px; margin: 5px auto; height: 2px; background-color: #045327; }
.top { width: 1440px; display: flex; justify-content: space-between; margin: 100px auto; }
.top .yi { width: 45%; }
.top .yi img { width: 100%; }
.top .er { width: 45%; position: relative; }
.top .er p { font-size: 12px; letter-spacing: 4px; line-height: 30px; }
.top .er .btit { width: 240px; border-bottom: 2px #045327 solid; font-size: 24px; }
.top .er .stit { font-size: 12px; }
.top .er .txian { width: 50px; height: 2px; background-color: #045327; margin: 20px 0; }
.top .er .gengduo { position: absolute; display: flex; align-items: center; bottom: 20px; right: 20px; }
.top .er .gengduo img { width: 40px; }
.center { width: 100%; margin: 80px auto; display: flex; justify-content: space-between; }
.center .cleft { width: 50%; background-color: #0b793c; position: relative; z-index:9; }
.center .cleft .leftlist { position: absolute; width: 50%;left: 50%;top: 50%; transform: translateX(-50%) translateY(-50%); display: none; /* margin: 50px auto; */
background-color: #0b793c; }
.center .cleft .leftlist li { border: 1px #eee solid; display: flex; align-items: center; font-size: 18px; margin: 19px 0; padding: 5px 0; color: #fff; }
.center .cleft .leftlist li a{  color: #fff; }
.center .cleft .leftlist img { padding: 5px 40px 5px 40px; }
.center .cleft .llxuan { z-index: 999;display: block; }
.cright { width: 50%; }
.cright .rightlist { width: 100%; display: flex; justify-content: space-between; }
.cright .rightlist li { width: 25%; border: 1px #fff solid; background-color: #b4a36b; text-align: center; }
.cright .rightlist li img { padding: 40px 0; height:167px;max-width: 90px; border-bottom: 4px #fff solid; }
.cright .rightlist li p { width: 10px; display: inline-block; color: #fff; }
.cright .rightlist li .rstext { -webkit-writing-mode: vertical-rl;writing-mode:vertical-rl; writing-mode: tb-rl; }
.rlxuan { background-color: #0b793c!important; }
.wenzi { display: flex; justify-content: center; padding: 30px 0 50px 0; }
.cright .rightlist li .rxian { width: 2px; height: 60px; background-color: #fff; margin: 0 10px; }
/* .cright .rightlist li:hover{
				background-color: #0b793c;
			} */
.picbox {width:100%; overflow:hidden;  }
.botcen { width: 100%; margin: 0px auto;  }
.botcen li { width: 33.3%; border: 1px #fff solid; text-align: center; background-color: #0b793c; float:left;}
.botcen li img { width: 100%;  }
.botcen li { position: relative; }
.botcen .bctext { display: none; width: 100%; height: 100%; position: absolute; top: 0; color: #fff; background-color: #0b793c; }
.botcen li:hover .bctext { display: block; }
.botcen .bctext p { font-size: 12px; letter-spacing: 2px; line-height: 30px; }
.botcen .bctext .bctit { font-size: 24px; letter-spacing: 4px; margin-top: 15%; }
.botcen .bctext .bcxian { width: 200px; height: 2px; background-color: #fff; margin: 5px auto; }
.botcen .bctext .dian { color: #fff; margin: 10px auto; }
.botcen1 { width: 1440px; margin: 100px auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.botcen1 li { width: 24%; position: relative; padding: 30px 0; margin: 5px 0; border: 2px #ccc solid; }
.botcen1 li:hover { border: 2px #045327 solid; }
.botcen1 .yi { width: 49.3%; }
.botcen1 li .desc { font-size: 14px; letter-spacing: 3px; padding: 0px 30px 0 20px; line-height: 30px; height:90px; margin:20px 0 0 0;}
.botcen1 li .bctit { font-size: 20px; padding: 0 30px 0 20px; line-height: 30px; height:30px; }

.botcen1 li.yi .bctit { font-size: 20px; padding: 0 30px 0 20px; line-height: 30px; height:30px; width:82%;}

.botcen1 li .time { position: absolute; bottom: 20px; right: 30px; color: #045327; }
.botcen1 li .toutiao { position: absolute; top: 30px; right: 30px; padding: 5px 20px; color: #fff; background-color: red; }
.bottom { width: 1200px; display: flex; justify-content: space-around; margin: 80px auto; }
.bottom .yi { width: 45%; }
.bottom .er { width: 45%; }
.bottom .yi img { width: 100%; }
.bottom .erlist li { margin: 10px 0; }
.bottom .erlist li:first-child { margin: 0; }
.bottom .erlist p { letter-spacing: 1px; font-size: 12px; line-height: 30px; padding: 5px 0; }
.bottom .erlist .ertit { width: 280px; font-size: 22px; border-bottom: 2px #045327 solid; }
.bottom .erlist .ertit span { font-size: 14px; padding-left: 10px; }
.forbot { width: 1440px; margin: 80px auto; display: flex; justify-content: space-between; }
.forbot .foryi { width: 30%; color: #fff; background-color: #045327; }
.forbot .foryi p { padding: 40px 0 0 70px; letter-spacing: 2px; line-height: 30px; }
.forbot .foryi .fortit { font-size: 24px; padding-left: 0; text-align: center; }
.forbot .forer { width: 70%; }
.forbot .forer img { width: 100%; height: 100%; }
.biaoge { width: 1440px; position: relative; margin: 120px auto; }
.biaoge .bdlist { width: 1200px; display: flex; margin: 20px auto; justify-content: space-between; }
.biaoge .bdlist li { width: 15%; padding: 10px 10px; text-align: center; border: 1px #666 solid; border-radius: 10px; letter-spacing: 4px; }
.biaoge .bdlist li span { display: inline-block; width: 10px; height: 10px; border: 1px #666 solid; border-radius: 50%; margin-right: 20px; }
.biaoge .bdlist li:hover span { background-color: #045327; }
.bgxx { width: 1200px; display: flex; margin: 20px auto; flex-wrap: wrap; justify-content: space-between; }
.bgxx li { width: 45%; }
.bgxx li input { width: 100%; height:50px; padding: 10px 0 10px 10px; font-size:18px; margin: 20px auto; }
.bgxx .ter { width: 100%; }
.bgxx .ter textarea { padding: 10px 0 10px 10px; resize: none; width: 100%; font-size: 18px; height: 200px; }
.biaoge .tijiao { width: 200px; margin: 20px auto; }
.biaoge .tijiao input { width: 200px; height: 40px; line-height: 40px; padding: 0; background-color: #045327; color: #fff; }
.huidao { position: absolute; bottom: -80px; right: 120px; color: #045327; cursor: pointer; }