/* 初始圖 223 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; } body { background:#fff; color:#000; font-size:14px; font-family: '\5fae\8f6f\96c5\9ed1',arial,verdana , helvetica, sans-serif;} td,th,caption { font-size:14px; } h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;} a { color:#000; text-decoration:none; } a:hover { text-decoration:none; } a{blr:expression(this.onfocus=this.blur())}/*垻枉a标签çš"虚线框<避免出瞰奇怪çš"选中场åÿÿ*/ :focus{outline:0;} img { border:none; } ol,ul,li { list-style:none; } input, textarea, select, button { font:14px verdana,helvetica,arial,sans-serif; outline: none;} table { border-collapse:collapse;} html {/*overflow-y: scroll;*/} textarea {resize: none;} /* css common */ .clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;} .clearfix { *zoom:1; } /*首页设置开始*/ body,html{min-width:1260px !important;} .head{ width: 1200px; margin: 0 auto; /* height: 107px; */ position:relative; background:#fff; z-index:999; } .head .logo{ float: left; width: 129px; /* height: 53px; */ padding-top: 5px; } .head .logo img{width:100%;} /* 本例子css */ /*.slidebox{ width:100%; overflow:hidden; position:relative;max-width: 1920px; margin: 0 auto;min-width:1260px;} .slidebox .hd{ height:22px; overflow:hidden; position:absolute; left: 50%; margin-left: -51px; bottom:17px; z-index:1; } .slidebox .hd ul{ overflow:hidden; zoom:1; float:left; } .slidebox .hd ul li{ float:left; margin:0 10px; width:10px; height:10px; border: 2px solid #fff; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; cursor:pointer; } .slidebox .hd ul li.on{ background:#fff; } .slidebox .bd{ position:relative; z-index:0;max-width:1920px; } .slidebox .bd li{ zoom:1; overflow:hidden; vertical-align:middle;width:100%; position:relative;} .slidebox .bd img{position:relative; display:block;left:50%;margin-left:-960px;width:1920px;}*/ .slidebox{width:100%;height:530px;position:relative;margin:0 auto;overflow:hidden;min-width:1200px;} .slidebox .hd{position:absolute;bottom:40px;left:48%;z-index:999;} .slidebox .hd ul li{float:left; margin:0 10px; width:10px; height:10px; border: 2px solid #fff; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; cursor:pointer;} .slidebox .hd ul li.on{background:#fff;} .slidebox .bd{display:block;position:absolute;top:0;width:1920px;left:50%;height:530px;margin:0 auto;} .slidebox .bd ul{width:5760px;height:530px;} .slidebox .bd ul li{float:left;height:530px;width:1920px;} .slidebox .bd img{margin-left:-960px;max-height:530px;} .idx_pl,.idx_pr{cursor:pointer;position:absolute;top:50%;margin-top:-51px} .idx_pl{left:3%;} .idx_pr{right:3%;} .entrance{ width: 100%; padding: 13px 0 15px; background-color: #f4f4f4; } .entrancein{ width: 1200px; height: 213px; margin: 0 auto; } .entrancein a{ width: 399px; height: 213px; float: left; margin-right: 1px; } .entrancein a img{ width: 399px; height: 213px; } .newsvideo{ width: 1200px; margin: 0 auto; padding: 6px 0; } .news{ float: left; width: 710px; padding-right: 30px; } .newstitle{ font-size: 22px; line-height: 64px; height: 64px; color: #4a9e13; width: 100%; } .newstitle .span1{ color: #e9e9e9; } .newstitle .span2{ font-style: normal; color: #bdbdbd; font-family: "arial"; font-size: 18px; text-transform: uppercase; } .newstitle a.more{ float: right; width: 68px; height: 22px; line-height: 22px; color: #fff; background-color: #85c334; border-radius: 20px; font-size: 14px; text-align: center; margin-top: 21px; } .newslist{ width: 100%; } .newslist li{ width: 100%; padding-bottom: 21px; } .newslist li .a2{ display: inline-block; vertical-align: middle; padding-right: 26px; width: 124px; height: 88px;} .newslist li img{ width: 124px; height: 88px; } .newslist .right{ display: inline-block; vertical-align: middle; width: 555px; } .newslist .right .a1{ display: block; font-size: 18px; line-height: 18px; padding-bottom: 12px; color: #414242; width: 100%; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .newslist .right .a1 span{ float: right; font-size: 14px; color: #919191; } .newslist .right .a1:hover{ color: #3f802c; } .newslist .right .p2{ width: 100%; line-height: 24px; } .newslist .right .p2 a{color: #898989;} .newsvideo .video{ float: left; width: 460px; } .newsvideo .videoin,.newsvideo .videoin img{ width: 460px; height: 308px; } .bottom{ width: 100%; background-color: #7b7b7b; } .bottomin{ width: 1200px; margin: 0 auto; padding: 20px 0 27px; } .bottomlist{ float: left; } .bottomlist li{ float: left; width: 97px; text-align: center; padding: 0 65px; background: url(/uploads/image/tmimages/bottomline.png) right center no-repeat; } .bottomlist li.first{ padding-left: 0; } .bottomlist .top{ width: 97px; height: 97px; line-height: 97px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: url(/uploads/image/tmimages/bottomiconbg.png) center center no-repeat; } .bottomlist li.on .top{ background-image: url(/uploads/image/tmimages/bottomiconacbg.png); } .bottomlist .top span{ display: inline-block; vertical-align: middle; font-size:0; } .bottomlist .top img{ vertical-align: middle; } .bottomlist .p1{ line-height: 14px; padding: 18px 0 0 0; color: #fff; } .erweicode{ float: right; text-align: center; margin-left:30px; } .erweicode img{ width: 106px; height: 106px; } .erweicode .p1{ font-size: 14px; line-height: 36px; color: #dddddd; } .footer{ width: 100%; height: 30px; line-height: 30px; background-color: #5c5c5c; color: #eaeaea; } .footerin{ width: 1200px; height: 30px; margin: 0 auto; font-size: 12px; } .footerin .p1{ float: left; } .footerin .p1 a{ color: #eaeaea; padding-left: 20px; text-decoration: underline; } .footerin .p1 a:hover{ color: #edcb22; } .footerin .p2{ float: right; line-height:29px; } .footerin .p2 i{font-style:normal;line-height:20px;vertical-align: middle;/* margin-top: -1px; */} .footerin .p2 span{ color: #edcb22; font-size: 18px; padding-left: 10px; vertical-align:middle; margin-top: 1px; display:inline-block; } /*首页设置ç»"æÿ*/ /*1013新增 start*/ .head_box{background:#fff;width:100%;position:relative;z-index:99999;} .f_titicon {float: left;margin: 6px 0 2px 45px;width: 800px;} .f_titicon li{float: left;width: 95px;text-align: center;position:relative;height:50px;} .f_titicon li a{display: block;color:#543e31;} .f_titicon li i{line-height:50px;height:50px;font-style:normal;display: block;font-size:15px;color: #545454;} .f_titicon li:hover{cursor:pointer} .f_titicon li:hover i{color:#4a9e13;height:50px;border-bottom:2px solid #4a9e13;} .f_titicon li div{display:none;position:absolute;left:0;top:52px;z-index:999;background:#fff;width:100%;padding:5px 0;} .f_titicon li div a{display:block;height:30px;line-height:30px;font-size:14px;color:#4c4c4c;} .f_titicon li div a img{opacity:0;margin-right:10px;} .f_titicon li div a:hover{color:#4a9e13;} .f_titicon li div a:hover img{opacity:1;} .f_titicon li.f_titlink i{height:50px;border-bottom:2px solid #4a9e13;} .f_titicon li.f_titlink i a{color:#4a9e13;} .head_top{position:absolute;top: 13px;right: -20px;} .ht_search{display:block;margin-top:10px;float:left;width:18px;} .ht_search img{cursor: pointer; width:18px;} .f_seadiv{position:absolute;width:1200px;bottom:0;left:50%;margin-left:-600px;top:-85px;z-index:99;} .f_search{float:right;margin-right:100px;width:175px;} .f_seabox{width:175px;height: 30px;line-height: 28px; border: 1px solid #e2e2e2;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px; background: #fff;position: relative;margin:0 auto;} .f_seabox input{float: left;width: 78%;height: 28px;border: none;margin: 0 0 0 12%;font-size: 14px;color:#666;line-height: 28px;} .f_seaimg{cursor: pointer; position: absolute;right: 10px;top:5px;width: 18px;} .h_tlan{height:30px;line-height:35px;margin:0 20px;float:left;display:block;color:#a6a6a6;font-size:14px;font-style:normal;} .h_tlan a{color:#a6a6a6;} .h_tlan span a{color:#3d7f2c;} .h_sel{width:100px;float:left;height:40px;position:relative;} .h_sel i{color:#333;font-size:14px;height:46px;line-height:35px;display:block;font-style:normal;padding:0 10px;position:absolute;right:0;z-index:1000;} .h_sel i.h_seli{background:#fff;border:1px solid #cfcfcf;border-bottom:none;} .h_sel i img{margin-left:5px;} .h_sel i:hover{cursor:pointer;} .h_selbox{display:none;background:#fff;position:absolute;top:46px;right:0;width:350px;border:1px solid #cfcfcf;z-index:999;} .h_seldiv{padding:8px 0;width:310px;margin-left:25px;} .h_seldiv span{font-size:14px;color:#3e7f2c;} .h_seldiv ul{margin-top:5px;} .h_seldiv ul li{display:inline-block;font-size:13px;padding-right:25px;height:25px;line-height:25px;} .h_seldiv ul li a{color:#616161;} .h_seldiv ul li:hover{cursor:pointer;} .h_seldiv ul li:hover a{color:#3e7f2c;} .h_selbor{border-bottom:1px dashed #c9c9c9;} /*1013新增 end*/ /*1203头部更改 start*/ .rt_boxnews li p{font-size:15px;} .drop{float: right;margin-top:15px;margin-left:10px;} .add03_btnul{display:none;float: right;margin: 15px 0 0 20px;font-size:12px;border-radius:20px;padding:0 10px;border:1px solid #fff;line-height:19px;max-width:435px;} .add03_btnul li{cursor:pointer;float:left;color:#fff;margin:0 8px;font-size:13px;} .add03_btnul li a{color:#fff;} .head_box{background:#fff;width:100%;position:relative;z-index:99999;} .f_titicon {float: left;margin: 0 0 2px 160px;padding-top: 6px;border-right: 1px solid #e5e5e5;width:auto;} .f_titicon li{float: left;width: 95px;text-align: center;position:relative;height: 50px;} .f_titicon li a{display: block;color:#543e31;} .f_titicon li i{line-height:50px;height:50px;font-style:normal;display: block;font-size:15px;color: #545454;} .f_titicon li:hover{cursor:pointer} .f_titicon li:hover i{color:#4a9e13;height:50px;} .f_titicon li div{position:absolute;left:0;top:52px;z-index:999;background:#fff;width:100%;padding:5px 0;} .f_titicon li div a{display:block;height:30px;line-height:30px;font-size:14px;color:#4c4c4c;} .f_titicon li div a img{opacity:0;margin-right:10px;} .f_titicon li div a:hover{color:#4a9e13;} .f_titicon li div a:hover img{opacity:1;} .f_titicon li.f_titlink i{height:50px;} .f_titicon li.f_titlink i a{color:#4a9e13;} .head_top{position:absolute;top: 13px;right: -20px;} .ht_search{display:block;margin-top:10px;float:left;width:18px;} .ht_search img{cursor: pointer; width:18px;} .f_seadiv{position:absolute;width:1200px;bottom:0;left:50%;margin-left:-600px;top:-85px;z-index:99;} .f_search{float:right;margin-right:100px;width:175px;} .f_seabox{width:175px;height: 30px;line-height: 28px; border: 1px solid #e2e2e2;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px; background: #fff;position: relative;margin:0 auto;} .f_seabox input{float: left;width: 78%;height: 28px;border: none;margin: 0 0 0 12%;font-size: 14px;color:#666;line-height: 28px;} .f_seaimg{cursor: pointer; position: absolute;right: 10px;top:5px;width: 18px;} .h_tlan{height:30px;line-height: 37px;margin: 0 10px;float:left;display:block;color:#a6a6a6;font-size:14px;font-style:normal;} .h_tlan a{color:#a6a6a6;} .h_tlan span a{color:#3d7f2c;} .h_sel{width:100px;float:left;height:40px;position:relative;} .h_sel i{color:#333;font-size: 14px;height:46px;line-height:35px;display:block;font-style:normal;padding:0 10px;position:absolute;right:0;z-index:1000;} .h_sel i.h_seli{background:#fff;border:1px solid #cfcfcf;border-bottom:none;} .h_sel i img{margin-left:5px;} .h_sel i:hover{cursor:pointer;} .h_selbox{display:none;background:#fff;position:absolute;top:46px;right:0;width:350px;border:1px solid #cfcfcf;z-index:999;} .h_seldiv{padding:8px 0;width:310px;margin-left:25px;} .h_seldiv span{font-size:14px;color:#3e7f2c;} .h_seldiv ul{margin-top:5px;} .h_seldiv ul li{display:inline-block;font-size:13px;padding-right:25px;height:25px;line-height:25px;} .h_seldiv ul li a{color:#616161;} .h_seldiv ul li:hover{cursor:pointer;} .h_seldiv ul li:hover a{color:#3e7f2c;} .h_selbor{border-bottom:1px dashed #c9c9c9;} /*1203头部更改 start*/ /*手风琴 start*/ .sfq_nav{width:1200px;overflow:hidden;margin:0 auto;height:180px;position:relative;} .sfq_nimg_1,.sfq_nimg_2,.sfq_nimg_3,.sfq_nimg_4{top:0;position: absolute;width: 550px;height: 180px;cursor:pointer;} .sfq_nimg_1 img,.sfq_nimg_2 img,.sfq_nimg_3 img,.sfq_nimg_4 img{width:100%;height:100%;} .sfq_nimg_1{ left: 0px; } .sfq_nimg_2{ left: 510px; } .sfq_nimg_3{ left: 740px; } .sfq_nimg_4{ left: 970px; } /*加载动画*/ #loader-wrapper{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999;background:url(/uploads/image/tmimages/load.jpg) no-repeat;background-size:cover;} .loader-wrapper01{background:url(/uploads/image/tmimages/gylp.jpg) no-repeat !important;background-size: cover !important;} .loader-wrapper02{background:url(/uploads/image/tmimages/xwzx.jpg) no-repeat !important;background-size: cover !important;} .loader-wrapper03{background:url(/uploads/image/tmimages/cytx.jpg) no-repeat !important;background-size: cover !important;} .loader-wrapper04{background:url(/uploads/image/tmimages/kycx.jpg) no-repeat !important;background-size: cover !important;} .loader-wrapper05{background: no-repeat !important;background-size: cover !important;} .loader-wrapper06{background:url(/uploads/image/tmimages/jrlp.jpg) no-repeat !important;background-size: cover !important;} .loader-content{position: absolute; text-align: center; width: 100%; left: 0; top: 50%; margin-top: -50px;} .loader-content img{width:100px;height:100px;} .loader-content img.loader-img{width:auto;height:auto;display:block;margin:0 auto 10px;} .loader-content .circle1 {position: relative; display: inline-block; background: #ff6c3a; height: 100px; width: 100px; border-radius: 50%; -webkit-animation: move1 1.5s ease-in-out infinite; animation: move1 1.5s ease-in-out infinite; } .loader-content .circle2 {position: relative; display: inline-block; background: #232c3b; height: 100px; width: 100px; border-radius: 50%; -webkit-animation: move2 1.5s ease-in-out infinite; animation: move2 1.5s ease-in-out infinite; } .loader-content .title{font-family: "microsoft yahei", 微软雅黑; position: absolute; width: 100%; text-align: center; left: 0; top: 120%; font-size: 18px; line-height: 30px; color: #fff;display: none;} /*1213首页轮播*/ .front-banner { height: 530px; position: relative; overflow: hidden; } .front-banner ul { display: block; position: absolute; height: 100%; width: 1920px; left: 50%; margin-left: -960px; } .front-banner li { width: 100%; height: 100%; overflow: hidden; position: relative; } .front-banner-nav { width: 400px; position: absolute; bottom: 40px; left: 50%; margin-left: -200px; text-align: center; z-index:6; height: 16px; } .front-banner-nav a { width: 10px; height: 10px; display: inline-block; border:2px solid #fff; margin: 0 10px; text-indent: -9000px; position: relative; border-radius:50%; -webkit-radius:50%; } .front-banner-nav a.activeslide{ background: #fff; } .front-banner a.prev, .front-banner a.next { display: block; width: 69px; height: 138px; position: absolute; top: 50%; margin-top: -69px; z-index: 6; cursor:pointer; } .front-banner a.prev{left:20px;} .front-banner a.next{right:20px;} /*1216第二版手风琴*/ .box{width:1200px;margin:0 auto;} .kwicks{width:1200px;position:relative} .kwicks li{width:300px;height:180px;overflow:hidden;float:left} .kwicks li img{width:550px;height:180px;float:left} #spantip a span{margin-top: -6px;font-size:12px;color:red;padding-left:5px;vertical-align:middle;} #spantip a.spantipa{color:#08c108;} #spantip a.spantipa span{color:#08c108;/* margin-top: -5px; */} #spantip a i{vertical-align:middle;display:inline-block;background:url(/uploads/image/tmimages/arrow.png) 0 0;background-size:100%;width: 16px;height: 16px;margin-top: -3px;} #spantip a.spantipa i{background:url(/uploads/image/tmimages/arrow.png) 0 16px;background-size: 100%;} /*1217第三版手风琴*/ .fsbanner{width:1200px;margin:0 auto;position: relative;overflow: hidden;height:180px;} .fsbanner a{position: absolute;display:block;width:550px; cursor: pointer; top: 0px;left: 0px;} /*20171127*/ .f_titicon{margin-left: 50px;} .dadd{width: 60px;margin-left: 10px;} .dadd i{padding: 0 5px;color: #3e7f2c;} .dadd .h_selbox{width: 100px;} .dadd .h_seldiv{display: block;width: 50px;text-align:center;color: #543e31;margin:0 auto;} .dadd .h_seldiv:hover{color: #3e7f2c;} .h_sel.dadd .h_selbox{ top:45px;width:55px;}