@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;
}