#banner{
	width:100%;
	float:left;
 min-width:1280px;
}


.abg{ padding-top:50px; padding-bottom:50px; background-color:#F4F4F4;
}
.nbg{padding-top:50px; padding-bottom:50px; background-color:#fff;}
#ywzs{
	width:100%;
	float:left;
	min-width:1280px;
	
}
.service-box .row{ width:100%; border-left: solid 1px #e7e7e7;
    border-right: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7; height:451px; overflow:hidden;

}
.service-box .fl{ float:left;}
.service-box .row .col-sm-2{
    border-left: solid 1px #e7e7e7;
    height: 450px;
    text-align: center;
    transition: 1s; 
    padding: 0; position:relative; z-index:10; overflow:hidden;
}
.service-box .row .col-sm-2 .tp{ position:absolute; top:-10px;right:-10px; width:100%; height:100%; z-index:-1; filter: Alpha(Opacity=0);
-moz-opacity:0; 		opacity:0;transition:all 0.6s ease-in-out 0s;}
.service-box .row .col-sm-2 .tp img{ width:100%; height:100%; display:block;}
.service-box .row .col-sm-2:hover .tp{filter: Alpha(Opacity=100); right:0px; top:0px;
-moz-opacity:1; 		opacity:1;}
.service-box .row .col-sm-2 .border{
    height: 450px;
    width: 100%;
    border: solid 1px #fff;
    transition: 1s;
    margin: 0 auto;
}
.service-box .row .icon-box{
    margin: 85px auto 35px auto;
    width: 64px;
    height: 64px;
    transition: 1s;

}
.service-box .row .icon-1{
    background: url("icon-1.png") no-repeat center;
    transition: 1s;
}
.service-box .row .icon-2{
    background: url("icon-2.png") no-repeat center;
    transition: 1s;
}
.service-box .row .icon-3{
    background: url("icon-3.png") no-repeat center;
    transition: 1s;
}
.service-box .row .icon-4{
    background: url("icon-4.png") no-repeat center;
    transition: 1s;
}
.service-box .row .icon-5{
    background: url("icon-5.png") no-repeat center;
    transition: 1s;
}
.service-box .row .cn-title{
    font-size: 28px;
    transition: 1s;
}
.service-box .row .en-title{
    font-size: 20px;
    color: #c2c2c2;
    font-family: arial, sans-serif;
    transition: 1s; padding:8px; padding-bottom:8px;
}
.service-box .row .intro-text{
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
}
.service-box .row .intro-text div{
    font-size: 14px;
    color: #333;
    width: 20px;
    margin: 0 10px;
}
.service-box .row .more{
   height: 0;
    overflow: hidden;
    color: #fff;
    display: block;
}
/*hoverЧ¹û*/
.service-box .row .col-sm-2:hover{
    background-color: #cc2a1e;
    color: #fff;
}
.service-box .row .col-sm-2:hover .icon-box{
    margin-top: 30px;
}
.service-box .row .col-sm-2:hover .border{
    height: 430px;
    width: 95%;
    margin: 10px auto;
    border: solid 1px #fff;
}
.service-box .row .col-sm-2:hover .intro-text div{
    color: #fff;
}
.service-box .row .col-sm-2:hover .cn-title{
    color: #fff;
}
.service-box .row .col-sm-2:hover .en-title{
    color: #fff;
}
.service-box .row .col-sm-2:hover .more{
    height: 30px;
    margin-top: 15px;
}


.service-box .row .li-1:hover .icon-box{
    background: url("icon-1-s.png") no-repeat center;
}


.service-box .row .li-2:hover .icon-box{
    background: url("icon-2-s.png") no-repeat center;
}


.service-box .row .li-3:hover .icon-box{
    background: url("icon-3-s.png") no-repeat center;
}


.service-box .row .li-4:hover .icon-box{
    background: url("icon-4-s.png") no-repeat center;
}


.service-box .row .li-5:hover .icon-box{
    background: url("icon-5-s.png") no-repeat center;
}

  
    .service-box .row .col-sm-2{
        width: 20%; float:left; margin-left:-1px;
    }
