60a
0
.content{width:1200px;margin:0 auto;}
.headbj{height:230px; background:url(images/headbj.jpg) no-repeat center;z-index:300;position:relative;background-size:100% 100%;}
.head h3{height:31px;}
.head h3 i{display: block;float:left;width:280px; height:31px; line-height: 31px; text-align: center; font-size: 14px; color:#282828; opacity: 0.66; font-style:normal; font-weight:normal;}
.head h3 em{display: block;width:500px;height:31px; line-height: 31px; float:right;font-style:normal;}
.head h3 em a{display: block;float:left;padding-left:36px; font-style:normal;font-weight:normal;}
.head h3 em a.top1{background:url(images/top1.png) no-repeat left; margin-left: 0;}
.head h3 em a.top2{background:url(images/top2.png) no-repeat left;}
.head h3 em a.top3{background:url(images/top3.png) no-repeat left;}
.head .hea_cen{height:140px;padding-top:32px;box-sizing: border-box;}
.head .hea_cen .hea_left{width:740px;float:left;}
.head .hea_cen .hea_left .t_logo{width:270px; height:71px;margin-right: 31px;float:left; text-align:center;}
.head .hea_cen .hea_left .t_logo img{width:270px; height:71px;}
.head .hea_cen .hea_left span{display: block;width:411px;height:38px;line-height: 38px;float:left;padding-left:24px;border-left:1px solid #B9B9B9;margin-top: 0;font-size: 24px; color:#303030;}
.head .hea_cen .hea_right{float:right; text-align: right;}
.head .hea_cen .hea_right em{display:block;font-size: 22px; line-height: 35px; color:#333333; margin-bottom: 9px; font-style: normal;}
.head .hea_cen .hea_right p{height:40px; line-height: 40px; font-size: 22px; color:#FFF; text-align:center;background:#B70000;letter-spacing: 1px;padding-left:20px;padding-right:20px;}
.head .hea_nav ul li{height:59px; line-height: 59px;background:url(images/xt.png) no-repeat right;float:left;position: relative;}
.head .hea_nav ul li a{ font-size: 16px; color:#FFFFFF; padding:0 24px;position: relative; z-index:100;}
.head .hea_nav ul li i{width:100%;height:0;overflow: hidden;background:url(images/navbj.jpg) no-repeat center; background-size:100% 100%;transition: .3s; position: absolute;top:0;left:0; z-index:0;}
.head .hea_nav ul li:hover i,.head .hea_nav ul li.cur i{height:59px;}
.head .menu li .xl{position:absolute;top:55px;left:-30px;width:300px; z-index:300;background:url(images/xlxt.png) no-repeat top left;display:none;padding-top:8px;}
.head .menu li .xl p{padding:14px 0;background:rgba(34,34,34,0.85);}
.head .menu li .xl p em{display:block;height:49px;padding:0 23px; line-height:49px;}
.head .menu li .xl p em a{font-size:16px; color:#FFFFFF;background:url(images/xljt1.png) no-repeat right;display:block; font-style:normal;}
.head .menu li .xl p em:hover{background:#d30000;}
.head .menu li.fr3 .xl{position:absolute;top:55px;left:-30px;width:380px; z-index:300;background:url(images/xlxt.png) no-repeat top left;display:none;padding-top:8px;}
.head .menu li.fr3 .xl p{padding:14px 0;background:rgba(34,34,34,0.85);}
.head .menu li.fr3 .xl p em{display:block;height:49px;padding:0 23px; line-height:49px;}
.head .menu li.fr3 .xl p em a{font-size:16px; color:#FFFFFF;background:url(images/xljt1.png) no-repeat right;display:block; font-style:normal;}
.head .menu li.fr3 .xl p em:hover{background:#d30000;}
.head .menu li.fr4 .xl{position:absolute;top:55px;left:-30px; z-index:300;background:url(images/xlxt.png) no-repeat top left;display:none;padding-top:8px;}
.head .menu li.fr4 .xl p{padding:14px 0;background:rgba(34,34,34,0.85);}
.head .menu li.fr4 .xl p em{display:block;height:49px;padding:0 23px; line-height:49px;}
.head .menu li.fr4 .xl p em a{font-size:16px; color:#FFFFFF;background:url(images/xljt1.png) no-repeat right;display:block; font-style:normal; padding:0 20px;}
.head .menu li.fr4 .xl p em:hover{background:#d30000;}
.ty-banner-1 {
overflow: hidden;
line-height: 0;
text-align:center;
}
.ty-banner-1 img{
visibility: hidden;
}
.ty-banner-1 img.show{
visibility: visible;
}
.projects {border-bottom: solid 1px #F2F2F2;height: 70px;overflow: hidden; margin-bottom:50px;}
.projeclist {width: 1200px;margin: 0 auto;}
.projeclist li {position: relative;
display: inline-block;
color: #fff;
width: auto;
vertical-align: top;}
.projeclist li a {position: relative;
font-size: 16px;
height: 80px;
line-height: 80px;
padding: 0px 30px;
color: #333;
display: block;
transition: 0.3s ease 0s;}
.projeclist li a:before{
position: absolute;
content: '';
left: 50%;
bottom: 0px;
width: 0%;
height: 3px;
background-color: none;
transition: all .3s;
}
.projeclist li a:after {
content: "";
position: absolute;
width: 1px;
height: 15px;
display: block;
background: #ccc;
top: 50%;
margin-top: -7px;
right: 0px;
}
.projeclist li.cur i {display: block;
width: 90%;
position: absolute;
bottom: 10px;
background: #b80000;
height: 3px;
left: 5%;}
.projeclist li a:hover {color: #b80000;}
.protit {padding: 0px 0 49px 0;text-align: center;}
.protit span { font-weight:bold; color: #000;font-size: 30px;display: block;padding-bottom: 10px;}
.protit i {display: block;width: 50px;height: 3px;background: #b80000;margin: 0 auto;}
.protit p {color: #A9A9A9;font-size: 18px;padding-top: 10px;font-weight: bold;}
.projects2 {width: 100%;
overflow: hidden;
background: #fafafa;
padding: 72px 0 40px 0;}
.projeclist2 {width: 96%;
max-width: 1400px;
min-width: 0px;
height: auto;
max-height: none;
min-height: 0px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 0px;}
.projectlist2 .lis {}
.projeclist2 .lis {margin-left: 0px;
margin-right: 0px;
width: 20%;float: left;overflow: hidden;}
.projeclist2 .lis img {width: 100%; transition: 1s;}
.projeclist2 .lis:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.projeclist2 .lis .tops {height: 100px;text-align: center;}
.projeclist2 .lis .tops p {display: block;line-height: 39px;font-size: 18px;color: #000;}
.projeclist2 .lis .tops p span {display: block;margin-top: 21px;}
.projeclist2 .lis .tops p a {color: #999;font-size: 17px;}
.projeclist2 {max-width: 1400px;}
.projeclist2 .lis {position: relative;}
.projeclist2 .lis .tops2 {width: 100%;}
.footer{height:485px; background:url(images/foot.jpg) no-repeat center; overflow: hidden; background-size:100% 100%;}
.foot .ftnav{height:96px;border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom: 44px; overflow: hidden;}
.foot .ftnav ul{height:96px;}
.foot .ftnav li{height:96px; line-height: 96px;float:left;}
.foot .ftnav li a{font-size: 16px; color:#FFFFFF;padding:0 24px;}
.foot .ft_cen{height:249px;border-bottom:1px solid rgba(255,255,255,0.1);}
.foot .ft_cen .ftlogo{width:261px; height:69px; float:left;padding-top:34px; margin-right: 34px;}
.foot .ft_cen .ftlogo img{width:261px; height:69px; }
.foot .ft_cen ul{width:500px;float:left;box-sizing: border-box;padding-left: 90px;}
.foot .ft_cen ul li{height:27px;box-sizing: border-box;margin:20px 0;}
.foot .ft_cen ul li i{display: block;width:27px; height:27px; float:left; margin-right:10px;}
.foot .ft_cen ul li .db1{background:url(images/db1.png) no-repeat center;}
.foot .ft_cen ul li .db2{background:url(images/db2.png) no-repeat center;}
.foot .ft_cen ul li .db3{background:url(images/db3.png) no-repeat center;}
.foot .ft_cen ul li span{display: block; font-size: 17px; color:rgba(255,255,255,0.6); float:left;height:27px; line-height:27px;}
.foot .ft_cen ul li span em{font-size: 22px; font-weight: bold;font-style:normal; }
.foot .ft_cen ul li.fr3{margin-bottom:0;}
.foot .ewm{width:340px; float:right;}
.foot .ewm span{width:165px;}
.foot .ewm em{display: block;float:left;width:128px; height:128px;font-style:normal;}
.foot .ewm em img{width:128px; height:128px;}
.foot .ewm i{display: block;float:left;width:37px; height:128px;padding:5px 11px 0 13px; box-sizing: border-box; font-size: 14px; color:rgba(255,255,255,0.6);background:rgba(255,255,255,0.15);line-height: 15px;font-style:normal;}
.foot .ft_cen b{display: block;font-weight:normal;text-align: left;margin-top: 10px;font-size: 14px;color: rgba(255,255,255,0.6);}
.foot .gsxx{height:66px; line-height: 50px;}
.foot .gsxx span{display: block; width:698px; float:left;height:66px;}
.foot .gsxx span em{font-size: 14px; color:rgba(255,255,255,0.3); margin-right: 20px;font-style:normal;}
.foot .gsxx span em a{color:rgba(255,255,255,0.3);font-style:normal;}
.foot .gsxx strong{display: block;float:right;}
.foot .gsxx strong em{float:left;font-size: 14px; color:rgba(255,255,255,0.3); margin-left: 20px; font-weight: normal;font-style:normal;}
.foot .gsxx strong em a{font-size: 14px; color:rgba(255,255,255,0.3); font-weight: normal;font-style:normal;}
.kefu {
display: none;
width: 140px;
padding: 15px;
position: fixed;
top: 20%;
right: 10px;
z-index: 100;
overflow: hidden;
box-shadow: 0 0 5px 0 #d0d0d0;
border: #d5d5d5 1px solid;
background: #fff;
}
.ke_close {
background: #d30000;
height: 124px;
width: 48px;
display: block;
float: right;
cursor: pointer;
position: fixed;
top: 30%;
right: 10px;
z-index: 100;
overflow: hidden;
}
.ke_close i{
display:block;
height: 124px;
width: 48px;
font-size:18px;
padding:0 15px;
color:#FFF;
box-sizing: border-box;
padding-top:15px;
font-style:normal;
}
.kefu h3 {
display: block;
padding: 0 0 20px;
text-align:center;
}
.kefu h3 img {
width: 99px;
height: auto;
}
.kefu_m ul li {
background: #d30000;
width: 140px;
height: 40px;
text-align: center;
line-height: 40px;
overflow: hidden;
margin-bottom: 1px;
}
.kefu_m ul li a {
font-size: 12px;
color: #fff;
display: block;
}
.kefu p {
font-size: 12px;
color: #333;
padding: 12px 0;
text-align: center;
}
.kefu p b {
display: block;
font-size: 16px;
color: #d30000;
padding: 5px 0 0;
}
.kefu .ewm{width:140px; height:140px;margin:0 auto;}
.kefu .ewm img{width:100%; height:100%;}