/*-----------------------------------------------------------*/
/*copyright by 动力无限 www.btoe.cn*/
/*邮箱 btoe@btoe.cn*/
/*合作电话 400-0599-360*/
/*版权所有违者必究*/
/*-----------------------------------------------------------*/
/*banner*/
.fullSlide {
width: 100%;
position: relative;
height: 881px;
background: #fff;
overflow: hidden;
}
.fullSlide .bd {
width: 100%;
height: 881px;
margin: 0 auto;
position: relative;
z-index: 1;
overflow: hidden;
}
.fullSlide .bd ul {
width: 100% !important;
}
.fullSlide .bd li {
width: 100% !important;
height: 881px;
overflow: hidden;
text-align: center;
}
.fullSlide .bd li a {
display: block;
height: 881px;
}
.fullSlide .hd {
position: absolute;
z-index: 2;
width: 23px;
height: 749px;
bottom: 0px;
right: 5%;
background: url(../images/banner_xt.png) no-repeat top center;
}
.fullSlide .hd ul {
text-align: center;
margin-top: 345px;
}
.fullSlide .hd ul li {
cursor: pointer;
zoom: 1;
width: 7px;
height: 7px;
border-radius: 50%;
margin: 18px 8px;
overflow: hidden;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
background: #0c5cc9;
}
.fullSlide .hd ul .on {
background: #f27327;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.fullSlide .next {
width: 23px;
height: 12px;
position: absolute;
bottom: 280px;
z-index: 5;
background: url(../images/bannerR.png) no-repeat center;
-webkit-transition: all .5s linear;
transition: all .5s linear;
right: 5%;
}
.fullSlide .prev {
width: 23px;
height: 12px;
position: absolute;
top: 414px;
z-index: 5;
background: url(../images/bannerL.png) no-repeat center;
-webkit-transition: all .5s linear;
transition: all .5s linear;
right: 5%;
}
.banner_box {
width: 100%;
position: relative;
height: 881px;
background: #fff;
top: -132px;
}
.banner_box .ewm{
position: absolute;
z-index: 5;
left: 0;
bottom: 0;
width: 90px;
height: 749px;
border-right: 1px solid #0050bd;
}
.banner_box .ewm ul{
height: 175px;
position: absolute;
left: 0;
bottom: 0;
}
.banner_box .ewm ul li{
width: 90px;
height: 86px;
border-top: 1px solid #0050bd;
}
.banner_box .ewm ul li img{
display: block;
width: 25px;
height: 20px;
margin: 33px auto;
}
/* 询盘*/
.xpBox{
background: url(../images/buttom2.png) center center no-repeat;
position: relative;
z-index: 5;
display: block;
width: 25px;
height: 20px;
margin: 33px auto;
}
.xpBox:hover .topxunpan {
width: 220px;
height: 38px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
opacity: 1;
}
i {
font-weight: normal;
font-style: normal;
}
.topxunpan {
cursor: pointer;
display: block;
margin-left: 0px;
position: absolute;
z-index: 5;
width: 0px;
height: 38px;
border-radius: 0px 30px 30px 0px;
line-height: 36px;
background: #fff;
left: 30px;
top: 50%;
margin-top: -18px;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
opacity: 0;
}
.topxunpan .xp {
position: relative;
line-height: 38px;
color: #666;
font-size: 16px;
cursor: pointer;
padding-left: 20px;
}
.topxunpan .xp>span{
width: 100%;
height: 38px;
overflow: hidden;
display: block;
}
.topxunpan .xp img {
position: relative;
top: 8px;
margin: 0 7px 0 0px;
}
.topxunpan .xp i {
padding: 0 0px;
margin-left: 0px;
margin-right: 0px;
box-sizing: border-box;
color: #666;
font-size: 16px;
font-weight: bold;
}
.topxunpan .xp #xunpantip {
z-index: 999;
position: absolute;
top: 35px;
left: 50%;
width: 180px;
height: 34px;
line-height: 34px;
text-align: center;
color: #fff;
font-size: 14px;
-webkit-transform: translateX(-50%) scale(0);
-moz-transform: translateX(-50%) scale(0);
-o-transform: translateX(-50%) scale(0);
-ms-transform: translateX(-50%) scale(0);
transform: translateX(-50%) scale(0);
-webkit-transition: transform .4s, opacity .4s;
-moz-transition: transform .4s, opacity .4s;
-o-transition: transform .4s, opacity .4s;
-ms-transition: transform .4s, opacity .4s;
transition: transform .4s, opacity .4s;
background-color: #043cc9;
border-radius: 4px;
opacity: 0;
font-weight: bold;
box-shadow: 5px 5px 2px #dfdfdf;
}
.topxunpan .xp #xunpantip::after {
content: '';
position: absolute;
top: -16px;
left: 50%;
width: 0;
height: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border: 8px solid transparent;
border-bottom-color: #043cc9;
}
.topxunpan .xp #xunpantip.xunpantextactive {
-webkit-transform: translateX(-50%) scale(1);
-moz-transform: translateX(-50%) scale(1);
-o-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
opacity: 1;
}
/*title*/
.title{
padding-left: 10px;
background: url(../images/title.png) no-repeat left top;
}
.title h3{
font-size: 26px;
color: #333333;
font-weight: bold;
}
.title h3 a{
font-size: 26px;
color: #333333;
font-weight: bold;
}
.title p{
font-size: 14px;
color: #666666;
letter-spacing: 6px;
margin-top: 5px;
}
/*product*/
.product{
width: 1300px;
margin: -52px auto 0 auto;
}
.product .pro_t{
height: 75px;
}
.product .pro_t .title{
float: left;
}
.product .pro_t .pro_list{
float: right;
}
.product .pro_t .pro_list ul li{
text-align: center;
width: 135px;
height: 42px;
line-height: 42px;
border-radius: 45px;
float: left;
background: #fff;
position: relative;
z-index: 5;
}
.product .pro_t .pro_list ul li 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;
}
.product .pro_t .pro_list ul li::after{
position: absolute;
left: 0;
top: 0;
content: "";
z-index: -1;
width: 0;
height: 42px;
border-radius: 45px;
background: #f26527;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product .pro_t .pro_list ul li.on::after{
width: 100%;
-webkit-box-shadow: 0 0 8px 8px rgba(175, 82, 26, .1);
box-shadow: 0 0 8px 8px rgba(175, 82, 26, .1);
}
.product .pro_box{
margin: 65px auto 0 auto;
width: 1360px;
}
.product .pro_box ul li{
width: 435px;
height: 516px;
border: 1px solid #f6f6f6;
float: left;
position: relative;
}
.product .pro_box ul li .pic{
width: 406px;
height: 343px;
position: relative;
margin: 15px 15px 0 15px;
overflow: hidden;
}
.product .pro_box ul li .pic img{
width: 406px;
height: 343px;
overflow: hidden;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product .pro_box ul li .pic span{
display: block;
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #666666;
text-transform: capitalize;
position: absolute;
left: 30px;
top: 30px;
z-index: 5;
display: none;
}
.product .pro_box ul li .pic i{
display: block;
position: absolute;
right: 30px;
top: 25px;
z-index: 5;
width: 46px;
height: 46px;
background: #fff url(../images/buttom3.png) no-repeat center;
border-radius: 50%;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
display: none;
}
.product .pro_box ul li .txt{
width: 406px;
margin: 12px auto 0 auto;
position: relative;
}
.product .pro_box ul li .txt span{
display: block;
font-size: 20px;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.product .pro_box ul li .txt h6{
font-size: 40px;
color: #f9f9f9;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: bold;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
line-height: 40px;
margin-top: 5px;
}
.product .pro_box ul li .txt h5 a{
font-size: 18px;
color: #333333;
font-weight: bold;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
text-align: center;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
margin-top: -35px;
}
.product .pro_box ul li .txt i{
display: block;
background: url(../images/buttom5.png) no-repeat center;
margin: 35px auto 0 auto;
width: 6px;
height: 21px;
}
.product .pro_box ul li:hover .pic i{
background: #1028ba url(../images/buttom4.png) no-repeat center;
}
.product .pro_box ul li.p1 .txt span,.product .pro_box ul li.p4 .txt span{
background: url(../images/xt1.png) no-repeat left center;
text-align: right;
margin-right: 10px;
}
.product .pro_box ul li.p3 .txt span,.product .pro_box ul li.p6 .txt span{
background: url(../images/xt2.png) no-repeat right center;
margin-left: 10px;
}
.product .pro_box ul li.p2 .txt,.product .pro_box ul li.p5 .txt{
margin: 20px auto 0 auto;
}
.product .pro_box ul li.p2 .txt span,.product .pro_box ul li.p5 .txt span{
position: absolute;
width: 100%;
left: 5px;
top: 100px;
text-align: center;
}
.product .pro_box ul li.p2 .txt i,.product .pro_box ul li.p5 .txt i{
margin: 42px auto 0 auto;
}
.product .pro_box ul li.p2 .txt::after,.product .pro_box ul li.p5 .txt::after{
position: absolute;
width: 100%;
height: 3px;
left: 0;
top: 55px;
content: "";
background: url(../images/xt3.png) no-repeat center;
}
.product .pro_box ul li:hover .pic img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}
/*ys*/
.ys_bg{
width: 100%;
margin: 80px auto 0 auto;
height: 1525px;
background: url(../images/ys_bg.jpg) no-repeat center;
}
.ys_bg .ys{
width: 1300px;
margin: 0 auto;
position: relative;
padding-top: 120px;
height: 635px;
}
.ys_bg .ys .ys_t{
position: absolute;
z-index: 5;
background: url(../images/ys_t.png) no-repeat center;
width: 552px;
height: 113px;
top: 130px;
left: 0;
}
.ys_bg .ys .ys_t h3{
font-size: 24px;
color: #fff;
padding: 82px 0 0 40px;
}
.ys_bg .ys .ys_box{
margin: 0 auto;
width: 1300px;
position: relative;
}
.ys_bg .ys .ys_box .bd{
width: 1300px;
}
.ys_bg .ys .ys_box .bd ul li{
float: left;
width: 1300px;
}
.ys_bg .ys .ys_box .bd ul li .txt{
float: left;
width: 510px;
margin-left: 40px;
margin-top: 210px;
}
.ys_bg .ys .ys_box .bd ul li .txt h5{
font-size: 18px;
color: #fff;
font-weight: bold;
margin-bottom: 15px;
}
.ys_bg .ys .ys_box .bd ul li .txt p{
font-size: 14px;
color: #d8e4fa;
line-height: 30px;
height: 120px;
}
.ys_bg .ys .ys_box .bd ul li .txt span{
display: block;
font-size: 30px;
color: #333;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin-top: 180px;
margin-left: 130px;
}
.ys_bg .ys .ys_box .bd ul li .ys_img{
float: right;
width: 635px;
height: 634px;
position: relative;
}
.ys_bg .ys .ys_box .bd ul li .ys_img img{
width: 635px;
height: 634px;
}
.ys_bg .ys .ys_box .bd ul li .ys_img::after{
position: absolute;
content: "";
right: 27px;
top: -28px;
width: 22px;
height: 56px;
background: url(../images/buttom6.png) no-repeat center;
}
.ys_bg .ys .ys_box .prev{
position: absolute;
left: 40px;
top: 380px;
background: url(../images/zx.png) no-repeat center;
width: 169px;
height: 78px;
line-height: 78px;
}
.ys_bg .ys .ys_box .prev i{
display: block;
font-size: 14px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding-left: 70px;
}
.ys_bg .ys .ys_box .num{
position: absolute;
left: 213px;
top: 563px;
font-size: 18px;
color: #333;
font-family: Arial, Helvetica, sans-serif;
}
.ys_bg .ys .ys_box .num i{
font-size: 14px;
color: #333;
text-transform: uppercase;
margin-left: 50px;
padding-left: 115px;
background: url(../images/ys_xt.png) no-repeat left center;
}
/*case*/
.case{
width: 1300px;
margin: 55px auto 0 auto;
}
.case .case_t{
overflow: hidden;
}
.case .case_t .title{
float: left;
}
.case .case_t .tel{
float: right;
background: url(../images/tel.png) no-repeat left center;
height: 40px;
padding-left: 85px;
}
.case .case_t .tel span{
display: block;
font-size: 20px;
color: #333;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
.case .case_t .tel i{
display: block;
font-size: 14px;
color: #999;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.case .case_box{
margin: 35px auto 0 auto;
position: relative;
z-index: 5;
}
.case .case_box .bd{
width: 1300px;
margin: 0 auto;
height: 460px;
}
.case .case_box .bd ul li{
float: left;
width: 386px;
height: 460px;
margin: 0 23px;
position: relative;
}
.case .case_box .bd ul li .pic{
width: 386px;
height: 252px;
background: #f6f6f6;
border-radius: 8px;
}
.case .case_box .bd ul li .pic img{
width: 376px;
height: 242px;
margin: 5px;
border-radius: 8px;
}
.case .case_box .bd ul li .txt{
text-align: center;
margin: 20px auto 0 auto;
}
.case .case_box .bd ul li .txt a{
font-size: 18px;
color: #333333;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-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 p{
font-size: 14px;
color: #666;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
margin: 10px auto 30px auto;
}
.case .case_box .bd ul li .txt span{
display: block;
font-size: 80px;
color: #f6f6f6;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 65px;
}
.case .case_box::after{
position: absolute;
left: 0;
top: 390px;
content: "";
width: 1300px;
height: 1px;
background: #ededed;
z-index: -1;
}
.case .case_box .bd ul li::after{
position: absolute;
left: 0;
top: 390px;
content: "";
width: 0px;
height: 1px;
background: #333333;
-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::before{
position: absolute;
left: 184px;
top: 387px;
content: "";
width: 18px;
height: 74px;
background: url(../images/buttom7.png) no-repeat top center;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
z-index: 5;
}
.case .case_box .bd ul li:hover::after{
width: 100%;
}
.case .case_box .bd ul li:hover a{
color: #f27327;
}
.case .case_box .bd ul li:hover::before{
top: 381px;
background: url(../images/buttom8.png) no-repeat top center;
}
.case .case_box .hd{
position: absolute;
left: 0;
top: 475px;
}
.case .case_box .hd .next{
float: left;
width: 43px;
height: 42px;
background: #f26527 url(../images/left.png) no-repeat center;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
cursor: pointer;
}
.case .case_box .hd .prev{
float: left;
float: left;
width: 43px;
height: 42px;
background: #1e243a url(../images/right.png) no-repeat center;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-left: 4px;
cursor: pointer;
}
.case .case_box .more{
width: 196px;
height: 90px;
background: url(../images/more2.png) no-repeat center;
margin: 0 auto;
position: relative;
cursor: pointer;
}
.case .case_box .more a{
display: block;
line-height: 92px;
font-size: 18px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding-left: 80px;
}
/*about*/
.ab_bg{
width: 100%;
margin: 0 auto;
height: 822px;
background: url(../images/ab_bg.jpg) no-repeat center;
}
.ab_bg .about{
width: 1300px;
margin: 0 auto;
padding-top: 90px;
}
.ab_bg .about .title{
float: left;
margin-top: 65px;
width: 390px;
}
.ab_bg .about .title h3{
color: #fff;
}
.ab_bg .about .title p{
color: #bacbe1;
}
.ab_bg .about .ab_r{
float: right;
width: 835px;
}
.ab_bg .about .ab_r .txt{
overflow: hidden;
}
.ab_bg .about .ab_r .txt .txt_t{
height: 42px;
}
.ab_bg .about .ab_r .txt .txt_t h5{
float: left;
width: 268px;
height: 42px;
background: #374dd4;
line-height: 42px;
text-align: center;
font-size: 18px;
color: #fff;
margin-right: 20px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.ab_bg .about .ab_r .txt .txt_t h5 a{
text-align: center;
font-size: 18px;
color: #fff;
}
.ab_bg .about .ab_r .txt .txt_t h5.casehover{
background: #ff5a00;
}
.ab_bg .about .ab_r .txt p{
font-size: 14px;
color: #bacbe1;
line-height: 36px;
height: 144px;
overflow: hidden;
margin-top: 20px;
}
.ab_bg .about .ab_r .ab_nr{
margin: 30px auto 0 auto;
}
.ab_bg .about .ab_r .ab_nr .ab_list{
float: left;
margin-left: 295px;
}
.ab_bg .about .ab_r .ab_nr .ab_list ul li{
width: 297px;
height: 100px;
border-bottom: 1px solid #0c5cc9;
margin-bottom: 12px;
padding-top: 25px;
}
.ab_bg .about .ab_r .ab_nr .ab_list ul li h5{
font-size: 50px;
color: #f26527;
font-weight: bold;
font-family: 'Times New Roman', Times, serif;
line-height: 45px;
}
.ab_bg .about .ab_r .ab_nr .ab_list ul li h5 span{
font-size: 50px;
color: #f26527;
font-weight: bold;
font-family: 'Times New Roman', Times, serif;
}
.ab_bg .about .ab_r .ab_nr .ab_list ul li p{
font-size: 14px;
color: #bacbe1;
margin-top: 10px;
}
.ab_bg .about .ab_r .ab_nr .ab_list .more{
width: 176px;
height: 80px;
margin-top: 28px;
background: url(../images/more.png) no-repeat center;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: var(--btn-w);
color: var(--primary);
cursor: pointer;
position: relative;
}
.ab_bg .about .ab_r .ab_nr .ab_list .more a{
display: block;
line-height: 85px;
font-size: 18px;
color: #1a6fe2;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding-left: 70px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
:root {
--bg: #3C465C;
--primary: #043cc9;
--solid: #fff;
--btn-w: 196px;
--dot-w: calc(var(--btn-w)*.2);
--tr-X: calc(var(--btn-w) - var(--dot-w))
}
.dot {
content: '';
position: absolute;
top: 0;
width: var(--dot-w);
height: 100%;
border-radius: 100%;
-webkit-transition: all 1000ms ease;
transition: all 1000ms ease;
display: none;
}
.dot:after {
content: '';
position: absolute;
left: calc(50% - .4em);
top: -.4em;
height: .8em;
width: .8em;
background: var(--primary);
border-radius: 1em;
border: .25em solid var(--solid);
box-shadow: 0 0 .7em var(--solid), 0 0 2em var(--primary)
}
.btn:hover .dot,
.btn:focus .dot {
-webkit-animation: atom 2s infinite linear;
animation: atom 2s infinite linear;
display: block
}
@-webkit-keyframes atom {
0% {
-webkit-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
30% {
-webkit-transform: translateX(var(--tr-X)) rotate(0);
transform: translateX(var(--tr-X)) rotate(0)
}
50% {
-webkit-transform: translateX(var(--tr-X)) rotate(180deg);
transform: translateX(var(--tr-X)) rotate(180deg)
}
80% {
-webkit-transform: translateX(0) rotate(180deg);
transform: translateX(0) rotate(180deg)
}
100% {
-webkit-transform: translateX(0) rotate(360deg);
transform: translateX(0) rotate(360deg)
}
}
@keyframes atom {
0% {
-webkit-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
30% {
-webkit-transform: translateX(var(--tr-X)) rotate(0);
transform: translateX(var(--tr-X)) rotate(0)
}
50% {
-webkit-transform: translateX(var(--tr-X)) rotate(180deg);
transform: translateX(var(--tr-X)) rotate(180deg)
}
80% {
-webkit-transform: translateX(0) rotate(180deg);
transform: translateX(0) rotate(180deg)
}
100% {
-webkit-transform: translateX(0) rotate(360deg);
transform: translateX(0) rotate(360deg)
}
}
.ab_bg .about .ab_r .ab_nr .ab_list .more:hover{
background: url(../images/more1.png) no-repeat center;
}
.ab_bg .about .ab_r .ab_nr .ab_list .more:hover a{
color: #fff;
}
.ab_bg .about .ab_r .ry{
float: right;
background: url(../images/ry_bg.png) no-repeat center;
width: 204px;
height: 278px;
margin-right: -10px;
}
.ab_bg .about .ab_r .ry img{
width: 190px;
height: 250px;
margin: 21px 0 0 22px;
display: block;
object-fit: contain;
}
/*news*/
.news{
margin: 70px auto 0 auto;
width: 1300px;
height: 485px;
}
.news .news_t{
overflow: hidden;
}
.news .news_t .title{
float: left;
}
.news .news_t .news_list{
float: right;
margin-top: 33px;
position: relative;
}
.news .news_t .news_list ul li{
float: left;
height: 35px;
line-height: 35px;
}
.news .news_t .news_list ul li h5{
float: left;
font-size: 18px;
color: #3d3d4d;
font-weight: bold;
margin-left: 85px;
-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:last-child h5{
margin-right: 300px;
}
.news .news_t .news_list ul li .more{
position: absolute;
right: 0;
top: 0;
font-size: 14px;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
padding-left: 245px;
background: url(../images/news_xt.png) no-repeat left center;
display: none;
}
.news .news_t .news_list ul li.casehover h5{
color: #043cc9;
}
.news .news_t .news_list ul li.casehover .more{
display: block;
}
.news .news_box{
margin: 40px 0 0 -35px;
background: url(../images/news_bg.jpg) no-repeat left top;
padding-left: 35px;
height: 375px;
width: 1300px;
}
.news .news_box .news_l{
margin-left: 40px;
width: 800px;
position: relative;
float: left;
}
.news .news_box .news_l .bd{
width: 800px;
}
.news .news_box .news_l .bd ul li{
float: left;
width: 800px;
}
.news .news_box .news_l .bd ul li .txt{
float: left;
width: 360px;
margin-top: 55px;
}
.news .news_box .news_l .bd ul li .txt h5 a{
font-size: 18px;
color: #272a42;
font-weight: bold;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news .news_box .news_l .bd ul li:hover .txt h5 a{
color: #043cc9;
}
.news .news_box .news_l .bd ul li .txt p{
font-size: 14px;
color: #616478;
line-height: 30px;
height: 60px;
overflow: hidden;
margin-top: 60px;
}
.news .news_box .news_l .bd ul li .txt .more{
display: block;
margin-top: 10px;
height: 50px;
line-height: 50px;
width: 243px;
border-bottom: 2px solid #244031;
padding: 0 10px 0 20px;
font-size: 14px;
color: #333333;
background: url(../images/more3.png) no-repeat 240px center;
}
.news .news_box .news_l .bd ul li .txt span{
display: block;
font-size: 36px;
color: #272a42;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin-top: 20px;
}
.news .news_box .news_l .bd ul li .news_img{
float: right;
width: 390px;
height: 248px;
}
.news .news_box .news_l .bd ul li .news_img img{
width: 390px;
height: 248px;
}
.news .news_box .news_l .hd{
position: absolute;
z-index: 5;
left: 0;
top: 100px;
}
.news .news_box .news_l .hd ul li{
float: left;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
margin-right: 10px;
width: 6px;
height: 6px;
background: #8e97af;
border-radius: 50%;
}
.news .news_box .news_l .hd ul li.on{
background: #272a42;
}
.news .news_box .news_l .page{
position: absolute;
z-index: 5;
left: 505px;
top: 287px;
width: 140px;
}
.news .news_box .news_l .page .next{
float: left;
cursor: pointer;
background: url(../images/left1.png) no-repeat center;
width: 31px;
height: 31px;
}
.news .news_box .news_l .page .prev{
float: right;
cursor: pointer;
background: url(../images/right1.png) no-repeat center;
width: 31px;
height: 31px;
}
.news .news_box .news_l .page .pageState{
text-align: center;
font-size: 14px;
color: #272a42;
line-height: 30px;
margin-left: 30px;
}
.news .news_box .news_l .page .pageState span{
font-size: 14px;
color: #272a42;
}
.news .news_box .news_r{
float: right;
width: 380px;
}
.news .news_box .news_r ul li{
padding-right: 50px;
width: 330px;
height: 65px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 37px;
position: relative;
}
.news .news_box .news_r ul li span{
display: block;
font-size: 12px;
color: #616478;
}
.news .news_box .news_r a{
font-size: 14px;
color: #3d3d4d;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
margin-top: 6px;
}
.news .news_box .news_r ul li::after{
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
content: "";
background: #043cc9;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news .news_box .news_r ul li::before{
position: absolute;
right: 0;
top: 20px;
width: 0;
height: 11px;
content: "";
background: url(../images/more4.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_r ul li:hover::after{
width: 100%;
}
.news .news_box .news_r ul li:hover::before{
width: 11px;
}
/*links*/
.links{
width: 1300px;
margin: 50px auto 65px auto;
overflow: hidden;
}
.links .links_t{
float: left;
background: url(../images/links.png) no-repeat left bottom;
width: 125px;
height: 50px;
}
.links .links_t i{
display: block;
font-size: 14px;
color: #000000;
padding-left: 40px;
}
.links .yq{
float: right;
width: 1150px;
}
.links .yq a{
font-size: 14px;
color: #666666;
margin-right: 15px;
line-height: 25px;
}