* { font-family:微软雅黑;padding:0; margin:0; border:0 none; color:#666; } ul {list-style: none; } html, body { margin:0 auto; width:100%; overflow-x:hidden; } body{background: #f1f5e7; font-size:14px; } div { width:100%; } h6 { clear:both; height:0; font-size:0; line-height:0; width:0; } div.top { height:60px; line-height:60px; background-color:#015732;} a{text-decoration: none;} .wrapper1 { width:1075px; margin:0 auto; overflow-x:hidden; } .wrapper1 img { display:block; float:left; } .wrapper1 span { display:block; float:right; margin-left:25px; margin-right:25px; color:#fff;} .wrapper1 span i#nowTime{font-style:normal; color:#fff} .wrapper1 div { float:right; margin-left:0; color:#fff; background:url(/templateRes/201705/18/18/icon-search.jpg) 0 20px no-repeat; width:245px; height:20px; padding-top:20px; position: relative;} .wrapper1 div input { width:200px; height:20px; line-height:20px; background-color:#016541;color:#fff; position: absolute;top: 20px;left: 10px;} /*=========banner切换========*/ .banner{position: relative;} .banner ul.yss{width: 100%; height: 307px; position: relative; } .banner ul.yss li{height: 307px; width: 100%; overflow: hidden; position: absolute; top: 0; left: 0; display: none;} /*注意此处图片宽度为1680px 如果使用图片宽度为1920 请将以下-840px 改为-960px*/ .banner ul.yss li img{display: block; position: absolute; top: 0; left: -840px; margin-left: 50%;} .banner .logobox{width: 1000px; height: 307px; position: absolute;top: 0;left: 50%;margin-left: -500px;z-index: 1000;} .banner .logo{display: block;position: absolute;left: 0;top: 50%;margin-top: -68px;} /*=========banner切换========*/ /*索引*/ .indexing{width: 1000px; margin: 0 auto; font-size: 16px; padding: 21px 0 21px; margin-bottom: 15px; border-bottom: 1px solid #ccc; font-family: "微软雅黑","黑体";} /*=========nav导航========*/ .navbox{height: 46px;border-bottom: 4px solid #54a211;background-color: #123c0b;background-image: url(/templateRes/201705/18/18/nav.png);background-position: top center;background-repeat: no-repeat;z-index: 1000; } .nav{width: 1000px;height:50px;margin: 0 auto;position: relative;} .nav .lis{height: 50px;cursor: pointer;z-index: 1000;} .nav .lis .list{position:relative;height: 46px; float: left;padding:0 28px;border-bottom: 4px solid #54a211;color: #fff;font-size: 18px;line-height: 46px;} .nav .lis .list+.list:after{content: " ";display: block;width: 1px;height: 16px;background: #026c43;position: absolute;left: -1px;top:14px} .nav .lis .list:hover{border-bottom: 4px solid #92d4f5;} .nav .lis .on:hover{border-bottom: 4px solid #54a211;} .nav .lis .list:hover .list-li{display: block;} .nav .lis .list.on{background: #026c43;} .nav .lis .list.on:after{background: #red !important;} .list a{color: #fff;} .list-li{position: absolute;top: 50px;height: 36px;display: none;padding:0 42px 0 65px;overflow: hidden; background:#e6e7e4} .list-li:before{content:" ";display: block;width: 65px;height: 36px;position: absolute;left: 0;top: 0;background: url(/templateRes/201705/18/18/nav-list1.jpg) no-repeat left bottom;} .list-li:after{content:" ";display: block;width: 42px;height: 36px;position: absolute;right: 0;top: 0;background: url(/templateRes/201705/18/18/nav-list2.jpg) no-repeat left bottom;} .list-li li{float: left;padding: 0 25px;position: relative;line-height: 36px;background: #e6e7e4;} .list-li li+li:after{content: " ";display: block;width: 1px;height: 14px;background: #666;position: absolute;left: -1px;top:11px} .list-li li a{font-size: 14px;color: #222;line-height: 36px;} .list-li li a:hover{color:#4fbc3e} /*=========nav导航========*/ /*====注意 list目录下的list-li(w=106px)位置未定 所以通过添加类的width(106*个数)和left 来控制宽度和位置 如下ctr*===*/ .list .ctr1{width: 440px;left:-160px;} .list .ctr2{width: 440px;left:-160px;} .list .ctr3{width: 220px;left:-100px;} .list .ctr4{width: 530px;left:-190px;} .list .ctr5{width: 530px;left:-300px;} .list .ctr6{width: 220px;left:-150px;} ul.list-li.ctr6 { width: 300px; left: -110px; } ul.list-li.ctr7 { width: 530px; left: -170px; } ul.list-li.ctr8 { width: 320px; left: -110px; } /***********************************************统一盒子样式***********************************************/ .titBox{padding:0 10px; border: 1px solid #e5e5e5; border-top: 2px solid #026c43; width:auto; margin-bottom:20px} .titBox h1{font-size: 20px; padding-right:15px; line-height: 20px; border-bottom: 1px solid #e5e5e5; overflow: hidden;} .titBox h1 i{font-style: normal; border-bottom: 2px solid #026c43; display: block; float: left; padding: 12px 0; color: #026c43; font-family: "微软雅黑","黑体";} .titBox h1 i a{color: #026c43;} .titBox h1 span{font-size: 12px; float: right; display: block; padding: 13px 0; font-family: "宋体"; color: #888;} .titBox h1 span a{color: #888;} .titBox ul{padding: 5px 0} .titBox ul li{font-size: 14px; line-height: 28px; font-family: "宋体"; overflow: hidden; height: 28px;} .titBox ul.dLine{height: 210px; overflow: hidden;} .titBox ul.dLine li{border-bottom: 1px solid #f1f1f1; padding: 13px 0;} .titBox ul.dLine li div{height: 29px; overflow: hidden;} .titBox ul.rLb{width: 65%; float: right; padding-top: 15px;} .titBox ul.rLb li{font-size: 12px; line-height: 26px; height: 26px; overflow: hidden;} .titBox ul.Auto {height: 143px; overflow-y: auto;} .titBox .lImg{width: 35%; float: left; padding-top: 15px;} .titBox .lImg img{width: 100%; height: 114px; display: block;} .titBox .lImg h1{font-size: 12px; padding: 0; border: none;text-align: center; height: 24px; line-height: 24px;} .titBox .qhTit{overflow: hidden;} .titBox .qhTit div{float: left; font-size: 16px; font-family: "微软雅黑","黑体"; padding: 10px 36px; cursor: pointer;} .titBox .qhTit div.on{color: #ff8400;} .titBox .qhTit div.on a{color: #ff8400;} .tuwen .tempWrap { height:342px !important; overflow-y:hidden !important; } .tuwen .bd ul { height:100%; } /***********************************************统一盒子样式END***********************************************/ /********************************列表页样式********************************/ .nr1000{width: 1000px; margin: 0 auto; overflow: hidden;} .nr1000 .leftLb{width: 685px; float: left;} .nr1000 .rightLb{width: 300px; float: right;} .nr1000 .leftLb ul.lbUl{width: 100%; } .nr1000 .leftLb ul.lbUl li{padding-bottom: 14px;} .nr1000 .leftLb ul.lbUl li .liImg img{display: block; padding-right: 20px; width: 126px; height: 80px;} .nr1000 .leftLb ul.lbUl li .rightTxt{} .nr1000 .leftLb ul.lbUl li .rightTxt h1{font-size: 20px; font-family: "微软雅黑","黑体"; padding-top: 4px;} .nr1000 .leftLb ul.lbUl li .rightTxt h2{font-size: 14px; height: 14px; line-height: 14px; font-family: "微软雅黑","黑体"; overflow: hidden; padding: 10px 0 0; color: #9699a0;} .nr1000 .leftLb ul.lbUl li .rightTxt h3{font-size: 14px; line-height: 20px; font-family: "微软雅黑","黑体"; padding: 10px 0 0; color: #9699a0;} .nr1000 .leftLb ul.lbUl li .rightTxt h2 a,.nr1000 .leftLb ul.lbUl li div.rightTxt h3 a{color: #9699a0;} /********************************列表页样式END********************************/ /********************************列表栏目********************************/ .lblm { border-bottom:1px solid #CCC; padding:8px 0; margin-bottom:22px; } .lblm a {font-size:26px; color:#026c43; font-weight:bold} /********************************列表栏目END********************************/ /********************************栏目页样式********************************/ .nr1000{width: 1000px; margin: 0 auto; overflow: hidden;} .nr1000 .rightLb2{width: 818px; float: right; border-left:1px solid #dcdcdc; padding-left:25px} .nr1000 .rightLb2 ul.lbUl{width: 100%; } .nr1000 .rightLb2 ul.lbUl li{overflow: hidden; height: 80px; overflow: hidden; padding-bottom: 10px;} .nr1000 .rightLb2 ul.lbUl li .liImg img{display: block; padding-right: 20px; width: 126px; height: 80px;} .nr1000 .rightLb2 ul.lbUl li .rightTxt{border-bottom: 1px dashed #dcdcdc;} .nr1000 .rightLb2 ul.lbUl li .rightTxt h1{font-size: 20px; font-family: "微软雅黑","黑体"; padding-top: 4px; height: 26px; overflow: hidden; font-weight:normal} .nr1000 .rightLb2 ul.lbUl li .rightTxt h2{font-size: 14px; height: 14px; line-height: 14px; font-family: "微软雅黑","黑体"; overflow: hidden; padding: 10px 0 0; color: #9699a0; font-weight:normal} .nr1000 .rightLb2 ul.lbUl li .rightTxt h3{font-size: 14px; height: 14px; line-height: 14px; font-family: "微软雅黑","黑体"; padding: 10px 0 0; overflow: hidden; color: #9699a0;} .nr1000 .rightLb2 ul.lbUl li .rightTxt h2 a,.nr1000 .leftLb ul.lbUl li div.rightTxt h3 a{color: #9699a0;} .nr1000 .rightLb2 h1.biaoti{margin-bottom: 20px;font-family: '微软雅黑';font-size: 24px;line-height:40px;text-align:center;font-weight:normal;} .nr1000 .rightLb2 .pl{margin-bottom: 15px; font-size: 14px; height: 28px; overflow: hidden; text-align: center; color: #666666;} .nr1000 .rightLb2 .daodu{background-color: #f3f3f3; font-size: 14px; line-height: 28px; padding: 15px 15px; font-size: 14px; font-family: "宋体"; width:auto} .nr1000 .rightLb2 .wenziduanluo{font-size: 16px; line-height: 2; font-family: "宋体"; padding-top:15px} .nr1000 .leftLb2{width: 150px; float: left;} .nr1000 .leftLb2 .lm{padding:0 20px 0 0} .nr1000 .leftLb2 .lm li{color:#026c43; font-size:20px; line-height:46px; border-bottom:1px dashed #CCC} .nr1000 .leftLb2 .lm li span{font-family: webdings;} .nr1000 .leftLb2 .lm li a{color:#026c43;} .nr1000 .leftLb2 .lm li:hover{color:red; font-weight:bold} .nr1000 .leftLb2 .lm li:hover a{color:red; font-weight:bold} /********************************栏目页样式END********************************/ /***************************翔宇分页***************************/ .nr1000 ul.pages{ text-align: center; font-size: 16px;} .nr1000 ul.pages li{display: inline-block; background: #ececec; padding: 5px 10px; margin: 0 4px;} .nr1000 ul.pages li:hover{background: #026c43; color: #fff;} .nr1000 ul.pages li:hover a{color: #fff;} .nr1000 ul.pages li.page-active{background: #026c43; color: #fff;} .nr1000 ul.pages li.page-active a{color: #fff;} /***************************翔宇分页END***************************/ /********************************底层页样式********************************/ .nr1000 .leftLb h1.biaoti{margin-bottom: 20px;font-family: '微软雅黑';font-size: 24px;line-height:40px;text-align:center;font-weight:normal;} .nr1000 .leftLb .pl{margin-bottom: 15px; font-size: 14px; height: 28px; overflow: hidden; text-align: center; color: #666666;} .nr1000 .leftLb .daodu{background-color: #f3f3f3; font-size: 14px; line-height: 28px; padding: 15px 15px; font-size: 14px; font-family: "宋体"; width:auto} .nr1000 .leftLb .wenziduanluo{font-size: 16px; line-height: 2; font-family: "宋体";} /********************************底层页样式END********************************/ .main{width: 1000px;margin: 0 auto;overflow: hidden;margin-top: 60px;} .main .left{width: 670px;float: left;} .main .right{width: 300px;float: right;} .clear{clear:both;height: 40px;} .main a:hover{color: #fea370} .picbox li a:hover p{color: #fea370} .tablis li .flt a:hover p{color:#fea370 ;} .title{border-bottom: 1px solid #e7e7e7;height:50px} .title:after{content:" ";display:block;clear: both;} .nobdr{border-bottom: none !important;} .title h2{height:40px;font-size: 30px;color:#000;font-weight: normal;float: left;padding-bottom: 10px;border-bottom: 1px solid #78aa2d;} .title h3{height:24px;font-size: 18px;color:#000;font-weight: normal;float: left;padding-bottom: 10px;border-bottom: 1px solid #78aa2d;margin-top: 16px;} .title span{display: block;padding-top: 12px;float: left;font-size: 20px;margin-left: 14px;color:#a0a0a0;} .title .more{display: block;float: right;font-size:14px; margin-top: 22px;padding-right: 22px;color:#fea370;background: url(../18/img/more.png) no-repeat right center;} .tuwen{width: 670px;height: 342px;position: relative;margin-top: 10px;margin-bottom: 30px;} .tuwen .bd{width: 100%;height: 100%;} .tuwen ul{overflow: hidden;} .tuwen .bd li{width: 100%;height: 100%;position: relative;} .tuwen .bd img{display: block;width: 100%;height: 100%;} .tuwen .bd span{display: block;width: 100%;height: 64px;position: absolute;left: 0;bottom: 0;background: #000;opacity: 0.6;filter:Alpha(opacity=60)} .tuwen .bd p{display: block;width: 100%;height:64px;position: absolute;left: 0;bottom: 0;font-size: 18px;color: #fff;line-height: 64px;text-indent: 1em;} .tuwen .bd p a{color:#fff} .tuwen .hd{z-index: 100; position: absolute;right: 26px;bottom: 38px;padding: 5px;width: auto;} .tuwen .hd li{width: 10px;height: 10px;float: left;border-radius: 5px;background: #fff;margin-right: 10px;cursor: pointer;} .tuwen .hd li.on{background: #c00036;} .tuwen .btn{width: 43px;height: 79px;position: absolute;top: 114px;z-index: 1000;} .tuwen .prev{left: 0;} .tuwen .next{right: 0;} .yz{overflow: hidden;position: relative;margin-top: 18px;} .yz-slide{float: left;width: 380px;height: 306px;position: relative;background: #fff;} .yz-item{float: right;width: 268px;} .yz-item .lieb{width: 228px;} .yz-item .icon{display: block;padding-top: 4px;} .yz-slide .bd{width: 100%;height: 100%;} .yz-slide .bd img{display: block;width: 100%;height: 266px;} .yz-slide .bd ul{height: 100%;} .yz-slide .bd li{width: 100%;height: 100%;position:relative} .yz-slide .bd p{display: block;width: 100%;height: 40px;text-indent: 8px; background: #fff;position: absolute;left: 0;bottom: 0;font-size: 18px;overflow: hidden;line-height: 40px;} .yz-slide .bd p span{color: #ff3333;padding-right:8px;} .yz-slide .hd{position: absolute;right: 12px;bottom: 12px;width: auto;z-index: 10;} .yz-slide .hd li{float: left;background: #666;width: 12px;height: 12px;margin-left: 2px;font-size: 10px;line-height: 12px;text-align: center;cursor: pointer;color:#fff;} .yz-slide .hd li.on{background: #ff3333;} .lieb{width:100%;margin-top: 12px;} .lieb li{height: 30px;width: 100%;overflow: hidden;} .lieb li a{display: block;height: 100%;width: 100%;line-height: 30px;font-size: 14px;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;} .h36 li{height: 36px;} .h36 li a{line-height: 36px;} .yz-bottom{width: 618px;height: 122px;padding: 0 26px;position: relative;overflow: hidden;margin-top: 36px;} .yz-bottom .bd{width: 100%;height: 100%;background: #fff;} .yz-bottom li{width: 146px;height:112px;float: left;padding: 4px;background: #fff;} .yz-bottom li img{display: block;width: 100%;height: 100%;} .yz-bottom .btn{width: 26px;height: 122px;position: absolute;cursor: pointer;top:0;} .yz-bottom .prev{left: 0;} .yz-bottom .next{right: 0;} .fgt img{display: block;width: 100%;margin-top:30px;margin-bottom: 20px;} .picbox{width: 100%;padding: 22px 20px 0 20px;box-sizing: border-box;overflow: hidden;} .picbox li{width: 166px;float: left;overflow: hidden;} .picbox li+li{margin-left: 32px;} .picbox li a{display: block;width: 100%;} .picbox li a img{width: 166px;height: 110px;} .picbox li a p{display: block;height: 36px;line-height: 36px;overflow: hidden;text-align: center;} .tabbox{padding:18px 12px;box-sizing: border-box;} .tablist{width: 100%;height: 54px;border-bottom: 2px solid #000;} .tablist li{height: 54px;line-height: 54px;border-bottom: 2px solid #000;padding:0 20px;float: left;font-size: 18px;cursor: pointer;} .tablist li.on{color:#329d29;border-bottom: 2px solid #fffd4f;} .tablis{width: 100%;height: 396px;overflow: hidden;position: relative;} .tablis li{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;display: none;} .tablis li.on{display: block;} .tablis li img{display: block;width: 100%;height: 100%;} .tablis li .flt{float: left;position: relative;} .tablis li .flt a{display: block;width: 100%;height: 100%;} .tablis li .flt span{display: block;width: 100%;height: 46px;position: absolute;left: 0;bottom: 0;background: #000;opacity: 0.6;filter:Alpha(opacity=60);} .tablis li .flt p{display: block;width: 100%;height: 46px;line-height: 46px;position: absolute;left: 0;bottom: 0;text-align: center;overflow: hidden;color: #fff;} .tablis li .flt+.flt{margin-left: 5px;} .tablis-bg{width: 494px;height: 396px;position: relative;} .tablis-sm{width: 236px;height: 100%;} .tablis .top{width: 100%;height: 212px;position: relative;} .tablis .btm{width: 100%;height: 180px;position: relative;margin-top: 5px;} .flink{width:100%;overflow: hidden;margin-top: 24px;padding-bottom: 62px;} .flink li{width: 184px;height: 64px;float: left;} .flink li+li{margin-left: 20px;} .flink a{display: block;width: 100%;height: 100%;} .flink img{display: block;width: 100%;height: 100%;} /*************************footer***************************/ .footerbox{background: #fff;border-top: 1px solid #ddd;padding-top: 12px;} .footer{width: 1000px;margin: 0 auto;overflow: hidden;font-size: 12px;color:#989898;line-height: 24px;padding-bottom: 14px;} .logo{display: block;float: left;margin-left: 70px;margin-top: -6px;} .address{width: auto;float: left;border-left: 1px solid #ddd;padding: 6px 40px;margin-left: 30px;} .filing{float:left;padding: 6px 0;width: auto;} .footer-b{border-top: 1px dashed #ddd;padding-top: 14px;text-align: center;padding-bottom: 110px;} /*************************footerEND***************************/ @media only screen and (max-width: 850px) { /**********************************统一盒子样式*************************************/ .titBox{width: calc(100% - 22px);width: -webkit-calc(100% - 22px); margin-top: 0; overflow: hidden;} .titBox h1 i,.titBox h1 span,.titBox ul li,.titBox .qhTit div{font-family: normal} .titBox h1 span{font-size: 14px;} .titBox .qhTit div{padding: 10px 10%;} .titBox ul.dLine{height: auto;} .titBox ul.dLine li{height: auto;} .titBox .lImg{width: 100%;} .titBox .lImg img{display: none;} .titBox .lImg h1{font-size: 20px;height: 24px; line-height: 24px;} .titBox ul.rLb{width: 100%;} .titBox ul li,.titBox ul.rLb li{font-size: 16px; height: 30px; line-height: 30px; overflow: hidden;} /**********************************统一盒子样式END*************************************/ /*******************************列表页样式**********************************/ .indexing{width: calc(100% - 8px); padding-left: 8px;} .nr1000{width: 100%;} .nr1000 .rightLb{display: none;} .nr1000 .leftLb{width: 100%;} #displaypagenum{display: none;} #H5displaypagenum{display:block;} /*******************************列表页样式END*******************************/ /***********************************翔宇分页***********************************/ .nr1000 ul.pages li{display: none;} .nr1000 ul.pages li.page-previous,.nr1000 ul.pages li.page-next{display: inline-block;} /***********************************翔宇分页END***********************************/ }