839 lines
13 KiB
CSS
839 lines
13 KiB
CSS
@charset "UTF-8";
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.ovimg,
|
|
.ibw,
|
|
.miw,
|
|
.iml,
|
|
.imgbig {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.imgbig img {
|
|
-webkit-transition: all ease .5s;
|
|
-moz-transition: all ease .5s;
|
|
-ms-transition: all ease .5s;
|
|
-o-transition: all ease .5s;
|
|
transition: all ease .5s;
|
|
}
|
|
|
|
.imgbig:hover img {
|
|
-webkit-transform: scale(1.2, 1.2);
|
|
-moz-transform: scale(1.2, 1.2);
|
|
-ms-transform: scale(1.2, 1.2);
|
|
-o-transform: scale(1.2, 1.2);
|
|
transform: scale(1.2, 1.2);
|
|
}
|
|
|
|
.ovimg img {
|
|
width: 100%;
|
|
min-height: 100%;
|
|
}
|
|
|
|
.ibw img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.miw img {
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
}
|
|
|
|
.iml {
|
|
text-align: center;
|
|
}
|
|
|
|
.iml img {
|
|
transform: translateY(-2px);
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.w1200 {
|
|
width: 1200px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.p1920 {
|
|
width: 1920px;
|
|
position: relative;
|
|
left: 50%;
|
|
margin-left: -960px;
|
|
}
|
|
|
|
.head1 {
|
|
background: #FFFFFF;
|
|
color: #fff;
|
|
font-size: 14px;
|
|
width: 1920px;
|
|
left: 50%;
|
|
margin-left: -960px;
|
|
position: relative;
|
|
}
|
|
|
|
.head1 a {
|
|
color: #fff;
|
|
}
|
|
|
|
.head1 .headr .sous {
|
|
margin-top: 14px;
|
|
margin-right: 26px;
|
|
}
|
|
|
|
.head1 .headr .seo {
|
|
margin-left: 18px;
|
|
}
|
|
|
|
.yuyan {
|
|
position: relative;
|
|
}
|
|
|
|
.ssx {
|
|
display: none;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 20px;
|
|
}
|
|
|
|
.ssx a {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/*搜索和热门搜索*/
|
|
#formsearch {
|
|
height: 30px;
|
|
width: 258px;
|
|
border-bottom: 1px solid #fff;
|
|
}
|
|
|
|
.hotSearch {
|
|
float: left;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#search-type {
|
|
float: left;
|
|
width: 100px;
|
|
height: 24px;
|
|
border: 1px solid #c8c8c8;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.hotSearch a {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
#formsearch input {
|
|
height: 30px;
|
|
background: none;
|
|
border: none;
|
|
line-height: 29px;
|
|
}
|
|
|
|
#formsearch input#keyword {
|
|
height: 30px;
|
|
line-height: 29px;
|
|
color: #fff;
|
|
border: none;
|
|
width: 200px;
|
|
float: left;
|
|
outline: none;
|
|
}
|
|
|
|
#formsearch input#s_btn {
|
|
width: 25px;
|
|
height: 30px;
|
|
line-height: 29px;
|
|
text-align: center;
|
|
color: #fff;
|
|
border: none;
|
|
cursor: pointer;
|
|
float: right;
|
|
background: url(../images/sou.png) no-repeat center center;
|
|
}
|
|
|
|
.head2 {
|
|
background: url(https://oss.wsdns.cn/20241123/02dee75c789c40efb18ade2459af41ac.png) no-repeat top center;
|
|
height: 264px;
|
|
padding-top: 59px;
|
|
position: absolute;
|
|
top: 124px;
|
|
right: 0;
|
|
z-index: 1;
|
|
width: 1920px;
|
|
left: 50%;
|
|
margin-left: -960px;
|
|
}
|
|
|
|
.head2 .head2-index .dao {
|
|
width: 780px;
|
|
}
|
|
|
|
.tn {
|
|
background: url(../images/menu_news_bg.png) no-repeat top center #efefef;
|
|
height: 185px;
|
|
height: 300px;
|
|
background-size: cover;
|
|
}
|
|
|
|
.navleft {
|
|
width: 215px;
|
|
padding:0px 16px;
|
|
/* margin-right: 30px; */
|
|
float: left;
|
|
border-right: solid 1px #cccccc;
|
|
overflow: hidden;
|
|
/*padding-top: 12px;*/
|
|
height: 280px;
|
|
}
|
|
|
|
.navright {
|
|
height: 185px;
|
|
overflow: hidden;
|
|
padding-right: 20px;
|
|
padding-top: 12px;
|
|
}
|
|
|
|
.navright img {
|
|
width: 243px;
|
|
/*height: 110px;*/
|
|
}
|
|
|
|
.about-index {
|
|
margin-top: 70px;
|
|
}
|
|
|
|
.about-index .aboutl .at {
|
|
border-left: 2px solid #0c6fcd;
|
|
height: 35px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.about-index .aboutl .at h3 {
|
|
color: #0c6fcd;
|
|
font-size: 36px;
|
|
line-height: 1;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.about-index .aboutl .at h4 {
|
|
color: #a7a7a7;
|
|
font-size: 28px;
|
|
text-transform: uppercase;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.about-index .aboutl .amore {
|
|
margin-top: 88px;
|
|
margin-top: 28px;
|
|
margin-left: 124px;
|
|
}
|
|
|
|
.about-index .aboutl .amore a {
|
|
display: block;
|
|
color: #0c6fcd;
|
|
font-size: 18px;
|
|
transition: 0.5s;
|
|
}
|
|
|
|
.about-index .aboutl .amore a:hover {
|
|
transform: translateX(15px);
|
|
}
|
|
|
|
.about-index .aboutr {
|
|
width: 905px;
|
|
}
|
|
|
|
.about-index .aboutr p {
|
|
color: #333333;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
text-align: justify;
|
|
}
|
|
|
|
.num {
|
|
margin-top: 36px;
|
|
margin-bottom: 82px;
|
|
}
|
|
|
|
.num .num-list {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.c2-con ul{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: nowrap;
|
|
display: -webkit-flex;
|
|
align-items: center;
|
|
}
|
|
.c2-con ul li{
|
|
position: relative;
|
|
}
|
|
.c2-con ul li:last-child{border-right: 0;}
|
|
.c2-con ul li .count-title{color: #0c6fcd;display:inline-block;font-size: 86px;margin-right: 10px;}
|
|
.c2-con ul li dt{font-size:18px;color: #0c6fcd;display:inline-block;font-weight: normal;position: absolute;top: 26%;}
|
|
.c2-con ul li p{color: #555;text-align: center;position: absolute;bottom: 30px;right: 0;background: #fff;display: inline-block;font-size: 14px;color: #0c6fcd;border-bottom:1px solid #0c6fcd;border-top:1px solid #0c6fcd;}
|
|
.c2-con ul li:nth-child(1) p{
|
|
right: -16px;
|
|
}
|
|
|
|
.pt {
|
|
border-left: 2px solid #0c6fcd;
|
|
height: 35px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.pt h3 {
|
|
color: #0c6fcd;
|
|
font-size: 36px;
|
|
line-height: 1;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.pt h4 {
|
|
color: #a7a7a7;
|
|
font-size: 28px;
|
|
text-transform: uppercase;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.product-bg {
|
|
background: #f7f7f7;
|
|
padding: 45px 0;
|
|
}
|
|
|
|
.product-bg .product-roll {
|
|
width: 1200px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
margin-top: 60px;
|
|
}
|
|
|
|
.product-bg .product-roll .prev {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50%;
|
|
margin-top: -18px;
|
|
background: url(../images/left1.png) no-repeat left center;
|
|
width: 22px;
|
|
height: 36px;
|
|
transition: 0.5s;
|
|
}
|
|
|
|
.product-bg .product-roll .prev:hover {
|
|
transform: translateX(-15px);
|
|
}
|
|
|
|
.product-bg .product-roll .next {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%;
|
|
margin-top: -18px;
|
|
background: url(../images/right1.png) no-repeat left center;
|
|
width: 22px;
|
|
height: 36px;
|
|
transition: 0.5s;
|
|
}
|
|
|
|
.product-bg .product-roll .next:hover {
|
|
transform: translateX(15px);
|
|
}
|
|
|
|
.product-bg .product-roll .bd ul li {
|
|
float: left;
|
|
width: 289px;
|
|
height: 425px;
|
|
position: relative;
|
|
margin: 0 7px;
|
|
}
|
|
|
|
.product-bg .product-roll .bd ul li .img1 img {
|
|
width: 289px;
|
|
height: 425px;
|
|
}
|
|
|
|
.product-bg .product-roll .bd ul li .wz {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 146px;
|
|
background: rgba(0, 0, 0, 0.4);
|
|
padding: 0 22px;
|
|
padding-top: 12px;
|
|
}
|
|
|
|
.product-bg .product-roll .bd ul li .wz .wz1 .ww1 {
|
|
color: #fff;
|
|
font-size: 16px;
|
|
margin-top: 18px;
|
|
margin-left: 14px;
|
|
}
|
|
|
|
.product-bg .product-roll .bd ul li .wz .wz1 .ww2 {
|
|
color: #fff;
|
|
font-size: 14px;
|
|
text-transform: uppercase;
|
|
margin-top: 21px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.product-bg .product-roll .bd ul li .wz .wz2 {
|
|
color: #fff;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.product-bg .product-roll .tempWrap {
|
|
width: 1200px !important;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.buju-bg {
|
|
background: url(/assets/images/bj11.jpg) no-repeat top center;
|
|
height: 436px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.buju-bg .buju-index {
|
|
padding-top: 120px;
|
|
}
|
|
|
|
.buju-bg .buju-index .buju1 {
|
|
width: 789px;
|
|
padding-top: 40px;
|
|
}
|
|
|
|
.buju-bg .buju-index .buju1 p {
|
|
color: #fff;
|
|
font-size: 22px;
|
|
line-height: 36px;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
.buju-bg .buju-index .buju2 .at {
|
|
border-right: 2px solid #fff;
|
|
height: 35px;
|
|
padding-right: 20px;
|
|
text-align: right;
|
|
}
|
|
|
|
.buju-bg .buju-index .buju2 .at h3 {
|
|
color: #fff;
|
|
font-size: 36px;
|
|
line-height: 1;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.buju-bg .buju-index .buju2 .at h4 {
|
|
color: #a7a7a7;
|
|
font-size: 22px;
|
|
text-transform: uppercase;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.buju-bg .buju-index .buju2 .amore {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.buju-bg .buju-index .buju2 .amore a {
|
|
display: block;
|
|
color: white;
|
|
font-size: 18px;
|
|
transition: 0.5s;
|
|
text-align: right;
|
|
}
|
|
|
|
.buju-bg .buju-index .buju2 .amore a:hover {
|
|
transform: translateX(15px);
|
|
}
|
|
|
|
.case-index {
|
|
margin-top: 60px;
|
|
}
|
|
|
|
.case-index .ctt .cmore {
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.case-index .ctt .cmore a {
|
|
display: block;
|
|
color: #0c6fcd;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.case-index .case-roll {
|
|
margin-top: 46px;
|
|
}
|
|
|
|
.case-index .case-roll .bd ul li {
|
|
float: left;
|
|
width: 289px;
|
|
margin: 0 7px;
|
|
}
|
|
|
|
.case-index .case-roll .bd ul li .img1 img {
|
|
width: 289px;
|
|
height: 200px;
|
|
}
|
|
|
|
.case-index .case-roll .bd ul li .wz {
|
|
text-align: center;
|
|
color: #000000;
|
|
font-size: 16px;
|
|
padding: 18px 0;
|
|
}
|
|
|
|
.news-bg {
|
|
border-top: 1px solid #d9d9d9;
|
|
margin-top: 55px;
|
|
padding-top: 55px;
|
|
}
|
|
|
|
.news-bg .news-index .news1-a {
|
|
width: 540px;
|
|
}
|
|
|
|
.news-bg .news-index .news1-a .nlist1 {
|
|
margin-top: 42px;
|
|
}
|
|
|
|
.news-bg .news-index .news1-a .nlist1 li a {
|
|
display: block;
|
|
}
|
|
|
|
.news-bg .news-index .news1-a .nlist1 li a .nw1 {
|
|
color: #333333;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.news-bg .news-index .news1-a .nlist1 li a .nw2 {
|
|
color: #666666;
|
|
font-size: 14px;
|
|
text-indent: 2em;
|
|
line-height: 22px;
|
|
margin-top: 28px;
|
|
}
|
|
|
|
.news-bg .news-index .news1-a .nlist1 li a .nw3 {
|
|
width: 165px;
|
|
height: 40px;
|
|
background: #0768d2;
|
|
color: #fff;
|
|
font-size: 14px;
|
|
color: #fff;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
margin-top: 28px;
|
|
}
|
|
|
|
.news-bg .news-index .news1-a .nlist1 li a .nw3:hover {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.news-bg .news-index .news1-b {
|
|
width: 598px;
|
|
height: 316px;
|
|
border: 1px solid #d7d7d7;
|
|
}
|
|
|
|
.news-bg .nlist2 {
|
|
margin-top: 72px;
|
|
}
|
|
|
|
.news-bg .nlist2 li {
|
|
float: left;
|
|
width: 580px;
|
|
}
|
|
|
|
.news-bg .nlist2 li:nth-child(2n) {
|
|
float: right;
|
|
}
|
|
|
|
.news-bg .nlist2 li a {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.news-bg .nlist2 li a .nl .nhh {
|
|
width: 165px;
|
|
height: 102px;
|
|
border: 1px solid #d7d7d7;
|
|
display: none;
|
|
}
|
|
|
|
.news-bg .nlist2 li a .nl .nhh img {
|
|
width: 163px;
|
|
height: 100px;
|
|
}
|
|
|
|
.news-bg .nlist2 li a .nl .date {
|
|
background: url(/assets/images/date.png) no-repeat top center;
|
|
width: 104px;
|
|
height: 104px;
|
|
text-align: center;
|
|
}
|
|
|
|
.news-bg .nlist2 li a .nl .date .d1 {
|
|
color: #111111;
|
|
font-size: 48px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.news-bg .nlist2 li a .nl .date .d2 {
|
|
color: #111111;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.news-bg .nlist2 li a .nr {
|
|
width: 468px;
|
|
}
|
|
|
|
.news-bg .nlist2 li a .nr .nw1 {
|
|
color: #333333;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.news-bg .nlist2 li a .nr .nw2 {
|
|
color: #666666;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 3;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.news-bg .nlist2 li a:hover .nl .nhh {
|
|
display: block;
|
|
}
|
|
|
|
.news-bg .nlist2 li a:hover .nl .date {
|
|
display: none;
|
|
}
|
|
|
|
.news-bg .nlist2 li a:hover .nr {
|
|
width: 405px;
|
|
}
|
|
|
|
.news-bg .nlist2 li a:hover .nr .nw1 {
|
|
color: #0768d2;
|
|
}
|
|
|
|
.honor-bg {
|
|
background: url(/assets/images/bj22.jpg) no-repeat top center;
|
|
height: 142px;
|
|
overflow: hidden;
|
|
margin-top: 60px;
|
|
padding-top: 16px;
|
|
}
|
|
|
|
.honor-bg .bd .honot-list li {
|
|
width: 116px;
|
|
height: 116px;
|
|
margin: 0 30px;
|
|
}
|
|
|
|
.honor-bg .bd .honot-list li img {
|
|
width: 116px;
|
|
height: 116px;
|
|
}
|
|
|
|
.lxt {
|
|
text-align: center;
|
|
margin-top: 60px;
|
|
}
|
|
|
|
.lxt h3 {
|
|
color: #0c6fcd;
|
|
font-size: 36px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.lxt h4 {
|
|
color: #a7a7a7;
|
|
font-size: 22px;
|
|
text-transform: uppercase;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.ct-bg {
|
|
background: url(/assets/images/bj33.jpg) no-repeat top center;
|
|
height: 365px;
|
|
margin-top: 110px;
|
|
position: relative;
|
|
}
|
|
|
|
.ct-bg .ct-index {
|
|
background: #0c6fcd;
|
|
height: 355px;
|
|
width: 1200px;
|
|
margin: 0 auto;
|
|
position: absolute;
|
|
top: -64px;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 0 56px;
|
|
}
|
|
|
|
.ct-bg .ct-index .liu1 {
|
|
color: #fff;
|
|
font-size: 22px;
|
|
padding-top: 25px;
|
|
}
|
|
|
|
.ct-bg .ct-index .liu2 {
|
|
color: #fff;
|
|
font-size: 12px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.message1 {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.message1 .m11 {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.message1 .m11 .m22 {
|
|
width: 524px;
|
|
}
|
|
|
|
.message1 .m11 .m22 span {
|
|
background: #fff;
|
|
width: 524px;
|
|
outline: none;
|
|
border: none;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
color: #333333;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.message1 .m33 {
|
|
width: 1088px;
|
|
height: 103px;
|
|
background: #fff;
|
|
}
|
|
|
|
.message1 .m33 span {
|
|
width: 1088px;
|
|
background: #fff;
|
|
outline: none;
|
|
border: none;
|
|
height: 103px;
|
|
line-height: 35px;
|
|
color: #333333;
|
|
font-size: 12px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.message1 #code a {
|
|
color: #fff;
|
|
}
|
|
|
|
.message1 .tj {
|
|
width: 88px;
|
|
height: 33px;
|
|
background: #fff;
|
|
margin-top: 15px;
|
|
margin-left: 20px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.message1 .tj input {
|
|
width: 100%;
|
|
height: 33px;
|
|
line-height: 33px;
|
|
border: none;
|
|
background: #fff;
|
|
}
|
|
|
|
.m_input {
|
|
background: #fff;
|
|
width: 100%;
|
|
outline: none;
|
|
border: none;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
}
|
|
|
|
.m_input2 {
|
|
background: #fff;
|
|
outline: none;
|
|
border: none;
|
|
height: 103px;
|
|
line-height: 20px;
|
|
color: #333333;
|
|
}
|
|
|
|
.foot-bg {
|
|
background: #f5f5f7;
|
|
padding: 50px 0;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.foot-bg .foot-index .footl {
|
|
width: 800px;
|
|
}
|
|
|
|
.foot-bg .foot-index .footl .fnav a {
|
|
color: #fff;
|
|
font-size: 16px;
|
|
padding-right: 18px;
|
|
}
|
|
|
|
.foot-bg .foot-index .footl .fnav a:hover {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.foot-bg .foot-index .footl .fct {
|
|
margin-top: 28px;
|
|
}
|
|
|
|
.foot-bg .foot-index .footl .fct p {
|
|
color: #fff;
|
|
font-size: 14px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.foot-bg .foot-index .footr {
|
|
width: 230px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.foot-bg .foot-index .footr p {
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.foot-bg .cop-index {
|
|
border-top: 1px solid #fff;
|
|
margin-top: 30px;
|
|
padding: 20px 0;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.foot-bg .cop-index a {
|
|
color: #fff;
|
|
}
|
|
.pt, .pt-4{
|
|
padding-top: 0;
|
|
}
|