/*-----------------------------------------------------------*/
/*copyright by 动力无限 www.btoe.cn*/
/*邮箱 btoe@btoe.cn*/
/*合作电话 400-0599-360*/
/*版权所有违者必究*/
/*-----------------------------------------------------------*/
/*banner*/
.fullSlide {
width: 100%;
position: relative;
height: 750px;
background: #fff;
overflow: hidden;
}
.fullSlide .bd {
width: 100%;
height: 750px;
margin: 0 auto;
position: relative;
z-index: 1;
overflow: hidden;
}
.fullSlide .bd ul {
width: 100% !important;
}
.fullSlide .bd li {
width: 100% !important;
height: 750px;
overflow: hidden;
text-align: center;
}
.fullSlide .bd li a {
display: block;
height: 750px;
}
.fullSlide .hd {
position: relative;
z-index: 2;
width: 100%;
bottom: 45px;
}
.fullSlide .hd ul {
text-align: center;
}
.fullSlide .hd ul li {
cursor: pointer;
display: inline-block;
zoom: 1;
width: 10px;
height: 10px;
border-radius: 50%;
margin: 0 10px ;
overflow: hidden;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
border: 1px solid #fff;
}
.fullSlide .hd ul .on {
background: #263681;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.fullSlide .next {
width: 65px;
height: 65px;
position: absolute;
top: 50%;
z-index: 2;
background: url(../images/bannerR.png) no-repeat center;
-webkit-transition: all .5s linear;
transition: all .5s linear;
right: 4%;
}
.fullSlide .prev {
width: 65px;
height: 65px;
position: absolute;
top: 50%;
z-index: 2;
background: url(../images/bannerL.png) no-repeat center;
-webkit-transition: all .5s linear;
transition: all .5s linear;
left: 4%;
}
/*title*/
.title{
}
.title h3{
font-size: 26px;
color: #000000;
padding: 45px 0 0 125px;
}
.title h3 a{
display: block;
font-size: 26px;
color: #000000;
}
/*product*/
.product{
width: 1280px;
margin: 70px auto 0 auto;
}
.product .pro_t{
overflow: hidden;
}
.product .pro_t .title{
float: left;
background: url(../images/pro_t.png) no-repeat top left;
width: 327px;
}
.product .pro_t .search{
float: right;
width: 376px;
height: 70px;
border: 1px solid #e0e0e0;
border-radius: 65px;
}
.product .pro_t .search .search2{
float: left;
height: 70px;
background: none;
font-size: 14px;
color: #999999;
width: 230px;
padding-left: 35px;
}
.product .pro_t .search .search_s{
width: 50px;
height: 50px;
float: right;
margin: 10px 10px 0 0;
}
.product .pro_box{
margin: 40px auto 0 auto;
height: 400px;
}
.product .pro_box .pro_l{
float: left;
width: 290px;
margin-top: 15px;
}
.product .pro_box .pro_l .pro_t{
margin-bottom: 20px;
}
.product .pro_box .pro_l .pro_t a{
display: block;
font-size: 20px;
color: #333;
padding-left: 50px;
background: url(../images/buttom2.png) no-repeat left center;
}
.product .pro_box .pro_l .pro_t a i{
display: block;
font-size: 14px;
color: #999;
font-family: Arial, Helvetica, sans-serif;
}
.product .pro_box .pro_l .pro_con{
}
.product .pro_box .pro_l .pro_con ul li{
height: 59px;
line-height: 59px;
}
.product .pro_box .pro_l .pro_con ul li a{
font-size: 16px;
color: #666;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
padding-left: 25px;
background: url(../images/buttom3.png) no-repeat left center;
}
.product .pro_box .pro_l .pro_con ul li:hover a{
color: #263681;
}
.product .pro_box .pro_r{
width: 950px;
float: right;
position: relative;
margin-right: 10px;
}
.product .pro_box .pro_r .bd{
width: 950px;
}
.product .pro_box .pro_r .bd ul li{
width: 950px;
height: 350px;
margin: 15px 10px;
}
.product .pro_box .pro_r .bd ul li .pic{
float: left;
width: 430px;
height: 350px;
background: #fff;
-webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
}
.product .pro_box .pro_r .bd ul li .pic img{
width: 410px;
height: 330px;
margin: 10px;
}
.product .pro_box .pro_r .bd ul li .txt{
width: 470px;
float: right;
margin-top: 30px;
}
.product .pro_box .pro_r .bd ul li .txt h5{
height: 95px;
border-bottom: 1px solid #e2e2e2;
}
.product .pro_box .pro_r .bd ul li .txt h5 a{
font-size: 20px;
color: #333333;
font-weight: bold;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product .pro_box .pro_r .bd ul li .txt h5 a i{
display: block;
font-size: 14px;
color: #999999;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin-top: 15px;
}
.product .pro_box .pro_r .bd ul li .txt p{
font-size: 14px;
color: #666666;
line-height: 40px;
height: 80px;
overflow: hidden;
margin-top: 20px;
}
.product .pro_box .pro_r .hd{
position: absolute;
left: 480px;
top: 275px;
}
.product .pro_box .pro_r .hd .next{
float: left;
border-radius: 50%;
cursor: pointer;
width: 45px;
height: 45px;
background: #eeeeee url(../images/left1.png) no-repeat center;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product .pro_box .pro_r .hd .prev{
float: right;
border-radius: 50%;
cursor: pointer;
width: 45px;
height: 45px;
background: #eeeeee url(../images/right1.png) no-repeat center;
margin-left: 10px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product .pro_box .pro_r .hd .next:hover{
background: #263681 url(../images/left.png) no-repeat center;
}
.product .pro_box .pro_r .hd .prev:hover{
background: #263681 url(../images/right.png) no-repeat center;
}
.product .pro_show{
width: 1360px;
margin: 0 auto;
}
.product .pro_show ul li{
float: left;
width: 290px;
height: 274px;
background: #fff;
-webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
margin-right: 40px;
}
.product .pro_show ul li .pic{
width: 270px;
height: 200px;
margin: 10px 10px 0 10px;
}
.product .pro_show ul li .pic img{
width: 270px;
height: 200px;
}
.product .pro_show ul li .txt{
margin: 7px auto 0 auto;
width: 270px;
height: 50px;
line-height: 50px;
background: #fbfbfb;
position: relative;
z-index: 5;
}
.product .pro_show ul li .txt h5 a{
float: left;
width: 180px;
margin-left: 10px;
font-size: 16px;
color: #333333;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product .pro_show ul li .txt .more{
display: block;
float: right;
background: url(../images/more.png) no-repeat center;
width: 25px;
height: 6px;
margin: 22px 10px 0 0;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product .pro_show ul li .txt::after{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 50px;
background: #263681;
content: "";
z-index: -1;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product .pro_show ul li.on .txt::after{
width: 100%;
}
.product .pro_show ul li.on .txt h5 a{
color: #fff;
}
.product .pro_show ul li.on .txt .more{
background: url(../images/more1.png) no-repeat center;
}
/*ys*/
.ys_bg{
width: 100%;
height: 860px;
margin: 65px auto 0 auto;
background: url(../images/ys_bg.jpg) no-repeat center;
}
.ys_bg .ys{
width: 1280px;
margin: 0 auto;
padding-top: 75px;
position: relative;
}
.ys_bg .ys .ys_t{
position: absolute;
left: 0;
top: 75px;
}
.ys_bg .ys .ys_t span{
display: block;
font-size: 72px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 85px;
}
.ys_bg .ys .ys_t h3{
font-size: 24px;
color: #fff;
font-weight: bold;
margin: 8px 0 0 37px;
}
.ys_bg .ys .ys_box{
margin: 50px auto 0 auto;
position: relative;
}
.ys_bg .ys .ys_box .bd{
width: 1280px;
margin: 0 auto;
}
.ys_bg .ys .ys_box .bd ul li{
float: left;
width: 1280px;
}
.ys_bg .ys .ys_box .bd ul li .txt{
float: left;
width: 515px;
margin-top: 260px;
}
.ys_bg .ys .ys_box .bd ul li .txt h5{
font-size: 24px;
color: #333;
font-weight: bold;
}
.ys_bg .ys .ys_box .bd ul li .txt h5 i{
display: inline-block;
font-size: 30px;
color: #0a368a;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
position: relative;
top: 3px;
}
.ys_bg .ys .ys_box .bd ul li .txt h5 span{
font-size: 16px;
color: #999999;
font-weight: normal;
text-transform: uppercase;
}
.ys_bg .ys .ys_box .bd ul li .txt p{
font-size: 16px;
color: #666;
line-height: 42px;
margin-top: 30px;
}
.ys_bg .ys .ys_box .bd ul li .ys_img{
float: right;
width: 482px;
height: 482px;
border-radius: 50%;
margin-right: 35px;
}
.ys_bg .ys .ys_box .bd ul li .ys_img img{
width: 482px;
height: 482px;
border-radius: 50%;
}
.ys_bg .ys .ys_box .hd{
position: absolute;
left: 0;
top: 500px;
}
.ys_bg .ys .ys_box .hd ul li{
float: left;
width: 96px;
padding-left: 20px;
margin-right: 40px;
background: url(../images/ys_xt2.png) no-repeat left top;
height: 235px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.ys_bg .ys .ys_box .hd ul li img{
width: 95px;
height: 95px;
border-radius: 50%;
margin-top: 5px;
margin-bottom: 3px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
.ys_bg .ys .ys_box .hd ul li p{
text-align: center;
font-size: 16px;
color: #333;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.ys_bg .ys .ys_box .hd ul li.ys1,
.ys_bg .ys .ys_box .hd ul li.ys3{
height: 185px;
margin-top: 50px;
}
.ys_bg .ys .ys_box .hd ul li.on{
background: url(../images/ys_xt3.png) no-repeat left top;
}
.ys_bg .ys .ys_box .hd ul li.on img{
border: 1px solid #263681;
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
}
.ys_bg .ys .ys_box .hd ul li.on p{
color: #263681;
}
.ys_bg .ys .ys_box .next{
position: absolute;
right: 50px;
top: 615px;
background: url(../images/left4.png) no-repeat center;
cursor: pointer;
width: 36px;
height: 36px;
}
.ys_bg .ys .ys_box .prev{
position: absolute;
right: 0px;
top: 615px;
background: url(../images/right4.png) no-repeat center;
cursor: pointer;
width: 36px;
height: 36px;
}
.ys_bg .ys .ys_box .tel{
position: absolute;
right: 165px;
top: 615px;
background: url(../images/tel1.png) no-repeat left center;
padding-left: 35px;
font-size: 24px;
color: #fff;
line-height: 36px;
letter-spacing: 2px;
}
.ys_bg .ys .ys_box .tel i{
font-size: 24px;
color: #fff;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 0px;
}
.ys_bg .ys .ys_box .zx{
background: url(../images/zx.png) no-repeat center;
width: 103px;
height: 229px;
position: absolute;
right: -16px;
top: -142px;
line-height: 103px;
}
.ys_bg .ys .ys_box .zx a{
display: block;
font-size: 16px;
color: #263681;
writing-mode: tb-rl;
padding-top: 90px;
letter-spacing: 2px;
}
/*case*/
.case{
width: 1280px;
margin: 70px auto 0 auto;
}
.case .title{
text-align: right;
background: url(../images/case_t.png) no-repeat right top;
}
.case .case_box{
margin: 30px auto 0 auto;
position: relative;
}
.case .case_box .bd{
width: 1280px;
}
.case .case_box .bd ul li{
float: left;
width: 1280px;
background: url(../images/xt2.png) no-repeat right top;
margin: 15px 15px 15px 0 ;
}
.case .case_box .bd ul li .txt{
float: left;
width: 890px;
margin-top: 35px;
}
.case .case_box .bd ul li .txt_t{
float: left;
width: 260px;
margin-top: 30px;
}
.case .case_box .bd ul li .txt_t span{
display: block;
float: left;
padding-left: 30px;
font-size: 24px;
color: #263681;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 45px;
background: url(../images/xt.png) no-repeat left center;
width: 55px;
}
.case .case_box .bd ul li .txt_t h5{
float: left;
width: 175px;
}
.case .case_box .bd ul li .txt_t h5 a{
font-size: 16px;
color: #263681;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.case .case_box .bd ul li .txt_t h5 a i{
font-size: 14px;
color: #999999;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
display: block;
margin-top: 3px;
}
.case .case_box .bd ul li .nr{
float: right;
width: 545px;
}
.case .case_box .bd ul li .nr p{
font-size: 16px;
color: #999999;
line-height: 42px;
height: 84px;
overflow: hidden;
}
.case .case_box .bd ul li .nr .more{
display: block;
width: 125px;
height: 40px;
line-height: 40px;
border: 1px solid #263681;
padding-left: 25px;
font-size: 14px;
color: #263681;
margin-top: 40px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.case .case_box .bd ul li .nr .more i{
font-size: 14px;
color: #263681;
margin-left: 20px;
}
.case .case_box .bd ul li:hover .nr .more{
border-radius: 45px;
}
.case .case_box .bd ul li .pic{
float: right;
width: 300px;
height: 225px;
background: #fff;
-webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
margin-top: 1px;
}
.case .case_box .bd ul li .pic img{
width: 280px;
height: 205px;
margin: 10px;
}
.case .case_box .hd{
position: absolute;
left: 120px;
top: -100px;
}
.case .case_box .hd ul li{
width: 8px;
height: 8px;
background: #dedede;
border-radius: 50%;
margin: 0 18px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
float: left;
}
.case .case_box .hd ul li.on{
background: #263681;
}
.case .case_box .next{
position: absolute;
left: 0;
top: -110px;
cursor: pointer;
font-size: 16px;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
background: url(../images/left2.png) no-repeat right center;
padding-right: 40px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.case .case_box .prev{
position: absolute;
left: 315px;
top: -110px;
cursor: pointer;
font-size: 16px;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
background: url(../images/right2.png) no-repeat left center;
padding-left: 40px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.case .case_box .next:hover{
color: #263681;
background: url(../images/left3.png) no-repeat right center;
}
.case .case_box .prev:hover{
color: #263681;
background: url(../images/right3.png) no-repeat left center;
}
.case .case_show{
margin: 40px auto 0 auto;
width: 1360px;
}
.case .case_show ul li{
width: 400px;
margin-right: 40px;
float: left;
}
.case .case_show ul li .pic{
width: 400px;
height: 300px;
background: #fff;
-webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
}
.case .case_show ul li .pic a{
width: 380px;
height: 280px;
margin: 10px;
display: inline-block;
overflow: hidden;
}
.case .case_show ul li .pic img{
width: 380px;
height: 280px;
overflow: hidden;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.case .case_show ul li:hover .pic img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}
.case .case_show ul li .txt{
margin: 20px auto 0 auto;
width: 380px;
}
.case .case_show ul li .txt span{
display: block;
font-size: 14px;
color: #aaaaaa;
text-transform: uppercase;
line-height: 30px;
}
.case .case_show ul li .txt span i{
font-size: 24px;
color: #333;
font-weight: bold;
background: url(../images/xt1.png) no-repeat right center;
width: 75px;
display: inline-block;
margin-right: 5px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.case .case_show ul li .txt a{
font-size: 18px;
color: #333333;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
margin: 12px 0 18px 0;
}
.case .case_show ul li .txt p{
font-size: 14px;
color: #999;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
}
.case .case_show ul li:hover .txt span i{
color: #263681;
}
.case .case_show ul li:hover .txt a{
color: #263681;
}
/*about*/
.ab_bg{
width: 100%;
height: 788px;
margin: 60px auto 0 auto;
background: url(../images/ab_bg.jpg) no-repeat center;
}
.ab_bg .about{
width: 1280px;
margin: 0 auto;
padding-top: 60px;
position: relative;
}
.ab_bg .about .ab_t{
overflow: hidden;
height: 80px;
}
.ab_bg .about .ab_t h5{
float: left;
width: 177px;
background: url(../images/xt3.png) no-repeat right center;
display: block;
font-size: 18px;
color: #999;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 4px;
}
.ab_bg .about .ab_t h5 i{
font-size: 60px;
color: #263681;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 60px;
display: block;
}
.ab_bg .about .ab_t h6{
float: left;
margin-left: 45px;
font-size: 14px;
color: #999;
font-weight: normal;
}
.ab_bg .about .ab_t h6 p{
display: block;
margin-bottom: 2px;
}
/* Mallki */
.link {
outline: none;
text-decoration: none;
position: relative;
font-size: 72px;
color: #333333;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 60px;
display: inline-block;
}
.link--mallki {
-webkit-transition: color 0.5s 0.25s;
transition: color 0.5s 0.25s;
overflow: hidden;
}
.link--mallki:hover {
-webkit-transition: none;
transition: none;
color: transparent;
}
.link--mallki::before {
content: '';
width: 100%;
height: 6px;
margin: -3px 0 0 0;
background: #263681;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.link--mallki:hover::before {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
.link--mallki span {
position: absolute;
height: 50%;
width: 100%;
left: 0;
top: 0;
overflow: hidden;
}
.link--mallki span::before {
content: attr(data-letters);
color: red;
position: absolute;
left: 0;
width: 100%;
color: #263681;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.link--mallki span:nth-child(2) {
top: 50%;
}
.link--mallki span:first-child::before {
top: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
.link--mallki span:nth-child(2)::before {
bottom: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
.link--mallki:hover span::before {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}
.ab_bg .about .txt{
margin-top: 60px;
}
.ab_bg .about .txt h5 a{
font-size: 24px;
color: #333333;
display: block;
letter-spacing: 5px;
}
.ab_bg .about .txt h5 a i{
display: block;
font-size: 14px;
color: #999999;
letter-spacing: 0px;
margin-top: 5px;
}
.ab_bg .about .txt em{
display: block;
width: 60px;
height: 3px;
background: #263681;
margin-top: 35px;
}
.ab_bg .about .txt p{
width: 1020px;
font-size: 16px;
color: #666666;
line-height: 42px;
height: 210px;
overflow: hidden;
margin-top: 35px;
}
.ab_bg .about .ab_list{
margin-top: 60px;
}
.ab_bg .about .ab_list ul li{
float: left;
position: relative;
z-index: 5;
width: 240px;
height: 100px;
margin-right: 18px;
border-radius: 5px;
background: #fff;
}
.ab_bg .about .ab_list ul li a{
display: block;
}
.ab_bg .about .ab_list ul li span{
display: block;
float: left;
font-size: 18px;
color: #333;
margin: 23px 0 0 25px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.ab_bg .about .ab_list ul li span i{
display: block;
font-size: 14px;
color: #999;
font-family: Arial, Helvetica, sans-serif;
margin-top: 4px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.ab_bg .about .ab_list ul li em{
display: block;
margin: 23px 15px 0 0 ;
width: 53px;
height: 53px;
float: right;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.ab_bg .about .ab_list ul li.ab1 em{
background: url(../images/ab1.png) no-repeat center;
}
.ab_bg .about .ab_list ul li.ab2 em{
background: url(../images/ab2.png) no-repeat center;
}
.ab_bg .about .ab_list ul li.ab3 em{
background: url(../images/ab3.png) no-repeat center;
}
.ab_bg .about .ab_list ul li.ab4 em{
background: url(../images/ab4.png) no-repeat center;
}
.ab_bg .about .ab_list ul li::after{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100px;
border-radius: 5px;
background: #263681;
content: "";
z-index: -1;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.ab_bg .about .ab_list ul li.on::after{
width: 100%;
}
.ab_bg .about .ab_list ul li.on span{
color: #fff;
}
.ab_bg .about .ab_list ul li.on span i{
color: #fff;
}
.ab_bg .about .ab_list ul li.ab1.on em{
background: url(../images/ab11.png) no-repeat center;
}
.ab_bg .about .ab_list ul li.ab2.on em{
background: url(../images/ab22.png) no-repeat center;
}
.ab_bg .about .ab_list ul li.ab3.on em{
background: url(../images/ab33.png) no-repeat center;
}
.ab_bg .about .ab_list ul li.ab4.on em{
background: url(../images/ab44.png) no-repeat center;
}
.ab_bg .about .ry{
width: 161px;
height: 233px;
background: url(../images/ry_bg.png) no-repeat center;
position: absolute;
left: 855px;
top: 60px;
}
.ab_bg .about .ry img{
width: 137px;
height: 188px;
margin: 13px 0 0 12px;
}
/*news*/
.news{
width: 1280px;
margin: 65px auto 0 auto;
height: 835px;
}
.news .news_t{
overflow: hidden;
}
.news .news_t .title{
float: left;
background: url(../images/news_t.png) no-repeat top left;
width: 405px;
}
.news .news_t .news_list{
float: right;
margin-top: 8px;
}
.news .news_t .news_list ul li{
float: left;
margin-left: 55px;
background: url(../images/news_xt.png) no-repeat top left;
width: 140px;
height: 50px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news .news_t .news_list ul li a{
display: block;
padding-left: 60px;
line-height: 40px;
font-size: 16px;
color: #333;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news .news_t .news_list ul li.n1 a{
background: url(../images/news1.png) no-repeat 25px center;
}
.news .news_t .news_list ul li.n2 a{
background: url(../images/news2.png) no-repeat 25px center;
}
.news .news_t .news_list ul li.n3 a{
background: url(../images/news3.png) no-repeat 25px center;
}
.news .news_t .news_list ul li.casehover{
background: url(../images/news_xt1.png) no-repeat top left;
}
.news .news_t .news_list ul li.casehover a{
color: #263681;
}
.news .news_t .news_list ul li.n1.casehover a{
background: url(../images/news11.png) no-repeat 25px center;
}
.news .news_t .news_list ul li.n2.casehover a{
background: url(../images/news22.png) no-repeat 25px center;
}
.news .news_t .news_list ul li.n3.casehover a{
background: url(../images/news33.png) no-repeat 25px center;
}
.news .news_box{
margin: 45px auto 0 auto;
height: 710px;
overflow: hidden;
}
.news .news_box .news_top{
width: 1360px;
height: 415px;
}
.news .news_box .news_top ul li{
float: left;
width: 390px;
height: 410px;
border: 1px solid #ddd;
margin: 0 35px 0 10px;
position: relative;
}
.news .news_box .news_top ul li .news_img{
width: 390px;
height: 310px;
}
.news .news_box .news_top ul li .news_img img{
width: 0px;
height: 0px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news .news_box .news_top ul li.on .news_img img{
width: 390px;
height: 310px;
}
.news .news_box .news_top ul li .txt{
position: absolute;
margin: 0 auto;
width: 330px;
padding: 0 30px;
left: 0;
top: 0;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
z-index: 5;
}
.news .news_box .news_top ul li .txt::after{
position: absolute;
width: 0px;
height: 0;
left: 0;
top: 0;
content: "";
z-index: -1;
background: url(../images/news_ico.png) no-repeat center;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news .news_box .news_top ul li .txt h5 a{
font-size: 18px;
color: #333333;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
margin: 60px 0 25px 0;
}
.news .news_box .news_top ul li .txt i{
display: block;
width: 25px;
height: 1px;
background: #333333;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news .news_box .news_top ul li .txt p{
font-size: 14px;
color: #666;
line-height: 30px;
height: 60px;
overflow: hidden;
margin-top: 22px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news .news_box .news_top ul li .txt .more{
display: block;
background: url(../images/buttom4.png) no-repeat center;
width: 19px;
height: 10px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
margin-top: 42px;
}
.news .news_box .news_top ul li.on .txt::after{
width: 100%;
height: 100%;
}
.news .news_box .news_top ul li.on .txt h5 a{
color: #fff;
}
.news .news_box .news_top ul li.on .txt i{
background: #fff;
}
.news .news_box .news_top ul li.on .txt p{
color: #fff;
}
.news .news_box .news_top ul li.on .txt .more{
background: url(../images/buttom5.png) no-repeat center;
}
.news .news_box .news_top ul li .time{
position: absolute;
left: -10px;
bottom: -1px;
width: 410px;
height: 100px;
background: #fff url(../images/buttom6.png) no-repeat 343px center;
-webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news .news_box .news_top ul li .time span{
display: block;
font-size: 30px;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 23px 0 2px 45px;
line-height: 35px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news .news_box .news_top ul li .time i{
display: block;
font-size: 14px;
color: #999;
margin: 0 0 0 45px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news .news_box .news_top ul li.on .time{
background: #fff url(../images/buttom7.png) no-repeat 343px center;
}
.news .news_box .news_top ul li.on span{
color: #263681;
}
.news .news_box .news_top ul li.on i{
color: #263681;
}
.news .news_box .list{
width: 1360px;
margin: 42px auto 0 auto;
}
.news .news_box .list ul li{
float: left;
height: 90px;
width: 595px;
margin: 0 80px 60px 0;
}
.news .news_box .list ul li .time{
float: left;
width: 75px;
height: 90px;
background: #fff;
-webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
padding-left: 15px;
position: relative;
z-index: 5;
}
.news .news_box .list ul li .time span{
display: block;
font-size: 16px;
color: #bbbbbb;
margin-top: 20px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news .news_box .list ul li .time i{
display: block;
font-size: 20px;
color: #666666;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news .news_box .list ul li .txt{
float: right;
width: 465px;
}
.news .news_box .list ul li .txt a{
font-size: 16px;
color: #2b2b2b;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news .news_box .list ul li .txt p{
font-size: 14px;
color: #999;
line-height: 28px;
height: 56px;
overflow: hidden;
margin-top: 12px;
}
.news .news_box .list ul li .time::after{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 90px;
background: #263681;
z-index: -1;
content: "";
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news .news_box .list ul li:hover .time::after{
width: 100%;
}
.news .news_box .list ul li:hover .time span{
color: #fff;
}
.news .news_box .list ul li:hover .time i{
color: #fff;
}
.news .news_box .list ul li:hover .txt a{
color: #263681;
}
/*links*/
.links_box{
width: 1280px;
margin: 45px auto 0 auto;
position: relative;
}
.links{
position: absolute;
left: 0;
top: 105px;
}
.links .links_t{
float: left;
background: url(../images/links.png) no-repeat top center;
width: 95px;
padding-top: 35px;
}
.links .links_t i{
display: block;
font-size: 16px;
color: #263681;
}
.links .yq{
float: left;
width: 535px;
margin-left: 30px;
}
.links .yq a{
margin-right: 15px;
font-size: 14px;
color: #666;
}