@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; }