header{ height:122px; } @media (max-width:1200px){ .container{ width:1170px !important; } } .head{ position:relative; } .headd{ position:fixed; top:0; left:0; width:100%; background:#fff; z-index:999; box-shadow:0px 0px 5px rgba(0,0,0,.3); } .wel{ background:#262624; min-width:1170px; } .come{ display:flex; justify-content:space-between; color:#fff; line-height:30px; font-size:1.2rem; } .come span{ background:url(../images/tel.png) 0px 5px no-repeat; padding-left:27px; } .come section{ background:#f08519; display:flex; } .come section a{ display:block; padding:0px 15px; color:#fff; } .come section i{ display:block; width:1px; height:16px; background:#fff; margin:12px 0px 0px; } .top{ display:flex; justify-content:space-between; padding:0px 0px; transition:.3s; } @media (max-width:1200px) { .headd{ position:relative; width:1170px; } } .headd .top{ padding:5px 0px; } .menu ul{ display:flex; justify-content:space-between; } .menu ul li{ margin:0px 14px; } .menu ul li a{ display:block; color:#383434; font-size:16px; font-weight:bold; line-height:100px; } .menu ul li a:hover,.menu ul li.cur a{ color:#8fc31f; } .sousuo{ display:flex; justify-content:center; align-items:center; cursor:pointer; } #banner{ min-width:1170px; } #banner .swiper-pagination-white span{ background-color:#fff; } #banner .swiper-button-white{ opacity:0; transition:.3s; } #banner:hover .swiper-button-white{ opacity:1; } .search{ position:absolute; width:100%; top:100%; left:0; min-width:1170px; z-index:99; padding:20px 0px; background:rgba(255,255,255,.8); display:none; } .search form{ display:flex; } .search form input{ width:85%; line-height:24px; padding:8px 10px; border:1px rgba(0,0,0,.3) solid; outline:none; border-right:0; } .search form button{ width:15%; background:#8fc31f; border:0; color:#fff; transition:.3s; } .search form button:hover{ background:#f08519; } .category{ padding:50px 0px 0px; } .title{ text-align:center; } .title p{ color:#8fc31f; font-size:3.4rem; line-height:40px; font-family:Fonttwo; } .title span{ color:#666666; line-height:26px; display:block; margin:5px 0px 0px; } .category ul{ display:flex; justify-content:space-around; padding:35px 0px 0px; } .category ul li a{ display:block; padding:0px 0px 20px; position:relative; text-decoration:none; } .category ul li a:after{ content:""; display:block; width:0px; height:0; border-top:10px #fff solid; border-left:10px transparent solid; border-right:10px transparent solid; position:absolute; left:50%; margin-left:-10px; top:100%; opacity:0; transition:.3s; } .category ul li.cur a:after{ opacity:1; } .category ul li a big,.category ul li a big i{ display:block; background-position:center bottom; background-repeat:no-repeat; height:67px; } .category ul li a big i{ opacity:0; transition:.3s; } .category ul li a p{ font-size:1.8rem; font-weight:bold; color:#8fc31f; line-height:24px; margin:10px 0px 0px; text-decoration:none; } .category ul li a:hover big,.category ul li.cur a big{ background-image:none !important; } .category ul li a:hover big i,.category ul li.cur a big i{ opacity:1; } .category ul li a:hover p,.category ul li.cur a p{ color:rgba(77,82,88,.6); } .product{ background:url(../images/pdbg.jpg) center 0 no-repeat; padding:100px 0px 90px; min-width:1170px; } #product{ padding-bottom:50px; } #product .swiper-slide a{ display:block; background:#fff; } #product .swiper-slide a img{ width:100%; } #product .swiper-slide a span{ display:block; background:#e6f0ff; padding:15px 10% 25px 7%; transition:.3s; } #product .swiper-slide a span h3{ display:flex; justify-content:space-between; align-items:center; } #product .swiper-slide a span h3:after{ content:""; display:block; width:9px; height:16px; background:url(../images/pdjt.png) 0 0 no-repeat; } #product .swiper-slide a span h3 p{ font-size:1.5rem; color:#252730; font-weight:bold; line-height:30px; width:calc(100% - 10px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } #product .swiper-slide a span small{ display:block; font-size:1.2rem; color:#666666; line-height:20px; margin:5px 0px 0px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } #product .swiper-slide a:hover span h3:after{ background:url(../images/pdjtn.png) 0 0 no-repeat; } #product .swiper-slide a:hover span{ background:#8fc31f; } #product .swiper-slide a:hover span h3 p,#product .swiper-slide a:hover span small{ color:#fff; } #product .swiper-button-next{ width:43px; height:78px; background:url(../images/pdyjt.png) center no-repeat; margin-top:-56px; } #product .swiper-button-prev{ width:43px; height:78px; background:url(../images/pdzjt.png) center no-repeat; margin-top:-56px; } #product .swiper-pagination{ bottom:0; } #product .swiper-pagination span{ height:9px; width:110px; background:#fff; border-radius:5px; margin:0px 10px; } .product ul{ position:relative; } .product ul li.fudong{ position:absolute; width:100%; height:100%; top:0; left:0; transform:scale(0); } .about{ padding:40px 0px 0px; min-width:1170px; } .about ul{ display:flex; margin:35px 0px 0px; } .about ul li{ width:33.33333333333333%; } .about ul li a{ display:block; height:530px; background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff; position:relative; transition:1s; padding:15%; } .about ul li a section>p,.about ul li a big>p{ font-size:3.1rem; font-family:Fonttwo; line-height:40px; width:100%; } .about ul li a span{ display:block; line-height:25px; margin:20px 0px 0px; font-size:1.4rem; width:100%; } .about ul li a big{ display:flex; position:absolute; width:100%; height:100%; top:0; left:0; justify-content:center; align-content:center; flex-wrap:wrap; text-align:center; padding:0px 20%; opacity:0; transform:rotateY(180deg); transition:opacity 0s .25s; } .about ul li a section{ transition:opacity 0s .25s; } .about ul li:hover a section{ opacity:0; transition:opacity 0s .25s; } .about ul li:hover a{ transform:rotateY(180deg); } .about ul li:hover a big{ opacity:1; transition:opacity 0s .25s; } /* .courseLogo{ */ /* position: relative; */ /* box-sizing: border-box; */ /* perspective: 1100px; */ /* width:100%; */ /* height:100%; */ /* } */ /* .courseBefore{ */ /* width: 100%; */ /* height: 100%; */ /* position: absolute; */ /* padding:15%; */ /* top:0; */ /* left: 0; */ /* background-repeat: no-repeat; */ /* background-position: center center; */ /* backface-visibility: hidden; */ /* transition: 1s; */ /* background-color: pink; */ /* } */ /* .courseAfter{ */ /* width: 100%; */ /* height: 100%; */ /* position: absolute; */ /* padding:25% 15% 5%; */ /* top:0; */ /* left: 0; */ /* color: #fff; */ /* background-repeat: no-repeat; */ /* background-position: center center; */ /* transform: rotateY(-180deg); */ /* backface-visibility: hidden; */ /* transition: 1s; */ /* text-align:center; */ /* } */ /* .courseLogo:hover .courseBefore{ */ /* transform: rotateY(180deg); */ /* } */ /* .courseLogo:hover .courseAfter{ */ /* transform: rotateY(0deg); */ /* } */ .fangan{ padding:40px 0px 0px; min-width:1170px; } #fangan{ margin:30px 0px 0px; min-width:1170px; } #fangan .swiper-slide{ height:456px; padding:7% 0px 0px; } #fangan .swiper-slide section{ display:flex; align-items:center; } #fangan .swiper-slide section big{ display:block; width:60px; height:60px; border:1px #fff solid; background-position:center; background-repeat:no-repeat; } #fangan .swiper-slide section span{ display:block; color:#fff; margin-left:15px; } #fangan .swiper-slide section span p{ font-size:3.4rem; line-height:40px; } #fangan .swiper-slide section span small{ line-height:20px; display:block; margin:7px 0px 0px; font-size:1.4rem; } #fangan .swiper-button-next{ background:url(../images/fayjt.png) center no-repeat; width:40px; height:40px; border:1px #fff solid; right:auto; left:calc(50% - 520px); margin-top:0; top:65%; } #fangan .swiper-button-prev{ background:url(../images/fazjt.png) center no-repeat; width:40px; height:40px; border:1px #fff solid; left:calc(50% - 570px); margin-top:0; top:65%; } .news{ padding:40px 0px; display:flex; justify-content:space-between; } .news .qiye{ width:45%; } .news .hangye{ width:53%; } .news .qiye ul{ margin:25px 0px 0px; } .news .qiye ul li{ margin-bottom:10px; } .news .qiye ul li a{ border:1px rgba(0,0,0,.1) solid; display:flex; padding-right:10px; } .news .qiye ul li a big{ display:block; height:68px; width:68px; background:#f8f8f8 url(../images/nsjt.png) center no-repeat; } .news .qiye ul li a span{ display:block; font-family:arial; max-width:80px; font-size:1.5rem; line-height:68px; color:#808080; } .news .qiye ul li a p{ width:calc(100% - 170px); line-height:68px; color:#333333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-left:22px; font-weight:bold; } .news .qiye ul li section{ border-left:1px rgba(0,0,0,.1) solid; border-right:1px rgba(0,0,0,.1) solid; border-bottom:1px rgba(0,0,0,.1) solid; padding:15px 10px; color:#808080; line-height:23px; height:99px; font-size:1.3rem; overflow:hidden; display:none; } .news .qiye ul li.cur section{ display:block; } .news .qiye ul li.cur a big{ background:#8fc31f url(../images/nsjtn.png) center no-repeat; } .news .qiye ul li.cur a span{ display:none; } .news .qiye ul li.cur a p{ width:calc(100% - 90px); } .news .qiye ul li:last-child{ margin-bottom:0; } .news .hangye ul{ margin:25px 0px 0px; display:flex; justify-content:space-between; } .news .hangye ul li{ width:48.5%; border:1px rgba(0,0,0,.1) solid; } .news .hangye ul li img{ width:100%; transform:scale(1); transition:1s; } .news .hangye ul li>a{ display:block; overflow:hidden; } .news .hangye ul li section{ padding:10px 15px; } .news .hangye ul li section a{ display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#333333; font-weight:bold; } .news .hangye ul li section small{ font-size:1.4rem; font-family:arial; line-height:24px; display:block; color:#808080; } .news .hangye ul li section span{ display:block; color:#808080; line-height:22px; font-size:1.3rem; height:88px; overflow:hidden; margin:20px 0px 41px; } .news .hangye ul li:hover a{ color:#8fc31f; } .news .hangye ul li:hover img{ transform:scale(1.2); } footer{ background:#212b34; min-width:1170px; } .bottom{ padding:50px 0px 20px; display:flex; justify-content:space-between; } .bottom i{ display:block; width:1px; background:rgba(255,255,255,.15); } .bottom dl dt{ margin:0px 0px 15px; } .bottom dl dt a{ color:#22abff; font-size:1.52rem; line-height:22px; } .bottom dl dd a{ display:block; line-height:36px; color:rgba(255,255,255,.8); } .bottom dl dd a:hover{ color:#22abff; } .bottom section{ color:rgba(255,255,255,.8); } .bottom section table{ max-width:230px; } .bottom section table tr td{ line-height:22px; padding:7px 0px; } .bottom section table tr td:first-child{ padding-right:10px; } .copy{ background:#141c23; line-height:60px; } .jishu{ display:flex; justify-content:space-between; } .jishu span,.jishu span a{ color:rgba(255,255,255,.8); } .jishu section{ display:flex; } .jishu section i{ width:60px; cursor:pointer; display:block; margin-left:50px; background:#212b34 url(../images/top.png) center no-repeat; } /*page*/ .ibanner{ min-width:1170px; } .lanmu{ box-shadow:0px 0px 2px rgba(0,0,0,.4); min-width:1170px; } .lanmu ul{ display:flex; } .lanmu ul li{ margin-right:90px; } .lanmu ul li>a{ display:block; line-height:70px; color:#5b5a57; font-size:1.7rem; position:relative; padding:0px 10px; } .lanmu ul li>a:after{ content:""; display:block; position:absolute; width:100%; top:calc(100% - 1px); left:0; height:3px; background:#8fc31f; opacity:0; } .lanmu ul li.cur>a,.lanmu ul li>a:hover{ color:#8fc31f; } .lanmu ul li.cur>a:after,.lanmu ul li:hover>a:after{ opacity:1; } .iabout{ padding:50px 0px; } .iabout section{ line-height:30px; font-size:1.4rem; color:#666; } .ejlanmu dl{ display:flex; margin-right:-10px; flex-wrap:wrap; margin-bottom:30px; } .ejlanmu dl dd{ margin-right:10px; } .ejlanmu dl dd a{ display:block; background:#8fc31f; color:#fff; padding:0px 20px; line-height:30px; } .ejlanmu dl dd a:hover,.ejlanmu dl dd.cur a{ background:#f08519; } .ititle{ font-size:2.8rem; margin:0px 0px 20px; display:flex; justify-content:center; align-items:center; line-height:32px; } .ititle:after,.ititle:before{ content:""; height:2px; background:#f08519; width:50px; margin:0px 15px; } .ifuwu .ifwone{ display:flex; flex-wrap:wrap; background:rgb(17, 56, 132); } .ifuwu .ifwone big{ width:50%; } .ifuwu .ifwone big img{ width:100%; } .ifuwu .ifwone span{ width:50%; display:block; color:#fff; font-size: 1.5rem; line-height:25px; padding:20px 20px 20px 15px; } .ifuwu .ifwone span small{ display:block; background:url(../images/tell.png) 0px center no-repeat; padding-left:45px; line-height:50px; margin:15px 0px 0px; font-size:1.6rem; } .ifuwu ul{ display:flex; justify-content:space-between; flex-wrap:wrap; margin:20px 0px 0px; } .ifuwu ul li{ width:40%; border:1px #ddd solid; padding:20px; margin-bottom:20px; } .ifuwu ul li h3{ font-size:2.0rem; color:#8fc31f; margin-bottom:15px; } .ifuwu ul li span{ display:block; line-height:25px; font-size:1.5rem; } .ifuwu ul li span small{ display:block; font-size:1.5rem; } .ifuwu ul li:nth-child(even){ width:58%; display:flex; padding:0; } .ifuwu ul li:nth-child(even) span{ padding:20px 10px 20px 20px; width:60%; } .ifuwu ul li:nth-child(even) i{ width:40%; display:block; } .ifuwu ul li:nth-child(even) i img{ width:100%; } .iphoto{ padding:50px 0px; } .iphoto ul{ display:flex; flex-wrap:wrap; margin-right:-30px; } .iphoto ul li{ margin-right:30px; width:calc(33.3333333% - 30px); margin-bottom:30px; } .iphoto ul li small{ display:block; overflow:hidden; } .iphoto ul li img{ width:100%; transition:1s; } .iphoto ul li:hover img{ transform:scale(1.2); } .iphoto ul li{ display:block; background:#f0f0f0; color:rgba(0,0,0,.8); transition:.3s; cursor:pointer; } .iphoto ul li span{ padding:20px; display:flex; justify-content:space-between; } .iphoto ul li span p{ font-size:1.5rem; line-height:24px; font-weight:bold; } .iphoto ul li span:after{ content:"+"; font-size:2.0rem; line-height:21px; font-weight:bold; } .iphoto ul li:hover{ background:#c3a472; color:#fff; box-shadow:0px 0px 15px rgba(0,0,0,.2); } .iphoto .page-list{ margin:10px 0px 0px; } .page-list{ display:flex; justify-content:flex-end; margin:50px 0px 0px; } .page-list a{ display:block; font-family:arial; line-height:42px; padding:0px 16px; font-size:1.4rem; color:#333; margin-left:1px; transition:.3s; } .page-list a:hover,.page-list a.hover{ background:#8fc31f; color:#fff; } .picshade { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.91; filter: alpha(opacity=91); z-index: 9999; display: none; } .pictures_eyes_close { position: fixed; top: 30px; right: 30px; display: inline-block; width: 26px; height: 26px; background: url(../images/close.png) no-repeat; z-index: 10000; display: none; } .pictures_eyes { position: fixed; width: 100%; left: 0; top: 0; z-index: 19999; display: none; } .pictures_eyes_in { position: relative; text-align: center; } .pictures_eyes_in img { max-height: 500px; } .pictures_eyes_in p{ color:#fff; line-height:50px; font-size:1.6rem; margin:0px 0px 10px; } .pictures_eyes_in .prev, .pictures_eyes_in .next { position: absolute; top: 50%; width: 51px; height: 51px; cursor: pointer; } .pictures_eyes_in .prev { left: 35px; background: url(../images/Tleft.png) no-repeat; } .pictures_eyes_in .next { right: 35px; background: url(../images/Tright.png) no-repeat; } .pictures_eyes_indicators { position: fixed; left: 0; bottom: 15px; width: 100%; text-align: center; z-index: 29999; display:none !important; } .pictures_eyes_indicators a { display: inline-block; width: 50px; height: 50px; margin: 6px 3px 0 3px; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0 0 2px #000; filter: alpha(opacity=50); opacity: 0.5; overflow: hidden; } .pictures_eyes_indicators img { height: 50px; } .pictures_eyes_indicators .current { filter: alpha(opacity=100); opacity: 1; } .inews{ padding:50px 0px; } .inews ul{ display:flex; flex-wrap:wrap; margin-right:-30px; } .inews ul li{ width:calc(33.3333333% - 30px); margin-right:30px; margin-bottom:30px; } .inews ul li a{ display:block; border:2px rgba(0,0,0,.05) solid; padding:15px; color:#333; transition:.5s; } .inews ul li a>p{ font-weight:bold; text-overflow:ellipsis; overflow:hidden; font-size:1.52rem; white-space:nowrap; line-height:24px; } .inews ul li a small{ color:#888; font-family:arial; font-size:1.4rem; line-height:22px; display:flex; margin:3px 0px 0px; } .inews ul li a small i{ margin:3px 5px 0px 0px; } .inews ul li a big{ display:block; margin:10px 0px; overflow:hidden; } .inews ul li a big img{ width:100%; transform:scale(1); transition:1s; } .inews ul li a:hover big img{ transform:scale(1.1); } .inews ul li a section{ font-size:1.3rem; color:#777; line-height:22px; margin:0px 0px 30px; height:66px; overflow:hidden; } .inews ul li a span{ text-align:center; width:50%; display:block; border-top:1px rgba(0,0,0,.15) solid; border-bottom:1px rgba(0,0,0,.15) solid; padding:10px 0px; line-height:20px; } .inews ul li a:hover{ border:2px #8fc31f solid; } .inewsd{ padding:50px 0px; } .inewsd>h3{ text-align:center; display:block; line-height:30px; } .inewsd>section{ line-height:30px; font-size:1.4rem; color:#666; margin:20px 0px 0px; } .fanye{ display:flex; justify-content:space-between; padding:40px 0px 0px; } .fanye span{ display:flex; width:calc(50% - 35px); font-size:1.4rem; color:#081842; line-height:30px; } .fanye>a{ display:block; width:70px; text-align:center; font-size:1.4rem; color:#081842; line-height:30px; transition:.3s; } .fanye>a:hover{ background:#f08519; color:#fff; border-radius:3px; } .fanye span p{ width:58px; } .fanye span a{ color:#8fc31f; display:block; max-width:calc(100% - 58px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .fanye span a:hover{ text-decoration:underline; } .fanye span:last-child{ justify-content:flex-end; } .iprodct{ display:flex; justify-content:space-between; padding:50px 0px; } .pdlanmu{ width:23%; } .pdlanmu .lmtt{ height:100px; text-align:center; color:#fff; font-size:3.0rem; font-weight:bold; line-height:100px; text-align:center; background:#8fc31f url(../images/ptbg.png) center no-repeat; } .pdlanmu ul{ background:rgba(0,0,0,.03); padding:10px 0px 20px; margin:0; } .pdlanmu ul li>a{ display:flex; line-height:20px; font-size:1.5rem; color:#848484; padding:12px 0px; border-bottom:1px rgba(0,0,0,.2) dashed; transition:.3s; font-weight:bold; } .pdlanmu ul li>a:hover{ color:#366bdc; border-bottom:1px #8fc31f dashed; } .pdlanmu ul li.cur>a{ color:#fff; background:#8fc31f; border-bottom:1px #8fc31f dashed; } .pdlanmu ul li>a:before{ content:""; width:3px; background:#fff; margin:0px 10px; opacity:0; transition:.3s; } .pdlanmu ul li:hover>a:before{ opacity:1; } .pdlanmu ul li.cur>a:before{ opacity:1; } .pdlanmu ul li dl dd{ border-bottom:1px rgba(0,0,0,.1) dashed; } .pdlanmu ul li dl dd a{ display:flex; line-height:20px; font-size:1.3rem; color:#848484; padding:10px 0px; transition:.3s; padding-left:23px; transition:.3s; } .pdlanmu ul li dl dd a:hover,.pdlanmu ul li dl dd.cur a{ color:#fff; background:#f08519; } .pdlanmu ul li dl dd:last-child{ border-bottom:0; } .pdwz{ margin-bottom:20px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px #224faf dashed; } .pdwz span{ display:flex; } .pdwz p{ display:block; font-size:1.6rem; color:#224faf; line-height:47px; margin-left:10px; } .pdwz i{ display:flex; justify-content:space-between; width:15px; align-items:center; } .pdwz i:before{ content:''; display:block; width:4px; height:25px; background:#224faf; } .pdwz i:after{ content:''; display:block; width:4px; height:15px; background:#224faf; } .pdwz section{ display:flex; font-size:1.3rem; } .pdwz section a{ color:#224faf; } .iproduct{ width:75%; } .iproduct ul{ display:flex; flex-wrap:wrap; margin-right:-20px; } .iproduct ul li{ width:calc(33.3% - 20px); margin-right:20px; margin-bottom:25px; } .iproduct ul li a{ display:block; background:#fff; border:1px #ddd solid; transition:.3s; } .iproduct ul li a big{ display:block; border-bottom:1px #ddd solid; transition:.3s; } .iproduct ul li a img{ width:100%; } .iproduct ul li a span{ display:block; background:#e6f0ff; padding:15px 5%; transition:.3s; } .iproduct ul li a span h3{ display:flex; justify-content:space-between; align-items:center; } .iproduct ul li a span h3:after{ content:""; display:block; width:9px; height:16px; background:url(../images/pdjt.png) 0 0 no-repeat; } .iproduct ul li a span h3 p{ font-size:1.5rem; color:#252730; font-weight:bold; line-height:30px; width:calc(100% - 10px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .iproduct ul li a span small{ display:block; font-size:1.2rem; color:#666666; line-height:20px; margin:5px 0px 0px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .iproduct ul li a:hover{ border:1px #8fc31f solid; } .iproduct ul li a:hover big{ border-bottom:1px #8fc31f solid; } .iproduct ul li a:hover span h3:after{ background:url(../images/pdjtn.png) 0 0 no-repeat; } .iproduct ul li a:hover span{ background:#8fc31f; } .iproduct ul li a:hover span h3 p,.iproduct ul li a:hover span small{ color:#fff; } .iproductd{ width:75%; } .iproductd>h3{ text-align:center; margin:0px 0px 25px; } .pro-img{ display:flex; justify-content:space-between; } .pro-img .xiaotu{ margin-top:10px; } .pro-img #Gbig{ width:100%; } .pro-img .colmd5{ width:35%; } .pro-img .colmd7{ width:63%; position:relative; display:flex; flex-wrap:wrap; align-content:space-between; } .pro-img .colmd7 .pro-ptt{ font-size:1.65rem; line-height:20px; font-weight:bold; padding:10px 0px 15px; border-bottom:1px #ddd solid; } .pro-img .colmd7 .clttop{ width:100%; } .jqzoom{ width:100%; position:relative; border:1px #ddd solid; } .zoomdiv{ left:859px; height:400px; width:400px; } /*jqzoom*/ .jqzoom{ position:relative; padding:0; } .zoomdiv{ z-index:100; position:absolute; top:1px; left:0px; width:400px; height:400px; border:1px solid #e4e4e4; display:none; text-align:center; overflow: hidden; } .bigimg{ width:800px; height:800px; } .jqZoomPup{ z-index:10; visibility:hidden; position:absolute; top:0px; left:0px; width:50px; height:50px; border:1px solid #aaa; background:#fff 50% top no-repeat; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); cursor:move; } #xiaotu{ position:relative; width:100%; padding:0px 0px; margin:15px 0px 0px; } #xiaotu .swiper-container{ position:static; } #xiaotu .swiper-container .swiper-button-next{ height:100%; top:0; right:0; width:25px; margin-top:0px; background-size:auto 25px; } #xiaotu .swiper-container .swiper-button-prev{ height:100%; top:0; left:0; width:25px; margin-top:0px; background-size:auto 25px; } #xiaotu a{ font-size:0; display:block; padding:2px; position:relative; } #xiaotu img{ width:100%; } #xiaotu a:after{ content:""; display:block; position:absolute; width:100%; height:100%; border:1px #ddd solid; top:0; left:0; } #xiaotu a.hover:after{ content:""; display:block; position:absolute; width:100%; height:100%; border:1px #2e67da solid; top:0; left:0; } .colmd7{ color:rgba(0,0,0,.8); } .colmd7 .online{ display:flex; } .colmd7 .online a{ display:block; background:#2e67da; color:#fff; border-radius:3px; padding:0px 20px; margin-right:20px; line-height:32px; transition:.3s; } .colmd7 .online a:hover{ background:#bc0202; } .colmd7 .clttop>section{ font-size:1.2rem; line-height:24px; margin:0; padding:10px 0px 0px; color:#888; } .prodxq>dl{ display:flex; background:rgba(0,0,0,.05); margin:25px 0px 10px; } .prodxq>dl dd{ display:block; padding:0px 35px; line-height:42px; cursor:pointer; font-size:1.2rem; color:#333; } .prodxq>dl dd.cur,.prodxq>dl dd:hover{ background:#8fc31f; color:#fff; } .prodxq>ul>li{ display:none; line-height:26px; color:#777; padding:15px 0px; font-size:1.2rem; } .prodxq>ul>li.hover{ display:block; } .icontact{ padding:70px 0px; display:flex; justify-content:space-between; align-items:center; } .icontact .ictext{ width:45%; } .icontact .ictext section{ line-height:30px; } .icontact .icimg{ width:55%; } .icontact big{ display:block; border:5px #ececec solid; } .icontact h3{ font-size:2.6rem; color:#333333; line-height:32px; } .icontact h3:after{ content:""; display:block; width:30px; height:3px; background:#114798; margin:50px 0px; } .icontact ul li{ display:flex; margin-bottom:15px; } .icontact ul li p{ line-height:31px; margin-left:10px; font-size:1.9rem; } .feedback{ background:#eeeeee; padding:55px 0px; min-width:1170px; } .feedback h3{ text-align:center; color:#2d2d2d; } .feedback h3 p{ font-family:Fonttwo; font-size:1.75rem; } .feedback h3 span{ display:block; font-size:4.2rem; font-family:Fontthree; padding:15px 0px 0px; } .feedback h3 span font{ color:#daa76e; } .feedback form{ margin:40px 0px 0px; } .feedback form section{ display:flex; justify-content:space-between; margin-bottom:30px; } .feedback form section span{ width:32%; display:block; } .feedback form span p{ color:#666666; font-size:1.55rem; line-height:20px; margin:0px 0px 10px; } .feedback form span input{ width:100%; line-height:24px; padding:18px; height:60px; border:1px rgba(0,0,0,.2) solid; border-radius:4px; } .feedback form span textarea{ width:100%; line-height:24px; padding:18px; height:180px; border:1px rgba(0,0,0,.2) solid; border-radius:4px; resize:none; } .feedback form big{ display:flex; justify-content:flex-end; } .feedback form big button{ width:210px; border:0; height:58px; color:#fff; font-size:1.55rem; background:#daa76e; border-radius:4px; margin-top:20px; transition:.3s; } .feedback form big button:hover{ background:#cb7413; } .xufu{ position:fixed; top:50%; right:20px; z-index:999; margin-top:-150px; } .xufu ul{ width:auto; flex-wrap:wrap; } .xufu ul li{ display:flex; justify-content:flex-end; margin-bottom:1px; } .xufu ul li:not(.eewm){ overflow:hidden; } .xufu ul li a{ display:flex; min-width:75px; background:#f0f0f0; flex-wrap:wrap; align-content:center; height:75px; font-size:1.2rem; color:#404040; text-decoration:none; padding:5px 0px; position:relative; transition:background .3s; } .xufu ul li a p{ text-align:center; width:100%; line-height:18px; margin:7px 0px 0px; } .xufu ul li a small{ display:block; width:100%; height:30px; text-align:center; } .xufu ul li:nth-of-type(1) a small{ background:url(../images/qq.png) center no-repeat; background-size:22px auto; } .xufu ul li:nth-of-type(2) a small{ background:url(../images/wx.png) center no-repeat; background-size:27px auto; } .xufu ul li:nth-of-type(3) a small{ background:url(../images/yx.png) center no-repeat; background-size:25px auto; } .xufu ul li:nth-of-type(4) a small{ background:url(../images/dh.png) center no-repeat; background-size:24px auto; } .xufu ul li:nth-of-type(1) a:hover small{ background:url(../images/qqn.png) center no-repeat; background-size:22px auto; } .xufu ul li:nth-of-type(2) a:hover small{ background:url(../images/wxn.png) center no-repeat; background-size:27px auto; } .xufu ul li:nth-of-type(3) a:hover small{ background:url(../images/yxn.png) center no-repeat; background-size:25px auto; } .xufu ul li:nth-of-type(4) a:hover small{ background:url(../images/dhn.png) center no-repeat; background-size:24px auto; } .xufu ul li a span{ position:absolute; width:140px; bottom:0; display:none; right:100%; } .xufu ul li a span img{ width:100%; } .xufu ul li:hover a span{ display:block; } .xufu ul li a:hover{ background:#ffab00; max-width:auto; color:#fff; text-decoration:none; } .xufu ul li a section{ display:flex; align-items:center; overflow:hidden; position:relative; margin-right:-211px; transition:margin-right .5s; } .xufu ul li a:hover section{ margin-right:0px; } .xufu ul li a section div{ width:75px; } .xufu ul li a section div{ width:75px; } .xufu ul li a section big{ display:flex; align-items:center; border-left:1px #fff solid; height:90%; font-family:Fontone; font-size:1.6rem; padding:0px 15px; letter-spacing:1px; } .iproductd h5 { font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; font-size: 24px; text-align: center; font-weight: bold; color: #333333; margin-top: 0px; margin-bottom: 20px; } .bdx { border:1px solid #eeeeee; } .cptux { width:312px; float:left; margin-right:10px; } .cptux a{ display:block; background:#fff; } .cptux a img{ width:100%; } .cptux a span{ display:block; background:#e6f0ff; padding:15px 10% 25px 7%; transition:.3s; } .cptux a span h3{ display:flex; justify-content:space-between; align-items:center; } .cptux a span h3:after{ content:""; display:block; width:9px; height:16px; background:url(../images/pdjt.png) 0 0 no-repeat; } .cptux a span h3 p{ font-size:1.5rem; color:#252730; font-weight:bold; line-height:30px; width:calc(100% - 10px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .cptux a span small{ display:block; font-size:1.2rem; color:#666666; line-height:20px; margin:5px 0px 0px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .cptux a:hover span h3:after{ background:url(../images/pdjtn.png) 0 0 no-repeat; } .cptux a:hover span{ background:#8fc31f; } .cptux a:hover span h3 p,.cptux a:hover span small{ color:#fff; }