@charset "utf-8"; /* CSS Document */ /* 閫氱敤灞炴€ */ * { margin:0; padding:0; list-style:none; } body { font-size:14px; color:#000; font-family:Microsoft YaHei,sans-serif; } img { border:0; vertical-align:top; } html, body {width: 100%;max-width: 100%;min-width: 1300px;min-height: 100%;height: auto;} address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;} /* a */ a { color:#333; text-decoration:none; } a:visited { } a:active, a:hover {text-decoration:none;color: #2e9d37;} a:focus { outline:none; text-decoration:none; } h1,h2,h3,h4,h5,h6 { font-weight:normal; } h1,h2,h3,h4,h5,h6,p,ol,ul{padding: 0;margin: 0;} :focus{outline: none;} .ovfl{overflow: hidden;} .flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .transition300em{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;} .donghua{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} ::after, ::before {-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .mar0a{margin: 0 auto;} .con-fff{width:100%;height:100%;} .fl {float:left;} .fr {float:right;} input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } textarea { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } .clear{clear:both; height:0; line-height:0; font-size:0;} table {border-collapse:collapse; border-spacing:0;} table td, table th{/* padding: 5px 10px; *//* border: 1px solid #ddd; */} .f2{border-bottom: 1px solid #ccc;} .f3{margin-top: 5px;} @font-face{ font-family:ch; /*涓哄紩鍏ョ殑瀛椾綋鍛藉悕*/ src:url(../images/YouSheBiaoTiHei-2.ttf); /*瀹氫箟瑕佸紩dao鍏ュ瓧浣撴枃浠剁殑璺痙ao寰?/ } .clearfix:after { content: ""; height: 0; clear: both; display: block; visibility: hidden;} .container{width: 1300px;margin:0 auto;} /*澶撮儴*/ /*娆㈣繋璇?/ .header{width:100%; overflow:hidden; background-color:#fff;} .htop{ border-bottom:1px solid #eeeeee; background: #ffffff;} .htop .container{height: 42px;line-height: 42px;overflow:hidden;} .htop em{ background:url(../images/house.jpg) no-repeat left center; padding-left:30px; float:left; font-size:12px; } .htop span{ float:right;} .htop span a{text-decoration:none; font-size:13px; line-height: 40px; height: 40px; display: block; float: left; font-size:12px;} .htop span a:nth-of-type(1){background: url(../images/top-p1.png) no-repeat left center;padding:0px 20px 0px 25px;} .htop span a:nth-of-type(2){background: url(../images/top-p2.png) no-repeat left center;padding:0px 20px 0px 25px;} .htop span a:nth-of-type(3){background: url(../images/top-p3.png) no-repeat left center;padding-left:25px;} /*logo銆乼el*/ .hcont{padding: 24px 0;} .hcont .dlogo{ float:left;} .hcont .dlogo dl{ overflow:hidden;display:flex;} .hcont .dlogo dl a img{ float: left;height: 77px;} .hcont .dlogo dl dd{float: left;padding-left: 15px;margin-left: 15px;margin-top: 8px;} .hcont .dlogo dl dd ul{display:flex;margin-top:8px;} .hcont .dlogo dl dd ul li{/* flex:auto; */width: 120px;} .hcont .dlogo dl dd ul li em{font-size:18px;} .hcont .dlogo dl dd ul li span{background-color:#0065b6;border-radius:50%;width: 20px;line-height: 20px;height: 20px;margin-right:10px;display: inline-block;text-align: center;} .hcont .dlogo dl dd ul li span img{padding-top: 0px;} .hcont .dlogo dl dd h2{ font-size: 22px; color: #0061ad;} .hcont .dlogo dl dd p{ font-size: 26px;font-weight:bold;color:#333333; line-height: 30px;} .hcont .dlogo dl dd h2 em{ color: #fd9b01; font-weight: bold;} .hcont .dlogo dl dd p em{color: #fd9b01;} .hcont .dlogo dl .hcontfont p{font-size:16px;} .hcont .dlogo dl .hcontfont ul li sppan em{font-size:16px;} .hcont .dphone{float:right;position:relative;margin: 0px 0px;} .hcont .dphone dl{ padding-left:50px; background:url(../images/tfhours.png) no-repeat left center;} .hcont .dphone dt{ font-size:14px;color:#444444;} .hcont .dphone dd{font-size:24px;font-weight:bold;color: #2e9d37;} /*瀵艰埅*/ @keyframes rotate{ 0%{transform:rotate(0deg);} 100%{transform:rotate(-360deg);} } @-webkit-keyframes rotate { 0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} } .navBox ul li a:hover{background:#006db8;border-color:#006db8;color:#fff;} .navBox .block{position: absolute;display: block;background: #0065b6;height: 5px;top: -5px;left: -5px;overflow: visible !important;} .navBox .block:after{content: '';display: block;width:0;height:0;border-width:5px 5px 0px 5px;border-style:solid;border-color: transparent transparent transparent #0065b6;position: absolute;right: -10px;} .navBox{background: #2e9d37;height:60px;position:relative;} .navBox>p{ position: absolute; top: -4px; left: -81px;} .navBox>p img{} .navBox ul li{float: left;position: relative;padding: 9px 0px;} .navBox ul li.cur{border-right:none;} .navBox ul li.cur span{} .navBox ul li:hover{} .navBox ul li:hover span{} .navBox ul li dl{position: absolute;display: none;top: 59px;} .navBox ul li a span{color: #fff;font-size: 16px;padding: 10px 32px;display: block;border-right: 1px solid #5ab67f;box-sizing: border-box;} .navBox .ennav li a span{color: #fff; font-size: 16px; padding: 10px 24px;text-align:center;display: block; border-right: 1px solid #5ab67f; width: 132px; box-sizing: border-box; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;} .navBox ul li:last-child a span{border-right:none;} .navBox ul li:hover dl{display: block;position: absolute;z-index: 999;left: 50%;transform: translateX(-50%);} .navBox ul li dl dd{position: relative;border: 1px solid #ccc;border-top: none;} .navBox ul li dl dd p{ display: none;} .navBox ul li dl dd>a{line-height: 54px;height: 54px;background: url(../images/sss1.png) #fff 8px no-repeat;display: block;color: #333;padding: 0 40px;display:block;width: 100px;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .navBox ul li dl dd:hover>a{background: url(../images/sss1.png) #2e9d37 8px no-repeat;color: #fff;} .navBox ul li dl dd:hover p{display: block;position: absolute;left: 181px;background: rgb(255 255 255 / 90%);width: 380px;top:0;line-height: 40px;color: #333;padding-bottom: 4px;/* padding: 10px; */padding-top: 0;} .navBox ul li dl dd:hover p a{display: block;color: #333;border-bottom: 1px dashed #ccc;padding-left: 24px;line-height: 54px;font-size: 15px;width: 43.5%;float: left;display: inline-block;background: url(../images/nav-sanjiao1.png) 10px no-repeat;} .navBox ul li dl dd:hover p a:hover{ background: url(../images/nav-sanjiao.png) #2e9d37 10px no-repeat; color: #fff;} .fullSlide { width:100%;position:relative; background:#fff; overflow:hidden;} .fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;} .fullSlide .bd ul{ margin-bottom:0; } .fullSlide .bd ul {width:100% !important;height:660px;} .fullSlide .bd li {width:100% !important;height: 660px;overflow:hidden;text-align:center;} .fullSlide .prev{position:absolute;width: 40px;height: 58px;background: url(../images/pro-j3.png) no-repeat;right: 95%;z-index: 9999;top: 50%;transform: translateY(-50%);cursor:pointer;opacity: 0.6;} .fullSlide .next{position:absolute;width: 50px;height: 58px;background: url(../images/pro-j4.png) no-repeat;left: 95%;z-index: 9999;top: 50%;cursor:pointer;transform: translateY(-50%);opacity: 0.6;} .jjj1 ul{height: 450px !important;} .jjj1 ul li{ height:450px; } #flashs{ position:relative; overflow:hidden;} #flashs .bgitem{ z-index:1;position:absolute; top:0; } #flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;} #flashs .btn ul{ height: auto !important; } #flashs .btn{/* display: none; */} #flashs .btn li{color:#fff;background:#717174;cursor: pointer;display: inline-block;margin:0 2px;width: 60px;height: 10px;font-size: 0px;border-radius: 6px;line-height:25px;text-align:center;} #flashs .btn li.cur{background: #2e9d37;} /*鎼滅储*/ .search{position:relative;border-bottom: 1px solid #eee;} .search .container{} .search .gjc{overflow:hidden;height: 68px;line-height: 68px;font-size: 12px;width: 72%;float: left;display: block;padding-left: 32px;background: url(../images/chaxun.png) left no-repeat;} .search .gjc span{color: #2e9d37;font-size: 14px;} .search .gjc a{font-size: 14px;} .search .sc{border: 1px solid #d5d5d5;border-bottom: none;border-top: none;width: 24%;float: right;height: 68px;} .search .sc .tt{height: 68px;line-height:35px;background:none;width: 68%;border:none;font-size: 14px;color: #333;padding-left: 20px;outline:none;} .search .sc .s_bt{border:0px;float:right;width: 68px;height: 68px;line-height: 68px;text-align:center;font-size:0px;background: url(../images/fdj.png) #2e9d37 no-repeat center;color:#fff;text-decoration:none;} /*棣栭〉鏍囬*/ .sy-title{ text-align: center;} .sy-title h2{font-size: 42px;color: #333;font-weight: bold;} .sy-title p{font-size: 16px;padding: 10px 0;background: url(../images/sytit.png) center no-repeat;} /*浜у搧涓績*/ .product{overflow: hidden;padding-bottom: 40px;position:relative;padding-top: 40px;} .product .container{ padding-top:32px; } .product .pro_l{width: 300px;float: left;} .product .pro_l #proul{border:1px solid #dedede;border-bottom:none;background: #fff;background-color: #f8f8f8;padding: 20px 12px;} .product .pro_l #proul ul li{} .product .pro_l #proult{ margin: 12px 12px;} .product .pro_l h4{border-radius: 5px 5px 0 0;font-size: 36px;text-align: center;color: #fff;background-color: #2e9d37;padding: 35px 0;} .product .pro_l .enptit{font-size:32px;} .product .pro_l h4 a{color:#fff;} .product .pro_l h4 p{ color: #fff; font-size: 16px; font-weight: normal; text-transform : uppercase; line-height: 30px;} .product .pro_l ul li a{padding: 12px 0px;border-bottom: 1px dashed #ccc;display: block;} .product .pro_l ul .proprimary{ margin-bottom: 16px;} .product .pro_l ul .proprimary .dws{color: #fff;background: url(../images/pro-j1.png) #0065b6 90% no-repeat;padding: 14px 0px;border-radius: 40px;width: 100%;display: inline-block;border-bottom: none;} .product .pro_l ul .proprimary .dws>span{color: white;font-weight: normal;font-size: 18px;overflow: hidden;font-weight: bold;text-overflow: ellipsis;padding: 4px 0;white-space: nowrap;padding-left: 54px;background: url(../images/pro-cp1.png) 14px no-repeat;} .product .pro_l #proult li a>span{font-size: 16px;font-weight: normal;/* padding-left: 25px; *//* padding-right: 55px; */overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .product .pro_l #proult li a>span em{ font-size: 20px; font-weight: bold;} .product .pro_l ul li a .proc{display: flex;} .product .pro_l ul li a h3{color: #333; font-size: 16px;padding:0 20px overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .product .pro_l ul li a h3{font-weight: normal;} .product .pro_l ul li a .yuan{width: 10px;height: 10px; margin: auto 5px auto 20px; border: 1px solid #9c9c9c;border-radius: 50%;} .product .pro_l ul li a .jiant{font-size: 16px;color: #f5f5f5;display: none;} .product .pro_l ul li a:hover{color:#2e9d37;} .product .pro_l ul li .sedp a p{ line-height: 45px; margin: 0 10px; border-bottom: 1px solid #dedede; font-size: 16px; padding-left: 30px; background: url(../images/pro_libg.png) no-repeat center;} .product .pro_l ul li .sedp a p:hover{ color: #0061ad} .product .pro_l .plan{border:1px solid #dedede;background: #fff;padding-bottom: 60px;background-color: #f8f8f8;} .product .pro_l .plan .planques{text-align: center;font-size: 16px;color: #252525;margin-top: 50px;} .product .pro_l .plan .planqcha{font-size:24px;margin-top: 15px;text-align: center;} .product .pro_l .plan .emplan{font-size:20px;} .product .pro_l .plan .planqcha span{color: #2e9d37;font-weight: bold;letter-spacing: 1px;} .product .pro_l .plan .planheng{width:30px;border: 2px solid #2e9d37;/* display: flex; */margin:15px auto 15px auto;} .product .pro_l .plan .planzxun{background-color: #2e9d37;width: 250px;text-align: center;display: flex;margin:0 auto;border-radius: 20px;} .product .pro_l .plan .planzxun .planfont a{color: #ffffff;font-size: 16px;line-height: 40px;} .product .pro_l .plan .planzxun .enpfont a{font-size:14px;} .product .pro_l .plan .planzxun .planimg{width: 23px;height: 23px;margin: auto 8px auto 16px;} .product .pro_l .plan .planzxun .planimg img{width: 100%;height: 100%;margin:auto; } .pro_tel{margin-top:30px;}.pro_tel>p{font-size:24px;color:#fff;padding: 10px 0 10px 20px;background:#2e9d37;} .pro_tel .pro_tel_con{padding:10px;background:#fff;border:1px solid #dedede;line-height:25px} .pro_tel .pro_tel_con img{max-width:100%;} .product .pro_r{float: right;width: 980px;} .product .shang-pro{ position: relative;} .product .shang-pro .prev{width: 40px;height: 58px;background: url(../images/pro-j4.png);display: block;position: absolute;right: 0;bottom: 0;} .product .shang-pro .next{width: 40px;height: 58px;background: url(../images/pro-j3.png);display: block;position: absolute;right: 44px;bottom: 0;} .product .shang-pro .prev:hover{width: 40px;height: 58px;background: url(../images/pro-j4-1.png);} .product .shang-pro .next:hover{width: 40px;height: 58px;background: url(../images/pro-j3-1.png);} .product .shang-pro .bd{ position: relative;} .product .shang-pro .bd ul{} .product .shang-pro .bd ul li{ display: inline-block; border: 1px solid #ccc;} .product .shang-pro .bd .gdleft{ float: left; width: 360px;} .product .shang-pro .bd .gdleft a{ display: grid;} .product .shang-pro .bd .gdleft a img{ width: 370px;} .product .shang-pro .bd .gdright{ float: right; width: 578px; padding-left: 40px;} .product .shang-pro .bd .gdright .cpri{padding-top: 64px;} .product .shang-pro .bd .gdright .cpri h2{font-size: 26px;color: #333;font-weight: bold;} .product .shang-pro .bd .gdright .cpri i{width: 64px;height: 2px;background: #2e9d37;display: block;margin: 20px 0;} .product .shang-pro .bd .gdright .cpri p{font-size: 15px;line-height: 24px;padding-right: 60px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .product .shang-pro .bd .gdright .cpbo{ padding-top: 32px; display: flex;} .product .shang-pro .bd .gdright .cpbo .cp-a1{text-align: center;height: 42px;line-height: 42px;display: inline-block;width: 164px;background: url(../images/pro-a1.png) #2e9d37 30px no-repeat;padding-left: 10px;border: 1px solid #2e9d37;color: #fff;font-size: 15px;border-radius: 20px 0px 0px 20px;} .product .shang-pro .bd .gdright .cpbo .cp-a2{border-radius: 0 20px 20px 0;text-align: center;height: 42px;line-height: 42px;padding-left: 10px;display: inline-block;width: 164px;background: url(../images/pro-a2.png) 30px no-repeat;color: #333;border: 1px solid #333;border-left: none;font-size: 15px;} .product .shang-pro .bd .gdright .cpbo .cp-a2:hover{background: url(../images/pro-a2-1.png) #0065b6 30px no-repeat;color: #fff;border: 1px solid #0065b6;} .product .xia-pro{ padding-top: 20px;} .product .xia-pro ul{} .product .xia-pro ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 2%;} .product .xia-pro ul li:nth-child(3n){ margin-right:0; } .product .xia-pro ul li a{ display: block;} .product .xia-pro ul li p{ display: inline-block; position: relative; left: 50%; transform: translateX(-50%); /* padding-top: 10px; */} .product .xia-pro ul li a img{ width: 100%; border: 1px solid #ccc;} .product .xia-pro ul li:hover a img{ border:1px solid #129647; } .product .xia-pro ul li a h4{ text-align: center; font-size: 16px; line-height: 48px; font-weight: normal;} .product .xia-pro ul li a p{} .product .xia-pro ul li a p a{} .product .xia-pro .sss-a1{ text-align: center; height: 26px; line-height: 26px; width: 110px; border: 1px solid #666; color: #666; font-size: 15px; float: left; border-radius: 20px; margin: 0 10px;} .product .xia-pro .sss-a2{ border-radius: 20px; text-align: center; height: 26px; line-height: 26px; float: left; width: 110px; color: #666; border: 1px solid #666; font-size: 15px; margin: 0 10px;} .product .xia-pro .sss-a1:hover,.product .xia-pro .sss-a2:hover{ background:#2e9d37; color:#fff; border:1px solid #2e9d37 } /*鍙嬫儏閾炬帴*/.link{overflow:hidden;padding: 10px 0;background-color: #f3f3f3;} .link h4{float:left;font-size: 14px;font-weight:normal;color: #333;line-height:32px;} .link ul{ } .link li{ float:left;line-height:32px; margin:0 6px; display:inline;} .link li a{font-size:14px;color: #333;} .link li:hover a{color:#0065b6;} .lxqq{ float: right;} .lxqq p{ float: left; font-size: 15px; color: #fff; padding: 0 10px;} .lxqq p a{color: #fff;text-decoration: none;} /*搴曢儴閫氱敤*/ .footer{width:100%;background-color: #2e9d37;position: relative;z-index: 9;} .ftbot{padding: 12px 0;padding-top: 0;} .ftbot a{ font-size: 16px; color: #fff; margin-right: 32px;} .ftcont{padding-top: 32px;} .ftcont .ftlogo{ float: left;} .ftcont .ftlogo dd{} .ftcont .ftlogo .ftc_phonefont{ padding-bottom: 16px;} .ftcont .ftlogo .ftc_phonefont img{padding-top: 6px;} .ftcont .ftlogo .ftc_phonefont span{ font-size: 18px; color: #fff;} .ftcont .ftlogo .ftc_phonenum{color: #fff;padding-bottom: 16px;font-size: 20px;font-weight: bold;} .ftcont .ftlogo .ftc_phonenum em{ font-size: 20px; font-weight: bold;} .ftcont .ftlogo .ftc_email{color: #fff;padding-bottom: 10px;font-size: 14px;} .ftcont .ftlogo .ftc_address{color: #fff;font-size: 14px;padding-bottom: 10px;} .ftcont .wx{float: right;margin-left: 18px;} .ftcont .wx img{} .ftcont .wx p{} .ftcont .ftc_ban{padding-top: 54px;padding-bottom: 10px;display: flow-root;} .ftcont .ftc_ban .ftc_bannum{ float: left; color: #fff;} .ftcont .ftc_ban .ftc_banq{float: left;padding-left: 20px;} .ftcont .ftc_ban .ftc_banq .ftc_bqhao{ float: left; color: #fff;} .ftcont .ftc_ban .ftc_banq .ftc_bqhao a{ color: #fff;} .ftcont .ftc_ban .ftc_banq .ftc_bqhao a:hover{ color:#fff } .ftc_bdt{float: left; padding-right: 20px;} .ftc_bdt a{color:#fff} .ftc_banimg{float: left;padding-top: 0px;padding-right: 10px;} .ftc_banimg p{ color:#fff !important } /* div.sdmenu */ div.sdmenu{ border: 1px solid #dedede; border-bottom: none; background: #fff; background-color: #f8f8f8; padding: 20px 12px;} div.sdmenu div{overflow:hidden;margin-bottom: 12px;} div.sdmenu div.collapsed span{ background:#0065b6; } div.sdmenu div span{display:block;line-height: 48px;height: 50px;width: 218px;border: 1px solid #ccc;font-weight:bold;color: #fff;font-size: 18px;cursor:pointer;padding-left: 53px;border-radius: 40px;/* margin-bottom: 10px; */position: relative;} div.sdmenu div:nth-of-type(1) span{background: url(../images/pro-cp1.png) #2e9d37 14px no-repeat;} div.sdmenu div:nth-of-type(2) span{background: url(../images/pro-cp3.png) #2e9d37 14px no-repeat;} div.sdmenu div:nth-of-type(3) span{background: url(../images/pro-cp4.png) #2e9d37 14px no-repeat;} div.sdmenu div:nth-of-type(4) span{background: url(../images/pro-cp2.png) #2e9d37 14px no-repeat;} div.sdmenu div:nth-of-type(5) span{background: url(../images/pro-cp5.png) #2e9d37 14px no-repeat;} div.sdmenu div:nth-of-type(6) span{background: url(../images/pro-cp6.png) #2e9d37 14px no-repeat;} div.sdmenu div.collapsed:nth-of-type(1) span{background: url(../images/pro-cp1.png) #0065b6 14px no-repeat;} div.sdmenu div.collapsed:nth-of-type(2) span{background: url(../images/pro-cp3.png) #0065b6 14px no-repeat;} div.sdmenu div.collapsed:nth-of-type(3) span{background: url(../images/pro-cp4.png) #0065b6 14px no-repeat;} div.sdmenu div.collapsed:nth-of-type(4) span{background: url(../images/pro-cp2.png) #0065b6 14px no-repeat;} div.sdmenu div.collapsed:nth-of-type(5) span{background: url(../images/pro-cp5.png) #0065b6 14px no-repeat;} div.sdmenu div.collapsed:nth-of-type(6) span{background: url(../images/pro-cp6.png) #0065b6 14px no-repeat;} div.sdmenu div span i{ background: url(../images/pro-j1.png) right no-repeat; height: 24px; width: 24px; display: block; position: absolute; right: 32px; top: 50%; transform: translateY(-50%);} div.sdmenu div span:hover i,div.sdmenu div.collapsed span i{ background: url(../images/pro-j2.png) right no-repeat;} .collapsed span i{background: url(../images/pro-j2.png) right no-repeat;} div.sdmenu div span a{padding:0;background:none;border:0;font-size:14px;line-height:32px;display:block;} div.sdmenu div.collapsed{background-repeat:no-repeat;width: 274px;color:#000;margin-bottom: 16px;height: 50px;} div.sdmenu div.collapsed span{color: #fff;line-height: 48px;height: 50px;} div.sdmenu div.collapsed span a.current{color:#ad8634;} div.sdmenu div a{padding: 12px 0px;border-bottom: 1px dashed #ccc;display: block;margin: 0 14px;font-size: 16px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} div.sdmenu div a em { font-size: 20px; font-weight: bold; padding-right: 10px;} div.sdmenu div a.current{/* color: #129647; */} div.sdmenu div span a.current{background:none;color:#fff} div.sdmenu div a:hover{} div.sdmenu div span a:hover{background:none;} /*琛屼笟搴旂敤*/ .syjjfa{ padding: 42px 0; background: #eee;} .panel-body{ padding-top: 20px;} .panel-body ul{display: inline-block;margin-bottom: 10px;} .panel-body ul li{width: 259.5px;float: left;text-align: center;display: block;padding: 60px 0px 20px 0px;background: #fff;} .panel-body ul li:nth-of-type(1){background: url(../images/qie5.png) #fff center 12px no-repeat;} .panel-body ul li:nth-of-type(2){background: url(../images/qie6.png) #fff center 12px no-repeat;} .panel-body ul li:nth-of-type(3){background: url(../images/qie4.png) #fff center 12px no-repeat;} .panel-body ul li:nth-of-type(4){background: url(../images/qie3.png) #fff center 12px no-repeat;} .panel-body ul li:nth-of-type(5){background: url(../images/qie1.png) #fff center 12px no-repeat;} .panel-body ul li:nth-of-type(6){background: url(../images/qie2.png) #fff center 12px no-repeat;} .panel-body ul li.active:nth-of-type(1){background: url(../images/qie5-5.png) #2e9d37 center 12px no-repeat;} .panel-body ul li.active:nth-of-type(2){ background: url(../images/qie6-6.png) #2e9d37 center 12px no-repeat; } .panel-body ul li.active:nth-of-type(3){ background: url(../images/qie4-4.png) #2e9d37 center 12px no-repeat; } .panel-body ul li.active:nth-of-type(4){ background: url(../images/qie3-3.png) #2e9d37 center 12px no-repeat; } .panel-body ul li.active:nth-of-type(5){ background: url(../images/qie1-1.png) #2e9d37 center 12px no-repeat; } .panel-body ul li.active:nth-of-type(6){ background: url(../images/qie2-2.png) #2e9d37 center 12px no-repeat; } .panel-body ul li.active{ background: #2e9d37;} .panel-body ul li a{ font-size: 20px; color: #333;} .panel-body ul li.active a{ color:#fff} .tab-content{display: inline-block;background: #fff;padding: 20px 30px;box-shadow: 0px 4px 10px 0px #ccc;} .tab-content .tab-pane{} .tab-content .tab-pane .jjfaleft{ float: left;} .tab-content .tab-pane .jjfaleft img{} .tab-content .tab-pane .jjfaright{float: left;padding-left: 80px;padding-top: 60px;width: 562px;} .tab-content .tab-pane .jjfaright h2{font-size: 30px;color: #2e9d37;padding-bottom: 24px;font-weight: bold;} .tab-content .tab-pane .jjfaright p{ font-size: 16px; line-height: 24px; padding-bottom: 10px;} .tab-content .tab-pane .jjfaright a{ width: 150px; height: 48px; line-height: 48px; text-align: center; border-radius: 40px; display: block; background: #2e9d37; color: #fff; font-size: 16px; margin-top: 24px;} .tab-content .tab-pane .jjfaright a:hover{ background:#0065b6 } /*琛屼笟搴旂敤*/ .sygczs{ padding: 48px 0; background: url(../images/gczsbj.jpg);} .sygczs .sy-title{ text-align: center;} .sygczs .sy-title h2{font-size: 42px;color: #fff;} .sygczs .sy-title p{font-size: 16px;padding: 10px 0;background: url(../images/sytit1.png) center no-repeat;color: #fff;} .gczsnr{ padding-top: 30px;} .gczsnr .sss1{ text-align: center;} .gczsnr .sss1 li{ float: left; display: contents;} .gczsnr .sss1 li.active a{ background:#0065b6; color:#fff; } .gczsnr .sss1 li a{ background: #fff; width: 120px; line-height: 38px; height: 38px; color: #2e9d37; font-size: 16px; display: inline-block; border-radius: 20px; margin: 0 10px;} .gczsnr .sss1 li:hover a{ background:#0065b6; color:#fff; } .gczsnr .sss2{} .gczsnr .sss2 .qht{} .fengcai1{position: relative;padding-top: 40px;} .fengcai1 li{float: left;width: 408px;margin-right: 34px;position:relative;} .fengcai1 li img{display:block;width: 408px;height: 280px;} .fengcai1 li p{color:#444444;font-size: 16px;text-align:center;overflow:hidden;line-height: 42px;background:#fff;text-overflow:ellipsis;white-space:nowrap;} .fengcai1 li:hover p{ background:#0065b6; color:#fff; } .fengcai2{position: relative;padding-top: 40px;} .fengcai2 li{float: left;width: 408px;margin-right: 34px;position:relative;} .fengcai2 li img{display:block;width: 408px;height: 280px;} .fengcai2 li p{color:#444444;font-size: 16px;text-align:center;overflow:hidden;line-height: 42px;background:#fff;text-overflow:ellipsis;white-space:nowrap;} .fengcai2 li:hover p{ background:#0065b6; color:#fff; } .fengcai3{position: relative;padding-top: 40px;} .fengcai3 li{float: left;width: 408px;margin-right: 34px;position:relative;} .fengcai3 li img{display:block;width: 408px;height: 280px;} .fengcai3 li p{color:#444444;font-size: 16px;text-align:center;overflow:hidden;line-height: 42px;background:#fff;text-overflow:ellipsis;white-space:nowrap;} .fengcai3 li:hover p{ background:#0065b6; color:#fff; } .fengcai4{position: relative;padding-top: 40px;} .fengcai4 li{float: left;width: 408px;margin-right: 34px;position:relative;} .fengcai4 li img{display:block;width: 408px;height: 280px;} .fengcai4 li p{color:#444444;font-size: 16px;text-align:center;overflow:hidden;line-height: 42px;background:#fff;text-overflow:ellipsis;white-space:nowrap;} .fengcai4 li:hover p{ background:#0065b6; color:#fff; } .fengcai5{position: relative;padding-top: 40px;} .fengcai5 li{float: left;width: 408px;margin-right: 34px;position:relative;} .fengcai5 li img{display:block;width: 408px;height: 280px;} .fengcai5 li p{color:#444444;font-size: 16px;text-align:center;overflow:hidden;line-height: 42px;background:#fff;text-overflow:ellipsis;white-space:nowrap;} .fengcai5 li:hover p{ background:#0065b6; color:#fff; } .fengcai6{position: relative;padding-top: 40px;} .fengcai6 li{float: left;width: 408px;margin-right: 34px;position:relative;} .fengcai6 li img{display:block;width: 408px;height: 280px;} .fengcai6 li p{color:#444444;font-size: 16px;text-align:center;overflow:hidden;line-height: 42px;background:#fff;text-overflow:ellipsis;white-space:nowrap;} .fengcai6 li:hover p{ background:#0065b6; color:#fff; } .pbot1{background:url(../images/gczsjt1.png) no-repeat center;left:-60px;top: 50%;transform: translateY(-50%);width: 50px;height: 90px;display: block;position: absolute;} .pbot2{background:url(../images/gczsjt2.png) no-repeat center;right:-60px;top: 50%;transform: translateY(-50%);width: 50px;height: 90px;display: block;position: absolute;} .pbot1:hover{ background:url(../images/gczsjt1-1.png) no-repeat center; } .pbot2:hover{ background:url(../images/gczsjt2-1.png) no-repeat center; } /**/ .sysxj{padding: 42px 0;padding-bottom: 20px;} .sxjnr{background: url(../images/sljzj.png) center;height: 580px;} .sxjnr .container{ position:relative; } .sxjnr .aaa1{position: absolute;left: 82px;top: 88px;} .sxjnr .aaa1 .aaa-nr{ text-align: right; float: left;} .sxjnr .aaa1 .aaa-nr h2{ font-size: 36px; font-weight:bold;} .sxjnr .aaa1 .aaa-nr p{font-size: 16px;padding-top: 4px;width: 300px;} .sxjnr .aaa1 i{float: right;width: 28px;height: 28px;background: url(../images/aaa1.png) right no-repeat;position: absolute;right: -60px;top: 20px;} .sxjnr .aaa1:hover i{background: url(../images/aaa2.png) right no-repeat;} .sxjnr .aaa1:hover h2{ color:#2e9d37 } .sxjnr .aaa1:hover .aaa-nr p{ color:#2e9d37 } .sxjnr .aaa2{position: absolute;right: 140px;top: 88px;} .sxjnr .aaa2 .aaa-nr{text-align:left; float:right;} .sxjnr .aaa2 .aaa-nr h2{ font-size: 36px; font-weight:bold; } .sxjnr .aaa2 .aaa-nr p{ font-size: 16px; padding-top: 4px;} .sxjnr .aaa2 i{float:left;background: url(../images/aaa1.png) left no-repeat;width: 28px;height: 28px;position: absolute;left: -60px;top: 20px;} .sxjnr .aaa2:hover i{background: url(../images/aaa2.png) left no-repeat;} .sxjnr .aaa2:hover h2{ color:#2e9d37 } .sxjnr .aaa2:hover .aaa-nr p{ color:#2e9d37 } .sxjnr .aaa3{position: absolute;left: 20px;top: 258px;} .sxjnr .aaa3 .aaa-nr{ text-align: right; float: left;} .sxjnr .aaa3 .aaa-nr h2{ font-size: 36px; font-weight:bold} .sxjnr .aaa3 .aaa-nr p{font-size: 16px;padding-top: 4px;width: 300px;} .sxjnr .aaa3 i{float: right;width: 28px;height: 28px;background: url(../images/aaa1.png) right no-repeat;position: absolute;right: -60px;top: 20px;} .sxjnr .aaa3:hover i{background: url(../images/aaa2.png) right no-repeat;} .sxjnr .aaa3:hover h2{ color:#2e9d37 } .sxjnr .aaa3:hover .aaa-nr p{ color:#2e9d37 } .sxjnr .aaa4{position: absolute;right: 20px;top: 258px;} .sxjnr .aaa4 .aaa-nr{text-align:left; float:right;} .sxjnr .aaa4 .aaa-nr h2{ font-size: 36px;font-weight:bold;} .sxjnr .aaa4 .aaa-nr p{font-size: 16px;padding-top: 4px;width: 300px;} .sxjnr .aaa4 i{float:left;background: url(../images/aaa1.png) left no-repeat;width: 28px;height: 28px;position: absolute;left: -60px;top: 20px;} .sxjnr .aaa4:hover i{background: url(../images/aaa2.png) left no-repeat;} .sxjnr .aaa4:hover h2{ color:#2e9d37 } .sxjnr .aaa4:hover .aaa-nr p{ color:#2e9d37 } .sxjnr .aaa5{position: absolute;left: 80px;top: 440px;} .sxjnr .aaa5 .aaa-nr{ text-align: right; float: left;} .sxjnr .aaa5 .aaa-nr h2{ font-size: 36px; font-weight:bold} .sxjnr .aaa5 .aaa-nr p{ font-size: 16px; padding-top: 4px; width:300px; } .sxjnr .aaa5 i{float: right;width: 28px;height: 28px;background: url(../images/aaa1.png) right no-repeat;position: absolute;right: -60px;top: 20px;} .sxjnr .aaa5:hover i{background: url(../images/aaa2.png) right no-repeat;} .sxjnr .aaa5:hover h2{ color:#2e9d37 } .sxjnr .aaa5:hover .aaa-nr p{ color:#2e9d37 } .sxjnr .aaa6{position: absolute;right: 82px;top: 440px;} .sxjnr .aaa6 .aaa-nr{text-align:left; float:right;} .sxjnr .aaa6 .aaa-nr h2{ font-size: 36px;font-weight:bold} .sxjnr .aaa6 .aaa-nr p{ font-size: 16px; padding-top: 4px; width:300px;} .sxjnr .aaa6 i{float:left;background: url(../images/aaa1.png) left no-repeat;width: 28px;height: 28px;position: absolute;left: -60px;top: 20px;} .sxjnr .aaa6:hover i{background: url(../images/aaa2.png) left no-repeat;} .sxjnr .aaa6:hover h2{ color:#2e9d37 } .sxjnr .aaa6:hover .aaa-nr p{ color:#2e9d37 } /**/ .syshili{ text-align: center; padding-bottom: 40px;} .bbb1{ position: relative; display: inline-block;} .bbb1 ul{ display: inline-block; border: 1px solid #f5f5f5; border-radius: 80px; padding: 20px 80px; box-shadow: 4px 4px 10px 1px #f5f5f5;} .bbb1 ul li{ float: left; padding: 0 10px;} .bbb1 ul li img{} .bbb1 p{ position: absolute; left: 50%; transform: translateX(-50%); bottom: -16px; padding: 10px 20px; background: #0065b6; color: #fff; font-size: 16px; width: 50%; border-radius: 20px;} /**/ .syyyfw{ padding:24px 0; } .syyyfw .pbot1{ background:url(../images/yyaljt1.png) no-repeat center; left:-60px; } .syyyfw .pbot2{background:url(../images/yyaljt2.png) no-repeat center;right:-60px;} .syyyfw .fengcai7{position: relative;padding-top: 40px;} .syyyfw .fengcai7 li{float: left;width: 300px;margin-right: 34px;position:relative;} .syyyfw .fengcai7 li img{display:block;width: 300px;height: 210px;} .syyyfw .fengcai7 li p{color:#444444;font-size: 16px;text-align:center;overflow:hidden;line-height: 36px;text-overflow:ellipsis;white-space:nowrap;} .syyyfw .fengcai7 li:hover p{background: #129647;color:#fff;} .syyyfw .pbot1:hover{ background:url(../images/yyaljt1-1.png) no-repeat center; } .syyyfw .pbot2:hover{background:url(../images/yyaljt2-1.png) no-repeat center;} /**/ .sy-ys .ys_neir ul li:not(:first-child){display: none;} .sy-ys .ys_content { position:relative;margin-top:24px;} .sy-ys .ys_neir ul li .container {padding-left:38px;} .sy-ys .ys_neir ul li{position:relative;} .sy-ys .ys_neir ul li h2{color: #129647;font-size: 48px;padding-top: 100px;} .sy-ys .ys_neir ul li .ys_desc{font-size: 36px;color: #ffffff;margin-bottom: 40px;margin-top: 12px;} .sy-ys .ys_neir ul li .ys_con{color: #cccccc;font-size: 16px;width: 520px;line-height: 24px;} .sy-ys .ys_neir ul li .ys_fuh{margin-top: 20px;font-size: 80px;color: #2e9d37;} .ys_neir ul li:nth-child(1) {background:url(../images/youshi.png) no-repeat center;height: 668px;width: 100%;} /*.ys_neir ul li:nth-child(2){background:url(../images/production.jpg) no-repeat center;height: 670px;width: 100%; }*/ .ys_neir ul li:nth-child(2){background:url(../images/monitoring.jpg) no-repeat center;height: 670px;width: 100%; } .ys_neir ul li:nth-child(3){background:url(../images/service.jpg) no-repeat center;height: 670px;width: 100%; } .sy-ys .ys_contitle ul{} .sy-ys .ys_contitle ul {display: flex;} .sy-ys .ys_contitle ul li{width: 33.3%;height: 136px;background-color: #ffffff;margin:auto;padding-top: 24px;} .sy-ys .ys_contitle ul li .ys_icon{ width: 60px;height: 60px;margin:auto;background-color: #f0f0f0; overflow: hidden;border-radius: 50%;} .sy-ys .ys_contitle ul li .ys_icon img{display: flex;margin: 12px auto 0px auto;} .sy-ys .ys_contitle ul li .ys_title{color: #252525;font-size: 26px;text-align: center;margin-top: 10px;padding-bottom: 20px;} .sy-ys .ys_contitle ul .dbei .ys_icon img{position:relative; top: -43px;} .sy-ys .ys_contitle ul .dbei{background-color: #2e9d37;height: 148px;padding: 20px 0px;} .sy-ys .ys_contitle .container{position:absolute;bottom: 40px; left: 0;right: 0; } .sy-ys .ys_contitle ul .dbei .ys_icon{margin-top: 22px;} .sy-ys .ys1 .left-wenzi{float: left;display: inline-block;padding-top: 70px;width:520px;} .sy-ys .ys_contitle ul .dbei .ys_title{color:#ffffff;} .sy-ys .ys1 .ys1-tit1{ display: inline-block;} .sy-ys .ys1 .ys1-tit1 h2{ float: left; font-size: 40px; background: #0061ad; color: #fff; padding: 14px 8px;} .sy-ys .ys1 .ys1-tit1 .ys1-tit2{ float: left; padding-left: 23px; padding-top: 6px;} .sy-ys .ys1 .ys1-tit1 .ys1-tit2 h3{ font-size: 30px; padding-bottom: 6px; color: #333;} .sy-ys .ys1 .ys1-tit1 .ys1-tit2 p{font-size: 18px;color: #333;} .sy-ys .ys1 .ys1-dian{ padding-top:20px;} .sy-ys .ys1 .ys1-dian p{ font-size: 16px; line-height: 32px;padding-left:32px;background:url(../images/ys-x.png) no-repeat left top;} .sy-ys .ys1 .ys1-dian p span{ color: #0061ad;} .sy-ys .ys1 .ys-mor{margin-top: 10px;background: url(../images/ys-mor.jpg) center no-repeat;display: inline-block;height: 32px;padding: 0px 56px;position: relative;margin-left: 22px;} .sy-ys .ys1 .ys-mor a{font-size: 14px;line-height: 32px;text-align: left;color: #fff;position: absolute;left: 13px;} .sy-ys .ys1 .right-img{float: right;} .sy-ys .ys1 .right-img img{} .sy-ys .ys2{} .sy-ys .ys2 .right-wenzi{float: right;display: inline-block;width: 490px;padding-top: 70px;} .sy-ys .ys2 .ys1-tit1{ display: inline-block;} .sy-ys .ys2 .ys1-tit1 h2{ float: left; font-size: 40px; background: #0061ad; color: #fff; padding: 14px 8px;} .sy-ys .ys2 .ys1-tit1 .ys1-tit2{ float: left; padding-left: 23px; padding-top: 6px;} .sy-ys .ys2 .ys1-tit1 .ys1-tit2 h3{ font-size: 30px; padding-bottom: 6px; color: #333;} .sy-ys .ys2 .ys1-tit1 .ys1-tit2 p{font-size: 18px;color: #333;} .sy-ys .ys2 .ys1-dian{ padding-top: 20px;} .sy-ys .ys2 .ys1-dian p{font-size: 16px;line-height: 32px; padding-left: 32px;background:url(../images/ys-x.png) no-repeat left top;} .sy-ys .ys2 .ys1-dian p span{ color: #0061ad;} .sy-ys .ys2 .ys-mor{ margin-top: 10px; background: url(../images/ys-mor.jpg) center no-repeat; display: inline-block; height: 32px; padding: 0px 56px; position: relative; margin-left: 22px;} .sy-ys .ys2 .ys-mor a{ font-size: 14px; line-height: 32px; text-align: left; color: #fff; position: absolute; left: 13px;} .sy-ys .ys2 .left-img{ float: left; } .sy-ys .ys2 .left-img img{} .sy-ys .ys3{} .sy-ys .ys3 .left-wenzi{float: left;display: inline-block;padding-top: 70px;width: 520px;} .sy-ys .ys3 .ys1-tit1{ display: inline-block;} .sy-ys .ys3 .ys1-tit1 h2{ float: left; font-size: 40px; background: #0061ad; color: #fff; padding: 14px 8px;} .sy-ys .ys3 .ys1-tit1 .ys1-tit2{ float: left; padding-left: 23px; padding-top: 6px;} .sy-ys .ys3 .ys1-tit1 .ys1-tit2 h3{ font-size: 30px; padding-bottom: 6px; color: #333;} .sy-ys .ys3 .ys1-tit1 .ys1-tit2 p{font-size: 18px;color: #333;} .sy-ys .ys3 .ys1-dian{ padding-top: 20px;} .sy-ys .ys3 .ys1-dian p{ font-size: 16px; line-height: 32px; padding-left: 32px;background:url(../images/ys-x.png) no-repeat left top;} .sy-ys .ys3 .ys1-dian p span{ color: #0061ad;} .sy-ys .ys3 .ys-mor{margin-top: 10px;background: url(../images/ys-mor.jpg) center no-repeat;display: inline-block;height: 32px;padding: 0px 56px;position: relative;margin-left: 22px;} .sy-ys .ys3 .ys-mor a{font-size: 14px;line-height: 32px;text-align: left;color: #fff;position: absolute;left: 13px;} .sy-ys .ys3 .right-img{float: right;} .sy-ys .ys3 .right-img img{} .sy-ys .ys4{} .sy-ys .ys4 .right-wenzi{float: right;display: inline-block;width: 490px;padding-top: 70px;} .sy-ys .ys4 .ys1-tit1{ display: inline-block;} .sy-ys .ys4 .ys1-tit1 h2{ float: left; font-size: 40px; background: #0061ad; color: #fff; padding: 14px 8px;} .sy-ys .ys4 .ys1-tit1 .ys1-tit2{ float: left; padding-left: 23px; padding-top: 6px;} .sy-ys .ys4 .ys1-tit1 .ys1-tit2 h3{ font-size: 30px; padding-bottom: 6px; color: #333;} .sy-ys .ys4 .ys1-tit1 .ys1-tit2 p{font-size: 18px;color: #333;} .sy-ys .ys4 .ys1-dian{ padding-top: 20px;} .sy-ys .ys4 .ys1-dian p{font-size: 16px;line-height: 32px; padding-left: 32px;background:url(../images/ys-x.png) no-repeat left top;} .sy-ys .ys4 .ys1-dian p span{ color: #0061ad;} .sy-ys .ys4 .ys-mor{ margin-top: 10px; background: url(../images/ys-mor.jpg) center no-repeat; display: inline-block; height: 32px; padding: 0px 56px; position: relative; margin-left: 22px;} .sy-ys .ys4 .ys-mor a{ font-size: 14px; line-height: 32px; text-align: left; color: #fff; position: absolute; left: 13px;} .sy-ys .ys4 .left-img{ float: left; } .sy-ys .ys4 .left-img img{} .sy-ys .ys5{} .sy-ys .ys5 .left-wenzi{float: left;display: inline-block;padding-top: 84px;} .sy-ys .ys5 .ys1-tit1{ display: inline-block;} .sy-ys .ys5 .ys1-tit1 h2{ float: left; font-size: 40px; background: #0061ad; color: #fff; padding: 14px 8px;} .sy-ys .ys5 .ys1-tit1 .ys1-tit2{ float: left; padding-left: 23px; padding-top: 6px;} .sy-ys .ys5 .ys1-tit1 .ys1-tit2 h3{ font-size: 30px; padding-bottom: 6px; color: #333;} .sy-ys .ys5 .ys1-tit1 .ys1-tit2 p{font-size: 18px;color: #333;} .sy-ys .ys5 .ys1-dian{ padding-top: 20px;} .sy-ys .ys5 .ys1-dian p{font-size: 16px;line-height: 32px; padding-left: 32px;background:url(../images/ys-x.png) no-repeat left top;} .sy-ys .ys5 .ys1-dian p span{ color: #0061ad;} .sy-ys .ys5 .ys-mor{margin-top: 10px;background: url(../images/ys-mor.jpg) center no-repeat;display: inline-block;height: 32px;padding: 0px 56px;position: relative;margin-left: 22px;} .sy-ys .ys5 .ys-mor a{font-size: 14px;line-height: 32px;text-align: left;color: #fff;position: absolute;left: 13px; text-decoration:none;} .sy-ys .ys5 .right-img{float: right;} .sy-ys .ys5 .right-img img{} .sy-ys .ys6{} .sy-ys .ys6 .right-wenzi{float: right;display: inline-block;width: 490px;padding-top: 74px;} .sy-ys .ys6 .ys1-tit1{ display: inline-block;} .sy-ys .ys6 .ys1-tit1 h2{ float: left; font-size: 40px; background: #0061ad; color: #fff; padding: 14px 8px;} .sy-ys .ys6 .ys1-tit1 .ys1-tit2{ float: left; padding-left: 23px; padding-top: 6px;} .sy-ys .ys6 .ys1-tit1 .ys1-tit2 h3{ font-size: 30px; padding-bottom: 6px; color: #333;} .sy-ys .ys6 .ys1-tit1 .ys1-tit2 p{font-size: 18px;color: #333;} .sy-ys .ys6 .ys1-dian{ padding-top: 20px;} .sy-ys .ys6 .ys1-dian p{font-size: 16px;line-height: 32px; padding-left: 32px;background:url(../images/ys-x.png) no-repeat left top;} .sy-ys .ys6 .ys1-dian p span{ color: #0061ad;} .sy-ys .ys6 .ys-mor{ margin-top: 10px; background: url(../images/ys-mor.jpg) center no-repeat; display: inline-block; height: 32px; padding: 0px 56px; position: relative; margin-left: 22px;} .sy-ys .ys6 .ys-mor a{ font-size: 14px; line-height: 32px; text-align: left; color: #fff; position: absolute; left: 13px;} .sy-ys .ys6 .left-img{ float: left; } .sy-ys .ys6 .left-img img{} /**/ .syzzzs{ padding:24px 0; } .syzzzs .pbot1{ background:url(../images/yyaljt1.png) no-repeat center; left:-60px; } .syzzzs .pbot2{ background:url(../images/yyaljt2.png) no-repeat center; right:-60px; } .syzzzs .fengcai8{position: relative;padding-top: 40px;} .syzzzs .fengcai8 li{float: left;width: 300px;margin-right: 34px;position:relative;} .syzzzs .fengcai8 li img{display:block;width: 300px;height: 210px;} .syzzzs .fengcai8 li p{color:#444444;font-size: 16px;text-align:center;overflow:hidden;line-height: 36px;text-overflow:ellipsis;white-space:nowrap;} .syzzzs .fengcai8 li:hover p{background: #129647;color:#fff;} /**/ .syabout{ padding: 42px 0; background: #f5f5f5;} .abnr{ padding-top: 42px;} .abnr .ccc1{ width: 50%; float: left; position: relative;} .abnr .ccc1 img{ width: 100%;} .abnr .ccc1:before {content: '';border-top: 12px solid #2e9d37;border-left: 560px solid #2e9d37;position: absolute;top: -12px;left: -12px;} .abnr .ccc1:after {content: '';border-bottom: 382px solid #2e9d37;border-right: 12px solid #2e9d37;position: absolute;top: 0px;left: -12px;transition: 0.3s all ease-in-out;} .abnr .ccc1 i{} .abnr .ccc2{float: right;width: 44%;background: #fff;padding: 86px 0px;padding-left: 6%;} .abnr .ccc2 h2{font-size: 28px;color: #2e9d37;font-weight: bold;} .abnr .ccc2 h4{font-size: 20px;font-weight: normal;padding: 4px 0;} .abnr .ccc2 p{padding-right: 40px;line-height: 24px;font-size: 14px;margin-top: 24px;color: #666;} .abnr .ccc2 a{width: 142px;height: 40px;line-height: 40px;background: #2e9d37;color: #fff;display: block;text-align: center;font-size: 16px;margin-top: 30px;border-radius: 20px;} .abnr .ccc2 a:hover{background:#0065b6} /**/ .syhzhb{ padding: 42px 0;} .hzhbnr{ padding-top: 20px;} .hzhbnr ul{display: inline-block;} .hzhbnr ul li{width: 214px;float: left;border: 1px solid #eee;margin: 0 0 0px 0px;} .hzhbnr ul li img{width: 100%;} .hzhbnr ul li:hover{ border:1px solid #2e9d37; } /**/ .sygg{padding: 96px 0;background: url(../images/sygg.png) center no-repeat;padding-top: 72px;} .ggwa{ padding-top: 0px;} .ggwa h2{font-size: 44px;color: #fff;font-weight: bold;} .ggwa .ddd1{ padding-top: 20px;} .ggwa .ddd2{float: left;padding-right: 30px;margin-right: 30px;border-right: 1px solid #66b598;} .ggwa .ddd2:nth-of-type(3){ border-right: none;} .ddd2 {} .ggwa .ddd2 h4{color: #fff;font-size: 22px;font-weight: bold;} .ggwa .ddd2 p{ font-size: 16px; color: #fff; padding-top: 4px;} /**/ .synews{padding: 42px 0;padding-bottom: 24px;} .news-nr{ padding-top: 20px;} .news-nr .s5-wz{width: 28%;float: left;margin-right: 2%;border: 1px solid #ccc;padding: 20px;} .news-nr .s5-wz:nth-child(3n) { margin-right: 0;} .news-nr .s5-wz .s5-wz-p1{ margin-bottom: 20px;} .news-nr .s5-wz .s5-wz-p1 h2{float: left;color: #2e9d37;font-weight: bold;} .news-nr .s5-wz .s5-wz-p1 em{ float: right;} .news-nr .s5-wz .s5-wz-p1 em a{font-size: 16px;line-height: 32px;font-family: Arial;} .news-nr .s5-wz .s5-wz-p2{ padding-top: 20px;} .news-nr .s5-wz .s5-wz-p2 a{} .news-nr .s5-wz .s5-wz-p2 .sswa{ height: 209px; overflow: hidden; border: 1px solid #ccc;} .news-nr .s5-wz .s5-wz-p2 a img{ width: 100%;} .news-nr .s5-wz .s5-wz-p2 .wa1{} .news-nr .s5-wz .s5-wz-p2 .wa1 h2{ font-size: 18px; font-weight: bold; padding: 2px 0; margin-top: 16px; border-left: 4px solid #1ea839; padding-left: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .news-nr .s5-wz .s5-wz-p2 .wa1 p{ font-size: 14px; padding-top: 12px; line-height: 24px; margin-bottom: 12px; color: #888; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .news-nr .s5-wz .s5-wz-p3{ padding-top: 10px; border-top: 1px solid #ccc;} .news-nr .s5-wz .s5-wz-p3 ul{} .news-nr .s5-wz .s5-wz-p3 ul li{padding-left: 20px; line-height: 32px; background: url(../images/news-dian.png) left no-repeat; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .news-nr .s5-wz .s5-wz-p3 ul li a{} /*css3娉㈢汗*/ @keyframes move_wave { 0% { transform: translateX(0) translateZ(0) scaleY(1) } 50% { transform: translateX(-25%) translateZ(0) scaleY(0.55) } 100% { transform: translateX(-50%) translateZ(0) scaleY(1) } } .bolang{position:relative;height: 120px;width: 100%;top: 1px;} .waveWrapper { overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto;} .waveWrapperInner { position: absolute; width: 100%; overflow: hidden; height: 100%; bottom: -1px;} .bgTop { z-index: 15; opacity: 0.5;} .bgMiddle { z-index: 10; opacity: 0.75;} .bgBottom { z-index: 5;} .wave { position: absolute; left: 0; width: 200%; height: 100%; background-repeat: repeat no-repeat; background-position: 0 bottom; transform-origin: center bottom;} .waveTop { background-size: 50% 100px;} .waveAnimation .waveTop { animation: move-wave 3s; -webkit-animation: move-wave 3s; -webkit-animation-delay: 1s; animation-delay: 1s;} .waveMiddle { background-size: 50% 120px;} .waveAnimation .waveMiddle { animation: move_wave 8s linear infinite;} .waveBottom { background-size: 50% 100px;} .waveAnimation .waveBottom { animation: move_wave 13s linear infinite;} /* 鍦ㄧ嚎瀹㈡湇 */ .diyos {position: fixed;width: 54px;right: 0;top: 50%;z-index: 999;} .diyos ul{position:relative;list-style: none;margin: 0;padding: 0;} .diyos ul li {width: 54px;height: 54px;background: #0065b6;float: left;position: relative;border-top: 1px solid #fff;z-index:1;} .diyos ul li:first-child{ border-top:0;} .diyos ul li:hover{background: #0065b6;} .diyos ul li .sidebox, .diyos ul li .semail {position: absolute;width: 54px;height: 54px;top: 0;right: 0;color: #fff;font-size:14px;line-height:54px;overflow: hidden;background: #0065b6 !important;} .diyos ul li .sidetop { width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li.sideewm { width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li .sideewmshow{width: 150px;position:absolute; top:0; left:-151px; z-index:120; display:none;max-width:none;border: 1px solid #e5e5e5;} .diyos ul li.sideewm:hover .sideewmshow{ display:block;} .diyos ul li img {float: left;} .retract{position:absolute;left:-36px;top:50%;margin-top:-30px;width:36px;height:60px;background:url(../images/djt.png) no-repeat center right #3e60a3;border-radius: 30px 0 0 30px;box-shadow: -2px 0 7px 0 rgb(0 0 0 / 50%);cursor:pointer;display: none;} .loadont{position: absolute;right: 0;top: 0;background: #3e60a3;color: #fff;width: 20px;text-align: center;padding: 10px;font-size: 16px;line-height: 20px;box-shadow: 0 0 5px 0px rgb(0 0 0 / 50%);cursor:pointer;display:none;} /*闈㈠寘灞?/ .location{width: 100%;height: 45px;border-bottom: 1px solid #eee;} .location span{display:block;line-height: 45px;font-size: 14px;background: url(../images/location.png) no-repeat 0 15px;text-indent: 20px;color: #666;} .location span a{color: #666;} .location span a:hover{color: #3e60a3;} /*鍐呴〉鏍峰紡*/ .inside{padding: 36px 0;position: relative;} .bgf5{/* background:#f5f5f5; */} .nocontect{background-image: url(../images/error.png);background-repeat: no-repeat;background-position: 10px 10px;height: 100px;padding-top: 40px;padding-left: 120px;font-size: 14px;} /*鍐呴〉宸︿晶瀵艰埅*/ .nynav{width: 300px;float:left;position: relative;} .nyjc{margin-bottom:20px;} .nyjc-til{padding: 24px 60px 24px 20px;border-radius: 10px 10px 0 0;color:#fff;background: url(../images/leibiao2.png) #2e9d37 248px center no-repeat;} .nyjc-til p{font-size: 24px;font-weight: bold;padding-bottom: 4px;} .nyjc-til i{/* display: block; *//* height: 1px; *//* width: 100px; *//* background: #fff; *//* margin:10px 0; */} #sidebar{padding:10px;background: #fff;border: 1px solid #2e9d37;} #sidebar li{margin-top: 10px;} #sidebar li:first-child{margin-top: 0px;} #sidebar li a{line-height: 40px;height: 40px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #666;background: #eee;font-size: 16px;padding-left: 20px;} #sidebar li.cur a, #sidebar li:hover a{background: #2e9d37;color: #fff;} .nyhotpro{margin-bottom:20px;} .nyhotpro .nyjc-til{background: url(../images/leibiao1.png) #2e9d37 248px center no-repeat;} .nyhotpro .bd{overflow:hidden;padding:10px;background: #fff;border: 1px solid #2e9d37;} .nyhotpro .bd ul li{text-align:center;margin-bottom:10px;} .nyhotpro .bd ul li a{display:block;} .nyhotpro .bd ul li a img{margin-bottom:10px;max-width:100%;padding:2px;border:1px solid #ccc;box-sizing:border-box;} .nyhotpro .bd ul li p{font-size:16px;line-height:30px;} .nyhotpro .bd ul li a:hover img{border-color:#2e9d37;} .nycontel-con{padding:10px;background: #fff;border: 1px solid #0065b6;line-height:1.8;} .nycontel-con img{max-width:100%;height:auto !important;} /*鍐呴〉宸︿晶浜у搧瀵艰埅*/ .nyprojc{margin-bottom:20px;} .nyprojc-til{background: url(../images/nypronav-bg.jpg) #2e9d37 no-repeat center;} .nyprojc-til a{padding: 25px;display: block;} .nyprojc-til a p{color: #fff;font-weight: bold;font-size: 22px;line-height: 30px;} .nyprojc-til a span{color: #999;display: block;text-transform: capitalize;font-weight: 100;line-height: 20px;font-size: 14px;} #sidebar1{overflow:hidden;padding-top: 2px;} #sidebar1 li{position: relative;width: 100%;} #sidebar1 li::before, #sidebar1 li::after{content: '';display: block;height: 100%;position: absolute;width: 1px;background: #eee;top: 0;z-index:1;} #sidebar1 li::before{left:0;} #sidebar1 li::after{right:0;} #sidebar1 li>a{display: block;line-height: 60px;height: 60px;width: 100%;position: relative;overflow: hidden;background: #fff;} #sidebar1 li>a::before{content: '';display: block;height: 60px;background: #2e9d37;left: -100%;top: 0;position: absolute;width: 100%;z-index: 2;-webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;} #sidebar1 li>a::after{position: absolute;content: '';background: #eee;width: 100%;height: 1px;bottom: 0;left: 0;z-index: 1;} #sidebar1 li>a>span{display: block;font-size: 16px;color: #343434;height: 100%;position: relative;z-index: 3;padding: 0 30px;} #sidebar1 li>a>i{display: block;position: absolute;right: 20px;top: 23px;width: 18px;height: 18px;background: url(../images/nyprolist_cur.png) no-repeat 0 center;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;z-index: 3;-webkit-transform: rotate(0deg);transform: rotate(0deg);} #sidebar1 li>.nypronav2{padding: 8px 0;background: #eee;display:none;} #sidebar1 li>.nypronav2>a{display: block;color: #666;line-height: 34px;padding: 0 30px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;font-size: 14px;} #sidebar1 li.cur>a::before{left:0;} #sidebar1 li.cur>a>span{color: #fff;} #sidebar1 li.cur>a>i{background-position: -27px center;-webkit-transform: rotate(90deg);transform: rotate(90deg);} #sidebar1 li>.nypronav2>a.cur, #sidebar1 li>.nypronav2>a:hover{color: #2e9d37;} /*鍐呴〉鍙充晶鍐呭*/ .nyshow{width: 980px;padding-left : 20px;float: left;padding-top: 0px;} .nyshow-til{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;margin-bottom:20px;/* display: none; */} .nyshow-til>h1, .nyshow-til>h2{float: left;padding-right:15px;text-indent: 25px;height: 40px;line-height: 40px;border-bottom: 2px #2e9d37 solid;color: #2e9d37;font-size: 18px;font-weight: bold;position:relative;} .nyshow-til>h1::before, .nyshow-til>h2::before{content:'';position:absolute;left:0;top:50%;margin-top: -15px;width:6px;height:30px;background: #2e9d37;} .nyshowdesc{font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;/* border: 1px solid #ccc; *//* border-top: 5px solid #2e9d37; *//* padding-top: 20px; *//* padding-bottom: 20px; */} .nyshowdesc img{max-width:100%;height:auto !important;} /*鎺ㄨ崘鏂伴椈*/ .nyhotnews{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;} .nyhotnews>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #2e9d37 solid;color: #2e9d37;font-size: 18px;font-weight: bold;background:url(../images/nyhotnewico.png) no-repeat left;} .nyhotnews-list{margin-top:10px;overflow:hidden;} .nyhotnews-list li{width:50%;float:left;font-size: 14px;line-height: 30px;padding: 0 15px;background: url(../images/news-dian.png) left no-repeat;background-size: 8px;box-sizing:border-box;} .nyhotnews-list li a{float:left;width: 260px;color:#333;} .nyhotnews-list li span{float:right;color:#666;} .nyhotnews-list li:hover{background: url(../images/news-dian.png) left no-repeat;background-size: 8px;} .nyhotnews-list li:hover a{color: #2e9d37;} /*瑙嗛鍒楄〃*/ .nyvideo-ul{overflow:hidden;} .nyvideo-ul li{width:33.33%;float:left;padding:0 10px;margin-bottom:20px;box-sizing:border-box;} .nyvideo-div a{display:block;border:1px solid #ddd;padding:2px;overflow:hidden;} .nyvideo-div a img{display:block;max-width: 100%;width: 311px;} .nyvideo-div a.nyvideo-a{padding:0 10px;border:none;line-height:25px;text-align:center;} .nyvideo-div:hover a{border-color:#3e60a3;color:#3e60a3;} /*瑙嗛璇︽儏*/ .showvideo-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .showvideo-top>h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .showvideo-time{text-align:center;} .showvideo-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .showvideo-time span:last-child{margin-right:0;} .showvideo-mp{margin-bottom:20px;text-align:center;} .showvideo-mp video, .showvideo-mp iframe{max-width:800px;} .showvideo-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showvideo-con img{max-width:100%;height:auto !important;} /*涓嬭浇鍒楄〃*/ .nydown-list{margin-bottom:20px;} .nydown-list table{width:100%;text-align:center;} .nydown-list table thead{background:#3e60a3;color:#fff;font-size:16px;line-height:2;} .nydown-list table tbody{line-height:1.6} .nydown-list table tbody tr td{color:#666;} .nydown-list table tbody tr td:first-child{color:#333;} /*涓嬭浇璇︽儏*/ .showdown-top{margin-bottom:20px;} .showdown-top>h1{font-size: 18px;margin-bottom:10px;color:#333;font-weight:bold;padding-left:20px;} .showdown-top>ul{padding:10px;background:#f6f6f6;} .showdown-top>ul>li{border-bottom: 1px solid #eee;font-size:12px;color:#666;margin-bottom:5px;line-height:20px;} .showdown-top>ul>li:last-child{margin-bottom:0;} .showdown-top>ul>li>span{padding: 0px 10px;margin-right: 5px;} .showdown-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showdown-con img{max-width:100%;height:auto !important;} /*鍥剧墖鍒楄〃*/ .nyimg-ul{overflow:hidden;} .nyimg-ul li{width:33.33%;float:left;padding:0 10px;box-sizing:border-box;} .nyimg-div a{display:block;border:1px solid #ddd;padding:2px;overflow:hidden;} .nyimg-div a img{display:block;max-width: 100%;width: 310px;height: 200px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .nyimg-div a.nyimg-a{padding:0 10px;border:none;line-height: 40px;text-align:center;font-size: 16px;} .nyimg-div:hover a{border-color:#2e9d37;color:#2e9d37;} .nyimg-div:hover a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} /*鍥剧墖璇︽儏*/ .showimg-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .showimg-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .showimg-time{text-align:center;} .showimg-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .showimg-time span:last-child{margin-right:0;} .showimg-img{margin-bottom:15px;text-align:center;} .showimg-img img{max-width:100%;} .ctitle{margin-bottom:15px;} .ctitle h3{padding-left:20px;background: url(../images/dt-7.gif) no-repeat left center;line-height:30px;border-bottom: 1px dotted #ccc;color:#666;font-weight:bold;} .showimg-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showimg-con img{max-width:100%;height:auto !important;} /*鏂伴椈鍒楄〃*/ .nynews-ul{overflow:hidden;} .nynews-ul li{margin-bottom: 15px;} .nynews-ul li a{overflow: hidden;display: block;} .nynews-ul li a dl{overflow: hidden;border: 1px solid #ddd;padding: 15px 10px 18px 22px;width:100%;box-sizing:border-box;} .nynews-ul li a dl dt{float:left;box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);} .nynews-ul li a dl dt img{display: block;width: 230px;} .nynews-ul li a dl dd{float: left;width: 700px;margin-top: 20px;margin-left: 30px;} .nynews-ul li a dl dd h5{width: 460px;float: left;font-size: 18px;line-height: 32px;font-weight: normal;color: #333;} .nynews-ul li a dl dd em{float: right;height: 30px;line-height: 30px;font-size: 14px;color: #999;} .nynews-ul li a dl dd p{line-height: 20px;font-size: 14px;margin-top: 15px;height: 60px;color:#666;float: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .nynews-ul li a dl dd span{width: 135px;border: 1px solid #ddd;line-height: 35px;height: 35px;font-size: 16px;color: #666;margin-top: 10px;float: right;display: block;text-align: center;} .nynews-ul li a:hover dl{border:1px solid #3e60a3;} .nynews-ul li a:hover dl dt{box-shadow: 0 0 5px 0 rgb(62 96 163 / 0.8);} .nynews-ul li a:hover dl dd h5{color:#3e60a3;} .nynews-ul li a:hover dl dd span{border: 1px solid #3e60a3;background: #3e60a3;color: #fff;} /*鏂伴椈璇︽儏*/ .shownews-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .shownews-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .shownews-time{text-align:center;} .shownews-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .shownews-time span:last-child{margin-right:0;} .shownews-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .shownews-con img{max-width:100%;height:auto !important;} /*浜у搧鍒楄〃*/ .nypro-ul{overflow:hidden;} .nypro-ul li{width: 100%;float:left;padding: 10px;padding-left: 0;border-bottom: 2px solid #ccc;} .nypro-ul li {display:block;position:relative;} .nypro-ul li .nypro-img{overflow:hidden;position:relative;float: left;width: 200px;border: 1px solid #ccc;padding: 2px;} .nypro-ul li:hover .nypro-img{ border:1px solid #2e9d37 } .nypro-ul li .nypro-img a{} .nypro-ul li .nypro-img a img{width: 100%;} .nypro-ul li .nypro-txt{width: 750px;position: relative;z-index: 4;padding: 18px 0px 18px 20px;float: left;/* background: #f5f5f5; */} .nypro-ul li .nypro-txt b{padding-bottom: 4px;display: block;font-size: 18px;} .nypro-ul li .nypro-txt b a{ font-size: 16px; padding: 0 4px; color: #2e9d37;} .nypro-ul li .nypro-txt p{ padding-top: 6px;} .nypro-ul li .nypro-txt p span{line-height: 26px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;} .nypro-ul li .nypro-txt p span.ppp1{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .nypro-ul li .nypro-txt p span strong{} /*浜у搧璇︽儏*/ .nyproshow-top{overflow:hidden;} .nyproshow-top>dt{padding-bottom: 15px;float:left;width:402px;} /*bigzoompic*/ #MagnifierWrap2{position: relative;} .MagnifierMain{position: relative;border:1px solid #ccc;} .MagnifierMain img{width: 100%;display:block;} .MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;} .MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(../images/loading.gif) no-repeat center center; } .MagnifierImg{position: absolute;top:0; left: 0;} .spec-items{position: relative;width: 344px;height: 74px;overflow: hidden;margin: 10px auto 0;} .spec-items ul{width: 500%;position: absolute;top: 8px;left: 0;} .spec-items ul *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .spec-items li{width: 64px;float: left;overflow: hidden;margin-right: 5px;border: 1px solid #ccc;cursor: pointer;} .spec-items li.on{border: 1px solid #2e9d37;} .spec-items li img{width: 100%;display:block;} span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 0px;display: block;width: 20px;height: 70px;line-height: 70px;font-family: "榛戜綋";text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;} span.on{background-color: #ccc;color: #999;cursor: pointer;} span.spe_leftBtn{left: 0;} span.spe_rightBtn{right: 0;} .nyproshow-txt{float:left;width: 547px;margin-left: 28px;z-index:1;} .nyproshow-txt>h1{font-size: 24px;color: #333;border-bottom: 1px dashed #bbbbbb;padding: 2px 0 10px;line-height: 54px;margin-bottom:10px;font-weight: bold;} /*浜у搧鍙傛暟*/ .nyproshow-info{line-height: 2.15;color:#666;margin-bottom:20px;} .nyproshow-info p{font-weight:bold;font-size: 18px;color: #333;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;} .nyproshow-info span{ color:#666; font-weight:initial; } .showpro-tel{overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;} .showpro-telx{float:left;line-height:40px;padding-bottom: 14px;} .showpro-telx img{float:left;margin-right:12px;} .showpro-telcon{float:left;} .showpro-telcon p{float:left;color:#666;margin-bottom:0;} .showpro-telcon span{float:left;color:#333;font-size:24px;font-family: arial;} .showpro-tel a{float: left;display:block;line-height:40px;padding: 0 42px;background: #2e9d37;color:#fff;} .showpro-tel a i{margin-right:5px;} .showpro-tel a:hover{background:#034ad8;} .showpro-con{margin-top: 20px;} .showpro-con ul{border-bottom: 1px solid #ccc;line-height: 40px;margin-bottom: 10px;overflow:hidden;} .showpro-con ul li{text-align: center;padding:0 24px;font-size: 16px;background: #e6e6e6;color:#333;float: left;margin-right: 10px;cursor: pointer;} .showpro-con ul a{text-align: center;padding:0 24px;font-size: 16px;background: #e6e6e6;color:#333;float: left;margin-right: 10px;cursor: pointer;} .showpro-con ul li.on{background: #2e9d37;color:#fff;} .showpro-con ul li:last-child{margin-right: 0;} .showpro-details{font-size: 16px;line-height: 1.8;overflow: hidden;} .showpro-details .showpro-det{display:none;min-height:200px;} .showpro-details div{margin-bottom: 10px;} .showpro-details img{max-width: 100%;height:auto !important;} /*鐩稿叧浜у搧*/ .nyaboutpro{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;} .nyaboutpro>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #2e9d37 solid;color: #2e9d37;font-size: 18px;font-weight: bold;background: url(../images/ny-objs.png) no-repeat left;} #abprolist{margin:20px 0;} #abprolist li{padding:0 10px;} #abprolist li a{display:block;} #abprolist li a .abpro-img{padding:2px;border:1px solid #ccc;} #abprolist li a .abpro-img img{display:block;max-width:100%;} #abprolist li a p{margin-top:5px;line-height:30px;height:30px;text-align:center;background:#ccc;padding:0 10px;color:#333;} #abprolist li a:hover .abpro-img{border-color:#2e9d37;} #abprolist li a:hover p{background:#2e9d37;color:#fff;} /*鏍囩*/ .pro_key {line-height: 35px;font-size: 15px;color: #333;font-weight: bold;} .pro_key a{font-size: 14px;background: #9e9c9c;padding: 2px 6px;color:#fff;font-weight: normal;text-decoration: none;} .pro_key a:hover{background:#2e9d37;} /*鍒嗕韩鎸夐挳*/ .jiathis{ padding:0px 5px; height:35px; line-height:30px;border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;margin-bottom:20px;} .jiathis .jiathis_txt{float: left;} /*涓婁笅椤垫寜閽?/ .ny-page{overflow: hidden;margin-bottom:30px;} .ny-pagea{width:50%;float:left;padding:0 10px;box-sizing:border-box;} .ny-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .ny-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} /*鎼滅储妯″潡*/ .nysearch-ul{overflow: hidden;} .nysearch-ul li.nysearch-li{padding: 0 0 15px 0;margin-bottom: 25px;border-bottom: 1px dashed #333;overflow:hidden;} .nysearch-til>a{line-height: 14px;color: #fff;vertical-align: baseline;white-space: nowrap;display: inline-block;background: #3e60a3;margin-right: 5px;position: relative;top:0;padding: 4px 6px;} .nysearch-til>a .nysearch-arrow{position: absolute;width: 0;height: 0;vertical-align: top;top: 7px;right: -4px;border-left: 4px solid #000;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left-color: #0280f6;} .nysearch-til>a:hover{background:#3e60a3;} .nysearch-til>a:hover .nysearch-arrow{border-left-color:#3e60a3;} .nysearch-til>h2{display: inline;font-size: 19px;margin: 0;font-weight: bold;position: relative;top: 1px;line-height: 25px;} .nysearch-con p.nysearch-desp{color: #666;font-size: 14px;line-height: 23px;margin: 5px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .nysearch-date {color: #333;line-height: 20px;font-size: 12px;} .nysearch-date span{color: #999;} .nysearch-date p{float: left;margin: 0;} .nysearch-date i{margin-right: 5px;} .nysearch-con a.nysearch-more{position:relative;left:0;color: #ffffff;font-size: 13px;width:100px;height:30px;line-height:30px;background: #999;margin-top: 10px;display: block;border-radius: 20px;float:left;text-align: center;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;} .nysearch-con a.nysearch-more:hover{background: #3e60a3;left:10px;} /*缈婚〉鏍峰紡*/ .metpager_1{ text-align:center;} .metpager_2{ text-align:center;} .metpager_3{ text-align:center;} #flip{line-height: 25px;} .digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;} .digg4 .disabledfy{ font-family: Tahoma, Verdana;} .metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;} .metpager_4 a:hover { border:1px solid #009; color:#000;} .metpager_4 a:active {border:1px solid #009; color:#000;} .metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;} .metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;} .metpager_5 a,.metpager_5 span.miy{border:1px solid #ccdbe4;padding:2px 8px 2px 8px;color: #2e9d37;display: inline-block;} .metpager_5 a:hover { border:1px solid #2e9d37; color:#fff; background-color:#2e9d37;} .metpager_5 a:active {border:1px solid #2e9d37; color:#000;} .metpager_5 span.current {padding:2px 8px 2px 8px;margin:2px;color:#fff;background: #2e9d37;border: 1px solid #2e9d37;text-decoration:none;display: inline-block;} .metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#999;display: inline-block;} .metpager_6{ color:#ff6500; } .metpager_6 a,.metpager_6 span.miy{ border:1px solid #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page/page6.jpg);} .metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;} .metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;} .metpager_7 a,.metpager_7 span.miy{ border:1px solid #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page/page7.gif) #2c2c2c; color:#fff;} .metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;} .metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../images/page/page7_2.gif) #aad83e;} .metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page/page7_2.gif) #aad83e; text-decoration:none;} .metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;} .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;} .metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} .metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} #dituContent img{ max-width:none } img{ image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } .centerimg{ float:left;width:150px; text-align:center; height:150px;overflow:hidden;border:1px solid #e6e6e6;padding:4px;} .centercontent{float:left; width:780px; padding-left:22px;color:#7a7a7a; line-height:200%;} .centercontent p{line-height:200%; font-family:"寰蒋闆呴粦"; font-size:12px;} .centercontent b a{color:#104798; font-family:"寰蒋闆呴粦"; font-size:12px; text-decoration:none;} .centercontent b a:hover{ text-decoration:underline;} .inner{ padding-top:20px; } .inner_fl{ float: right; width: 980px;} #newslist{} #newslist .n_cont{} #newslist .n_cont dl{ display: inline-block; border-bottom: 1px dotted #a5a5a5; padding-bottom: 10px; padding-top: 5px;} #newslist .n_cont dl dt{ width: 200px; height: 160px; float: left; display: inline-block; border: 1px solid #ccc; padding: 2px; overflow:hidden; } #newslist .n_cont dl:hover dt{ border:1px solid #2e9d37 } #newslist .n_cont dl dt a{} #newslist .n_cont dl dt a img{ width: 100%; height: auto; position: relative; top: 50%; transform: translateY(-50%);} #newslist .n_cont dl dd{ float: left; width: 750px; padding-left: 24px; padding-top: 24px;} #newslist .n_cont dl dd h5{ padding-bottom: 10px;} #newslist .n_cont dl dd h5 a{ font-size: 18px; font-weight: bold;} #newslist .n_cont dl:hover dd h5 a{ color:#2e9d37 } #newslist .n_cont dl dd p{ color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 24px;} #newslist .n_cont dl dd em{ padding-top: 10px; display: block;} /**/ .nyjoblist-ul{overflow: hidden;} .nyjoblist-ul li{margin-bottom: 20px;border-bottom: 1px solid #dedede;padding-bottom: 10px;} .nyjoblist-top{padding: 20px;position: relative;overflow:hidden;border-left: 3px solid #2e9d37;} .nyjoblist-top h3{color: #333;font-size: 20px;font-weight: bold;padding-bottom: 10px;} .nyjoblist-top span{padding-right: 20px;color: #999;} .nyjoblist-top p{color:#666;margin:10px 0;} .nyjoblist-top>a{float:left;padding: 8px 32px;background: #2e9d37;border-radius:20px;color:#fff;margin-right:10px;} .nyjoblist-top>a+a{margin-right:0;} .nyjoblist-top>a:hover{background:#ffc531;color:#333;} .showjob-left{padding-bottom:30px;} .showjob-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:10px;} .showjob-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 30px;} .showjob-list{overflow:hidden;margin-bottom: 12px;} .showjob-list li{width: 46%;float:left;font-size: 16px;padding: 10px 0px;background: url(../images/dt-0.png) no-repeat left top 13px;} .showjob-list li span{float: left;margin-right: 10px;color: #666;font-size: 16px;} .page-header{} .page-header h3{ font-weight: bold; font-size: 18px;} .showjob-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;font-weight: 400;padding: 10px 0;} .showjob-con img{max-width: 100%;height:auto !important;} .showjob-more{} .showjob-page{padding-top: 20px;padding-bottom:20px;overflow: hidden;} .showjob-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .showjob-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} .text-center{text-align:center;margin: 20px 0;} .btn-lg{ background: #2e9d37; color: #fff; width: 120px; height: 32px; display: inline-block; line-height: 32px;} .btn-lg:hover{ background:#0065b6; } /*鑱旂郴鎴戜滑*/ .lianxi_m {overflow: hidden;margin-top: 10px;margin-bottom: 24px;background: #f5f5f5;} .lianxi_m .lianxi_ml {width: 300px;float: left;background: #28a32c;color: #fff;padding: 20px 30px 20px 30px;overflow: hidden;} .lianxi_m .lianxi_ml .lianxi_ml_m {overflow: hidden;font-size: 32px;font-weight: bold;line-height: 52px;margin-bottom: 10px;color: #fff;} .lianxi_m .lianxi_ml .lianxi_ml_s {width: 240px;border: solid 2px #fff;font-size: 24px;font-family: Arial, Helvetica, sans-serif;text-align: center;margin-bottom: 10px;line-height: 40px;} .lianxi_m .lianxi_ml .lianxi_ml_en {font-family:'Arial';font-size: 24px;line-height: 40px;} .lianxi_mr {float: right;position: relative;width: calc(100% - 400px);} .lianxi_mr_i {float: left;font-family: Arial, Helvetica, sans-serif;font-size: 100px;font-weight: 89;margin-left: -28px;line-height: normal;color: #999;position: absolute;overflow: hidden;margin-top: 10px;} .lianxi_m .mr_i {font-size: 100px;line-height: 200px;margin-top: 80px;margin-left: calc(100% - 690px);position: absolute;right:30px;} .lianxi_mr_m {width: calc(100% - 69px);float: left;overflow: hidden;padding-left: 22px;padding-right: 10px;padding-top: 18px;line-height: 28px;color: #666;font-size: 16px;text-align:left;} .lianxi_mr_m span {font-size: 24px;font-weight: bold;line-height: 60px;color: #28a32c;} .contact_ny ul { background: #fff; overflow: hidden; border-right: none;} .contact_ny ul li {float: left;width:33.3333%;height: 140px;border-width: 1px 0 1px 1px;border: 1px solid #ececec;padding: 24px;text-align: left;box-sizing: border-box;} .contact_ny ul li em {float: left;display: inline-block;width: 51px;height: 51px;margin-right: 9px;margin-top: 6px;} .contact_ny .ftlxfs{ float: left; width: 210px;} .contact_ny ul li h5 {color: #28a32c;margin-bottom: 4px;font-size: 18px;font-weight: bold;} .contact_ny ul li>p{float: left;} /*鐣欒█*/ .uform{ padding-bottom: 10px;} .uform .lybk{} .uform .lybk form{ float:left } .uform .lybk h3{ font-size: 20px; padding-bottom: 6px; float: left; width: 150px; margin-bottom: 20px; text-indent: 30px; height: 40px; line-height: 40px; border-bottom: 2px #2e9d37 solid; color: #2e9d37; font-size: 18px; font-weight: bold; background: url(../images/ny-objs.png) no-repeat left;} .uform .lybk h3 b{} .uform .lybk p{font-size: 16px;padding-bottom: 10px;/* display: none; */float: left;line-height: 50px;margin-right: 12px;margin-left: 12px;} .uform .lybk p input{ width: 120px; height: 46px; border: 1px solid #ccc; margin-left: 10px; padding-left: 20px; font-size: 16px;letter-spacing: 2px;line-height: 46px;} .uform ul{} .uform ul li{padding-bottom: 10px;width: 50%;float: left;display: block;height: 48px;} .uform ul li span{} .uform ul li span img{} .uform .ut{ width: 410px; border: 1px solid #ccc; height: 48px; padding-left: 20px;} .uform .sub{} .uform .sub a{ width: 99%; height: 48px; background: #2e9d37; display: block; line-height: 48px; text-align: center; font-size: 16px; color: #fff;} .syly{padding-bottom: 10px;float: left;width: 572px;padding-left: 20px;} .syly .lybk{} .syly .lybk form{ float:left } .syly .lybk h3{ font-size: 20px; padding-bottom: 6px; float: left; width: 150px; margin-bottom: 20px; text-indent: 30px; height: 40px; line-height: 40px; border-bottom: 2px #2e9d37 solid; color: #2e9d37; font-size: 18px; font-weight: bold; background: url(../images/ny-objs.png) no-repeat left;} .syly .lybk h3 b{} .syly .lybk p{font-size: 16px;padding-bottom: 10px;width: 50%;/* display: none; */float: left;line-height: 40px;margin-right: 6px;margin-left: 6px;} .syly .lybk p:nth-of-type(1){ width: 36%;} .syly .lybk p img{ height: 36px !important; padding-top: 3px;} .syly .lybk p input{width: 114px;height: 36px;border: 1px solid #ccc;margin-left: 10px;padding-left: 20px;font-size: 16px;letter-spacing: 2px;line-height: 46px;} .syly ul{} .syly ul li{padding-bottom: 10px;width: 48%;float: left;display: block;height: 38px;color: #fff;} .syly ul li:nth-of-type(4){} .syly ul li span{} .syly ul li span img{ width: 38px; height: auto;} .syly .ut{width: 200px;border: 1px solid #fff;height: 36px;padding-left: 20px;color: #fff;} .syly .sub{} .syly .sub a{width: 222px;height: 40px;background: #ffffff;display: block;line-height: 40px;text-align: center;font-size: 16px;color: #2e9d37;margin-left: 42px;} .yzm{ display: inline-block; float: left; top: -29px; position: relative;} .yzm input{ position: relative; top: 34px; width: 89px; font-size: 0; height: 34px; border: 1px solid #ccc;} .yzm img{} .jjj1 .sssa{ height:660px !important; } .sssy{ position: inherit !important; display: block !important; left: 0 !important; } .mmm1 .bd{height: 600px;} .fixednav{position: fixed;top: 0px;left: 15%;z-index: 9;background: #fff;width: 300px;border-top: 1px solid #f5f5f5;} @media(max-width: 1860px) { .fixednav{position: fixed;top: 0px;left: 14%;z-index: 9;background: #fff;width: 300px;border-top: 1px solid #f5f5f5;} } @media(max-width: 1800px) { .fixednav{position: fixed;top: 0px;left: 13%;z-index: 9;background: #fff;width: 300px;border-top: 1px solid #f5f5f5;} } @media(max-width: 1740px) { .fixednav{position: fixed;top: 0px;left: 11%;z-index: 9;background: #fff;width: 300px;border-top: 1px solid #f5f5f5;} } @media(max-width: 1700px) { .fixednav{position: fixed;top: 0px;left: 11%;z-index: 9;background: #fff;width: 300px;border-top: 1px solid #f5f5f5;} } @media(max-width: 1640px) { .fixednav{position: fixed;top: 0px;left: 9%;z-index: 9;background: #fff;width: 300px;border-top: 1px solid #f5f5f5;} } @media(max-width: 1600px) { .fixednav{position: fixed;top: 0px;left: 9%;z-index: 9;background: #fff;width: 300px;border-top: 1px solid #f5f5f5;} } @media(max-width: 1550px) { .fixednav{position: fixed;top: 0px;left: 7%;z-index: 9;background: #fff;width: 300px;border-top: 1px solid #f5f5f5;} } @media(max-width: 1500px) { .fixednav{position: fixed;top: 0px;left: 6%;z-index: 9;background: #fff;width: 300px;border-top: 1px solid #f5f5f5;} } @media(max-width: 1440px) { .fixednav{position: fixed;top: 0px;left: 5%;z-index: 9;background: #fff;width: 300px;border-top: 1px solid #f5f5f5;} } @media(max-width: 1400px) { .fixednav{position: fixed;top: 0px;left: 3%;z-index: 9;background: #fff;width: 300px;border-top: 1px solid #f5f5f5;} } @media(max-width: 1366px) { .fixednav{position: fixed;top: 0px;left: 2%;z-index: 9;background: #fff;width: 300px;border-top: 1px solid #f5f5f5;} }