@charset 'utf-8'; /*header-start*/ #header{ height: 140px; background: #068358; } #header .logo{ margin-top: 34px; width: 540px; height: 106px; } #header .hd_r{ width: 1060px; padding-top: 25px; } #header .hd_r .hd_r_box1{ height: 36px; } #header .hd_r_link ul{ display: block; float: right; margin-left: 20px; } #header .hd_r_link ul li{ float: left; height: 36px; line-height: 36px; color: #fff; } #header .hd_r_link a{ font-size: 14px; font-family: "Microsoft Yahei"; color: #ccdfd6; padding: 0 4px; } #header .hd_r_link a:hover{ color: #fff; } .search{ position: relative; width: 248px; height: 34px; border: 1px solid #fff; border-radius: 17px; } .search input{ display: inline-block; outline: none; border: none; } .search input.txt{ position: absolute; left: 10px; top: 0px; width: 198px; height: 34px; line-height: 34px; vertical-align: top; background: transparent; color: #fff; } .search input.btn{ position: absolute; top: 0px; right: 8px; width: 28px; height: 33px; cursor: pointer; } /*end header*/ /*nav start*/ #nav{ margin-top: 12px; width: 100%; height: 60px; } #nav .nav_menu ul.nav_list{ display: block; text-align: right; float: right; } #nav .nav_menu ul.nav_list li{ position: relative; float: left; height: 60px; line-height: 60px; padding: 0 18px; } #nav .nav_menu ul.nav_list li a{ display: inline-block; font-family: "Microsoft Yahei"; font-size: 18px; color: #fff; } #nav .nav_menu ul.nav_list li:hover a{ color: #ffd000; } #nav .nav_menu ul.nav_list li dl.menu{ position: absolute; left: -34px; top: 60px; display: none; z-index: 9999; width: 182px; background: #068358; } #nav .nav_menu ul.nav_list li dl.menu dd{ display: block; height: 54px; line-height: 54px; padding: 0 18px; text-align: center; } #nav .nav_menu ul.nav_list li dl.menu dd a{ color: #fff; } #nav .nav_menu ul.nav_list li dl.menu dd:hover{ background: #069866; } /*end nav*/ /*banner start*/ #banner{ position: relative; width: 100%; height: 450px; overflow: hidden; } #banner .banner_hd{ position: absolute; bottom: 22px; width: 100%; z-index: 99; } #banner .banner_hd ul{ display: block; width: 100%; text-align: center; } #banner .banner_hd ul li{ display: inline-block; width: 15px; height: 15px; margin: 0 6px; cursor: pointer; border-radius: 50%; border: 1px solid #fff; } #banner .banner_hd ul li.on{ background: #fff; } #banner .banner_pic{ position: absolute; left: 50%; top: 0px; margin-left: -960px; width: 1920px; height: 450px; z-index: 8; } #banner .banner_pic ul li img{ display:block; width:100%; height:100%; background-size: 100% 100%; } #banner .banner_btn a{ display: none; position:absolute; top:50%; margin-top:-30px; width:60px; height:60px; display:block; cursor: pointer; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; z-index: 99; } #banner .banner_btn a:hover{ display: block; } #banner .banner_btn a.prev{ left:14.8%; background:url("../23images/banner_l.png") no-repeat; } #banner .banner_btn a.next{ right:14.8%; background:url("../23images/banner_r.png") no-repeat;} /*end banner*/ /*part1 start*/ #part1{ padding-top: 40px; } #part1 .xwzx{ width: 1130px; } .hd_title{ position: relative; height: 48px; line-height: 48px; } .hd_title:before{ position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #068358; content: ""; z-index: 2; } .hd_title span.title{ position: absolute; left: 0; top: 0; height: 48px; line-height: 48px; font-size: 30px; color: #068358; font-weight: bold; padding-right: 62px; background: #fff url("../23images/icon01.png") no-repeat 150px center; z-index: 8; } .hd_title span.more{ position: absolute; right: 0; top: 0; width: 94px; height: 48px; background: #fff; z-index: 8; } .hd_title span.more a{ display: block; width: 72px; height: 25px; line-height: 25px; background: #068358; text-align: center; margin: 9px 0 0 18px; border-radius: 12px; color: #fff; } .hd_title span.more a:hover{ background: #ffd000; } #part1 .xwzx .xwzx_con{ padding-top: 38px; } #part1 .xwzx .xwzx_l{ padding: 10px; width: 460px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2); } #part1 .xwzx .xwzx_l .pic{ width: 460px; height: 304px; overflow: hidden; } #part1 .xwzx .xwzx_l .pic img{ display: block; width: 100%; height: 100%; object-fit: cover; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } #part1 .xwzx .xwzx_l:hover .pic img{ transform: scale(1.05) } #part1 .xwzx .xwzx_l .title{ margin: 18px 0 14px; height: 48px; line-height: 24px; font-size: 18px; color: #333; } #part1 .xwzx .xwzx_l:hover .title{ color: #068358; } #part1 .xwzx .xwzx_l span.date{ padding-left: 21px; background: url("../23images/icon02.png") no-repeat left center; font-size: 15px; color: #068358; } #part1 .xwzx .xwzx_r{ width: 620px; } #part1 .xwzx .xwzx_r ul li{ position: relative; height: 60px; line-height: 60px; padding-left: 18px; } #part1 .xwzx .xwzx_r ul li:before{ position: absolute; left: 0; top: 50%; width: 6px; height: 6px; border-radius: 50%; margin-top: -3px; background: #c4c4c4; content: ""; z-index: 2; } #part1 .xwzx .xwzx_r ul li:hover:before{ background: #068358; } #part1 .xwzx .xwzx_r ul li:after{ position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #068358; transition:all 0.6s; content: ""; z-index: 3; } #part1 .xwzx .xwzx_r ul li:hover:after{ width: 100%; } #part1 .xwzx .xwzx_r ul li .title{ font-size: 18px; color: #333; width: calc(100% - 90px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #part1 .xwzx .xwzx_r ul li:hover .title{ color: #068358; } #part1 .xwzx .xwzx_r ul li span.date{ position: absolute; right: 0; top: 0; font-size: 15px; color: #068358; } #part1 .notice{ width: 400px; } #part1 .notice .notice_con{ padding-top: 20px; } #part1 .notice .notice_con ul li{ position: relative; border-bottom: 1px solid #e2e2e2; padding: 20px 0; } #part1 .notice .notice_con ul li:before{ position: absolute; left: 0; bottom: -3px; width: 5px; height: 5px; border-radius: 50%; background: #068358; content: ""; z-index: 3; } #part1 .notice .notice_con ul li:after{ position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; background: #068358; transition:all 0.6s; content: ""; z-index: 3; } #part1 .notice .notice_con ul li:hover:after{ width: 100%; } #part1 .notice .notice_con ul li:nth-child(5){ border-bottom: 0; } #part1 .notice .notice_con ul li:nth-child(5):before{ display: none; } #part1 .notice .notice_con ul li .date{ width: 76px; height: 52px; border-right: 1px solid #eee; margin-right: 13px; } #part1 .notice .notice_con ul li .date span{ display: block; width: 60px; text-align: right; } #part1 .notice .notice_con ul li .date span.d1{ font-size: 30px; font-family: "Times New Roman"; color: #068358; line-height: 32px; } #part1 .notice .notice_con ul li .date span.d2{ font-size: 14px; color: #878787; } #part1 .notice .notice_con ul li .title_con{ width: calc(100% - 90px); height: 52px; display: flex; justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; } #part1 .notice .notice_con ul li .title_con .title{ max-height: 52px; line-height: 26px; font-size: 18px; color: #333; font-family: "Microsoft Yahei"; } #part1 .notice .notice_con ul li:hover .title_con .title{ color: #068358; } /*end part1*/ /*part2 start*/ #part2{ padding: 42px 0 52px; } #part2 .part2_l{ width: 1190px; height: 290px; background: url("../23images/cyxz_bg.jpg") no-repeat; background-size: cover; } #part2 .part2_l .cyxz{ width: 714px; padding: 20px 0 22px; } #part2 .part2_l .cyxz .cyxz_hd{ margin:50px 36px 0 40px; font-size: 30px; font-weight: bold; width: 36px; line-height: 36px; color: #068358; } #part2 .part2_l .cyxz .cyxz_list{ width: 528px; } #part2 .part2_l .cyxz .cyxz_list ul li{ height: 48px; line-height: 48px; } #part2 .part2_l .cyxz .cyxz_list ul li .title{ font-size: 18px; color: #333; } #part2 .part2_l .cyxz .cyxz_list ul li:hover .title{ color: #068358; } #part2 .part2_l .xmjs{ width: 468px; padding: 20px 0 22px; } #part2 .part2_l .xmjs .xmjs_hd{ margin:50px 34px 0 0; font-size: 30px; font-weight: bold; width: 36px; line-height: 36px; color: #068358; } #part2 .part2_l .xmjs .xmjs_bd{ padding-top: 35px; } #part2 .part2_l .xmjs .xmjs_bd ul li{ width:364px; height: 68px; background: #fff; border-radius: 12px; margin-bottom: 22px; } #part2 .part2_l .xmjs .xmjs_bd ul li:hover{ background: #068358; } #part2 .part2_l .xmjs .xmjs_bd ul li a{ display: block; padding: 0 30px 0 50px; height: 68px; line-height: 68px; font-size: 18px; color: #333; } #part2 .part2_l .xmjs .xmjs_bd ul li:hover a{ color: #fff; } #part2 .part2_r{ width: 386px; } #part2 .part2_r ul li{ width: 368px; height: 122px; background: #e6f2ee; margin-bottom: 10px; padding: 9px; } #part2 .part2_r ul li:nth-child(2){ margin-bottom: 0; } #part2 .part2_r ul li a{ display: block; border: 1px solid #a2d0c1; width: 366px; height: 120px; } #part2 .part2_r ul li:hover a{ border: 1px solid #068358; } #part2 .part2_r ul li a .title_con{ padding: 0 28px 0 112px; margin-top: 38px; background: url("../23images/link_icon1.png") no-repeat 35px center; height: 44px; display: flex; justify-content: space-between; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; } #part2 .part2_r ul li a .title_con .title{ max-height: 44px; line-height: 22px; font-size: 24px; color: #068358; } #part2 .part2_r ul li+li a .title_con{ background: url("../23images/link_icon2.png") no-repeat 35px center; } /*end part2*/ /*footer start*/ #footer{ background: #068358; } #footer .foot_top{ padding: 28px 0 8px; } #footer .foot_top .footer_logo{ padding-top: 38px; width: 440px; } #footer .foot_top .footer_logo img{ display: block; max-width: 100%; } #footer .foot_top .footer_address{ padding-top: 26px; width: 506px; } #footer .foot_top .footer_address p{ padding-left: 23px; background: url("../23images/footer_icon1.png") no-repeat left center; line-height: 36px; font-size: 14px; color: #fff; } #footer .foot_top .footer_address p+p{ background: url("../23images/footer_icon2.png") no-repeat left center; } #footer .foot_top .footer_ewm{ width: 338px; } #footer .foot_top .footer_ewm ul li{ float: left; width: 122px; margin-right: 40px; } #footer .foot_top .footer_ewm ul li .pic{ width: 122px; height: 122px; overflow: hidden; } #footer .foot_top .footer_ewm ul li .pic img{ display: block; width: 100%; } #footer .foot_top .footer_ewm ul li .title{ height: 34px; line-height: 34px; font-size: 14px; text-align: center; color: #fff; } #footer .foot_top .footer_link{ padding-top: 10px; width: 316px; } #footer .foot_top .footer_link .footer_link_hd{ position: relative; height: 32px; line-height: 32px; } #footer .foot_top .footer_link .footer_link_hd:before{ position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #389c79; z-index: 2; content: ""; } #footer .foot_top .footer_link .footer_link_hd span{ position: absolute; left: 0; top: 0; display: inline-block; height: 32px; line-height: 32px; font-size: 18px; color: #fff; background: #068358; padding-right: 16px; z-index: 8; } #footer .foot_top .footer_link .footer_link_bd{ padding-top: 4px; } #footer .foot_top .footer_link .footer_link_bd ul li{ width: 33.3333%; height: 30px; line-height: 30px; } #footer .foot_top .footer_link .footer_link_bd ul li a{ font-size: 14px; color: #fff; } #footer .foot_top .footer_link .footer_link_bd ul li:hover a{ color: #ffd000; } #footer .foot_bottom{ border-top: 1px solid #389c79; padding: 18px 0; } #footer .foot_bottom .copyRight p{ line-height: 28px; font-size: 14px; color: #fff; text-align: center; } #footer .foot_bottom .copyRight p a{ color: #fff; text-decoration: none; } /*end footer*/ /*back start*/ #back{ width: 80px; height: 80px; z-index: 9999; cursor: pointer; background: #0c3d74 url("../23images/top_icon.png") no-repeat center center; } /*end back*/ /*list page start*/ #ej_banner{ position: relative; width: 100%; height: 360px; overflow: hidden; } #ej_banner .ej_banner_con{ position: absolute; left: 50%; top: 0px; width: 1920px; height: 360px; margin-left: -960px; } #ej_banner .ej_banner_bd{ position: absolute; left: 50%; bottom: 0px; width: 1600px; height: 80px; margin-left: -800px; z-index: 99; } #ej_banner .ej_banner_bd .lmmc{ width: 250px; height: 80px; line-height: 80px; text-align: center; font-family: "Microsoft Yahei"; color: #fff; font-size: 22px; font-weight: bold; background: #068358; } #main .main_con_l{ width: 250px; } .sidebar{ width: 240px; background: #fafafa; border-bottom: 10px solid #068358; border-right: 10px solid #068358; margin-bottom: 28px; padding: 10px 0; } .sidebar ul{ display: block; width: 220px; margin: 0 auto; } .sidebar ul li{ position: relative; height: 50px; border-bottom: 1px solid #e9e9e9; line-height: 50px; } .sidebar ul li+li{ border-top: 1px solid #fff; } .sidebar ul li a{ display: block; font-family: "Microsoft Yahei"; color: #333; text-align: center; font-size: 18px; } .sidebar ul li:hover,.sidebar ul li.active{ background: #068358; } .sidebar ul li:hover a,.sidebar ul li.active a{ color: #fff; } .sidebar ul li.last{ border: none; } #main .main_con{ width: 1600px; overflow: hidden; } #main .main_con_r{ width: 1310px; margin-top: 36px; } .main_hd{ position: relative; height: 40px; line-height: 40px; padding-left: 16px; } .main_hd .line{ position: absolute; left: 0px; top: 7px; width: 2px; height: 26px; background: #068358; } .main_hd .dqwz{ font-size: 16px; line-height: 40px; color: #808080; } .main_hd .dqwz a{ font-family: "Microsoft YaHei"; color: #999; } .main_hd .dqwz a:hover{ color: #068358; } .main_list{ min-height: 600px;margin-bottom:20px; } .main_list ul{ display: block; padding: 15px 0; } .main_list ul li{ position: relative; height: 63px; line-height: 64px; border-bottom: 1px solid #ebebeb; padding-left: 18px; } .main_list ul li:before{ position: absolute; left: 0; top: 50%; width: 6px; height: 6px; border-radius: 50%; margin-top: -3px; background: #c4c4c4; content: ""; z-index: 2; } .main_list ul li:hover:before{ background: #068358; } .main_list ul li a{ font-family: "Microsoft Yahei"; color: #000; font-size: 16px; } .main_list ul li:hover a{ color: #068358; } .main_list ul li .date{ position: absolute; right: 0px; top: 0px; font-family: "Microsoft Yahei"; color: #666; font-size: 14px; } .main_list ul li:hover .date{ color: #068358; } .main_list ul li span.line{ display: block; position: absolute; left: 0px; bottom: -1px; width: 0px; height: 1px; background: #068358; z-index: 999; transition: 0.6s; } .main_list ul li:hover span.line{ width: 100%; } .fanye img{ display: block; margin: 20px auto 30px; } /*end list page*/ /*content page start*/ .main_bd .con_title{ padding-top: 32px; border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; } .main_bd .con_title h2.title{ text-align: center; font-size: 26px; font-family: "Microsoft Yahei"; color: #000; line-height: 44px; } .main_bd .con_title p.info{ text-align: center; line-height: 50px; margin-bottom: 10px; font-size: 14px; font-family: "Microsoft Yahei"; color: #999; } .main_bd .con_title p.info span{ margin-right: 30px; } .main_bd .con_title p.info i.djs{ font-style: normal; margin-right: 30px; } .content{ padding-bottom: 20px; } .content p{ font-size: 18px !important; color: #333; font-family: "Microsoft Yahei"; line-height: 36px !important; text-indent: 2em; margin-bottom: 10px;background: none !important; } .content p span{ background: none !important;font-size:18px !important; } .content p img{ display: block; margin: 0 auto; } .page { margin-top: 40px; padding-top: 20px; border-top: 1px solid #e6e6e6; font-size: 15px; margin-bottom: 20px;} .page p{ line-height:30px; text-indent: 0 !important;font-size: 18px; } .page span { color: #000;} .page a { color: #000;} .page a:hover { color: #068358; transition: 0.6s all;} /*end content page*/ /*list_tppic start*/ .list_tppic{ min-height: 600px; } .list_tppic ul{ display: block; padding-top: 32px; width: 1360px; overflow: hidden; } .list_tppic ul li{ float: left; width: 423px; height: 336px; margin: 0 30px 20px 0;} .list_tppic ul li .pic{ width: 423px; height: 286px; overflow: hidden; } .list_tppic ul li .pic img{ display: block; width: 100%; height: 100%; background-size: 100% 100%; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .list_tppic ul li:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .list_tppic ul li .title{ font-family: "Microsoft Yahei"; color: #333; font-size: 16px; height: 48px; line-height: 48px; text-align: center; } .list_tppic ul li:hover .title{ color: #068358; } /*end list_tppic*/ /*list pic start*/ .list_pic{ min-height: 600px;margin-bottom: 20px; } .list_pic ul{ display: block; padding-top: 8px; } .list_pic ul li{ position: relative; border-bottom: 1px solid #d9d9d9; margin-top: 24px; padding-bottom: 28px; } .list_pic ul li .pic{ float: left; width: 300px; height: 186px; overflow: hidden; margin-right: 24px; } .list_pic ul li .pic img{ display: block; width: 300px; height: 186px; background-size: 100% 100%; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .list_pic ul li:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .list_pic ul li .txt{ float: left; width: 986px; } .list_pic ul li .txt .line{ width: 50px; height: 1px; background: #d2d2d2; margin-bottom: 20px; } .list_pic ul li .txt p.title{ padding-top: 4px; font-size: 18px; font-family: "Microsoft Yahei"; font-weight: bold; color: #333; height: 32px; width: 772px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-bottom: 14px; } .list_pic ul li:hover a .txt p.title{ color: #068358; } .list_pic ul li .txt .date{ font-size: 14px; font-family: "Microsoft Yahei"; color: #999; padding-bottom: 10px; } .list_pic ul li .txt p.des{ font-size: 14px; font-family: "Microsoft Yahei"; color: #999; height: 48px; line-height: 24px; padding-bottom: 10px; } .list_pic ul li .line2{ display: block; position: absolute; left: 0px; bottom: -1px; width: 0px; height: 1px; background: #068358; z-index: 999; transition: 0.6s; } .list_pic ul li:hover .line2{ width: 100%; } /*end list pic*/ .jssxbz{ position: fixed; left: 0px; top: 200px; z-index: 9; width: 284px; height: 340px; overflow: hidden; } .jssxbz img{ display: block; width: 100%; height: auto; } .pb_sys_style1 .p_no_d{border: 1px solid #068358 !important; background-color: #068358 !important;} .xcx_ewm{display:none;} .xcx_ewm .pic{text-align:center;} .xcx_ewm .pic img{width:80%;} .xcx_ewm p{font-size:18px;text-align:center;margin-top:15px;} #vsb_content_2 TABLE{margin:0 auto;}