* {
padding: 0;
margin: 0;
}
html {
font-size: 16px;
}
a {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: none;
color: #000;
}
li{
list-style: none;
vertical-align: middle;
}
i{
font-style: normal;
}
textarea {
resize: none;
}
img{
vertical-align: middle;
}
.content {
max-width: 1920px;
margin: 0 auto;
}
.product {
width: 1200px;
margin-top: 40px;
margin: 0 auto;
margin-top: 44px;
}
.product-header {
text-align: center;
margin-bottom: 39px;
}
.product-header h3 {
font-size: 28px;
margin-bottom: 15px;
height: 30px;
color: #333333;
font-weight: 300;
}
.product-header span {
display: block;
height: 2px;
width: 30px;
margin: 0 auto;
background-color: #0065b7;
margin-bottom: 11px;
}
.product-header p {
font-size: 14px;
color: #d8d8d8;
}
.product .product-nav {
width: 1080px;
margin: 0 auto;
}
.product .product-nav>li {
float: left;
margin-left: 24px;
margin-right: 24px;
margin-bottom: 20px;
text-align: center;
}
.product .product-nav>li a {
line-height: 50px;
width: 220px;
height: 50px;
display: inline-block;
border: 1px #dedcdd solid;
transition: all 0.3s linear;
font-size: 14px;
}
.product .product-nav>li a:hover {
border: 1px #0065b7 solid;
color: #0065b7;
}
.word {
border: 1px #0065b7 solid !important;
color: #0065b7 !important;
}
.product .product-content {
width: 1232px;
}
.product .product-content>li {
float: left;
margin-bottom: 52px;
margin-right: 32px;
position: relative;
}
.product .product-content>li>a {
width: 376px;
display: block;
position: absolute;
height: 336px;
top: 0;
left: 0;
background-image: url(../images/zhe1.png);
opacity: 0;
transition: all 0.3s linear
}
.product .product-content>li>.img {
width: 376px;
height: 280px;
border: 1px #dedcdd solid;
vertical-align: middle;
font-size: 14px;
}
.product .product-content>li>span {
display: block;
width: 376px;
line-height: 54px;
text-align: center;
background-color: #0065b7;
color: #fff;
font-size: 14px;
}
.product .product-content>li>a:hover {
opacity: 1;
}
.more>a {
margin: 0 auto;
display: block;
width: 164px;
line-height: 44px;
background-image: url(../images/more.jpg);
text-indent: 27px;
color: #8a8a8a;
margin-bottom: 70px;
transition: all 0.3s linear
}
.more>a:hover {
color: #0065b7;
}
.superiority {
max-width: 1920px;
height: 660px;
background-image: url(../images/1.jpg);
background-position: center center;
}
.superiority .superiority-content {
width: 1200px;
margin: 0 auto;
}
.superiority .superiority-content .superiority-content-c {
width: 795px;
}
.superiority .superiority-content .superiority-content-c .superiority-content-l {
width: 610px;
height: 625px;
float: left;
margin-top: 15px;
}
.superiority .superiority-content .superiority-content-c .superiority-content-r {
float: left;
margin-left: 33px;
}
.superiority .superiority-content .superiority-content-c .superiority-content-r>li {
width: 150px;
height: 138px;
}
.superiority .superiority-content .superiority-content-c .superiority-content-r>li>a {
display: block;
width: 135px;
height: 138px;
text-align: center;
margin: 0 auto;
color: #666666;
padding-left: 15px;
position: relative;
transition: all 0.3s linear
}
.superiority .superiority-content .superiority-content-c .superiority-content-r>li>a>i {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(../images/kuang.jpg);
opacity: 0;
z-index: 0;
transition: all 0.3s linear
}
.superiority .superiority-content .superiority-content-c .superiority-content-r>li>a>div {
height: 138px;
width: 80px;
background-image: url(../images/ge1.jpg);
background-position: center bottom;
background-repeat: no-repeat;
position: absolute;
left: 50%;
margin-left: -34px;
z-index: 1;
transition: all 0.3s linear
}
.superiority .superiority-content .superiority-content-c .superiority-content-r>li>a>div>span {
font-size: 52px;
line-height: 96px;
}
.superiority .superiority-content .superiority-content-c .superiority-content-r>li>a>div>p {
font-weight: 900;
font-size: 20px;
}
.ondiv{
background-image: none !important;
color: #fff !important;
}
.oni{
opacity: 1 !important;
}
.bbs {
max-width: 1920px;
height: 390px;
background-image: url(../images/zixun_02.jpg);
background-position: center center;
margin-bottom: 70px;
}
.bbs .bbs-c {
width: 1200px;
height: 390px;
margin: 0 auto;
position: relative;
}
.bbs .bbs-c .bbs-c-l {
position: absolute;
left: 340px;
top: 302px;
}
.bbs .bbs-c .bbs-c-l p {
display: inline-block;
font-size: 30px;
font-weight: 300;
color: #ff9e40;
line-height: 40px;
}
.bbs .bbs-c .bbs-c-l a {
display: inline-block;
width: 115px;
color: #fff;
text-align: center;
line-height: 40px;
background-color: #ff9e40;
font-size: 18px;
vertical-align: bottom;
margin-left: 47px;
}
.bbs .bbs-c .bbs-c-r {
position: absolute;
right: 0px;
top: 111px;
}
.bbs .bbs-c .bbs-c-r input {
width: 360px;
height: 37px;
margin-bottom: 13px;
box-sizing: border-box;
padding: 5px;
}
.bbs .bbs-c .bbs-c-r .codes{width: 150px;height: 37px;padding: 5px; }
.bbs .bbs-c .bbs-c-r textarea {
box-sizing: border-box;
padding: 5px;
width: 360px;
}
.bbs .bbs-c .bbs-c-r .btn1 {
background-color: #0065b7 !important;
color: #fff !important;
border: none !important;
}
.silder-box {
position: relative;
margin: 0px auto;
}
.silder {
margin: 0 auto 0;
}
.silder li {
width: 351px;
height: 478px;
border: 1px #e1e1e1 solid;
}
.silder li img {
display: block;
width: 325px;
height: 370px;
margin: 0 auto;
margin-top: 9px;
}
.silder-button {
top: 173px;
width: 84px;
height: 36px;
position: absolute;
cursor: pointer;
background-color: #0065b7;
color: #fff;
font-size: 26px;
text-align: center;
}
.silder-button:hover{
background-color: #ff9e40;
}
.silder-button.btl {
left: -40px;
}
.silder-button.btr {
right: -40px;
}
.silder-box-1 {
width: 1200px;
}
.silder-box-2 {
width: 500px;
}
.silder-box-2 .silder li {
width: 200px;
height: 200px;
}
.silder-box-3 {
width: 1000px;
}
.silder li a span{
display: block;
text-align: center;
line-height: 46px;
border-bottom: 1px #E1E1E1 dashed;
color: #333333;
font-size: 14px;
}
.silder li a .more{
margin: 0 auto;
display: block;
width: 164px;
height: 52px;
line-height: 50px;
background-image: url(../images/more1.jpg);
text-indent: 18px;
color: #8a8a8a;
transition: all 0.3s linear;
background-position: center center;
font-size: 14px;
}
.silder li a:hover .more{
color: #0065b7;
}
.case .case-v{
width: 1200px;
margin: 0 auto;
margin-top: 37px;
margin-bottom: 70px;
}
.case .case-v .case-c{
width: 1200px;
margin: 0 auto;
}
.case .case-v .case-c li{
float: left;
margin-left: 7px;
font-size: 14px;
}
.case .case-v .case-c li a{
display: block;
width: 290px;
line-height: 65px;
color: #333;
text-align: center;
background-color: #f2f2f2;
transition: all 0.3s linear;
}
.case .case-v .case-c li:nth-child(1) a{
border-radius:32px 0 0 32px;
}
.case .case-v .case-c li:nth-child(4) a{
border-radius:0 32px 32px 0;
}
.case .case-v .case-c li a:hover{
background-color: #0065b7;
color: #fff;
}
.ona{
background-color: #0065b7 !important;
color: #fff !important;
}
.about{
max-width: 1920px;
height: 660px;
background-image: url(../images/gywm_02.jpg);
background-position: center center;
}
.about .about-c{
width: 1200px;
margin: 0 auto;
}
.about .about-c .logo1{
float: left;
}
.about .about-c .about-nav{
float: right;
}
.about .about-c .about-nav li{
float: left;
}
.about .about-c .about-nav li a{
display: block;
width: 230px;
height: 78px;
margin-top: 48px;
color: #fff;
text-align: center;
transition: all 0.3s linear
}
.about .about-c .about-nav li a:hover{
color: #ffad4a;
}
.about .about-c .about-nav li a span{
font-size: 23px;
line-height: 47px;
display: inline-block;
}
.about .about-c .about-nav li a p{
font-size: 15px;
line-height: 24px;
}
.about .about-c .about-nav li:nth-child(2) a{
border-left: 1px #248bdf solid;
border-right: 1px #248bdf solid;
}
.about .about-c .about-b-l {
float: left;
width: 720px;
height: 399px;
}
.about .about-c .about-b-r{
float: right;
width: 442px;
height: 399px;
overflow: hidden;
}
.about .about-c .about-b-r img{
width: 100%;
height:100%;
}
.about .about-c .about-b-l h3{
margin-top: 68px;
font-weight: 500;
font-size: 26px;
}
.about .about-c .about-b-l span{
font-size: 14px;
color: #c8c8c8;
display: inline-block;
}
.about .about-c .about-b-l p{
font-size: 14px;
line-height: 23px;
}
.about .about-c .about-b-l div>a{
margin-left: 0;
}
.gshj{
max-width: 1920px;
height: 212px;
background-image: url(../images/123452.jpg);
background-position: center center;
margin-bottom: 70px;
}
.gshj .gshj-c{
width: 1200px;
margin: 0 auto;
}
.gshj .gshj-c ul li{
float: left;
margin-left: 25px;
position: relative;
}
.gshj .gshj-c ul li a{
width: 275px;
display: block;
position: absolute;
height: 212px;
top: 0;
left: 0;
background-image: url(../images/12323_03.png) ;
opacity: 0;
transition: all 0.3s linear
}
.gshj .gshj-c ul li a:hover{
opacity: 1;
}
.gshj .gshj-c ul li img{
width: 275px;
height: 212px;
}
.news{
width: 1200px;
margin: 0 auto;
}
.news-nav{
width: 480px;
margin: 0 auto;
}
.news-nav ul li{
float: left;
margin: 0 19px;
font-size: 16px;
}
.news-nav ul li a {
display: block;
width: 120px;
line-height: 38px;
border: 1px #e1e1e1 solid;
text-align: center;
}
.news-c{
margin-top: 52px;
margin-bottom: 70px;
height:350px;
}
.news-c .news-c-l{
float: left;
width: 495px;
}
.news-c .news-c-l img{
width: 495px;
height: 240px;
}
.news-c .news-c-l span{
display: inline-block;
line-height: 42px;
font-size: 16px;
width: 495px;
}
.news-c .news-c-l span i{
float: right;
font-size: 12px;
color: #b6b6b6;
}
.news-c .news-c-l p{
font-size: 14px;
}
.news-c .news-c-r{
float: right;
width: 630px;
}
.news-c .news-c-r ul li{
margin-bottom: 42px;
}
.news-c .news-c-r span{
float: left;
width: 85px;
line-height: 72px;
border-right: 2px #ececec solid;
text-align: center;
color: #cacaca;
font-size: 48px;
}
.news-c .news-c-r dl{
float: right;
width: 520px;
margin-left: 20px;
}
.news-c .news-c-r ul li .ondl{
width: 100%;
background-color: #0065b7;
color: #fff !important;
padding: 21px 10px 15px 25px;
box-sizing: border-box;
box-shadow: 0px 0px 10px #0065b7;
transition: all 0.3s linear
}
.news-c .news-c-r ul li:hover dl dt i{
color: #fff;
}
.news-c .news-c-r ul li:hover span{
display: none;
}
.news-c .news-c-r dl dt{
font-size: 16px;
width: 100%;
margin-bottom: 16px;
}
.news-c .news-c-r dl dt i{
float: right;
font-size: 12px;
color: #b6b6b6;
}
.news-c .news-c-r dl dd{
font-size: 14px;
}
.link{
max-width: 1920px;
margin: 0 auto;
background-color: #0065b7;
}
.link-c{
width: 1200px;
margin: 0 auto;
}
.link-c>img{
float: left;
margin-top: 21px;
}
.link-c>ul{
float: right;
height: 55px;
line-height: 55px;
color: #fff;
}
.link-c ul li{
float: left;
}
.link-c>ul li a{
color: #fff;
padding: 0 46px;
border-right: 1px #fff solid;
font-size: 14px;
}
.link-c>ul>li:nth-last-child(2) a{
padding-left: 46px;
border: none;
}
.footer{
max-width: 1920px;
height: 340px;
background-image: url(../images/footer.jpg);
background-position: center center;
margin-top: 0px;
border: none;
}
.footer .footer-c{
width: 1200px;
margin: 0 auto;
}
.footer .footer-wx{
float: right;
margin-top: 70px;
color: #fff;
width: 120px;
}
.footer .footer-wx img{
height: 120px;
}
.footer .footer-wx span{
display: block;
text-align: center;
line-height: 45px;
font-size: 14px;
}
.footer .footer-c-l {
float: left;
margin-top: 60px;
}
.footer .footer-c-l .footer-c-ll{
float: left;
width: 485px;
}
.footer .footer-c-l .footer-c-r{
float: right;
width: 590px;
}
.footer .footer-c-l .footer-c-h{
width: 385px;
border-bottom: 1px #fff solid;
margin-bottom: 28px;
}
.footer .footer-c-l .footer-c-h img{
margin-bottom: 20px;
}
.footer .footer-c-l .footer-c-ll ul li{
float: left;
padding-right:100px ;
padding-bottom:45px ;
}
.footer .footer-c-l .footer-c-ll ul li a{
font-size: 14px;
color: #fff;
transition: all 0.3s linear
}
.footer .footer-c-l .footer-c-ll ul li a:hover{
color: #ffad4a;
}
.footer .footer-c-l .footer-c-ll ul li .onf{
color: #ffad4a;
font-size: 14px;
}
.footer .footer-c-l .footer-c-r ul li span{
color: #ffad4a;
font-size: 16px;
font-weight: 600;
}
.footer .footer-c-l .footer-c-r ul li{
float: left;
padding-right:80px ;
padding-bottom:32px ;
font-size: 14px;
color: #fff;
}
.img1{
width: 610px;
height: 624px;
}
.img1>img:nth-child(1){
width: 100%;
height: 355px;
}
.img1>div{
float: left;
width: 410px;
}
.img1>div>h3{
font-size: 23px;
color: #0c64d0;
line-height: 68px;
}
.img1>div>span{
display: block;
width: 100%;
height: 145px;
overflow: hidden;
font-size: 12px;
line-height: 34px;
}
.img1>img:nth-last-child(1){
float: right;
width: 200px;
height: 175px;
}