.service-shadow-box{ height:44px; width:100%;
	background-image: url(service-shadow.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#lmbt{
width:1280px; float:left; text-align:center;
}
#lmbt .p34 {  font-size: 34px; color:#333; font-weight:600; margin-bottom:30px;}
#lmbt .p34 span{color:#CC2A1E; margin-left:10px; margin-right:10px;}
#lmbt .p16{
	font-size:16px;
	color:#4080D8;
	font-weight:600;
	background-image: url(line.png);
	background-repeat: no-repeat;
	background-position: center center; margin-bottom:12px;
}
#lmbt p{
		font-size:15px; color:#666666; font-weight:500; margin-top:15px;
}

#alxs{ width:1280px; float:left; margin-top:35px;}
#alxs .fr{ float:right;}
#alxs .fl{ float:left;}
#alxs .h14{ font-size:14px;}
#alxs .h25{ font-size:25px;}
#alxs .h16{ font-size:16px;}
#alxs .row div{
    padding: 0;
}
#alxs .row  img{
    width: 100%;
    transition: 1s; min-height:320px;
}
#alxs .row .col-xs-6{ width:33.333%; float:left;
    position: relative;
    overflow: hidden; height:320px; overflow:hidden;
}
#alxs .row .col-xs-6 img{ width:100%; min-height:320px;}
#alxs .row .col-xs-6 .shadow {
    position: absolute;
    left: 0;
    top:0;
    width: 100%; height:100%;
    transition: 1s;
}
#alxs .row .col-xs-6 .text-box {
    position: absolute;
    left: 10%;
    top:0;
    color: #fff;
    width: 80%;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    transition: 1s;
}
#alxs .row .col-xs-6 .text-box a{
    color: #fff;
}
#alxs .row .col-xs-6 .text-box .top-box{
    margin-top: 25%;
    height: 45px;
    overflow: hidden;
    transition: 1s;
}
#alxs .row .col-xs-6 .text-box .date{
    height: 0;
    overflow: hidden;
    transition: 1s;

}
#alxs .row .col-xs-6 .text-box .date .year{
   font-size: 14px;
    margin: 18px 10px 0 0;
    color: #fff;
}
#alxs .row .col-xs-6 .text-box .date .month{
    /*font-size: 28px;*/
    line-height: 30px;
    margin-top: 10px;
}
#alxs .row .col-xs-6 .text-box .more{
    color: #000;
    background-color: #fff;
    padding: 0 5px;
    line-height: 20px;
    border-radius: 3px;
    /*font-size: 14px;*/
    height: 0;
    overflow: hidden;
    transition: 1s;
    margin-top: 6%;
}
#alxs .row .col-xs-6 .text-box .more a{
    color: #000;
}
#alxs .row .col-xs-6 .text-box .more:hover{
    background-color: #bb5c6b; 
    color: #fff;
}
#alxs .row .col-xs-6 .text-box .ar-title{  height:44px; line-height:22px;
    /*font-size: 18px;*/
    transition: 1s;
    height: 0;
    overflow: hidden;
}
#alxs .row .col-xs-6 .text-box .line{
    width: 0;
    height: 1px;
    background-color: #fff;
    margin: 5% auto;
    transition: 1s;
}


