@charset "utdf-8"; /* CSS Document */ li{list-style:none;} .img-res{max-width:100%;width:100%;} #fun1,.m,.dbdh,.tit-sm1{display:none;} .header .nav{padding-top:20px!important;} .nav a{display:inline-block!important;} .header .logo{width:247px;height:65px; float:left} .header .nav{float:right; padding-top:30px; line-height:30px;background:none;} .header .nav a{padding:0 7px;} .header .nav a:hover{text-decoration:underline} .img-banner{margin:0 auto;} /* banner */ .bner{position:relative;} .bner-p1{position:absolute;top:63%;left:73%;color:#fff;width:205px;height:60px;} .bner-p1 a,.bner-p2 a{color:#fff;} .bner-p1 a:hover,.bner-p2 a:hover{text-decoration:underline;color:#fff;} .bner-p2{position:absolute;top:85%;left:60%;color:#fff;width:205px;height:70px;} .bg{background:url(./bg.jpg);max-width:1440px;margin:0 auto;} /* tit */ .tit-bg{background:#016205;padding:0 15px;box-sizing:border-box;} .tit{padding-left:15px;margin-left: -5px;list-style: none;} .tit li{width: 18%;line-height: 2em;font-size: 24px;text-align: center;position: relative;top: 0px;left: 0px;margin-right: 10px; display: inline-block;margin-top:10px;margin-bottom:10px;} .tit li:after{content: '';background-color: white;transform: skewX(-60deg);z-index: 0;position: absolute;top: 0;right: 0;left: 0;bottom: 0;} .tit li a{color: #142117;position: relative;z-index: 1;} .tit2{width:90%;height:60px;transform: skewX(-50deg);background-color: #23AA1F;margin:0 auto;} .tit2-bg{position: relative;margin-top:20px;margin-bottom:30px;} .tit2-h2{position:absolute; color:#fff;top:8px;font-size:32px;font-weight:bold;text-align:center;width: 100%;} .tit2-h2 b{color:#142117;padding-right:10px;} /* 1 da chan neng */ .cn-1{border:1px solid #23aa1f;padding:10px 10px 20px 10px;margin-bottom:30px;} .timg-ma{margin-top:20px;margin-bottom:30px;} .carousel img{margin:0 auto;} .tit-sm1 h3,.tit-sm2 h3{font-weight:bold;margin-bottom:10px;} .tit-sm2{padding-top:30px;} .timg-ma2{float:right;} .zi-duo p{margin-bottom:10px;} .hl-ma{margin:0 auto;padding-top:30px;} .hl-pa{padding-top:30px!important;} /* cp jie shao*/ .cp-jj h3{background-color:#72C215;color:white;line-height:1.8em;padding-left:10px;padding-right:10px;font-size:1.29em;margin:10px 0;} .pro_xian {width: 100%;height: 1px;border-bottom: 1px solid #72C215;} .liucg{margin-top:30px;padding-top:30px;} .bg2{background:#016205;max-width:1440px;margin-bottom:30px;} .liucg img{margin-bottom:30px;} /* anli */ .anli{margin-bottom:35px;} .anli h3{font-size:1.72em;color:#333;font-weight:bold;margin-top:30px;margin-bottom:10px;} .anli p{margin-top:10px;margin-bottom:20px;} .anli img{margin-top:20px;} .anli h4{text-align:center;font-size:1.28em;font-weight:bold;margin-top:20px;margin-bottom:30px;} .anli a:hover{color:#333;} .inq_r .province{width: 50%;float: left;padding-right: 8px;} .inq_r .city{width: 50%;float: left;padding-left: 8px;} .inq_r .button{background-color:#72C215;color: #fff;} .inq_r .button:hover{background-color:#72C215;} .form-x .form-group .label{text-align:left!important;} .zhbg{background:#eee;margin-top:80px;padding:20px;} .bly{font-weight:bold;margin-bottom:25px;} .zhbg p{margin-bottom:10px;} .foot p{text-align:center;background:#30303d;padding-top:20px;padding-bottom:20px;margin-top:50px;color:#fff;} } @media (max-width:1200px){ .header{width:100%!important;} } @media (max-width:1000px){ .bner-p1,.bner-p2{display:none;} } @media (max-width:767px){ .header .nav,.foot,.tit-sm2{display: none!important;} #fun1 { position: absolute; right: 3%; top: 15px; display: block; cursor: pointer; } .m{ font-size: 15px; background: #fff; list-style: none; } .m a { color: #3e3e3e; } .m li { float: none; height: auto; line-height: 34px; border-bottom: 1px solid #cbcbcd; text-align: left; padding-left:15px; } .dbdh{display: block; width: 100%;position: fixed;bottom: 0;background:#73c316;} .dbdh ul li{width: 25%;height: auto;float: left;} .dbdh ul li a{display: block;text-align: center;padding: 5px;color: #fff; } .dbdh ul li a p{line-height: 30px;margin-bottom:0;} .dbdh ul li a img{display: inline-block;} .tit2-h2{font-size:18px;top:15px;} .tit li{font-size:18px; } .tit-sm1{display:block;} .timg-ma2{float:left;} .tit2{width:88%;} .liucg img{float: none!important;} .zhbg{margin-top:30px;margin-bottom:72px;} } @media (max-width:530px){ .tit2{width:88%;} } video{max-width: 100%;}