@charset "utf-8"; /*Reset 样式初始化*/ html, body, form, fieldset, p, a, ul, ol, li, div, legend, label, br, input, button, textarea, h1, h2, h3, h4, h5,em{ padding: 0; margin: 0; font-weight: normal; font-style: normal; font-size: 12px; font-family:"微软雅黑","Tahoma"; vertical-align: baseline; text-align:justify; word-wrap:break-word; text-justify:inter-ideograph } body{text-align:center} ul, ol, li, h1 { line-height:normal; list-style-image:none; list-style-position:outside; list-style-type:none } dl { margin:0 } dd { margin-left:0 } a { outline:none; } a img { border:0 none } img { vertical-align:middle; border:0px } table { border-collapse:collapse } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden } .clearfix { display:inline-block; overflow:hidden } .clearfix { display:block } body {color:#333;background:#fff;} a {color:#1570A6;text-decoration:none} a:hover {color:#083047;text-decoration:underline} .width1020{width:1020px;margin:0 auto} .width1060{width:1020px;margin:0 auto;background:#fff;box-shadow:0 0 3px 3px rgba(0,0,0,.1);padding:0 20px 20px 20px} /**/ .clearB {clear:both} .fL {float:left} .fR {float:right} .width990{ margin:0 auto; width:990px; } .topWrap{ margin-top: 30px; } .topWrap .menu{ margin-top: 25px; } .topWrap .menu ul li{ float:left; } .topWrap .menu ul li a{ padding:0 15px 0 15px; font-size: 16px; color:#333; } .topWrap .menu ul li a:hover{ text-decoration: none; color:#ff6501; } .topWrap .menu ul li a.btn-demo{ padding:10px 20px; background:#ff6501; color:#fff; border:1px solid #ff6501; } .topWrap .menu ul li a.btn-demo:hover{ background:#ed5e01; color:#fff; } .bannerWrap{ margin-top: 30px; min-height:500px; background:url(ji_bigbanner.jpg) no-repeat; } .bannerWrap .width990{ position:relative; } .bannerWrap .bannerTitle{ padding:35px 0; text-align: center; font-size: 36px; color:#494949; } .bannerWrap .bannerBtn{ margin:10px 0; text-align: center; } .bannerWrap .bannerBtn a{ font-size: 16px; color:#333; padding:10px 20px; border:1px solid #333; } .bannerWrap .bannerBtn a:hover{ text-decoration: none; background:#333; color:#fff; } .bannerWrap .bannerPC .bannerPC1{ position:absolute; top:235px; left:120px; } .bannerWrap .bannerPC .bannerPC2{ position:absolute; top:375px; left:475px; } .wrapBody{ margin:170px 0 50px 0; } .wrapBody .wrapTitle{ text-align: center; font-size: 30px; color:#333; } .wrapBody .wrapWeihe ul{ margin:30px 0; } .wrapBody .wrapWeihe ul li{ float:left; width:195px; margin:0 25px; } /*.weiheList{ opacity:0; transition: all 0.8s ease-in 0s; transform: translateY(-200px); transition-delay: 0.2s; }*/ .weiheList1{ opacity:0; transition: all 0.8s ease-in 0s; transform: translateY(-200px); transition-delay: 0.2s; } .weiheList2{ opacity:0; transition: all 0.8s ease-in 0s; transform: translateY(-200px); transition-delay: 0.4s; } .weiheList3{ opacity:0; transition: all 0.8s ease-in 0s; transform: translateY(-200px); transition-delay: 0.6s; } .weiheList4{ opacity:0; transition: all 0.8s ease-in 0s; transform: translateY(-200px); transition-delay: 0.8s; } .show{ transform: translateY(0px); opacity:1; } .wrapBody .wrapWeihe .weiheIco{ margin:0 auto; width:70px; height:50px; } .wrapWeihe .weiheIco1{ background:url(ji_img.png) no-repeat 0 -121px; } .wrapWeihe .weiheIco2{ background:url(ji_img.png) no-repeat 0 -183px; } .wrapWeihe .weiheIco3{ background:url(ji_img.png) no-repeat 0 -243px; } .wrapWeihe .weiheIco4{ background:url(ji_img.png) no-repeat 0 -305px; } .wrapBody .wrapWeihe .weiheTitle{ margin:15px 0; font-size: 26px; text-align: center; color:#868b2f; } .wrapBody .wrapWeihe .weiheCon{ line-height: 18px; } .wrapBody .wrapCase,.wrapBody .footer{ background:#f6f6f6; } .wrapBody .wrapCase{ margin:35px 0 25px 0; } .wrapCaseMain{ position:relative; padding:40px 0 20px 0; height:570px; } .caseContainer .list_mark{ margin:15px 0; text-align: center; } .caseContainer .list_mark em{ font-size: 16px; color:#333; padding:0 15px; display:inline-block; cursor:pointer; } .caseContainer .list_mark em.emon{ color:#b5b969; font-weight: bold; } .caseContainer .list1{ position:absolute; overflow:hidden; opacity:0; /*display:none;*/ transition: all 0.6s ease-out 0s; } .caseContainer .list1 li{ float:left; width:280px; min-height: 190px; color:#333; line-height: 20px; padding:10px 25px 20px 25px; } .caseContainer .list1 li p{ padding:3px 0; } .caseContainer .list1 li p .caseNum{ font-size: 26px; color:#b5b969; } .caseContainer .caseTitle{ font-size: 14px; padding:5px 0; } .caseContainer .caseInfo{ color:#777; } .wrapBody .wrapNews ul{ margin:30px 0; } .wrapBody .wrapNews ul li{ float:left; width:284px; margin:0 20px; } .wrapBody .wrapNewsCon{ margin:10px 0; color:#5c5c5c; line-height: 18px; } .wrapBody .wrapNewsTime{ line-height: 26px; } .wrapBody .footer{ padding:50px 0; margin:30px 0 0 0; } .footer div b{ font-size: 30px; line-height: 25px; color:#333; } .footer .width990 div{ height:47px; padding:0 0 0 55px; margin:0 40px 0 40px; } .footer .exqq{ background:url(ji_img.png) no-repeat -12px 0; } .footer .tel{ background:url(ji_img.png) no-repeat -12px -63px; } .footer .width990 .tel2{ padding-left: 0px; } .footer .tel2 a{ display:block; font-size: 16px; padding:12px 50px; background:#DE6B20; color:#fff; text-decoration: none } .footer .tel2 a:hover{ background:#fe7f2d; } .copyRight{ text-align: center; margin:10px; }