#alxs .row .col-xs-6:hover .text-box .date{
    height: 40px;
}
#alxs .row .col-xs-6:hover .text-box .more{
    height: 21px;
}
#alxs .row .col-xs-6:hover .text-box .ar-title{
    height: 40px;
}
#alxs .row .col-xs-6:hover img{
    transform: scale(1.3);
}
#alxs .row .col-xs-6:hover .shadow{
    background-color: #cc2a1e;
    opacity: 0.8;
    display: block;
}
#alxs .row .col-xs-6:hover .text-box .line{
    width: 100%;
}
#company{ width:1280px; float:left; }
#company .left{ width:820px; float:left;}
#company .gsjs{ width:100%; float:left; margin-top:10px;}
#company .gsjs .sec-title {
  position: relative;
  margin-bottom: 17px;
}
#company .gsjs .sec-title p { color:#333;
    position: relative;
    font-size: 34px;
    margin-bottom: 30px;
    text-transform: capitalize;
    font-weight: 500;
}
#company .gsjs .sec-title span{
	color:#CC2A1E;
}
#company .gsjs .nr{ font-size:15px; line-height:28px; color:#333;} 
#company .tp{ width:380px; float:right; overflow:hidden; height:450px;}
#company .tp img{width:100%;transition:all 0.4s ease-in-out 0s; display:block;}
#company .tp:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#case{ width:1280px; float:left; }
#fwtp{ width:1250px; float:left; padding:10px; background-color:#fff;  margin-top:35px; border:#ECECEC solid 1px; padding:14px;}
#tjcp {
	WIDTH:1200px;
	FLOAT: left; position:relative;   padding-left:25px; padding-right:25px;
}
#tjcp UL {
	LIST-STYLE-TYPE: none;
}
#tjcp UL LI {
	TEXT-ALIGN: center; WIDTH:370px;  FLOAT: left; margin-left:15px; margin-right:15px;
}
#tjcp UL LI .tp{WIDTH:370px; height:240px; overflow:hidden; position:relative;}
#tjcp UL LI .tp span{ z-index:10;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background-color:rgba(0,0,0,0.5);
	background-image: url(video.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#tjcp UL LI IMG { border:0px;WIDTH:370px; min-height:240px;transition:all 0.6s ease-in-out 0s;}
#tjcp UL LI A:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#tjcp UL LI p{ font-size:16px; height:55px; line-height:55px; TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;  text-align:center;}
#tjcp UL LI a{ color:#444;}
#tjcp UL LI a:hover p{background-color:#CC2A1E; color:#fff;}
#tjcp .prev,
#tjcp .next {
	width: 25px;
	height:240px;
	position: absolute;
	top:0px; z-index:10;  color:#E4E4E4;
}
#tjcp .prev{ text-align:left; left:0px;}
#tjcp .next{ text-align:right; right:0px;}
#tjcp .prev i,#tjcp .next i{ line-height:240px;font-size:60px; }
#tjcp .prev:hover,#tjcp .next:hover{ color:#CC2A1E;}
#gylm{	width:820px;
	float:left;	border-top: 1px solid #ededed; margin-top:40px; padding-top:40px;}

#gylm ul{list-style-type:none;}
#gylm ul li{	width:33%;	float:left;
}
#gylm ul li .tb{ width:57px; height:57px; border:#CC2A1E solid 2px; line-height:57px; text-align:center;border-radius:61px; float:left; margin-right:25px;transition:all 0.4s ease-in-out 0s;}
#gylm ul li .tb i{ color:#CC2A1E;font-size: 22px; line-height:57px;}
#gylm ul li:hover .tb{ transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);margin-right:15px;}
#gylm ul li p{ font-size:20px; line-height:32px; color:#CC2A1E; font-weight:bold;}
#gylm ul li span{ line-height:24px;
	font-size:12px;
	color:#777;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
}

#info{ width:1280px; float:left; margin-top:35px;}
#info .fl{ float:left;}
#info .h16{ font-size:16px;}
#info .h20{ font-size:20px;}
#info .h14{ font-size:14px;}
#info .fr{ float:right;}
#info .twxw{ width:54%; float:left;}
#info .twxw .col-md-3{ width:45%; padding-right:5%; float:left;}
#info .twxw .single-news{ width:100%; 
    /*padding: 0;*/
    box-shadow: 0px 0px 3px 3px #e2e2e2;
    /*margin-right: 1.5%;*/
    transition: 0.5s;
    margin-bottom: 5%; background-color:#fff;
}



#info .twxw .single-news .img-box{ height:218px;
    /*height: ;*/
    overflow: hidden;
    position: relative;
}
#info .twxw .single-news .img-box img{ width:100%; min-height:218px;}
#info .twxw .single-news .img-box .video-control{
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    background: url("../img/video.png") rgba(0,0,0,.5) no-repeat center;
    /*background-size: 100%;*/
    cursor: pointer;
    z-index: 66;
}
#info .twxw .single-news .img-box video{
    background-color: #000;
}
#info .twxw .single-news video{
    display: none;
}

