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