@charset "UTF-8"; html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, table, th, td, form, legend, input, button, textarea { margin: 0; padding: 0; font-family: "宋体"; } table { border-collapse: collapse; border-spacing: 0; } img{ border: none; } caption, th { text-align: left; font-weight: normal; } html, body, fieldset, iframe, abbr { border: 0; } i, em { font-style: normal; } li { list-style: none; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } textarea { overflow: auto; resize: none; } label { cursor: default; } a, button { cursor: pointer; } body, textarea, input, button, select { color: #131313; outline: 0; } a,a:hover{ color: #333; text-decoration: none; } /*-------------------------------------首页-------------------------------------------*/ /*-----------index页眉----------------*/ .index_one { width: 100%; height: 100px; background: #FFFFFF; } .one_middle { width: 1200px; height: 100%; margin: 0 auto; position: relative; } .one_logo { width: 530px; height: 100%; float: left; } .one_search { width: 350px; height: 60px; margin-top: 20px; float: left; margin-left: 180px; position: relative; } .one_search input { width: 100%; height: 30px; background: #FFFFFF; border: 0; border-bottom: 1px solid #333; color: #999999; } .one_search img { position: absolute; top: 5px; right: 0; } .one_search p { font-size: 12px; color: #999999; margin-top: 5px; } .one_language { height: 40px; float: left; margin-left: 30px; margin-top: 10px; } .one_language img { margin-top: 15px; margin-left: 10px; } /*---------------index导航------------*/ .index_two { width: 100%; height: 40px; background: #037b26; position: relative; } .two_middle { width: 1200px; height: 100%; margin: 0 auto; position: relative; } .navigation { width: 1200px; height: 100%; } .navigation ul li { display: block; width: 150px; height: 100%; float: left; margin-left: 20px; position: relative; } .navigation ul li a { display: block; width: 150px; height: 100%; text-align: center; line-height: 40px; font-size: 16px; color: #FFFFFF; font-family: "微软雅黑"; } .navigation ul li:hover { background: url(../images/nav-bottom.png) center bottom no-repeat; } .current-nav { background: url(../images/nav-bottom.png) center bottom no-repeat; } .product-list { width: 100%; height: auto; overflow: hidden; background: #FFFFFF; position: absolute; z-index: 100; left: 0px; top: 40px; display: none; } .product-list-middle { width: 850px; height: auto; margin: 0 auto; } .product-list-middle ul li { display: block; width: auto; height: 40px; float: left; } .product-list-middle ul li p { line-height: 40px; font-size: 14px; color: #333333; font-family: "微软雅黑"; padding-left: 15px; padding-right: 15px; } .product-list-middle ul li:hover p { color: #037b26; } /*-----------------banner-------------------*/ .swiper-container{ width:100%; height:560px; } .swiper-slide a{ display:block; height:100%; } .swiper-container .swiper-button-prev { background: url(../images/left.png) no-repeat; background-size: 100% 100%; } .swiper-container .swiper-button-next { background: url(../images/left.png) no-repeat; background-size: 100% 100%; transform: rotate(180deg); transform-origin: 50% 50%; -ms-transform: rotate(180deg); -ms-transform-origin: 50% 50%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 50%; -o-transform: rotate(180deg); -o-transform-origin: 50% 50%; } .swiper-pagination-bullet { opacity:1; background: #fff; } .swiper-pagination-bullet-active { background:#21cb70; } .swiper-pagination-bullet{ border-radius:0%; } /*--------------------产品展示-----------------------*/ .product-display { width: 1200px; height: 550px; margin: 0 auto; } .seven_title { width: 100%; height: 100px; } .seven_title p { text-align: center; font-size: 25px; color: #000000; font-family: "微软雅黑"; padding-top: 25px; } .a-line1 { width: 200px; height: 1px; background: #D9D9D9; margin: 0 auto; margin-top: 15px; position: relative; } .a-line1 img { position: absolute; top: -12px; left: 50%; margin-left: -20px; } .product-display-catalog { width: 100%; height: 70px; margin: 0 auto; } .product-display-catalog ul li { display: block; width: 122px; height: 38px; float: left; margin-left: 20px; margin-top: 16px; border: 1px solid #d9d9d9; border-radius: 5px; background: #FFFFFF; } .product-display-catalog ul li a { display: block; width: 122px; height: 38px; text-align: center; line-height: 38px; font-family: "微软雅黑"; font-size: 14px; color: #333; border-radius: 5px; } .product-display-catalog ul li:hover { background: #037b26; } .product-display-catalog ul li:hover p { color: #FFFFFF; } .display-choice { background: #037b26; color: #FFFFFF; } .display-choice p { color: #FFFFFF; } .display-div { width: 100%; height: 370px; } .display-div ul li { display: block; width: 285px; height: 100%; float: left; margin-left: 20px; position: relative; } .display-div ul li:first-child { margin-left: 0px; } .display-div ul li p { text-align: center; padding-left: 10px; padding-right: 10px; font-size: 12px; font-family: "微软雅黑"; line-height: 20px; color: #333; } .covering-laye { width: 285px; height: 285px; position: absolute; z-index: 50; top: 0px; left: 0px; background: #000000; opacity: 0.5; display: none; } .display-div ul li span { font-size: 18px; color: #FFFFFF; font-family: "微软雅黑"; position: absolute; z-index: 55; top: 130px; left: 95px; display: none; } .display-div ul li span a { color: #FFFFFF; } .display-div ul li:hover .covering-laye { display: block; } .display-div ul li:hover span { display: block; } #catalog1 { display: block; } #catalog2,#catalog3,#catalog4,#catalog5,#catalog6,#catalog7,#catalog8 { display: none; } /*--------------------伟德客户端胶的四大特性-----------------------*/ .four-features { width: 100%; height: 640px; background: url(../images/features-bg.jpg) center center no-repeat; background-size: 1920px 640px; } .four-features-middle { width: 1200px; height: 100%; margin: 0 auto; position: relative; } .four-features-middle .seven_title .a-line1 { background: #037b26; } .four-features-trait { width: 410px; height: 240px; position: absolute; top: 100px; left: 0px; } .features-trait-title { width: 100%; height: 55px; background: url(../images/features-img1.png) left no-repeat; background-size: 90px 55px; } .features-trait-title p { font-size: 25px; color: #124c33; line-height: 55px; padding-left: 22px; font-family: "微软雅黑"; } .features-trait-body { width: 100%; height: auto; overflow: hidden; } .features-trait-body p { padding-left: 5px; padding-right: 5px; line-height: 25px; font-size: 16px; font-family: "微软雅黑"; color: #0d0d0d; } .four-features-protection { width: 410px; height: 240px; position: absolute; top: 100px; right: 0px; } .four-features-cost { width: 410px; height: 130px; position: absolute; top: 350px; left: 0px; } .four-features-security { width: 410px; height: 130px; position: absolute; top: 350px; right: 0px; } /*--------------------关于伟德体育app下载-----------------------*/ .company-about { width: 1200px; height: 400px; margin: 0 auto; } .company-about-body { width: 100%; height: 280px; } .company-about-video { width: 500px; height: 280px; float: left; } .company-about-text { width: 660px; height: 100%; float: right; } .company-about-p1 { font-size: 23px; color: #000000; font-family: "微软雅黑"; padding-top: 20px; padding-bottom: 20px; } .company-about-p2,.company-about-p3 { font-size: 17px; color: #666666; font-family: "微软雅黑"; line-height: 27px; } .know-more { width: 180px; height: 30px; background: #037b26; margin-top: 20px; } .know-more p { text-align: center; line-height: 30px; font-size: 18px; color: #FFFFFF; font-family: "微软雅黑"; } .know-more:hover { background: #EE7700; } /*--------------------荣誉证书-----------------------*/ .del_honor{ padding: 20px 0 0; width: 1200px; margin: 0 auto; } .honorary-certificate-title { width: 100%; height: 65px; position: relative; } .honorary-certificate-title p { text-align: center; font-size: 25px; color: #0D0D0D; font-family: "微软雅黑"; } .honorary-certificate-title span { font-size: 14px; color: #0D0D0D; font-family: "微软雅黑"; } .lines1,.lines2 { width: 60px; height: 1px; background: #D9D9D9; } .lines1 { position: absolute; top: 17px; left: 450px; } .lines2 { position: absolute; top: 17px; right: 450px; } .del_style{ border-bottom: 1px dashed #d9d9d9; } .del_honor .cxscroll{ position: relative; } .del_honor .cxscroll .box{ width: 1140px; overflow: hidden; margin: auto; } .partner .cxscroll .box{ width:964px; } .del_honor .cxscroll .box .list{ overflow: hidden; width: 9999px; } .del_honor .cxscroll .box .list li{ float: left; width: 212px; height: 212px; padding-right: 16px; } .del_honor .cxscroll .box .list li a{ display: block; width: 212px; height: 212px; } .partner .cxscroll .box .list li{ float: left; width: 212px; height: 212px; padding:0 35px; } .partner .cxscroll .box .list li a{ display: block; width: 212px; height: 212px; } .del_honor .cxscroll .box .list li:hover a{ transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transition: .3s transform; } .del_honor .cxscroll .prev{ display: block; width: 20px; height: 30px; background: rgba(0,0,0,0.5) url(../images/left-icon1.jpg) center center no-repeat; position: absolute; top: 40%; left: 5px; } .partner .cxscroll .prev{ top:34%; } .del_honor .cxscroll .next{ display: block; width: 20px; height: 30px; background: rgba(0,0,0,0.5) url(../images/left-icon1.jpg) center center no-repeat; position: absolute; top: 40%; right: 5px; transform: rotate(180deg); transform-origin:50% 50%; -ms-transform: rotate(180deg); /* IE 9 */ -ms-transform-origin:50% 50%; /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari 和 Chrome */ -webkit-transform-origin:50% 50%; /* Safari 和 Chrome */ -moz-transform: rotate(180deg); /* Firefox */ -moz-transform-origin:50% 50%; /* Firefox */ -o-transform: rotate(180deg); /* Opera */ -o-transform-origin:50% 50%; /* Opera */ } .partner .cxscroll .next{ top:34%; } /*--------------------四大优势-----------------------*/ .four-advantage { width: 100%; height: 660px; background: url(../images/advantage-bg.jpg) center center no-repeat; background-size: 1920px 660px; } .four-advantage-middle { width: 1200px; height: 100%; margin: 0 auto; } .four-advantage-middle .seven_title p { color: #FFFFFF; } .four-advantage-body { width: 100%; height: 400px; } .four-advantage-body ul li { display: block; width: 290px; height: 400px; float: left; margin-left: 10px; background: #e0efcf; position: relative; } .four-advantage-body ul li:first-child { margin-left: 0px; } .advantage-body-p1 { text-align: center; padding-top: 25px; } .advantage-body-p2 { text-align: center; font-size: 23px; font-family: "微软雅黑"; line-height: 40px; color: #000000; } .one-lines { width: 60px; height: 1px; background: #999999; position: absolute; top: 156px; left: 116px; } .advantage-body-p3,.advantage-body-p4,.advantage-body-p5 { padding-left: 25px; padding-right: 25px; padding-top: 20px; font-size: 14px; font-family: "微软雅黑"; line-height: 20px; } .advantage-body-p3 { padding-top: 60px; } /*--------------------新闻资讯-----------------------*/ .news-information { width: 1200px; height: 580px; margin: 0 auto; position: relative; } .news-information-catalog { width: 100%; height: 80px; } .catalog-idea { width: 310px; height: 38px; margin: 0 auto; } .catalog-idea ul li { display: block; width: 122px; height: 36px; background: #FFFFFF; border: 1px solid #D9D9D9; border-radius: 5px; margin-left: 20px; float: left; } .catalog-idea ul li a { display: block; width: 122px; height: 38px; border-radius: 5px; text-align: center; line-height: 36px; font-size: 16px; font-family: "微软雅黑"; color: #333333; } .catalog-idea ul li:hover { background: #037b26; } .catalog-idea ul li:hover p { color: #FFFFFF; } .choose-news { background: #037b26; color: #FFFFFF; } .choose-news p { color: #FFFFFF; } .news-information-body { width: 100%; height: 300px; } .news-information-body ul li { display: block; width: 390px; height: 300px; float: left; margin-left: 15px; background: #F5F5F5; position: relative; } .news-information-body ul li:first-child { margin-left: 0px; } .news-p1 { padding-left: 25px; padding-right: 15px; line-height: 20px; font-size: 16px; font-family: "微软雅黑"; color: #333333; } .news-p1:hover { text-decoration: underline; color: #0089FF; } .news-p2 { padding-left: 20px; padding-right: 20px; padding-top: 10px; line-height: 20px; font-size: 14px; font-family: "微软雅黑"; color: #666666; } .news-p2:hover { text-decoration: underline; } .news-time { width: 80px; height: 100px; background: #037b26; position: absolute; top: -20px; left: 20px; } .news-time-p1 { font-size: 20px; font-family: "微软雅黑"; color: #FFFFFF; padding-top: 45px; text-align: center; } .news-time-p2 { font-size: 12px; font-family: "微软雅黑"; color: #FFFFFF; text-align: right; padding-right: 13px; } .go-news { width: 50px; height: 50px; background: #037b26; border-radius: 100%; position: absolute; top: 20px; right: 20px; } .go-news p { padding-top: 15px; padding-left: 20px; } #body1 { display: block; } #body2 { display: none; } .more-news { width: 180px; height: 30px; background: #037B26; position: absolute; left: 510px; bottom: 30px; } .more-news p { text-align: center; line-height: 30px; font-size: 18px; color: #FFFFFF; font-family: "微软雅黑"; } .more-news:hover { background: #EE7700; } /*--------------------公司信息与客户留言-----------------------*/ .index_seven { width: 100%; height: 450px; background: #FFFFFF; } .seven_middle { width: 1200px; height: 100%; margin: 0 auto; } .company_message { width: 100%; height: 110px; } .message_div { width: 395px; height: 50px; float: left; margin-top: 30px; } .message_img { height: 100%; width: 70px; border-right: 1px solid #999999; float: left; } .message_text { height: 100%; width: 322px; float: left; } .message_text p { font-size: 18px; line-height: 25px; margin-left: 20px; color: #333333; font-family: "微软雅黑"; } .customer_messages { width: 100%; height: 200px; } .message_name,.message_email,.message_telephone { width: 420px; height: 45px; float: left; margin-left: 40px; margin-top: 10px; background: #E6E6E6; } .message_name input,.message_email input,.message_telephone input { width: 400px; height: 100%; border: 0; outline: none; background: #E6E6E6; color: #000000; margin-left: 20px; font-size: 14px; } .leave_word { width: 640px; height: 155px; background: #E6E6E6; float: right; margin-right: 80px; margin-top: 10px; } .leave_word textarea { width: 640px; height: 100%; border: 0; background: #E6E6E6; margin-left: 20px; font-size: 14px; line-height: 1.5; } .submit_message { width: 100%; height: 70px; float: left; position: relative; } .submit_message input { width: 180px; height: 30px; color: #FFFFFF; background: #037b26; position: absolute; top: 25px; left: 500px; border: 0; font-size: 16px; font-family: "微软雅黑"; } .submit_message input:hover { background: #131212; color: #FFFFFF; } /*--------------------页尾-----------------------*/ .foot-acshoes{width:200px;background-color: white;text-align:left;margin-top:10px;} .index_footer { width: 100%; background: #0D0D0D; } .footer_middle { width: 1100px; margin: 0 auto; overflow:hidden; } .footer_left { width: 660px; float: left; position: relative; } .left_p1 { width: 100%; margin-top: 25px; overflow:hidden; } .left_p2 { width: 100%; height: 30px; overflow:hidden; } .p1_title,.p2_title { float: left; width: 65px; height: 100%; } .p1_title p,.p2_title p { font-size: 13px; line-height: 30px; color: #FFFFFF; font-family: "微软雅黑"; } .p1_body ul li,.p2_body ul li { display: block; width: auto; height: 16px; float: left; margin-top: 7px; border-right: 1px solid #FFFFFF; padding-left: 10px; padding-right: 10px; } .p1_body ul li:last-child ,.p2_body ul li:last-child { border-right: 0px solid #FFFFFF; } .p1_body ul li a,.p2_body ul li a { display: block; font-size: 13px; line-height: 16px; color: #FFFFFF; font-family: "微软雅黑"; text-align: center; } #footer_p3,#footer_p3 a { font-size: 12px; line-height: 60px; color: #FFFFFF; font-family: "微软雅黑"; } #footer_p3 { padding-top: 10px; } .footer_right { width: 425px; height: 100%; float: right; } .right_div { width: 88px; height: 100%; float: left; position: relative; margin-left: 30px; } .right_div img { margin-top: 20px; } .right_div p { font-size: 14px; text-align: center; color: #FFFFFF; line-height: 25px; font-family: "微软雅黑"; } /* ------------------------------------内页----------------------------------------- */ #websiteContent { padding-top: 20px; padding-bottom: 20px; width: 1200px; height: auto; margin: 0 auto; overflow:hidden; } #websiteContent .websiteSidebar { width: 300px; float: left; } #websiteContent .websiteSidebar h2 { height: 30px; line-height: 30px; color: #fff; padding-left: 30px; background: #037b26; font-size: 20px; font-family: "黑体"; } .sideabrone { border: 1px solid #e1e1e1; background: #fff; padding-bottom: 16px; } .sideabrone ul { padding-top: 5px; max-height: 500px; overflow-y: auto; } .sideabrone ul li { border-bottom: 1px dashed #CCC; margin-left: 10px; margin-right: 10px; padding: 5px; word-break: break-all; } .sideabrone ul li a { display: block; color: #333; } .sideabrone ul li.visiting a { display: block; color: #bf760e; } .sideabrone ul li a:hover { color: #f11b27; } .sideabrtwo { margin-top: 12px; border: 1px solid #edddde; background: #fff; } .sideabrtwo .containpic img{ width: 100%; } .sideabrtwo .contaclist { padding: 5px 10px 10px 10px; } .sideabrtwo .contaclist li { padding-top: 5px; line-height: 160%; } .websiteMain { float: right; width: 875px; border: 1px solid #e1e1e1; background: #fff; } .websiteMain .containertitle h2 { background: #037b26; font-size: 20px; padding-left: 33px; color: #fff; height: 30px; line-height: 30px; font-family: "黑体"; } .contaiconc { padding: 17px; font-size: 12px; color: #323232; } #website_news_content p, #website_news_content div, #website_company_page p, #website_company_page div { font-size: 14px; line-height: 1.8em; padding: 10px; text-indent: 2em; } #website_movies_page ul{ padding: 10px !important; width:260px !important; border-bottom:none !important; } #website_movies_page{ border-top:none !important; } #website_company_page img{max-width:100%;} /*改版联系我们*/ .margin-auto{margin-left: auto;margin-right: auto;} .coct-cot{font-family: "微软雅黑";margin: 0 30px;} .coct-list-li ul li,.coct-list01 h4{font-family: "微软雅黑";} .coct-list01 h4{ font-size: 24px; color: #037b26; text-align: center; margin-bottom: 30px; } .coct-list-li ul li{ font-size: 14px; color: #333333; margin: 10px 0; text-indent: 0; } .coct-list-li{ padding:20px 0; border-bottom: 1px solid #EEEEEE; } .coct-list-li ul li.cor-037{ color: #037b26; } /*-------搜索框加关键词-------*/ .hom-hed-r-key ,.hom-hed-r-key a{ font-size: 12px; color: #999999; } .hom-hed-r-key a:hover{ color:#009b4c; text-decoration:underline; } .hom-hed-r-key a{ display: inline-block; margin-left:5px; } .hom-hed-r-sos,.hom-hed-r-key{ text-align:right; margin-top:5px; }