#info .twxw .single-news img{
    width: 100%;
    transition: 1s;
}

#info .twxw .single-news .title{
     width: 85%;
     /*font-size: 16px;*/
     margin: 10% auto 5% auto;
    /*height: 44px;*/
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    color: #333;
 }
 #info .twxw .single-news .time{
    width: 85%;
    /*font-size: 14px;*/
    margin: 5% auto 10% auto;
    color: #666;
}
/*single hover*/

#info .twxw .single-news:hover {
    background-color: #cc2a1e;
}
#info .twxw .single-news:hover img{
    transform: scale(1.1);
}
#info .twxw .single-news:hover .title{
    color: #fff;
}
#info .twxw .single-news:hover .time{
    color: #fff;
}
#info .new-list{ width:44%; float:right;
    /*padding: 0;*/
}
#info .new-list .left-date-box{
    border-right:solid 1px #e6e6e6;
    margin: 0 2% 0 0;
    padding-right: 2%;
}
#info .new-list li{
    width: 100%;
    overflow: hidden;
    margin-bottom:2%;
}
#info .new-list .left-date-box{; text-align:center;
    color: #bababa;
    transition: 0.5s;

}
#info .new-list .left-date-box .big-date{
     font-size: 35px;
    font-family: arial;
    line-height: 40px;
}
#info .new-list .left-date-box .small-date{
    /*font-size: 14px;*/
}
#info .new-list .title-intro-box{
    /*width: ;*/
    /*float: left;*/
}

#info .new-list .title{
    color: #000;
    /*font-size: 18px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: 0.3s; margin-bottom:3px;
    float: none;
}
#info .new-list .intro{ height:44px; line-height:22px;
    color: #666; font-size:13px;
    /*font-size: 14px;*/
   overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;

}
/*new-list hover*/
#info .new-list li:hover .left-date-box{
    color: #cc2a1e;
}
#info .new-list li:hover .title{
    color: #cc2a1e;
}
#hzhb{ width:1280px; float:left; margin-top:35px;}
#hzhb .row{ width:100%; float:left;
   margin: 0;
}
#hzhb .part-li{ width:16.66%; float:left; text-align:center;
    /*border-bottom: solid 1px #e8e8e8;*/
    /*border-right: solid 1px #e8e8e8;*/
    height: 100px;
    text-align: center;
}
#hzhb .part-li a{
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    /*width: 80%;*/
}

#hzhb .part-li img{ min-width:98%;
    /*width: 100%;*/
    margin: 0 auto;
    vertical-align: middle;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    overflow: hidden;
    /*filter:Gray; -webkit-filter: grayscale(100%);*/
}
@-webkit-keyframes buzz-out {
    0% {
        -webkit-transform: translateX(10px) rotate(10deg);
    }
    100% {
        -webkit-transform: translateX(-10px) rotate(-10deg);
    }
}
#hzhb .part-li:hover  {
    -webkit-animation-name: buzz-out;
    -webkit-animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;

}
#hzhb .part-li:hover  img{
    filter:none; -webkit-filter: none;
}

#link{ width:1276px;  float:left; border:#ccc solid 1px; padding:1px; background-color:#FFFFFF; margin-top:28px;}
#link_1{ width:50px; line-height:20px; background-color:#CC2A1E;float:left; padding-top:5px; padding-bottom:5px; font-size:14px; text-align:center; color:#FFFFFF;}
#link_2{ width:1202px; padding-right:13px; font-size:14px; float:right; line-height:25px;}
#link_2 A{ padding-left:8px; padding-right:8px;}
#more{ width:1280px; float:left; margin-top:35px; text-align:center;}
#more A{
	display:inline-block; padding-left:25px; padding-right:25px; line-height:34px;;font-size:16px;border-radius:2px;  color:#CC2A1E; border:#CC2A1E solid 2px; background-color:#fff;transition:all 0.2s ease-in-out 0s;
}
#more A:hover {
	background:#CC2A1E;  color:#FFFFFF;
}