.w1920{ position: relative; width: 1920px; left: 50%; margin-left: -960px; } .w1200{ position: relative; width: 1200px; left: 50%; margin-left: -600px; } .fl{ float: left; } .fr{ float: right; } /*toub*/ .head{ height: 100px; } .logo{ margin-top: 20px; } /*搜索*/ .ss{ margin-right: 40px; } .hotSearch { font-size: 14px; color: #999; line-height: 66px; } .hotSearch a{ color: #999; } .ss #formsearch{ background: none; border: 1px solid #818992; height: 40px; line-height: 40px; width: 218px; margin-top: 15px; } .ss #keyword{ background: none; height: 40px; line-height: 40px; outline: none; border: none; width: 180px; padding-left: 10px; font-size: 14px; color: #999; float: left; } .ss #s_btn{ background: none; outline: none; border: none; width: 30px; background: url(../images/ss1.png) no-repeat 0px; float: right; } .ss .jszc { font-size: 12px; color: #888; margin-top: 18px; line-height: 12px; display: block; text-align: center; } .ss .jszc a{ color: #888; } /*about*/ .a1{ margin-top: 60px; } .title{ text-align: center; } .title h2{ font-size: 30px; font-weight: normal; color: #838383; text-transform: uppercase; } .title h3{ font-size: 26px; color: #333; font-weight: normal; position: relative; margin-top: 8px; } .title h3:before{ position: absolute; content: ""; top: 50%; left: 44.5%; width: 30px; background: #333; height: 1px; } .title h3:after{ position: absolute; content: ""; top: 50%; right: 44.5%; width: 30px; background: #333; height: 1px; } .title p{ font-size: 16px; color: #666; margin-top: 8px; letter-spacing: 8px; } .about{ margin-top: 50px; } .aboutimg{ width: 870px; height: 487px; background: url(../images/about1bg.jpg)no-repeat bottom center; padding-left: 230px; } .aboutimg img{ width: 640px; height: 357px; } .aboutimg .ck{ font-size: 14px; color: #181818; line-height: 24px; height: 17px; position: relative; text-align: right; display: block; margin-right: 50px; margin-top: 80px; } .aboutimg .ck:before{ position: absolute; content: ""; left: 87%; top: 8px; width: 9px; height: 9px; background: url(../images/aboutxd.png)no-repeat center; } .aboutimg .ck:after{ position: absolute; content: ""; right: -4%; top: 3px; width: 17px; height: 17px; background: url(../images/aboutjia.png)no-repeat center; } .about1{ width: 651px; margin-right: 374px; } .about1 h2{ background: url(../images/about1h2bg.png)no-repeat center; height: 72px; font-size: 25px; color: #333; line-height:66px; font-weight: bold; letter-spacing: 1px; } .about3{ margin-top: 42px; font-size: 14px; font-weight: normal; color: #333; line-height: 26px; } .about2{ margin-top: 45px; } .about2 ul li{ float: left; width: 211px; margin-right: 9px; } .about2 ul li:nth-child(3){ margin-right: 0px; } .about2 ul li img{ width: 211px; height: 150px; } .about2 ul li:hover img{ border:5px solid #0084ff; } .about2 ul li h3{ font-size: 14px; color: #333; text-align: center; margin-top: 10px; line-height: 14px; } /*产品*/ .pro{ margin-top: 48px; background: url(../images/probg.png)no-repeat top center; } .protit{ padding-top: 65px; } .title1{ text-align: center; } .title1 h2{ font-size: 30px; font-weight: normal; color: #fff; text-transform: uppercase; } .title1 h3{ font-size: 26px; color: #fff; font-weight: normal; position: relative; margin-top: 8px; } .title1 h3:before{ position: absolute; content: ""; top: 50%; left: 42%; width: 30px; background: #fff; height: 1px; } .title1 h3:after{ position: absolute; content: ""; top: 50%; right: 42%; width: 30px; background: #fff; height: 1px; } .title1 p{ font-size: 16px; color: #fff; margin-top: 8px; letter-spacing: 8px; } .prot{ margin-top: 45px; margin-bottom: 58px; } .prot ul li{ width: 164px; float: left; margin-right: 43px; text-align: center; } .prot ul li:last-child{ margin-right: 0px; } .prot ul li img{ width: 164px; height: 164px; border-radius: 82px; border:3px solid #ffd200; } .prot ul li:hover img{ border:3px solid #0084ea; } .prot ul li h3{ margin-top: 2px; } .prot ul li a{ font-size: 16px; color: #fff; margin-top: 0px; } .jian{ background: url(../images/jian.png)no-repeat center; height: 36px; } .pro2 .bd { margin-top: 30px; } .pro2 .bd ul li{ float: left; width: 364px; height: 270px; margin-right: 54px; margin-bottom: 30px; position: relative; } .pro2 .bd ul li img{ width: 364px; height: 270px;} .pro2 .bd ul li h3{ position: absolute; bottom: 0px; left: 0px; height: 50px; width: 364px; background: rgba(0,0,0,.35); text-align: center; line-height: 50px; font-size: 14px; } .pro2 .bd ul li:hover h3{ background: #0084ea; } .pro2 .bd ul li h3 a{ color: #fff; } .pro2 .bd ul li:nth-child(3n){ margin-right: 0px; } /*yous*/ .advantage-bg{ background: url(../images/adv.png) no-repeat top center; height: 768px; overflow: hidden; margin-top: 70px; } .advantage-index{ padding-top: 50px; } .advantage-index .content{ background: #fff; padding: 00px; margin-top: 60px; } .advantage-bg .container{ padding-left: 0px; padding-right: 0px; } /*case*/ .case{ margin-top: 50px; } .case2{ margin-top: 36px; position: relative; } .case2 .prev{ position: absolute; left: 0; top: 36%; z-index: 99; width: 40px; height: 68px; background: url(../images/left1.png) no-repeat top center; } .case2 .prev:hover{ background: url(../images/left2.png) no-repeat top center; } .case2 .next{ position: absolute; right: 0; top: 36%; width: 40px; height: 68px; z-index: 99; background: url(../images/right1.png) no-repeat top center; } .case2 .next:hover{ background: url(../images/right2.png) no-repeat top center; } .case2 .bd2{ width: 1060px; overflow: hidden; margin: 0 auto; } .case2 .bd2 ul li{ width: 330px; height: 280px; margin-right: 35px; } .case2 .bd2 ul li img{ width: 330px; height: 230px; } .case2 .bd2 ul li h3{ height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; background: #626262; } .case2 .bd2 ul li h3 a{ color: #fff; } .case2 .bd2 ul li:hover h3{ background: #0084ea; } /*新闻*/ .news-bg{ background: url(../images/news.png) no-repeat top center; height: 650px; overflow: hidden; padding-top: 50px; margin-top: 60px; } .news-bg .title p{ letter-spacing: 0px; } .news-index{ padding-top: 30px; } .i-news .i-news-left { width: 705px; height: 440px; background: #fff; padding: 20px; } .i-news .i-news-left ul.n1 .i-t { width: 50px; height: 30px; line-height: 30px; background: #0084ea; text-align: center; color: #fff; font-size: 16px; } .i-news .i-news-left ul.n1 .nei { width:100%; float: right; font-size: 16px; color: #666; line-height: 30px; } .i-news .i-news-left ul.n1 .nei h3 a { line-height: 30px; color: #0084ea; font-size: 18px; font-weight: bold; } .i-news .i-news-left ul.n1 .nei h3 span{ font-size: 14px; color: #666; line-height: 30px; } .i-news .i-news-left ul.n1 .nei p { margin-top: 20px; color: #666666; font-size: 14px; line-height: 30px; } .i-news .i-news-left ul.n2 { margin-top: 0px; position: relative; } .i-news .i-news-left ul.n2::before { content: ''; display: block; width: 1px; height: 220px; background: #d1d1d1; position: absolute; left: 3px; top: 50%; margin-top: -110px; } .i-news .i-news-left ul.n2::after { content: ''; display: block; width: 1px; height: 220px; background: #d1d1d1; position: absolute; left: 350px; top: 50%; margin-top: -110px; z-index: 9; } .i-news .i-news-left ul.n2 li { width: 318px; float: left; line-height: 53px; box-sizing: border-box; padding-left: 32px; position: relative; } .i-news .i-news-left ul.n2 li:nth-child(even) { float: right; } .i-news .i-news-left ul.n2 li:nth-last-child(1) a, .i-news .i-news-left ul.n2 li:nth-last-child(2) a { } .i-news .i-news-left ul.n2 li::before { content: ''; display: block; width: 7px; height: 7px; background: #999999; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -3.5px; z-index: 999; } .i-news .i-news-left ul.n2 li a { display: block; border-bottom: 1px solid #d1d1d1; color: #666666; font-size: 14px; } .i-news .i-news-left ul.n2 li:hover::before { background-color: #0084ea; } .i-news .i-news-left ul.n2 li:hover a { color: #0084ea; } .i-news .i-yi { width: 435px; height: 440px; } .i-news .i-yi h3 { line-height: 60px; background: url(../images/nt.png) no-repeat 33px center #0084ea; color: #fff; font-size: 18px; position: relative; text-indent: 74px; } .i-news .i-yi h3 a { display: block; position: absolute; right: 17px; top: 0; line-height: 60px; color: #ffffff; font-size: 12px; text-transform: uppercase; } .i-news .i-yi ul { border: 1px solid #fff; border-top: none; box-sizing: border-box; padding: 0 10px 0px; background: #fff; } .i-news .i-yi ul li { border-bottom: 1px solid #d1d1d1; padding: 18px 12px 0px 0; } .i-news .i-yi ul li:last-child{ border:none; } .i-news .i-yi ul li a { display: block; padding-left: 48px; position: relative; line-height: 20px; font-size: 14px; color: #333; } .i-news .i-yi ul li a::before { content: '问'; width: 20px; height: 20px; background: #0084ea; color: #fff; font-size: 12px; position: absolute; left: 16px; top: 0; text-align: center; } .i-news .i-yi ul li p { padding-left: 48px; position: relative; line-height: 30px; margin-top: 17px; color: #666666; font-size: 4px; font-size: 14px; } .i-news .i-yi ul li p::before { content: '答'; width: 20px; height: 20px; background: #666666; color: #fff; font-size: 12px; position: absolute; left: 16px; top: 0; line-height: 20px; text-align: center; } /*底部*/ .foot{ height: 293px; background: #08172a; padding-top: 55px; } .footnav{ width: 185px; line-height: 28px; } .footnav a{ font-size: 14px; color: rgba(255,255,255,.45); position: relative; width: 60px; display: block; float: left; text-align: center; } .footnav a:nth-child(2n){ margin-left: 55px; } .ftlx{ width: 385px; margin-left: 145px; padding-right:35px; border-right: 1px solid #363d47; height: 135px; } .ftlx h2{ font-size: 30px; color: #fff; margin-bottom: 20px; padding-left: 45px; font-weight: bold; background: url(../images/ftdh.png)no-repeat left center; } .ftlx p{ font-size: 14px; color: rgba(249,249,250,.36); font-weight: 28px; } .ftewm{ margin-left: 100px; width: 80px; margin-top: 15px; } .ftlink{ font-size: 14px; color: #888; font-weight: 28px; border-bottom: 1px solid #212f40; margin-top: 15px; padding-bottom: 10px; } .ftlink a{ font-size: 14px; color: #888; font-weight: 28px; } .foot2{ font-size: 12px; color: #888; line-height: 43px; } .foot2 a{ color: #888; line-height: 43px; } .footer{ height: 90px; background: #333; } .footer .footer1{ font-size: 12px; color: #999; line-height: 24px; text-align: center; padding-top: 25px; } .footer .footer1 a{ font-size: 12px; color: #999; line-height: 24px; text-align: center; }