Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Warning: Cannot modify header information - headers already sent by (output started at /www/wwwroot/www.85520057.com/func.php:230) in /www/wwwroot/www.85520057.com/css.php on line 26
body,p,h1,h2,h3,h4,h5,h6,li,span,i,ul,img,a,strong,input{margin:0;padding:0; font-family: "microsoft yahei";}
body{ font-size:14px;overflow-x:hidden;}
li{list-style-type:none; float:left;}
a{text-decoration:none;outline: none;}
a:hover{text-decoration:none;}
img{border:none;}
i{font-style:normal}
input,select,textarea{outline:none;text-indent:6px;}
textarea{resize:none;}
div{margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
*{
-webkit-box-sizing:border-box; /* Safari */
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
transition: .5s;
}
.wid{
width:1200px;
}
body,html{
width: 100%;
height: 100%;
}
body{
}
video::-internal-media-controls-download-button {
display:none;
}
video::-webkit-media-controls-enclosure {
overflow:hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 30px);
}
.vido-page{
width: 100%;
height: 100%;
position: relative;
}
.vido-page-main{
width: 100%;
height: calc(100% - 00px);
overflow: hidden;
}
.vido-page-main video{
width: 100%;
height: 100%;
object-fit: cover;
}
.vido-page .vido-page-inf{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.4);
color: #ccc;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
flex-direction: column;
}
.vido-page .vido-page-inf h3{
font-size: 85px;
line-height: 150px;
font-weight: bold;
}
.vido-page .vido-page-inf h6{
line-height: 60px;
font-weight: normal;
font-size: 24px;
font-family: arial;
text-transform: uppercase;
}
.vido-page .vido-page-inf p{
padding: 22px 0;
}
.vido-page .vido-page-inf p span{
margin: 0 auto;
height: 70px;
background-color: #990000;
color: #fff;
line-height: 70px;
border-radius: 35px;
display: inline-block;
padding: 0 84px;
font-size: 28px;
font-weight: normal;
letter-spacing: 2px;
}
.nav{
width: 100%;
height: 126px;
background: rgba(0,0,0,.2);
position: fixed;
left: 0;
z-index: 999;
top: 0;
}
.nav .wid{
height: 100%;
}
.nav .logo{
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.nav .logo img{
max-height: 70%;
}
.nav-menu-list{
padding: 30px 0;
}
.nav-menu-list ul li{
line-height: 46px;
padding: 10px 10px;
color: #fff;
font-size: 20px;
margin: 0 30px;
position: relative;
border-bottom: 2px solid rgba(0,0,0,0);
}
.nav-menu-list ul li a{
color: #fff;
font-size:16px;
}
.nav-menu-list ul li:hover a{
text-decoration: none;
color: #990000;
}
.nav-menu-list ul li:hover{
border-bottom: 2px solid #990000;
}
.nav-menu-cont ul li{
line-height: 66px;
padding: 30px 13px;
}
.nav-menu-cont{
padding-left: 80px;
}
.service{
background: #242424 url(../images/bg.jpg)bottom center no-repeat;
min-height: 510px;
}
.title{
width: 100%;
text-align: center;
padding-top:40px;
}
.title h3{
color: #fff;
line-height:68px;
font-size: 30px;
position: relative;
font-weight: bold;
}
.title h3:after{
content: '';
position: absolute;
left: 50%;
margin-left: -20px;
bottom: 0;
width: 40px;
height: 3px;
background-color: #a42124;
}
.title h6{
color: #666666;
font-size: 14px;
line-height: 50px;
}
.service-col{
width: 100%;
padding:32px 60px;
position: relative;
display: table;
}
.service-col .state-ico{
display: inline-block;
width: 30px;
height: 30px;
background: url(../images/ic4.png)center no-repeat;
position: absolute;
left: 0px;
top: 50%;
margin-top: -15px;
z-index: 9;
}
.service-col .stop-ico{
display: inline-block;
width: 30px;
height: 30px;
background: url(../images/ic5.png)center no-repeat;
position: absolute;
right: 0px;
top: 50%;
margin-top: -15px;
z-index: 9;
}
.service-col:after{
content: '';
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
background-color: #454545;
}
.service-list{
width: 20%;
height: 296px;
float: left;
position: relative;
z-index: 9;
}
.service-list-img{
width: 100%;
height: 50%;
padding-top:10px;
padding:10px 0;
}
.service-list-img h4{
width: 160px;
height: 160px;
background: rgba(0,0,0,.2);
border-radius: 50%;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
.service-list-img h4 i{
width: 84px;
height: 84px;
display: inline-block;
background: url(../images/ico1.png) center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.service-list-inf{
width: 100%;
height: 50%;
text-align: center;
color: #fff;
padding: 40px 0;
display: flex;
justify-content: flex-end;
align-items: center;
flex-direction: column;
}
.service-list-inf h4{
line-height: 60px;
font-size: 20px;
}
.service-list-inf p{
color: #666666;
line-height: 40px;
font-size: 12px;
}
.service-list-pos .service-list-inf{
padding:20px 0;
justify-content: flex-start;
}
.service-list-pos .service-list-img{
padding-top: 0;
display: flex;
justify-content:center;
align-items: flex-end;
}
.service-list-item2 .service-list-img h4 i{
background: url(../images/ico2.png) center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.service-list-item3 .service-list-img h4 i{
background: url(../images/ico3.png) center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.service-list-item4 .service-list-img h4 i{
background: url(../images/ico4.png) center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.service-list-item5 .service-list-img h4 i{
background: url(../images/ico5.png) center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.service-list:hover{
background-color: rgba(0,0,0,.3);
}
.service-list-item1:hover .service-list-img h4 i{
background: url(../images/ico1-1.png) center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.service-list-item2:hover .service-list-img h4 i{
background: url(../images/ico2-1.png) center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.service-list-item3:hover .service-list-img h4 i{
background: url(../images/ico3-1.png) center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.service-list-item4:hover .service-list-img h4 i{
background: url(../images/ico4-1.png) center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.service-list-item5:hover .service-list-img h4 i{
background: url(../images/ico5-1.png) center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.case{
width: 100%;
background: #1d1d1d url(../images/bg1.jpg) bottom center no-repeat;
display: table;
}
.case-col{
width: 100%;
padding: 20px 0;
padding-bottom: 10px;
}
.case-list{
width: 100%;
margin-bottom: 18px;
position: relative;
overflow: hidden;
border: 2px solid #282828;
}
.case-list:hover{
border: 2px solid #990000;
}
.case-list img{
width: 100%;
}
.case-list-img{
width: 100%;
}
.case-list-slide{
width: 100%;
height: 100%;
//background: rgba(0,0,0,.6);
position: absolute;
left: 0;
top: 0;
border: 2px solid #282828;
}
.case-list-slide:hover{
}
.case-list p{
width: 100%;
height: 40px;
background: rgba(0,0,0,.5);
position: absolute;
left: 0;
bottom: -40px;
line-height: 40px;
color: #fff;
padding: 0 22px;
font-size: 16px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.case-list:hover p{
bottom: 0;
}
.case-list-slide p{
padding: 0;
text-align: center;
height: 48px;
line-height: 48px;
}
.case-list span.play-video{
width: 60px;
height: 60px;
position: absolute;
cursor: pointer;
z-index: 20;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all ease-out 0.4s;
transition: all ease-out 0.4s;
-webkit-transform: scale(2);
transform: scale(2);
-ms-transform: scale(2);
background:url(../images/play.png) no-repeat center;
background-size:100%
}
.case-list:hover .play-video {
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
-webkit-transfrom: scale(1);
-mo-transfrom: scale(1);
transform: scale(1)
}
.mores{
width: 100%;
text-align: center;
padding: 70px 0;
display: table;
}
.mores a{
display: inline-block;
width: 234px;
height: 50px;
border: 2px solid #990000;
margin: 0 auto;
line-height: 50px;
text-align: center;
color: #990000;
font-size: 16px;
}
.case{
width: 100%;
display: table;
background: #282828 url(../images/bg2.jpg) top center no-repeat;
}
.case-tab{
width: 100%;
display: table;
padding: 21px 0;
padding-bottom: 20px;
}
.case-tab ul{
width: 100%;
text-align: center;
}
.case-tab ul li {
width: 152px;
height: 48px;
border: 1px solid #990000;
float: none;
display: inline-block;
margin: 0 15px;
line-height: 48px;
color: #ffffff;
font-size: 16px;
}
.case-tab ul li a{
color:#fff;
}
.case-tab ul li.active{
background-color: #990000;
}
.case-col{
width: 100%;
display: table;
height:402px;
}
.case-col-list{
width: 100%;
display: table;
height:560px;
}
.case-col-list a{
display:inline-block;
}
.case-col-list a:hover{
}
.case-col-list-box{
width: 100%;
margin-bottom: 0px;
display: table;
}
.case-col-list-img{
width: 100%;
position: relative;
display: table;
}
.case-col-list-img img{
width: 100%;
display: block;
height:202px;
}
.case-col-list-txt{
text-align: center;
line-height: 64px;
font-size: 14px;
color: #666666;
}
.case-col-list-box span.play-video{
width: 60px;
height: 60px;
position: absolute;
cursor: pointer;
z-index: 20;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all ease-out 0.4s;
transition: all ease-out 0.4s;
-webkit-transform: scale(2);
transform: scale(2);
-ms-transform: scale(2);
background:url(../images/play.png) no-repeat center;
background-size:100%
}
.case-col-list-box:hover .play-video {
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
-webkit-transfrom: scale(1);
-mo-transfrom: scale(1);
transform: scale(1)
}
.video_con:hover .video_overlay {
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: alpha(opacity=50)
}
.case-col-list-box:hover span.play-video{
margin-top: -37px;
opacity: 1;
}
.case .mores{
padding-top: 0;
padding-bottom: 70px;
}
.progre{
width: 100%;
background:#1c1c1e url(../images/bg3.jpg) top center no-repeat;
min-height: 400px;
}
.progress-col{
width: 1200px;
margin:0 auto;
display: table;
margin-top:0px;
}
.progress-list{
width: 11.1%;
height:180px;
float: left;
position: relative;
}
.progress-list:before{
content: '';
position: absolute;
right: 0;
top: 50%;
width: 100%;
height: 4px;
background-color: #990000;
}
.progress-list-number{
width: 100%;
text-align: center;
height: 50%;
display: table;
}
.progress-list-number span{
display: table-cell;
vertical-align: middle;
}
.progress-list-number img{
height: auto;
width:36px;
}
.progress-list-inf{
width: 100%;
display: table;
text-align: center;
color: #fff;
height: 50%;
font-size: 16px;
padding: 36px 0;
}
.progress-list-pos .progress-list-inf{
display: flex;
justify-content: center;
align-items: center;
}
.progress-list:first-child:before,.progress-list:last-child:before{
width: 50%;
}
.progress-list:last-child:before{
right: 50%;
}
.progress-list:after{
content: '';
position: absolute;
left: 50%;
margin-left: -18px;
top: 50%;
margin-top: -17px;
width: 26px;
height: 34px;
background: url(../images/ic16.png)center no-repeat;
}
.progress-list-pos:after{
content: '';
position: absolute;
left: 50%;
margin-left: -18px;
top: 50%;
margin-top: -17px;
width: 26px;
height: 34px;
background: url(../images/ic16.png)center no-repeat;
transform: rotate(180deg);
}
.about{
width: 100%;
display: table;
background:#232323 url(../images/bg4.jpg) bottom center no-repeat;
min-height: 728px;
padding-bottom: 80px;
display: block;
}
.about-img{
width: 100%;
background: url(../images/left_bg.png) no-repeat left top;
padding-bottom:24px;
}
.about-img img{
width: 100%;
margin-top: 32px;
margin-left: 40px;
}
.about-col{
padding-top: 42px;
}
.about-inform{
width: 100%;
padding: 0px 55px;
position: relative;
left: -10px;
top:11px;
padding-bottom: 80px;
padding-right:0;
}
.bann img{
background:#fff;
width:100%;
padding-top:72px;
}
.footer-copy{
position: absolute;
right: -60px;
top: -84px;
}
.about-inform h4{
line-height:60px;
font-size: 30px;
font-weight: bold;
color:#fff;
}
.footer-copy{
display: none;
}
.about-inform p{
font-size: 16px;
line-height:30px;
text-indent: 36px;
text-align: justify;
color:#ccc;
font-family: 'Microsoft Yahei', '微软雅黑', 'Simsun', '宋体', 'Arial', sans-serif;
}
.about-inform h6 a{
display: inline-block;
width: 160px;
height: 45px;
color: #990000;
position: absolute;
left: 58px;
bottom: -29px;
text-align:left;
font-size: 14px;
line-height: 45px;
display: flex;
justify-content: center;
vertical-align:middle;
border:1px solid #990000;
text-indent:-30px;
}
.about-inform h6 a img{
margin-left:0px;
transition: all 0.6s;
position:absolute;
top:10px;
right:25px;
}
.about-inform h6 a:hover img{
margin-left:15px;
transform: translate(10px,0);
}
.about-inform h6 a:hover{
text-decoration: none;
}
.about-inform-txt{
width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
}
.about-more{
width: 100%;
display: table;
padding-top: 50px;
}
.about-more-col{
width: 300px;
height: 80px;
border-bottom: 4px solid #fff;
line-height: 76px;
margin-left: 15px;
}
.about-more-col p{
color: #fff;
font-size: 20px;
position: relative;
display: flex;
height: 76px;
width: 100%;
align-items: center;
justify-content: space-between;
}
.about-more-col p img{
height: 7px;
height: 14px;
}
.advantage{
width: 100%;
background-color: #1b1b1b;
display: table;
}
.advantage-list{
width: 100%;
height: 186px;
padding: 24px 0;
}
.advantage-list-img{
width: 100%;
height:72px;
display: flex;
justify-content: center;
align-items: center;
}
.advantage-list-txt{
text-align: center;
color: #fff;
}
.advantage-list-txt h4{
line-height: 38px;
font-size: 24px;
font-weight: bold;
}
.advantage-list-txt p{
line-height: 28px;
font-size: 14px;
}
.advantage-list:hover{
background-color: #990000;
}
.news{
width: 100%;
background:#252528 url(../images/bg5.jpg) top center no-repeat;
min-height: 820px;
}
.news-col{
width: 100%;
padding: 20px 0;
}
.news-list{
width: 100%;
height: 400px;
position: relative;
overflow: hidden;
}
.wap-slide-cont{
display:none;
}
.news-list-inf{
width: 100%;
height: 480px;
transition:0.2s;
}
.news-list-inf .news-list-inf-slide-img{
height:196px;
overflow:hidden;
}
.news-list-inf:hover img{
transform: scale(1.2);
}
.news-list-inf-title{
width: 100%;
height: 480px;
padding-left: 40px;
padding-top: 62px;
padding-right: 30px;
}
.news-list-inf-title h6{
display: inline-block;
width: 96px;
height: 96px;
border: 3px solid #959595;
padding: 18px 0;
padding-left: 12px;
}
.news-list-inf-title h6 span{
font-size: 24px;
color: #444444;
line-height: 34px;
display: block;
}
.news-list-inf-title h6 em{
color: #666666;
display: block;
line-height: 26px;
font-style: normal;
font-size: 18px;
}
.news-list-inf-title h5{
padding: 30px 0;
line-height: 40px;
color: #fff;
font-size: 20px;
font-weight: normal;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.news-list-inf-title p{
line-height: 32px;
font-size: 16px;
color: #666666;
text-indent: 32px;
padding: 6px 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
height: 140px;
}
.news-list-inf-more{
line-height: 40px;
color: #999999;
font-size: 18px;
}
.news-list-inf-slide{
width: 100%;
height: 100%;
background-color: #282828;
position: absolute;
left: 0;
top: 0;
transition: .5s;
}
.news-list-inf-slide:hover{
background-color: #383838;
}
.news-list:hover .news-list-inf-slide{
top: 0;
}
.news-list-inf-slide-img{
width: 100%;
}
.news-list-inf-slide-img img{
width: 100%;
}
.news-list-inf-slide-txt{
width: 100%;
height: 180px;
padding: 20px 25px;
}
.news-list-inf-slide-txt h5{
line-height: 48px;
font-size: 14px;
color: #fff;
font-weight: bold;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.news-list-inf-slide-txt p{
color: #666;
line-height: 28px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
text-align: justify;
overflow: hidden;
}
.news .mores{
padding-bottom: 0;
padding-top:50px;
}
.partners{
width: 100%;
background:#262626 url(../images/bg6.jpg) bottom center no-repeat ;
min-height:576px;
}
.partners-col{
width: 100%;
display: table;
padding-top:10px;
}
.partners-list{
width: 100%;
height: 138px;
background-color: #1d1d1d;
display: flex;
justify-content: center;
align-items: center;
margin: 18px 0;
}
.partners-list img{
max-width: 80%;
max-height: 70%;
}
.partners-list:hover{
background-color: #990000;
}
.footer{
width: 100%;
display: table;
padding-top: 18px;
padding-bottom: 2px;
background-color: #303030;
}
.footer-logo{
height: 224px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.footer-cont{
width: 100%;
display: table;
}
.footer-cont h5{
line-height: 60px;
font-size: 40px;
color: #a42124;
font-family: arial;
font-weight: bold;
}
.footer-cont-txt{
width: 100%;
display: table;
}
.footer-cont-txt p{
width: 100%;
display: table;
}
.footer-cont-txt p em{
font-style: normal;
color: #fff;
float: left;
line-height: 26px;
padding: 8px 0;
width: calc(100% - 36px);
}
.footer-cont-txt p span{
display: inline-block;
width: 36px;
height: 42px;
display: flex;
justify-content: flex-start;
align-items: center;
float: left;
}
.footer-wx{
width: 100%;
display: table;
}
.footer-wx{
width: 100%;
height:160px;
justify-content: flex-end;
align-items: center;
margin-top:30px;
}
.footer-wx-box{
width: auto;
padding-top: 16px;
margin: 0;
background-color: #fff;
display: inline-block;
float: left;
margin-left:0px;
margin-right:15px;
}
.footer-wx-img{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.footer-wx-img img{
width:120px;
display: block;
padding:0 12px;
}
.footer-wx-txt{
line-height: 26px;
color: #666666;
font-size: 14px;
text-align: center;
padding-bottom: 6px;
}
.bootom{
background-color: #151515;
line-height: 26px;
padding: 19px 0;
text-align: center;
color: #fff;
}
.nav.fix{
height: 72px;
background: rgba(153,0,0,.8);
}
.nav.fix .nav-menu-list{
padding: 0;
}
.nav.fix .nav-menu-list ul li{
line-height: 40px;
padding: 16px 10px;
}
.nav.fix .nav-menu-cont ul li{
padding: 0px 12px;
color:#fff;
font-size:18px;
text-align:left;
}
.nav.fix .logo img{
max-height: 60%;
}
.nav.fix .nav-menu-list ul li:hover{
border-bottom: 2px solid rgba(0,0,0,0);
}
.nav.fix .nav-menu-list ul li:hover a{
color: #fff;
}
.nav.fix .nav-menu-list ul li:after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background-color: #fff;
transition: .5s;
}
.nav.fix .nav-menu-list ul li:hover:after{
width: 100%;
}
.nav-ico{
width: 58px;
height: 40px;
background: url(../images/menu.png)center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
position: absolute;
right: 30px;
top: 43px;
}
.nav.fix .nav-ico{
top: 15px;
}
.nav-ico.active{
width: 41px;
height: 28px;
background: url(../images/close.png)center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
.wap-head-slide{
width: 100%;
display: table;
min-height: 100px;
background-color: #fff;
position: fixed;
left:-100%;
top: 0;
z-index: 99;
padding-top: 80px;
}
.wap-head-slide span.close{
display: inline-block;
width: 32px;
height: 32px;
background: url(../images/close.png)center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
position: absolute;
right: 30px;
top: 30px;
opacity: 1;
}
.wap-search{
width: 100%;
height: 46px;
border-bottom: 1px solid #e0e0e0;
line-height: 46px;
padding: 0 18px;
}
.wap-search input{
width: 280px;
height: 30px;
border: none;
background-color: none;
padding-left: 10px;
color: #333;
background: none;
font-size: 15px;
float: left;
margin: 8px 0;
}
.wap-search img{
float: left;
margin: 15px 0;
}
.wap-search input::-webkit-input-placeholder{
color: #c0182a;
}
.wap-slide-line{
width: 100%;
display: table;
padding: 40px 40px;
min-height: 30px;
}
.wap-slide-line-col{
width: 100%;
height: 60px;
border: 1px solid #ce4f86;
border-radius: 5px;
padding: 0 10px;
}
.wap-slide-line-col span{
line-height: 60px;
color: #ce4f86;
font-size: 16px;
}
.wap-slide-line-col i{
display: inline-block;
width: 8px;
height: 16px;
background: url(../images/ic74.png)center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
float: right;
margin: 22px 0;
margin-right: 8px;
}
.wap-slide-menu{
width: 100%;
display: table;
padding: 0 40px;
padding-bottom: 40px;
}
.wap-slide-menu a{
color:#000;
}
.wap-slide-menu span.close{
display: inline-block;
width: 30px;
height: 30px;
background: url(../image/ic4.png)center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
position: absolute;
right: 30px;
top: 20px;
}
.wap-slide-menu ul{
width: 100%;
display: table;
}
.wap-slide-menu ul li{
display: table;
width: 100%;
border-bottom: 1px solid #a3a3a3;
line-height: 44px;
}
.wap-slide-menu ul li:last-child{
border-bottom: none;
}
.wap-slide-menu ul li h4{
font-weight: normal;
font-size: 16px;
color: #5e5e5e;
line-height: 60px;
padding: 0 18px;
width: 100%;
}
.wap-slide-menu ul li h4 span{
display: inline-block;
min-width: 120px;
height: 100%;
float: left;
}
.wap-slide-menu ul li h4 i{
display: inline-block;
width: 18px;
height: 18px;
background: url(../image/ic5.png)center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
float: right;
margin: 22px 0;
}
.slide-menu-col{
width: 100%;
display: table;
background-color: #fff;
min-height: 100px;
padding: 20px 0;
display: none;
}
.slide-menu-col a{
display: block;
padding-left: 50px;
width: 100%;
line-height: 42px;
color: #838383;
font-size: 15px;
}
.slide-menu-col a:hover{
text-decoration: none;
}
.wap-slide-menu ul li.acti h4{
background-color: #fff;
}
.wap-slide-menu ul li.acti h4 i{
transform: rotate(180deg);
}
.wap-slide-cont{
width: 100%;
height: 50px;
background-color:#900;
box-shadow: 0 .05rem .08rem rgba(0,0,0,.1);
padding: 0 18px;
}
.wap-slide-cont-tel{
width: 50%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.wap-slide-cont-tel:after{
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -15px;
width: 1px;
height: 30px;
background-color: #e1929b;
}
.wap-slide-cont-tel span{
color: #fff;
font-size: 16px;
}
.wap-slide-cont-tel img{
margin-right: 8px;
}
.wap-slide-cont-wx{
width: 50%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 16px;
}
.wap-slide-cont-wx img{
margin-right: 5px;
position: relative;
top: 2px;
}
.time-01{
animation-delay :.1s;
}
.time-02{
animation-delay :.2s;
}
.time-03{
animation-delay :.3s;
}
.time-04{
animation-delay :.4s;
}
.time-05{
animation-delay :.5s;
}
.time-06{
animation-delay :.6s;
}
.time-07{
animation-delay :.7s;
}
.time-08{
animation-delay :.8s;
}
.time-09{
animation-delay :.9s;
}
.time-10{
animation-delay :1s;
}
.case_tabs02 {
text-align: left;
overflow: hidden;
}
.case_tabs.case_tabs02 {
padding: 0 0 45px;
margin-top:38px;
}
.case_tabs02 .more {
float: right;
width: 70px;
height: 25px;
line-height: 25px;
font-size: 14px!important;
padding: 0!important;
text-align: center;
background: #a42124;
color: #fff;
border: 0;
border-radius: 50px;
margin-top: 20px;
}
.case_tabs.case_tabs02 a {
font-size: 16px;
line-height:32px;
padding: 0px 35px;
margin-left: 0;
margin-right: 20px;
border:none;
color:#000;
}
.case_tabs.case_tabs02 a:hover,.case_tabs02 a.active{
background: #a42124;
color:#fff;
font-weight:normal;
}
.case_page .cd_case .col-md-3 a {
background: #fff;
}
.pages {
text-align: center;
margin-top: 25px;
width: 100%;
}
.pages {
display: inline-block;
}
.pages a,.pages span {
display: inline-block;
font-size: 12px;
border: 1px solid #dddddd;
padding: 8px 12px;
color: #707070;
margin: 0 5px;
}
.pages .active a {
border: 0;
color: #ff7800;
}
.case_tabs {
text-align: center;
padding: 55px 0 75px;
}
.case_tabs a {
display: inline-block;
font-size: 35px;
color: #a42124;
border: 1px solid #a42124;
padding: 15px 35px;
margin: 0 8px;
background: #fff;
}
.case_tabs a.active {
background: #a42124;
color: #fff;
font-weight: bold;
}
.article_content {
box-shadow: 0 0 8px #d2d1d1;
width: 100%;
overflow: hidden;
background: #fff;
padding: 20px 80px;
margin-bottom:38px;
}
.article_content h2 {
font-size: 24px;
line-height: 1.5;
color: #333333;
text-align: center;
}
.article_content .minfo {
font-size: 16px;
line-height: 32px;
color: #333;
text-align: center;
border-bottom: 1px dotted #ccc;
margin-bottom: 24px;
}
.article_content .cntrBody {
font-size: 16px;
line-height: 30px;
margin-bottom: 30px;
}
.article_content .prev {
margin-top: 20px;
}
.article_content .prev a,.article_content .next a {
color: #333;
}
.list_items {
overflow: hidden;
border:1px solid #f4f4f4;
padding:15px;
background:#f4f4f4;
margin-bottom:25px;
}
.list_items:hover{
border:1px solid #a42124;
}
.list_items .pic {
float: left;
width: 250px;
height: 190px;
}
.list_items .pic img {
width: 100%;
height: 100%;
}
.list_items .infors {
overflow: hidden;
padding-left: 25px;
}
.list_items .infors h3 {
font-size: 20px;
font-weight: bold;
color: #222;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom:12px;
margin-top:15px;
}
.list_items .infors h3 a{
color: #222;
}
.list_items .infors .time {
font-size: 14px;
color: #aaaaaa;
margin: 15px 0;
float:right;
text-align:center;
background:#fff;
padding:15px 5px;
font-size:22px;
margin-top:-30px;
}
.list_items .infors .time span{
display:block;
}
.list_items .infors .time .span2{
font-size:16px;
border-top:1px solid #aaaaaa;
}
.list_items .infors .content {
font-size: 14px;
color: #666666;
line-height: 24px;
width:727px;
float:left;
}
.list_items .infors a.more {
font-size: 14px;
color: #a42124;
border: 1px solid #a42124;
width: 90px;
height: 28px;
line-height: 28px;
text-align: center;
display: inline-block;
margin-top: 16px;
}
.list_items .infors a.more:hover {
background: #a42124;
color: #fff
}
.pos{
height:70px;
line-height:70px;
vertical-align:middle;
font-size:16px;
}
.pos b img{
height:22px;
vertical-align:middle;
margin-top:-4px;
}
.pos a{
vertical-align:middle;
color:#a42124;
font-size:16px;
}
.pos .ico{
color:#000;
vertical-align:middle;
padding-left:8px;
}
.newlist_box .title {
overflow: hidden;
font-size: 28px;
color: #333;
background: #f0f0f0;
padding: 20px 15px;
margin-bottom: 35px;
margin-top:35px;
}
.newlist_box .title font {
font-weight: bold;
}
.pages {
text-align: center;
margin-top: 25px;
width: 100%;
margin-bottom:25px;
}
.pages {
display: inline-block;
}
.pages a,.pages span {
display: inline-block;
font-size: 12px;
border: 1px solid #dddddd;
padding: 8px 12px;
color: #707070;
margin: 0 5px;
}
.pages .active a {
border: 0;
color: #ff7800;
}
.article_content2 {
box-shadow: 0 0 8px #d2d1d1;
width: 100%;
overflow: hidden;
background: #fff;
padding: 20px 30px;
margin-bottom:38px;
margin-top:36px;
}
.article_content2 h2 {
font-size: 24px;
line-height: 1.5;
color: #333333;
text-align:left;
}
.article_content2 .minfo {
font-size: 16px;
line-height: 32px;
color: #ccc;
text-align: center;
border-bottom: 1px dotted #ccc;
margin-bottom: 24px;
text-align:left;
}
.article_content2 .cntrBody {
font-size: 16px;
line-height: 30px;
margin-bottom: 30px;
}
.article_content2 .prev {
margin-top: 20px;
}
.article_content2 .prev a,.article_content .next a {
color: #333;
}
.related2{
}
.related{
margin-top:36px;
background:#fff;
padding:0 15px;
margin-bottom:26px;
box-shadow: 0 0 8px #d2d1d1;
}
.related li{
position:relative;
height:128px;
width:18%;
margin:1%;
float:left;
}
.related h2 {
font-size: 20px;
line-height: 1.5;
color: #333333;
text-align: left;
line-height:52px;
vertical-align:middle;
}
.related h2 span{
display: inline-block;
background: #990100;
width: 2px;
height: 20px;
vertical-align:middle;
margin-right:10px;
}
.related h2 a{
float:right;
font-size:14px;
color:#990100;
}
.related li img{
width:100%;
}
.related li p{
font-size: 16px;
line-height: 42px;
color:#333;
height:42px;
position:absolute;
bottom:14px;
width:100%;
background-color:rgba(1,1,1,0.6);
text-indent:10px;
display:none;
color:#fff;
}
.related li:hover p{
display:block;
}
.hot{
margin-bottom:45px;
}
.hot .hh2{
color:#990100;
line-height:42px;
border-bottom:1px solid #990100;
margin-bottom:16px;
}
.hot h2 span{
font-size:12px;
color:#b7b7b7;
padding-left:10px;
}
.hot .first{
height:175px;
margin-bottom:10px;
border-bottom:1px solid #ccc;
list-style-type:none;
margin-left:0px;
}
.hot .first img{
width:40%;
float:left;
margin-right:10px;
}
.hot .first h2{
font-size:18px;
color:#333;
margin-bottom:8px;
}
.hot .first p{
color:#999;
font-size:14px;
line-height:24px;
}
.hot li{
width:100%;
list-style-type:disc;
margin-left:15px;
}
.hot li a{
font-size:16px;
line-height:32px;
color:#555;
}
.hot li a:hover{
text-decoration:none;
}
.hot li span{
text-align:right;
float:right;
margin-right:15px;
color:#999;
}