@charset "utf-8"; @media screen and (min-width: 200px) and (max-width: 1200px) {body{ width:1200px;}} body{ text-align:center; font-family:Arial,Helvetica,sans-serif;font-size:14px; color:#000; margin:0px; padding:0px; background: url(../img/body.jpg) repeat; } *{ margin:0px; padding:0px;} .clear{clear:both;height:0;overflow:hidden; font-size:0px;} .clear10{height:10px;overflow:hidden;clear:both;} .clear20{height:20px;overflow:hidden;clear:both;} .clear40{height:40px;overflow:hidden;clear:both;} ol,ul,li{list-style:none outside none;} a{color:#333; text-decoration:none} a img{border:0 none;} table,tr,td,th{border-collapse:collapse;padding:0; margin:0; color:#000000} img{vertical-align: middle;} /*input,textarea{padding:0 2px; resize:none;}*/ .box{ width:1440px; margin:0px auto; text-align:left; overflow:hidden; background:url(../img/top.jpg); height:100px;} .fl{ float:left;} .fr{ float:right;} .padding{ padding:10px;} .info{ line-height:35px; text-align:left; } .red{ color:#990000; } .black{ color:#000;} .green{ color:#26973d} .m1200{ width:1200px; margin:0px auto; text-align:left; overflow:hidden} .m1400{ width:1400px; margin:0px auto; text-align:left; overflow:hidden} .main2{width:100%; overflow:hidden; margin:0px auto; } .cor{ color:#666666} .head{ width:100%; background:#231F20; opacity:1; height:85px; z-index:9999; margin:0 auto; position:fixed; top:0px;} .logo{ width:100%; float:left; overflow:hidden;} .logo_left{ width:400px; float:left; overflow:hidden; } .logo_right{line-height:30px; float:left;} .tel{ width:200px; color:#666666; float:right; margin-right:1%} .nav{ width:600px; margin:0 auto; overflow:hidden; height:85px } .nav ul{ width:600px; margin:0 auto} .nav ul li{ width:118px; float:left; overflow:hidden; border-right:0px solid #EFEFEF; } .nav ul li a{ width:118px; height:85px; display:block; text-align:center; color:#fff; font-size:15px; line-height:85px;} .nav ul li a:hover{ background: #877063; color:#fff; height:85px } #banner{width:100%; overflow:hidden; margin:0 auto;} .intitleen{font-size:18px; color:#999; text-align: center; font-family: Arial, Helvetica, sans-serif} .intitle{font-size:30px; color:#333; font-weight: 600; text-align: center; line-height: 1.7em; letter-spacing: 1px; text-transform: uppercase;} .inabcon{width:980px; float:right; text-align:left; line-height:35px; font-size:16px;} .more { width:160px; margin-top:10px;text-align:center; float:left; margin-left:20px; background: #006666 } .more a { display:inline-block; *display:inline; *zoom:1; line-height:50px; color:#fff; } .more a:hover, .module-full-screen-more a:active { background-color: #D9D9D9; border-color:#fff; color:#666; text-decoration:none;width:160px; } .more1 {width:160px; margin-top:10px;text-align:center; float:right; margin-left:30px; background:#D9D9D9 } .more1 a { display:inline-block; *display:inline; *zoom:1; line-height:50px; color:#666; } .more1 a:hover, .module-full-screen-more a:active { background-color:#009966; border-color:#fff; color:#fff; text-decoration:none;width:160px; } .more2 {width:160px; margin-top:10px;text-align:center; float:right; margin-left:30px; background:#D9D9D9 } .more2 a { display:inline-block; *display:inline; *zoom:1; line-height:50px; color:#666; } .more2 a:hover, .module-full-screen-more a:active { background-color:#009966; border-color:#fff; color:#fff; text-decoration:none;width:160px; } /**新闻**/ .xm{width:1200px; margin:0 auto; overflow:hidden} .xm ul{width:1200px; margin:0 auto; overflow: hidden} .xm ul li{width:580px; overflow: hidden; float:left; margin-right:20px; margin-top:10px;} .xm ul li a{ color:#666; font-size:16px; font-weight:550} .xm ul li a:hover{ color: #000} .newsmore { width:135px; margin-top:10px; margin:0 auto; background:#fff; border:1px #CCCCCC dotted } .newsmore a { display:inline-block; *display:inline; *zoom:1; line-height:40px; color:#333; } .newsmore a:hover, .module-full-screen-more a:active { background-color: #967E71; color:#fff; text-decoration:none;width:135px; } #news1{ width: 180px; height: 100px; border: #ccc solid 0px; margin: 20px auto; overflow: hidden; } #news1 img{ cursor: pointer; transition: all 0.6s; } #news1 img:hover{ transform: scale(1.4); } .abcon{width:940px; margin:0 auto; overflow:hidden; text-align:left; line-height:30px;} /**内页新闻**/ .news{width:940px; margin:0 auto; overflow:hidden} .news ul{width:940px; margin:0 auto; overflow: hidden} .news ul li{width:940px; overflow: hidden; float:left; margin-right:20px; margin-top:10px;} .news ul li a{ color:#333} .news ul li a:hover{ color:#967F71} .newsda{width:766px; height:100px; background:#efefef; margin-top:20px; padding-left:12px; line-height:35px; text-align:left; float:right;color:#666} .inprod2{width:940px; margin:0 auto; overflow:hidden} .inprod2 ul{width:940px; margin:0 auto;} .inprod2 ul li{width:290px; height:240px; border:1px #ddd double; float:left; padding: 2px; margin-left:10px; margin-bottom:20px; text-align:center} .abtitle{font-size:18px; line-height:35px; border-bottom:1px #ccc double; text-align:left; color:#231F20; font-weight:bold} .pr{width:1200px; margin:0 auto; overflow:hidden} .pr_left{width:160px; float:left;} .prlist{width:160px; background:#fff; line-height:40px; font-size:20px; text-align:center; color:#967E71; font-weight:bold} /**产品分类**/ .xz{ width:160px; overflow:hidden; margin:0px auto;} .xz ul{ } .xz ul li{ width:160px; float:left; overflow:hidden; font-size:15px; margin-right:1%; margin-bottom:2px; } .xz ul li a{ width:160px; height:50px; display:block; text-align:center; color:#666; line-height:50px; border-bottom:1px #CCCCCC dotted} .red{ background:#fff } .red:hover{background:#fff; color:#333; } .xz ul li a.active{ color:#A48B78; line-height:50px; background: url(../images/jian.png) no-repeat right; height:50px; font-weight:900} .pr_right{width:940px; float:right; border: #E6E6E6 0px double} .prtitle{width:940px; margin:0 auto; overflow:hidden; color:#000; border-bottom:#CCCCCC 1px dotted; text-align:left; line-height:50px; font-size:22px;} .prcon{width:940px; margin:0 auto; overflow:hidden; text-align:left; line-height:30px;} .prcon ul{} .prcon ul li{ width:300px; float:left; margin-right:13px; text-align:center; line-height:35px;} .prcon img{width:300px; height:200px;} .prcon p{ line-height:35px; font-size:14px; color: #666666} /**人才招聘**/ .my-biji-view{ margin: 0; padding: 0; list-style-type: none; } .my-biji-view li{ border-top: 10px solid #fff; padding: 1px 1px; } .my-biji-view li .biji-tit{ height: 20px; line-height: 20px; font-size: 14px; color: #000; font-weight: 600; margin-bottom: 10px; overflow: hidden; } .my-biji-view li .biji-content{ width:810px; font-size: 14px; color: #000; line-height: 20px; margin-bottom: 10px; } .my-biji-view li .biji-oth{ border-top: 1px solid #f2f2f2; padding: 10px 0; align-items: center; justify-content: space-between; font-size: 12px; color: #999; } button{ padding: 3px 6px; border: none; outline: none; background-color: #009933; color: #fff; font-size: 12px; border-radius: 4px; } .product ul{width: 940px;position: relative;left:10px;} .product ul li{float: left;margin-left:20px;width: 300px;height: 280px;margin-top:20px;overflow: hidden;cursor: pointer;border: 1px solid #ddd} .product ul li img{width: 300px;height: 220px;} .product ul li .txt{text-align: center;line-height: 40px;} .product ul li{transition:All 0.5s ease-in-out;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;-o-transition:All 0.5s ease-in-out;} .product ul li:hover {transform:translate(0,-15px);-webkit-transform:translate(0,-15px);-moz-transform:translate(0,-15px);-o-transform:translate(0,-15px);-ms-transform:translate(0,-15px);-webkit-box-shadow:0px 5px 15px #e5e5e5;-moz-box-shadow:0px 5px 15px #e5e5e5;box-shadow:0px 5px 15px rgba(0,0,0,0.9);} .product ul li a{color: #2d2d2d} .footccc{width:100%; background: #231F20 ; margin:0 auto; overflow:hidden} .foot{width:1200px; margin:0 auto; overflow:hidden} .foot_left{ float:left; width:1020px; margin-bottom:0px; color:#fff; text-align:left; line-height:35px;} .foot_right{ float:left; text-align:left} .foot_er{ width:220px; float:right; margin-top:10px} .footnav{ width:600px; margin:0px auto; line-height:30px; color:#fff; overflow: hidden; text-align:left; margin-top:20px; } .footnav ul{ width:600px; margin:0px auto;} .footnav ul li{ width:120px; float:left; height:35px; text-align:left; line-height:35px; overflow:hidden; } .footnav a{ color:#fff;} .footcon{ width:100%; background:#918F8F; margin:0px auto;line-height:25px; overflow:hidden; color:#fff;}