/* CSS Document */ *{ margin:0; padding:0;} body { margin: 0; padding: 0; font: normal 12px/26px Arial, "宋体"; word-break: break-all; word-wrap: break-word; background:#3a2b1a; } ul, li, dt, dl, p, h1, h2, h3, h4, h5, h6, div, html, form, table, tr, td, dt, dl, dd, span, input { padding: 0; margin: 0; list-style: none; } a, a img { text-decoration: none; color: #333; border: 0; margin: 0; padding: 0;cursor:pointer; } a:focus { outline: none; } a:hover { color: #9a0110; } td { word-break: break-all; word-wrap: break-word; } .links span{ float:left;} .textlinks a{ color:#fff!important;} /*h3{font-family:"微软雅黑"; font-weight:normal; font-size:14px;}*/ .clear { clear: both; } .main_c { width: 1200px; margin: 0 auto; } .main_c img{ max-width:1200px;} .fr { float: right; } .fl { float: left; } .p_rel{ position:relative; z-index:88;} .p_abs{ position:absolute; top:0; left:0;} .banner_b{ width:100%; background:url(../images/banner_b.png) no-repeat center; height:36px;} /*头部内容*/ .logo { width:252px; height: 66px; vertical-align: middle; position: relative; display: table-cell; text-align: center; } .logo a { color: #000; display: block; } .logo .ver { *position:absolute; top: 50%; } .logo .ver img { *position:relative; top: -50%; left: -50%; max-width:252px; } .header{ background:url(../images/header.jpg)no-repeat center; height:180px;} .top{ color: #eccba7; font: 24px/24px 微软雅黑,Vendana,Arial; height: 48px; padding-right: 10px; padding-top: 75px; text-align: right;} .top a{ color:#e0a836;} .nav {float: left; width: 1200px; text-align: center; padding-top: 5px; } .nav ul li { float:left; font: bold 14px/65px "微软雅黑","宋体",Verdana,Arial; width:118px; height:45px; text-align:center; } .nav ul li a { color:#fff; display: block; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .nav ul li a:hover, .nav ul li a.hover { background:url(../images/nav.png) no-repeat center; color:#d9c05d; } .nav li h3 { font: normal 14px/22px "微软雅黑", "宋体", Verdana, Arial; } .banner{ height:auto; text-align:center;} /*尾部内容*/ .f_logo { width: 330px; height: 117px; vertical-align: middle; position: relative; display: table-cell; text-align: center; } .f_logo .ver { *position:absolute; top: 50%; } .f_logo .ver img { *position:relative; top: -50%; left: -50%; } .foot { color: #fff; font: 12px/24px 宋体,Vendana,Arial; padding: 35px 0; width: 100%; } .foot a { color: #fff; } .foot_l { float: left; width: 200px; } .foot_l ul { font: 14px/30px 微软雅黑,宋体,Arial,Vendana; height: 30px; margin-bottom: 18px; } .foot_l ul li { float: left; margin-right: 40px; } .foot_r { border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; float: right; height: 95px; padding-top: 15px; text-align: right; width: 1000px; } .foot_r a { margin: 0 11px; } .foot_r img { max-height: 100px; max-width: 100px; } .f_l { float: right; padding: 15px; width: 300px; } .f_l img { float: right; padding-left: 10px; } /*案例*/ .tabtit{ } .tabtit h3 { color: #f8f2e4; display: block; float: left; height: 78px; margin: 10px; text-align: center; width: 250px; height: 60px; background: #3a2815; font: 24px/60px 微软雅黑,; font-weight: 300; letter-spacing: 3px;} .tabtit h3:hover { background: #c5b488; color: #3a2815; } .tabtit2 { border: 1px solid #0b5005 !important; color: #0b5005 !important;} .tabinner { display: none; margin-top: 20px;} .tabinner .boximg .img { height: 280px !important; padding: 0; padding-top: -30px; width: 300px !important; } .tabinner .boximg { background:#fff; border: 1px solid #45b035 !important; float: ; padding: 0;} .tabinner ul li { float: left; margin-left: 12px; text-align: center;} /*友情链接*/ .link{ border-top:3px solid #ff6fb7; font:normal 12px/40px 宋体, Vendana, Arial;} .link_t{ font:bold 14px/40px 微软雅黑, 宋体, Arial, Vendana; color:#ff6fb7; float:left; margin-right:30px;} .textlinks{ float:left;} .textlinks li{ float:left; margin-left:20px;} .textlinks li a{ color:#000} /*产品滚动*/ .p_scroll { position:relative; padding:20px 0 50px ;text-align:center; } .p_scroll .prev,.p_scroll .next{ width:51px; height:100%; position:absolute; top:0; cursor:pointer; z-index:99 } .p_scroll .prev{ background:url(../images/pre.png) no-repeat center center ; left:-60px} .p_scroll .prev:hover{background:url(../images/pre2.png) no-repeat center center ;} .p_scroll .next{ background:url(../images/next.png) no-repeat center center ; right:-60px;} .p_scroll .next:hover{background:url(../images/next2.png) no-repeat center center ;} .p_scroll ul li img{width: 256px;height: 256px;} .p_scroll2 { position:relative; } .p_scroll2 .prev,.p_scroll2 .next{ width:51px; height:100%; position:absolute; top:0; cursor:pointer; z-index:99 } .p_scroll2 .prev{ background:url(../images/pre.png) no-repeat center center ; left:-60px} .p_scroll2 .prev:hover{background:url(../images/pre2.png) no-repeat center center ;} .p_scroll2 .next{ background:url(../images/next.png) no-repeat center center ; right:-60px;} .p_scroll2 .next:hover{background:url(../images/next2.png) no-repeat center center ;} /*首页中部*/ .img1 img ,.img5 img ,.img8 img{ max-width:83px;padding-top: 23px;} .img2 img{ max-width:215px;} .img4 img{ max-height:178px;} .img9 img{ max-width:1000px;} .img10 img{ max-width:646px;} .pro{ background:#c9a276;} .anli{height:800px; background:#f8f2e4; overflow:hidden;} .dashi{height:600px; text-align:center;} .link0 { background-color: #f8f2e4; height: 500px; overflow: hidden; padding: 20px; text-align: center; } .lianjie{height:70px;} .linkl.img{ text-align:center;padding-bottom:15px;padding-top:15px;} .linkl { background: #ffffff none repeat scroll 0 0; height: 400px; padding-top: 25px; } .linkl.img{ height:60px;text-align:center;} .links { float: left; } .links li { float: left; height: 100px; margin: 0 auto; width: 150px; } .links li img { height: auto; margin: 0 auto; text-align: center; } .jieshao0 { height: auto; margin: 0 auto; text-align: center; width: 1440px; background-color: #cccccc; } .jieshao { background: rgba(0, 0, 0, 0) url("../images/jieshao.jpg") no-repeat scroll 0 0; height: 600px; text-align: center; } .jianjie{float: right; width: 400px; padding-top: 80px; font: 16px/30px 微软雅黑;} .liucheng{ background:#7b572e;padding:30px;} .liucheng img{text-align:center;} .rongyu{background:url(../images/ry.jpg) repeat;height:410px;} .ry{text-align:center; padding-top: 20px;} .more { color: #d3d3d3; float: right; font: 16px 微软雅黑,Arial,Vendana; overflow: hidden; padding-top: 12px; padding-right: 10px; } .xinwen{ background-color:#eccba7; height: 360px; overflow: hidden;} .newlist { float: left; margin-top: 52px; padding-bottom: 0; padding-right: 20px; width: 380px; } .newlist ul { background: #ffffff none repeat scroll 0 0; overflow: hidden; padding-right: 10px; width: 362px; } .newlist_t { background: #ffffff none repeat scroll 0 0; color: #4f2b02; font: 18px/42px blod,微软雅黑,宋体,Arial,Vendana; height: 40px; padding-left: 15px; position: relative; width: 357px; } .newlist_t a { color: #4f2b02; } .newlist .img1 { left: -16px; position: absolute; top: -30px; } .newlist ul li { padding-left: 10px; padding-right: 10px; width: 350px; } .box1{ float: left; margin-top: 52px; padding-bottom: 16px; width: 255px;} .box1_t{ background:url(../images/box1_t.jpg) no-repeat right bottom; font:normal 20px/42px 微软雅黑, 宋体, Arial, Vendana; height:100px; position:relative; padding-left:97px;} .box1_t a{ color:#c49655;} .box1 .img1{ position:absolute; top:-30%; left:0;} .box1 ul{ background: rgba(0, 0, 0, 0) url(../images/box1.jpg) repeat scroll 0 0; margin: 0 0 0 22px; padding: 30px 0;} .box1 ul li{ font:normal 16px/36px 微软雅黑, 宋体, Arial, Vendana; text-indent:50px;} .box1 ul li a{ color:#3a2b1a;} .box1 ul li:hover{ background:url(../images/box1_li.png) no-repeat 22px center ;} .box1 .img2{ background: #805f2e none repeat scroll 0 0; margin: 0 10px 0 26px; text-align:right; padding-right:20px; overflow:hidden; width:220px; } .box2{ float:right; width:920px;margin-top:52px; position:relative;text-align: center;} .box2 ul li{ float:left; width:285px; margin-left:10px; margin-bottom:10px; position:relative; height:250px; overflow:hidden; margin-top:30px;} .box2 ul li .boximg {border:1px solid #ffffff;} .box2 ul li .boximg img {height:220px; max-width:283px;} .box2 ul li a { color: #ffffff;} .box2_tit{ position:absolute; top:0; right:0; width:100%; height:0; text-align:center; overflow:hidden; } .box2 .img4{ position:absolute; right:0; top:-170px; z-index:88;} .box3{ width:276px; float:left; margin-top:52px; border:1px dashed #857c71; padding:48px 32px 30px; width:790px; margin-left:22px;} .box3_t{ background:url(../images/box3_t.png) no-repeat right bottom; font:normal 20px/42px 微软雅黑, 宋体, Arial, Vendana; height:42px; padding-left:97px; width:180px; position:absolute; top:-72px; left:-54px;} .box3_t a{ color:#c49655;} .box3 .img5{ position:absolute; top:-30%; left:0;} .box3_tit{ font:normal 12px/30px 宋体, Vendana, Arial; height:300px; overflow:hidden; color:#d1cfce;} .box3_tit h3{ font:bold 16px/50px 微软雅黑, 宋体, Arial, Vendana; margin-bottom:10px;} .box3_tit a{ color:#fff;} .box4{ float:right; width:281px; height:310px; overflow:hidden; background:url(../images/box4.png) no-repeat; padding-top:134px;} .box4 .img6{ text-align:center;} .box4_tit{ background:url(../images/img7.png) no-repeat; height:127px; margin-left:20px; font:normal 16px/65px 微软雅黑, 宋体, Arial, Vendana; padding-left:65px; color:#fff; margin-top:30px; } .box4_tit a{ color:#fff;} .box5{ } .box5_t{ background:url(../images/box3_t.png) no-repeat right bottom; font:normal 20px/42px 微软雅黑, 宋体, Arial, Vendana; height:42px; position:relative; padding-left:97px;width: 180px; float:left;margin-top:40px;} .box5_t a{ color:#c49655;} .box5 .img8{ position:absolute; top:-30%; left:0;} .box5 ul li{ float:left; width:280px; margin:0 10px; background:#8f7c65;} .box5 .boximg{ width:256px; height:232px; padding:12px; overflow:hidden;} .box5_tit{ background:url(../images/box5_li.jpg) repeat-x; height:57px; overflow:hidden; text-align:center; font:normal 14px/57px 微软雅黑, 宋体, Arial, Vendana;color:#fff;} .box5 ul li a{ display:block;} .box5 .img9{ float:right;} .box5_tit a{ color:#fff;} .box6{ width:646px; float:left;} .box6 img{ max-width:646px;} .box7{ float:right; background:#291f13; width: 544px; height: 351px; padding-left:10px; } .box7_tit{ margin:18px auto 12px; background:url(../images/img11.png) no-repeat center left; font:normal 18px/41px 微软雅黑, 宋体, Arial, Vendana; color:#d62822; padding-left:44px;} .box8 ul { background: #ffffff none repeat scroll 0 0; font: 14px/18px 微软雅黑,Vendana,Arial; height: 300px; overflow: hidden;} .box8 ul li { border-bottom: 1px dotted #767573; float: left; margin: 5px; width: 340px;} .box8 ul li a{color: #4f2b02;;} .box8_date{ padding-left: 20px; float:left; width:72px; background:url(../images/box8_li.png) no-repeat ; color:#fff; font:bold 14px/65px 微软雅黑, 宋体, Arial, Vendana; } .box8_tit{ float:right; width:480px; font:normal 12px/18px 宋体, Vendana, Arial; color:#d1cfce; height:66px; overflow:hidden;} .box8_tit h3{ font:bold 14px/30px 微软雅黑, 宋体, Arial, Vendana; color:#ad7d40; height:30px; overflow:hidden;}