.fl{float:left;}.fr{float:right;}.tr{text-align:right;}.tc{text-align:center;} .hidetxt{display:none;} .clear{clear:both;} /*.clearfix{overflow:hidden;_zoom:1;}*/ /*.clearfix:after{content: '';display:block; clear:both; height: 0; visibility: hidden;}*/ /*.clearfix{*zoom:1;}*/ :-moz-placeholder {color: #bdbdbd;} ::-moz-placeholder {color: #444;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #bdbdbd;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #bdbdbd;} select{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-appearance: none;-moz-appearance: none;appearance: none; cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; } select::-ms-expand { display: none; }/*Ie clear arr*/ select{ border:1px solid #ababab; height:30px; color:#ababab; text-indent:0.5em; background:url(../images/selectarr.gif) right center no-repeat;} .input{ border:1px solid #ababab; height:28px; line-height:28px; text-indent:0.5em;color: #bdbdbd;} /*公共样式*/ /*.container{ width:1200px; margin:0px auto;}*/ video{width:100%; display: block;} .f_red{color:#ff0000;} .f_blue{color:#009fe0;} .f-White{color:#ffffff} .f-black{color:#333333;} .f-gray{color:#666;} .f-l-gray{color:#999;} .float-f{float:left;} .float-r{float:right;} .text-r{text-align:right;} .text-l{text-align:left;} .text-c{text-align:center} .font-75{font-size: 0.75em;} .font-11{font-size: 1.125em;} .font-18{font-size: 1.875em} .font-9{font-size: 0.9em;} .font-48{font-size: 3em;} .font-24{font-size: 1.5em;} .font-36{font-size: 2.25em;} .font-20{font-size: 1.25em; line-height: 1.5em;} .font-18{font-size: 1.125em; line-height: 1.125em;} .font-28{font-size: 1.75em; line-height: 1.5em;} .font-30{font-size: 1.675em; line-height: 1.8em;} .font-60{font-size: 3.75em; line-height: 1.25em;} .font-32{font-size: 2em;} .margin-b-7{margin-bottom: 7%;} .letter-S-2{letter-spacing: 2px;} .img-responsive img{height: auto; max-width: 100%} .img-responsives img{display: block; height: auto; width: 100%} .overflow-f{overflow: hidden} .c-fix{clear: both;} .margin-t-5{margin-top: 5%;} .margin-t-1{margin-top:1%;} .margin-t-3{margin-top: 3%;} .margin-b-3{margin-bottom: 3%;} .margin-b-5{margin-bottom: 5%;} .padding-t-3{padding-top:3%;} .padding-b-3{padding-bottom: 3%;} .padding-t-4{padding-top:4%;} .margin-t-15vw{margin-top: 1.5vw;} .padding-t-8vw{padding-top: 0.8vw;} .margin-t-10vw{margin-top: 1vw;} .margin-t-20vw{margin-top: 2vw;} .padding-t-48vw{padding-top: 4.8vw;} .padding-t-80{padding-top: 7vw;} .margin-b-30vw{margin-bottom: 3vw;} .margin-b-40{margin-bottom: 4vw;} .padding-b-80 {padding-bottom: 4vw;} .margin-t-90{margin-top: 5vw;} .margin-t-50{margin-top: 3vw;} .margin-t-30{margin-top:1vw;} .margin-t-66{margin-top:2vw;} .padding-b-150{padding-bottom: 8vw;} .padding-t-60{padding-top: 4vw;} @media screen and (max-width:767px){ .margin-b-3{margin-bottom: 5%;} } .padding-b-30{padding-bottom: 1vw;} .bg-gray{background-color:#f1f1f1} .bg-white{background-color:#FFF;} .f-weight-b{font-weight: bold;} .f_weight_600{font-weight: 600} .f_weight_100{font-weight: 100} .position-r{position: relative} .position-a{position:absolute} .position-a-w{top:0; left:0; width:100%;} .swt-Title{font-size: 1.875em; color:#002855; text-align: center; font-weight: 600;} @media screen and (min-width:769px){ .swt-Table{display: table; width:100%;} .swt-Table .Table-Row{display: table-row;} .swt-Table .Table-Row .Table-Cell{display: table-cell; margin:0; padding:0;} } .Swt-Blue-line{width: 4.25%; height: 5px; background-color: #002855; overflow: hidden; margin: 0 auto 2%;} .Swt-Banner{width:100%;} .Swt-Banner img{width:100vw;} .cursor_p{cursor: pointer} .detail-col {width:100%; text-align: right;} /*pages*/ .Pages{zoom:1;text-align:center;color:#555;clear:both;} .Pages span{padding:0px 0px;display:inline-block;} .Pages a{display:inline-block;margin:0px 4px;line-height:26px;text-align:center;} .Pages .p_page a{display:inline-block;vertical-align:middle;} .Pages .p_page .a_prev, .Pages .p_page .a_next{display:inline-block;width:10px;height:21px;} .Pages .p_page .a_prev{background:url(../images/pfl.png) no-repeat;margin-right:10px;padding: 0 10px;} .Pages .p_page .a_next{background:url(../images/prh.png) no-repeat;margin-left:10px;padding: 0 10px;} .Pages .p_page .num a{display:inline-block;width:34px;height:22px;line-height:22px;text-align:center;vertical-align:middle;font-size:16px;color:#444;} .Pages .p_page .num a.a_cur, .Pages .p_page .num a:hover{background:#444;color:#fff} @media ( max-width:768px){ .Pages a.a_prev,.Pages a.a_next{width:40px;} .Pages a{line-height:25px;width:25px;} } /************************首页***************************/ /*banner s*/ .homebans, .homeban{width:100%;height:auto;overflow:hidden;position:relative;} .homeban img {width:100%;} .banners{display:none;margin-bottom:40px!important;} .homebans .hd{overflow:hidden;position:absolute;right:100px;bottom:25px;z-index:1;} .homebans .hd ul{overflow:hidden;zoom:1;float:left;} .homebans .hd ul li{float:left;margin-right:9px;width:12px;height:12px; border-radius: 6px; background:#fff;cursor:pointer; color: transparent;} .homebans .hd ul li.on{background:#FFF; width:40px; height: 12px; border-radius: 5px;}/*修改*/ .homebans .bd{ position:relative;height:100%;z-index:0;} .homebans .bd li{zoom:1;vertical-align:middle;} .homebans .bd img, .homeban .bd img{width:100vw;height:auto;display:block;} @media (max-width:768px){ .homebans .hd{position:absolute;left:50%;right:auto;transform:translate(-50%,0%);} .homebans .hd ul li{width:30px;} } /*新增手机banner s*/ @media (max-width:768px){ .banners{display:block;} .homebans{display:none;} } /*banner e*/ /*品类探索 s*/ .com{text-align:center; position: relative; margin-bottom: 1%; color:#333333; font-weight: 600; font-size: 2em; line-height: 2em; color: #101010;}/*修改*/ .com-white p, .com-gray p {position: relative; display: inline-block; font-size: 1.33rem; z-index: 1; padding: 0 2rem;}/*新增 */ .com-white p{background-color:#FFFFFF;}/*新增 */ .com .comline{margin-top:30px;} /*品类探索 e*/ /*一级列表轮播自适应*/ /*.swiper-slide img{height:562px;}*/ @media screen and (max-width:990px){ .swiper-slide img{height: 390px;} } @media ( max-width:768px){ .bds dl{padding:20px;} .swiper-slide img{width:100%;height:auto;} } .indexbox2{width:100%;height:auto;padding:3% 0 3% 0;background:#fff;} /*聆听 s*/ .ltfl{width:50%;float:left;} .ltfl .ltcon{width:75%;margin-top:8%; margin-left:5%;} .ltfl .ltcon .lt1 p{color:#002855;} .ltfl .ltcon .lt1 p span{display:inline-block;font-size:1.5em;color:#333333;padding-bottom:13px;margin-right:10px; font-weight: 600;}/*修改*/ .ltfl .ltcon .lt1 p span:nth-child(2n){font-size: 1.5em; border-bottom:none;} .ltfl .ltcon .lttext{font-size:0.875em;color:#444;line-height:30px;margin:20px 0 25px 0;} .ltfl .ltcon .ljt{text-align:right;} .ltrh{width:49.3%;height:100%;float:right;overflow:hidden; position: relative;}/*修改*/ .ltrh img{width:100%;height:100%;opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;} @media screen and (max-width:768px){ .ltfl .ltcon .lttext{line-height:25px;margin:25px 0 25px 0;} .ltrh{padding-top:0;} } @media screen and (max-width:1280px){ .ltfl .ltcon .ljt{display: none;} } /*聆听 e*/ /*新闻资讯 s*/ @media (max-width:320px){ .ltfl .ltcon{width:90%;margin-bottom:25px;} } /*合作伙伴 s*/ .hz ul{width:100%;} .hz li{float:left;width:12.5%;position:relative;} .hz li img{width:100%;} /*合作伙伴 e*/ @media (max-width:1024px){ .com{margin-bottom: 20px;} } @media (min-width:768px) and (max-width:979px){ .hz ul{padding:34px 40px;} .hz li{width:33%;border:none;} } @media (max-width:768px){ .ltfl{margin-bottom:25px;} .ltfl,.ltrh{width:100%;float:none;} .ljt a img{width:40px;height:40px;} } @media (max-width:767px){ .ltfl,.ltrh{width:100%;float:none;} .ljt a img{width:35px;height:35px;} .hz{width:100%;margin-top:10px;} .hz ul{padding:0px;} .hz li{width:48%;text-align:center;border-bottom:none;border-right:none;} .hz li:nth-child(2n){border-bottom:none;} } /************************详情***************************/ .warp{width:100%;background:#ffffff;} .warp2{width:100%;height:auto;padding:50px 0 50px 0;background:#ffffff; border-top: 1px solid rgba(0,0,0,0.1);} .indexbox-product{width:100%;height:auto;padding:145px 0 22px 0;background:#f1f1f1;} /*产品 */ .cp .cpfl .inBox .inHd{float:left;width:80px;height:552px;overflow:hidden;} .deimg{display:none;} /*新增详情 css s*/ @media (max-width:767px){ .preview{display:none;} .deimg{display:block;} } /*新增详情 css e*/ .cp .cpfl .inBox .inHd li{width:100%;height:auto;margin-bottom:9px;cursor:pointer;} .cp .cpfl .inBox .inHd li:last-child{margin-bottom:0px;} .cp .cpfl .inBox .inBd{width:442px;float:left;margin-left:12px;} .cp .cpfl .inBox .inBd ul li img{width:100%;height:100%;} @media screen and (max-width:1024px){ .cp .cprh{width:35%;} } .cp .cprh .cpcon{padding-bottom:0.5vw;border-bottom:1px solid #ccc;display: inline-block;width:100%} .cp .cprh .cpcon .ctit1{font-size:1.25em;color:#101010; max-width:80%; line-height: 1.2em; font-weight: 600;float: left;} .cp .cprh .cpcon .ctit1 span{color:#ec691a;} .cp .cprh .cpcon .ctit2{font-size:1.125em;color:#333333;margin-top:20px;} .cp .cprh .cpul{margin-top:40px;} .cp .cprh .cpul li{font-size:14px;color:#444;margin-bottom:1px;} .cp .cprh .cpul li i{display:inline-block;width:5px;height:5px;background:#444;border-radius:50%;vertical-align:middle;margin-right:10px;} .cp .cprh .hd{position:relative; overflow: hidden;} .cp .cprh .hd ul{width:auto;float:left; overflow: hidden;width:100%;} /*产品 修改 css s*/ .cp .cprh .hd ul li{float:left;width:16px;height:16px;margin-right:8px;cursor:pointer; margin-top:20px; margin-bottom: 0px; border: 1px solid #d4d4d4; border-radius: 8px;} .cp .cprh .hd ul li a{display:block;} .cp .cprh .hd .on{width:16px;height:16px; border-radius: 8px; border: 1px solid #737373;} .cp .cprh .hd ul li:hover {width:16px;height:16px; border-radius: 8px; border: 1px solid #737373;} /*产品 修改 css*/ .cp .cprh .hd span{display:inline-block;width:86px;height:30px;font-size:0.875em;color:#737373;line-height:30px;text-align:center;border-radius:100px;vertical-align:top;margin-top:14px;} .cp .cprh .buy{margin-top:22px;} .cp .cprh .buy a{display:inline-block;font-size:14px;line-height:36px;text-align:center;width:150px;height:36px;border:1px solid #ec691a;margin-right:18px;} .cp .cprh .buy a:hover{background:#ec691a;color:#fff;} @media screen and (max-width:1090px){ .cp .cprh .buy a{width:46%; margin-right: 2%;} .indexbox4{padding: 145px 0 22px 0;} } @media screen and (min-width:900px){ .warpa{width:800px; margin:auto;} } @media screen and (max-width:899px){ .warpa{width:96%; margin:auto;} } .cpa{padding:20px 0 21px 0; overflow:hidden;} .cpa li{width:33.3%;float:left;text-align:center;background:url(../images/aline.png) right center no-repeat;} .cpa li:nth-child(4n){background:none} .cpa li a{font-size:16px;color:#444;} .cpa li a:hover, .cpa li.current a{color:#ec691a;} .cpa li.current a{color:#ec691a;} .btn-blue-detail {background:#ec691a;cursor: pointer;color:#fff;display:inline-block;font-size:14px;line-height:36px;text-align:center;width:150px;height:36px;border:1px solid #ec691a;margin-right:18px;} .blue-d {color:#ec691a;} /*相关产品*/ .gltit{font-size:1.5em;color:#101010;text-align:center;margin-bottom:40px; padding-bottom: 1em; font-weight: 600;} .cpBox{padding:0% 30px;position:relative;} .cpBox .owl-carousel{position:static;} .cpBox .owl-carousel .item{margin:0 3%;} .cpBox .owl-carousel .item a{display:block;position:relative;} .cpBox .owl-carousel .item a .glimg{float:left; width:26%; margin-left:0%; margin-right: 4%;} .cpBox .owl-carousel .item a .gltext{text-align: center; width:70%; margin:auto; float: left;} .cpBox .owl-carousel .item a .gltext p{margin-top:5px;} .cpBox .owl-carousel .item a .gltext .gl1{font-size:0.875em;color:#333; text-align: left; line-height: 1.2em } .cpBox .owl-carousel .item a .gltext .gl2{font-size:0.875em;color:#737373; text-align: left; font-family: "Microsoft YaHei",} .cpBox .owl-carousel .owl-dots.disabled,.cpBox .owl-carousel .owl-nav.disabled{display:block;} .cpBox .owl-carousel .owl-nav .owl-next,.cpBox .owl-carousel .owl-nav .owl-prev{width:19px;height:30px;position:absolute;top:60%;margin-top:-25px;line-height:9999;overflow:hidden;z-index:99;} .cpBox .owl-carousel .owl-nav .owl-next{background:url(../images/sprh.png) no-repeat right top;right:-0px;} .cpBox .owl-carousel .owl-nav .owl-prev{background:url(../images/spfl.png) no-repeat left top;left:0px;} /*评论*/ .nybox{padding:25px 0 50px 0;border-bottom:1px solid #d0d6d8; overflow: hidden} .nybox .pltitle{text-align:center;} .nybox .pltitle .pltit{font-size:24px;color:#444;} .nybox .pltitle .plimg{text-align:center;margin:20px 0 25px 0;} .nybox .pltitle .pltit1{font-size:14px;color:#002855;} .nybox .plcon{margin-bottom:50px;} .nybox .plcon .py1{font-size:14px;color:#444;} .nybox .plcon .plimg{margin:15px 0 10px 0;} .nybox .plcon .plimg img{display:inline-block;} .nybox .plcon .plimg span{vertical-align:middle;display:inline-block;margin:-8px 0 0 8px;} .nybox .plcon .py2{font-size:14px;color:#868888;margin-bottom:12px;} .nybox .plcon .py3{font-size:14px;color:#666;} /*规格参数*/ .sptit{text-align:center;font-size:1.5em; font-weight: 600; color:#101010;margin-bottom:40px;} .splist{padding:17px 0;border-bottom:1px solid #dfe5e7;} /*相关下载*/ .xz{margin-top:42px;} .xz .xztit{font-size:1em;color:#101010; font-weight: 600;} .xz .xz1{font-size:14px;color:#666;margin-top:15px;} .xz .xz1 i{display:inline-block;width:15px;height:15px;background:url(../images/xz.png);margin:-3px 12px 0 0;vertical-align:middle;} .xz .xz1 a{color:#666} /*常见问题*/ .ans{margin-top:22px;} .ans .antit{font-size:14px;color:#444;cursor:pointer;} .ans .antit i{display:inline-block;width:15px;height:15px;background:url(../images/a1.png);vertical-align:middle;margin-right:10px;} .ans .anbox{padding:25px 25px 70px 25px;background:#f1f5f6;margin-top:20px;} .ans .anbox p{font-size:14px;color:#666;} .ans .on .anbox{display:block;} .ans .antit i.ons{background:url(../images/a2.png);} @media (max-width:1024px){ .cp .cpfl .inBox .inBd{width:auto;} .cp .cprh .cpcon .ctit1,.cp .cprh .cpcon .ctit2{line-height:35px;} .cp .cprh .cpcon{padding-bottom:30px;} } @media (min-width:768px) and (max-width:979px){ .cp{margin-bottom:58px;} .cp .cpfl .inBox .inBd{width:100%;margin-bottom:30px;margin-left:0px;} .cpa li a{font-size:14px;} .cp .cpfl .inBox .inHd,.cp .inBox .inBd{float:none;} .cp .cpfl .cp .inBox .inBd{margin-top:30px;} .cp .cpfl .inBox .inHd{width:100%;text-align:center;} .cp .cpfl .inBox .inHd li{width:19%;display:inline-block;margin-bottom:20px;} .cp .cpfl .cp .inBox .inBd ul li{text-align:center;} .cp .cpfl .cp .inBox .inBd ul li img{width:auto;} .cpBox .owl-carousel .owl-nav .owl-next, .cpBox .owl-carousel .owl-nav .owl-prev{top:20%;margin-top:0px;} .cpBox .owl-carousel .item a .gltext{margin-left:30px;} } @media (max-width:767px){ .cp{margin-bottom:28px;} .cpmbox{padding-top:40px;} .cp .cpfl{width:100%;float:none;height:auto;} .cp .cprh{width:90%;float:none;height:auto;} .cp .cpfl .inBox .inBd{width:100%;margin-bottom:30px;margin-left:0px;} .Pages a{margin:0px;} .nybox .pltitle .pltit1{margin-bottom:20px;} .cp .cprh .buy{text-align:left;} .cp .cprh .buy a{width:120px;} .cpa li a{font-size:14px;} .cp .cprh .cpcon{padding-bottom:20px;} .cp .cprh .cpcon .ctit1{line-height:30px;text-align:left;} .cp .cprh .cpul {margin-top: 20px;} } @media (max-width:320px){ .cpa li a{font-size:12px;} .cpa li{width:auto;padding:0 10px;} .cpBox .owl-carousel .item a{text-align:center;} .cpBox .owl-carousel .item a .glimg,.cpBox .owl-carousel .item a .gltext{float:none;margin:0px;} } /*************************一级列表***************************/ .dcp{margin-top:20px; margin-bottom: 20px;display: none;} .dcp li{width:23.95%;float:left;margin-right:1.4%;position:relative;}/*修改*/ @media screen and (max-width:1439px){ .dcp li{margin-right:1.4%} .dcp li:last-child{margin-right:0} } .dcp li:nth-child(5n){margin-right:0px;} .dcp li p{text-align:center;} .rmBox{position:relative;margin:60px 0 3% 0;display: none;} @media screen and (max-width:768px){ .rmBox{position:relative;margin:15px 0 20px 0;} } .rmBox .rmtit{font-size:24px;color:#444;} .rmBox .rmtit1{margin-left:10px;} .rmBox .item{border:1px solid #e3e3e3;} .rmBox .rmcon{position:relative;padding:5%; border: 1px solid #e3e3e3;}/*修改*/ .rmBox .rmcon:hover{border: 0px solid transparent;} @media screen and (max-width:384px){ .rmBox .rmcon{position:relative;padding:2%;}/*修改*/ } .rmBox .rmcon .rmcp{margin:0 auto; position: relative;}/*修我*/ .rmBox .rmcon .rmcp .rmimg{text-align:center; }/*修改*/ @media screen and (min-width:768px) and (max-width:1280px){ .dcp li .ptit2{margin: 0px 0 5px;} } .rmBox .owl-dots.disabled,.rmBox .owl-nav.disabled{display:block;} .rmBox .owl-nav .owl-next,.rmBox .owl-nav .owl-prev{position:absolute;top:0%;line-height:9999;overflow:hidden;z-index:2; width:51px;height:31px;} .rmBox .owl-nav .owl-next{background:url(../images/rlh.png) no-repeat right top;right:10px;} .rmBox .owl-nav .owl-prev{background:url(../images/rrh.png) no-repeat left top;right:60px;} .rmBox .owl-nav .owl-next:hover{width:51px;height:31px;background:url(../images/rfl.png) no-repeat right top;right:10px;} .rmBox .owl-nav .owl-prev:hover{width:51px;height:31px;background:url(../images/rfr.png) no-repeat left top;right:60px;} /*日常、差旅系列 s*/ .cdbox{padding:0px 0 80px 0;overflow:hidden;} .datit{margin-bottom:30px;} .datit .da1{font-size:24px;color:#444;float:left;} .datit .da2{font-size:16px;color:#444;float:right;} .datit .da2 i{display:inline-block;width:28px;height:28px;background:url(../images/more.png);vertical-align:middle;margin:-3px 0px 0 10px;} .daily{margin-top:60px;} .daily .dafl{width:18.89%;height:342px;float:left;display: none;}/*修改*/ .daily .darh{width:100% !important;height:343px;}/*修改*/ .daily .darh li{width:18.2%;background:#fff;float:left;margin-right:2.1%;padding:45px 0 60px 0;position:relative;margin-bottom: 2%;} @media screen and (max-width:1441px){ .daily .dafl img{width:272px;height:342px;} } @media screen and (max-width:1440px){ .daily .dafl{width:18.89%; height: 302px;} .daily .dafl img{width:100%;height:100%;} .daily .darh li{width:23.4%;padding:32px 0 30px 0;position:relative;} } @media screen and (max-width:1080px){ .dafl{display: none;} .daily .darh{width:100%;} } .daily .darh li:nth-child(5n){margin-right:0px;} .daily .darh li .daimg{text-align:center;} .daily .darh li .daimg img{max-width:158px;} .daily .darh li .datext{width:80%;margin:0 auto;} .daily .darh li .datext p{width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .daily .darh li .datext .dat1{font-size:14px;color:#444;margin:26px 0 5px 0;} .daily .darh li .datext .dat2{font-size:14px;color:#666;} .daily .darh li .newcp{width:72px;height:30px;background:#df2c39;font-size:12px;color:#fff;text-align:center;line-height:30px;position:absolute;top:0px;left:50%;transform:translate(-50%,0%);} .daily .hwban{width:100%;height:auto;margin-top:50px;} @media screen and (max-width:990px){ .daily .hwban{margin-top:0;} } .daily .hwban img{width:100%;height:auto;} /*日常、差旅系列e*/ /*户外运动系列 e*/ @media (max-width:1024px){ .dpbox{padding:40px 0 40px 0;} .daily{margin-top:50px;} .dcp li.li1 .lifl{width:48.8%;} .dcp li.li1 .lifl a i.s1-2{margin: 0 10px 0 -18px;} .daily .dafl,.daily .darh{height:auto;} .daily .darh li{padding:31px 0 30px 0;}/*修改*/ .daily .darh li img{height:100px;} .daily .darh li .newcp{height:25px;line-height:25px;} } @media (min-width:768px) and (max-width:979px){ .dcp li.li1{width:48%;} .dafl{display: none;} .daily .darh{width:100%;} .daily .darh li{padding:3.5% 0 4% 0;}/*修改*/ .daily .darh li .datext .dat1{margin: 3% 0 2% 0;} .daily .darh li .newcp{height:20px;line-height:20px;} .daily{margin-top:40px; margin-bottom: 30px;} } @media (min-width:768px) and (max-width:800px){ .cdbox{padding-bottom:40px;} .dcp li.li1{width:48%;} .dcp li{width:49%;margin:20px 0 0 0;} .dcp li:nth-child(2n+1){float:right;} .daily .darh li{width:22.1%;padding:26px 0 20px 0;} .daily .darh li .newcp{height:20px;line-height:20px;} .daily .darh li .datext .dat1{margin-top:14px;} .daily .darh li img{height:60px;} } @media (max-width:768px){ .daily .dafl{display:none;} .daily .darh li{width:22.8%;} .daily .darh{width:100%;} .daily{margin-top:15px; width:96%; margin-left:auto; margin-right:auto;} } @media (max-width:768px){ .cdbox{padding:0px;} .dcp li{float:none;width:100%;margin-bottom:20px;} .dcp li.li1{width:100%;float:none;} .datit{margin-bottom:0px;} .datit .da1{font-size:18px;} .daily .dafl,.daily .darh{float:none;width:100%;height:auto;} .daily .dafl{margin-top:30px;text-align:center;} .daily .darh{margin-top:15px;} .daily .dafl img{width:100%;height:auto;} .daily .darh li{width:48%;margin-right:4%;margin-bottom:4%;} .daily .darh li:nth-child(2n){margin-right:0px;} .daily .hwban{margin-top:18px;} .daily .dafl img{width:auto;} .daily .dafl{display:none;} } @media (min-width:360px) and (max-width:768px){ .dcp li.li1{width:100%;} .dcp li{width:49%;float:left;margin-right:2%;} .dcp li:nth-child(2n+1){float:left; margin-right:0;} } @media (max-width:320px){ .datit .da1,.datit .da2{font-size:16px;} .datit .da2 i{width:20px;height:20px;background-size:100%;} } /*************************二级列表***************************/ .ejbox{width:100%;padding:50px 0 10px;background:#f9f9f9;} .day{margin-bottom:35px;} .day .daytit{font-size:1.5em;color:#101010; margin-bottom: 20px; font-family: "Microsoft YaHei","Arial", sans-serif;} .ejul dd{width:24.25%;float:left;background:#fff;padding-bottom:1em;margin-top:15px;position:relative; margin-right:1%; padding-top:30px; padding-bottom: 70px;} .ejul dd:nth-child(4n){margin-right: 0;} .ejul dd:hover{box-shadow: 5px 5px 1px rgba(0,0,0,1.0);} .ejul dd .ejimg{padding:25px 18.5%;text-align:center;} .ejul dd .ejimg img{display:inline-block; width:100%;} .ejul dd .ejtext{padding:4% 4% 2%; position: relative;} .ejul dd .ejtext .text1{width:86%; margin:auto; text-align: center;} .ejul dd .ejtext p{white-space:nowrap; text-overflow: ellipsis; overflow: hidden} .ejul dd .ejtext .text1 p:nth-child(1){font-size:0.875em;} .ejul dd .ejtext .text1 p:nth-child(1) a{color:#101010; font-family:"Microsoft YaHei","Arial", sans-serif;} .ejul dd .ejtext .text1 p:nth-child(2){font-size:0.875em;color:#666;margin-top:0.25vw;} .ejul dd .ejtext .text1 p:nth-child(2) a{color:#737373} .ejul dd .mask{width:122px;height:58px;background:#df2c39;font-size:18px;color:#fff;text-align:center;line-height:58px;position:absolute;top:0;left:0px;z-index:999;} .ejul dd .ejtext .hd{line-height:30px;text-align: center; width:92%; position: absolute; top:110%;} @media screen and (min-width:960px) and (max-width:1440px){ .ejul dd .ejtext .text1{width:60%;} .ejul dd .ejtext .hd{width:40%;} } @media screen and (max-width:959px){ .ejul dd .ejtext .text1{width:75%;} .ejul dd .ejtext .hd{width:20%;} } .ejul dd .ejtext .hd ul{display: inline-block} .ejul dd .ejtext .hd ul li{float:left;width:16px;height:16px;cursor:pointer;margin-right:10px;} @media screen and (min-width:768px){ .ejul dd .ejtext .hd ul li:last-child{margin-right:0px;} } .ejul dd .ejtext .hd ul li.on{width:16px;height:16px;;} .ejul dd:hover{box-shadow:0px 5px 35px rgba(227,227,227,.75);transform:translate3d(0,-2px,0)} .ejbox .ejmore{display:block;height:36px;text-align:center;line-height:36px;font-size:1em;color:#737373;margin:27px auto 0;border-radius:100px; cursor: pointer;} @media (max-width: 1200px){ .ejbox .ejcon .ejrh .erp{padding-top:45px;} .ejul dd .mask{width:110px;height:50px;line-height:50px;} } @media (max-width: 1028px){ .ejbox .ejtit{margin-top:20px; margin-bottom: 20px;} .day .daytit{width:96%; margin:30px auto 20px;} .ejbox .ejcon .ejrh .erp .erp1{font-size:24px;font-weight:bold;color:#444;margin:29px 0 15px 0;} .ejbox .ejcon .ejrh .erp .elp2{font-size:18px;color:#666;} } @media (max-width: 1366px){ .ejbox .ejcon .ejrh .erp{padding:40px 20px 5px 35px;} } @media (min-width:768px) and (max-width:979px){ .ejbox .ejcon .ejrh .erp{padding:25px 0 0 30px;} .ejbox .ejcon .ejrh .hd{margin-top:15px;} .ejul dd .mask{width:85px;height:35px;line-height:35px;} .ejbox .ejcon .ejrh .erp .erp1,.ejbox .ejcon .ejrh .erp .elp2{font-size:20px;} } .ejul dd .ejtext{position: relative;} @media (max-width:767px){ .day{margin-top:30px;} .ejbox{padding:1px 0 20px 0;} .ejbox .ejcon .ejfl,.ejbox .ejcon .ejrh{width:100%;float:none;} .ejul dd,.ejul dd:nth-child(2n){float:none;width:100%;} .ejul dd .ejimg img{max-width:100%;} .ejbox .ejcon .ejrh .erp{padding:30px 0 30px 10px;} .color1{margin-top:10px;} .ejul dd{margin-top:3%;} .ejul dd .mask{width:70px;height:35px;line-height:35px;font-size:14px;} .ejbox .ejcon .ejrh .erp .erp1,.ejbox .ejcon .ejrh .erp .elp2{font-size:14px;} .ejbox .ejcon .ejrh .erp{width:96%;} .ejbox .ejcon .ejrh .erp .erp1{margin: 10px 0 5px 0;} } @media (max-width:320px){ .ejbox .ejtit{font-size:1.5em;} .ejbox .ejcon .ejrh .erp{padding:20px 0 20px 10px;} .ejul dd .ejtext{padding-top:1em;} .ejul dd .ejtext .text1 p:nth-child(1){font-size:14px;} .ejul dd .ejtext .text1 p:nth-child(2){font-size:12px;} .ejul dd .ejtext .text1 p:nth-child(2){margin-top:0px;} } /*************************视频列表总***************************/ .vicon{width:100%; padding: 2% 0; background:#f1f1f1;} .vicon .viul li{width:30.5%;float:left;margin:0 2% 2% 0;overflow:hidden;position:relative;cursor:pointer;} .vicon .viul li:nth-child(4n){margin-right:0px;} .vicon .viul li .viimg{width:100%;height:100%;overflow:hidden;} .vicon .viul li .viimg img{width:100%;height:auto;opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;} .vicon .viul li .vitit1{text-align:center;position:absolute;top:19%;left:50%;transform:translate(-50%,0%);z-index:1;} .vicon .viul li .vitit1 .vip1{font-size:22px;color:#fff;} .vicon .viul li .vitit1 .vline{width:40px;height:4px;background:#fff;margin:22px auto 0;} .vicon .viul li .vitit2{text-align:center;position:absolute;bottom:19%;left:50%;transform:translate(-50%,0%);z-index:9999;} .vicon .viul li .viline{width:50%;height:85%;border:1px solid rgba(255,255,255,.3);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999;opacity:0} .vicon .viul li:hover{box-shadow:5px 5px 10px rgba(181,181,181,.75);transform:translate3d(0,-2px,0)} .vicon .viul li:hover .viimg img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);} .vicon .viul li:hover .viline{opacity:1;width:80%;transition:1s;} .vicon .vtext{margin:3% 0 4.3%;} .vicon .vtext .tl1{font-size:2em;color:#101010;font-weight:bold;text-align:center;position:relative;} .vicon .vtext .tl1 i{display:inline-block;width:37px;height:33px;position:absolute;top:-20px;margin-left:17px;} .vicon .vtext .tl2{width:50px;height:6px;background:#101010;margin:20px auto 0;} .vicon .hotul li{float:left;width:48%;} .vicon .hotul li:nth-child(2n){float:right;} .vicon .hotul li .himg{width:100%;height:100%;overflow:hidden;} .vicon .hotul li .himg img{width:100%;height:100%;opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;} .vicon .hotul li .htit1{font-size:1.25em;color:#101010;text-align:center;margin:2vw 0 0.5vw 0;} .vicon .hotul li .htit2{font-size:0.875em;color:#444;text-align:center;line-height:1.875em;} .vicon .hotul li:hover .himg img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);} .vicon .hotul li:hover .hot1{box-shadow:0px 15px 30px rgba(181,181,181,.75);} @media (max-width: 1200px){ .vicon .viul li .vitit1 .vip1{font-size:28px;} .vicon .viul li .vitit1 .vline{display: none;}/*修改*/ } @media (min-width:768px) and (max-width:979px){ .vicon .viul li .vitit1 .vip1{font-size:20px;} .vicon .viul li .vitit1 .vline{display: none;}/*修改*/ } @media (max-width:767px){ .vicon{padding:33px 0 25px 0;} .vicon .vtext{margin-bottom:20px;} .vicon .vtext .tl1{font-size:20px;} .vicon .vtext .tl1 i{top:-10px;margin-left:5px;} .vicon .vtext .tl1 i img{max-width:70%;} .vicon .vtext .tl2{height:4px;margin-top:19px;} .vicon .viul li{width:48%;margin-right:0px;} .vicon .viul li:nth-child(2n){float:right;} .vicon .viul li .vitit2 a img{max-width:70%;} .vicon .viul li .vitit1 .vline{width:30px;height:4px;} .vicon .viul li .vitit1 .vip1{font-size:18px;} .vicon .hotv{padding-top:25px;} .vicon .hotul li .htit1{font-size:20px;} .vicon .hotul li .htit2{font-size:14px;} .vicon .hotul li{width:100%;margin-bottom:25px;} .vicon .hotul li .htit1{margin: 25px 0 20px 0;} .vicon .viul li .vitit1 .vline {display: none;} } /*************************视频播放页***************************/ .play{width:100%;padding-bottom:78px;background:#f1f1f1;} .play .playv{width:100%;padding:68px 0;background:#1a1a1a;margin-top:48px;} .play .playv .plvimg{width:70%;margin:0 auto;} .play .playv .plvimg img{width:100%;height:auto;} .play .playt{width:70%;padding:50px 0 0px 0;margin:25px auto 0;} .play .playt .plcon{padding:0 46px;} .play .playt .plcon .vtext{margin-bottom:42px;} .play .playt .plcon .vtext .tl1{font-size:24px;color:#002855;font-weight:bold;text-align:center;position:relative;} .play .playt .plcon .vtext .tl1 i{display:inline-block;width:37px;height:33px;position:absolute;top:-20px;margin-left:17px;} .play .playt .plcon .vtext .tl2{width:50px;height:6px;background:#002855;margin:0 auto;} .play .playt .plcon .vtext .date{text-align:center;font-size:18px;color:#444;margin:23px auto 28px;} .play .playt .plcon .pltext{font-size:18px;color:#444;text-align:center;line-height:35px;} @media (max-width: 1200px){ .play .playv .plvimg,.play .playt{width:80%;} } @media (max-width:767px){ .play .playv{padding:38px 0;} .play .playv .plvimg{width:100%;} .play .playt{width:90%;padding:34px 0 34px 0;} .play .playt .plcon{padding:0 10px;} .play .playt .plcon .vtext{margin-bottom:20px;} .play .playt .plcon .vtext .tl1{font-size:18px;} .play .playt .plcon .vtext .tl1 i{top:-10px;margin-left:5px;} .play .playt .plcon .vtext .tl1 i img{max-width:70%;} .play .playt .plcon .vtext .tl2{height:4px;margin-top:19px;} .play .playt .plcon .vtext .date{margin:13px auto 10px;} .play .playt .plcon .pltext{font-size:14px;} } /*************************视频列表***************************/ .History2 .hd li {position: relative;} .History2 .hd li:after {content: ""; position: absolute; border-right:1px solid #b8b8b8; height: 80%; right:0; top:-20%;} .History2 .hd li:last-child:after {border-right:0px;} .vmain{width:100%;background:#f1f1f1;padding:80px 0 26px 0;} .History2{position:relative;display:block;} .History2 .hd{position:relative;overflow:hidden;width: 65%;margin: auto;} .History2 .hd li, .wrapper04 .scroller li a{background:url(../images/jy3-1s.png) no-repeat center 64px;font-size:1em;width:180px; text-align:center;color:#444;text-align:center;padding-bottom:20px;float:left;cursor:pointer;} .History2 .hd li.on{color:#ec691a;} .History2 .hd .prev,.History2 .hd .next{display:none;margin-top:-20px;position:absolute;top:50%;} .History2 .hd .prev{left:0px;} .History2 .hd .next{right:0px;} @media (min-width:800px){ .History2 .bd{height:auto;margin-top:5%;} } @media (max-width:799px){ .History2 .bd{height:auto;margin-top:3%;} } .History2 .bd ul .vtext{margin-bottom:5%;} .History2 .bd ul .vtext .tl1{font-size:2em;color:#101010;font-weight:bold;text-align:center;position:relative;} .History2 .bd ul .vtext .tl1 i{display:inline-block;width:37px;height:33px;position:absolute;top:-20px;margin-left:17px;} .History2 .bd ul .vtext .tl2{width:50px;height:6px;background:#002855;margin:39px auto 0;} .hotul dd{float:left;width:48%;margin-bottom:40px;} .hotul dd:nth-child(2n){float:right;} .hotul dd .himg{width:100%;height:100%;overflow:hidden;} .hotul dd .himg img{width:100%;height:100%;opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;} .hotul dd .htit1{ font-size: 1.5em; color: #333; text-align: left; margin: 2vw 0 1vw 0; line-height: 1.2em; overflow: hidden; word-break: break-all;} .hotul dd .htit2{ font-size: 1em; color: #737373; text-align: left; line-height: 1.875em; line-height: 1.5em; height: 3em; overflow: hidden; word-break: break-all;} .hotul dd:hover .himg img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);} .hotul dd:hover .hot1{box-shadow:0px 15px 30px rgba(181,181,181,.75);} @media (max-width: 1280px){ .History2 .hd .prev,.History2 .hd .next{display:block;} } @media (min-width:768px) and (max-width:979px){ .hotul dd .htit1{margin:40px 0 15px 0;} } @media (max-width:767px){ .vmain{padding:40px 0 20px 0;} .History2 .hd .prev img,.History2 .hd .next img{max-width:80%;} .History2 .hd li{font-size:16px;} .History2 .bd ul .vtext{margin-bottom:30px;} .History2 .bd ul .vtext .tl1{font-size:20px;} .History2 .bd ul .vtext .tl1 i{top:-10px;margin-left:5px;} .History2 .bd ul .vtext .tl1 i img{max-width:70%;} .History2 .bd ul .vtext .tl2{height:4px;margin-top:20px;} .hotul dd{width:100%;float:none;margin-bottom:25px;} .hotul dd .htit1{margin: 20px 0 10px 0;} } @media (max-width:414px){ .hotul dd .htit2{line-height:25px; font-size: 1.125em;} } /*************************新闻列表***************************/ .new{width:96%; padding:0% 2%;margin:2%} .new{background:#fff;} .new .vtext{margin-bottom:35px;} .new .vtext .tl1{font-size:30px;color:#002855;font-weight:bold;text-align:center;position:relative;} .new .vtext .tl1 i{display:inline-block;width:37px;height:33px;position:absolute;top:-20px;margin-left:17px;} .new .vtext .tl2{width:50px;height:6px;background:#002855;margin:20px auto 0;} .new .newfl{width:70%;float:left;} @media screen and (min-width:900px){ .new_lft_img {width:25%; float: left;} .new_rig_text {width:72%; float: right;} } @media screen and (max-width:899px){ .new_lft_img, .new_rig_text{width:90%; } .new_rig_text{float: left;} } .new .newfl li{ padding: 3% 0; border-top:1px solid #e7e7e7;} .new .newfl li:last-child {border-bottom:1px solid #e7e7e7;} .new .newfl li .xwtit a{font-size:1em;color:#101010; font-weight: 600;} .new .newfl li .xname{font-size:0.875em;color:#737373;margin:15px 0 0px 0;} .new .newfl li .xwcon{font-size:1em;color:#444;line-height:35px;} .new .newfl li .xwimg{width:100%;height:auto;text-align:center;margin:3% auto;} .new .newfl li .xwimg img{width:100%; display: block;} .new .newfl li .detail{float:left;} .new .newfl li .fx{float:left; padding-top: 2%;} .new .newfl li .detail a{font-size:16px;color:#444;margin-left:13px;} .new .newfl li .detail a i{display:inline-block;width:10px;height:16px;background:url(../images/fx1.png) no-repeat;vertical-align:middle;margin:-2px 6px 0 0;} .new .newfl li .fx a{display:inline-block;font-size:0.875em;color:#444;margin-right:22px;} .new .newfl li .fx a i.f1, .new .newfl li .fx a i.f2, .new .newfl li .fx a i.f3{display:inline-block;width:16px; vertical-align:middle;} .new .newfl li .fx a i.f1{height:16px;background:url(../images/fx2.png) no-repeat;margin:-3px 3px 0 0;} .new .newfl li .fx a i.f2{height:14px;background:url(../images/fx3.png) no-repeat;margin-right:3px;} .new .newfl li .fx a i.f3{height:15px;background:url(../images/fx4.png) no-repeat;margin-right:3px;} .new .newrh{width:21%;float:right; background: #f5f5f5; padding: 2%;} .new .newrh .plun{font-size:1.125em;color:#101010;padding-bottom:3%;border-bottom:1px solid #cecece; font-weight: 600;} .new .newrh .pllist li{padding:7% 0 5%;border-bottom:1px dashed #d8d8d8;} .new .newrh .pllist li .plfl{width:100%;float:left;} .new .newrh .pllist li .plfl .plimg{width:60px;height:60px; float: left; padding-right: 10%;} .new .newrh .pllist li .plfl .plimg img{width:100%;height:100%;} .new .newrh .pllist li .plfl .peo1{font-size:12px;color:#101010;font-weight:bold;text-align:left;margin-top:8px;} .new .newrh .pllist li .plfl .peo2{font-size:12px;color:#737373;text-align:left;} .new .newrh .pllist li .plrh{width:90%;float:left;} .plrh1, .plrh2{font-size:13px;color:#737373; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;} .plrh1{padding-top: 5%; line-height:23px;-webkit-line-clamp:4;} .plrh2{line-height:24px;height:44px;-webkit-line-clamp:2;} @media (max-width: 1200px){ .new .newrh .pllist{padding:0 10px;} } @media (min-width:768px) and (max-width:979px){ .new .newfl,.new .newrh{width:100%;float:none;} .new .newrh{margin-top:50px;} } @media (max-width:767px){ .new .newfl,.new .newrh{width:100%;float:none;} .new .newrh{margin-top:30px;} .new .vtext{margin-bottom:30px;} .new .vtext .tl1{font-size:20px;} .new .vtext .tl1 i{top:-10px;margin-left:5px;} .new .vtext .tl1 i img{max-width:70%;} .new .vtext .tl2{height:4px;margin-top:19px;} .new .newfl li .xwtit{text-align:center;width:96%;} .new .newfl li .xwtit a{font-size:18px;line-height:30px;} .new .newfl li .xname{text-align:center;font-size:14px;} .new .newfl li .detail a,.new .newfl li .fx a{font-size:12px;} .new .newfl li .fx a{margin-right:5px;} .new .newfl li .detail a i, .new .newfl li .fx a i.f1, .new .newfl li .fx a i.f2, .new .newfl li .fx a i.f3{background-size:85%;} .new .newfl li .fx a i.f1{margin:0px 3px 0 0;} .new .newfl li{padding-bottom:20px;margin-bottom:20px;} .new .newfl li .xwcon{font-size:14px;} .new .newrh .pllist li{padding:25px 0;} } @media (max-width:320px){ .new .newfl li .xwcon{line-height:25px;} } /*************************新闻详情页***************************/ @media (min-width:769px){ .xq{padding:3% 0 0;} } @media (max-width:768px){ .xq{padding:5% 0 0;} } .xq{width:100%;background:#f1f1f1;} .xq .xqtitle{text-align:center;padding-bottom:22px;border-bottom:1px solid #cecece;} .xq .xqtitle .xqtext{font-size:2em;color:#101010;font-weight:bold;line-height:1.875em; padding: 4% 0 0;} .xq .xqtitle .xqname{font-size:1em;color:#737373;margin-top:26px;} .xq .xqcon img{margin-top:1vw; margin-bottom: 1vw;} .xq .fxs{text-align:center;margin:2% 0 1%;} .xq .fxs span{display:inline-block;vertical-align:middle;font-size:16px;color:#737373;} @media (min-width:769px){ .xq .fxs a {width:43px;height:43px;line-height:39px;} } @media (max-width:768px){ .xq .fxs a {width:23px;height:23px; padding: 1%; line-height:30px;} } .xq .fxs a{display:inline-block;margin-left:18px;vertical-align:middle;text-align:center;background:#ec691a;border-radius:50%;} .xq .fxs a img{margin-top:expression((43- this.height )/2);vertical-align:middle;} .xq .fxs a:hover{background:#289ccb;} .xq .xqcon{font-size:0.875em;color:#737373;line-height:1.875em; text-align: center;} .xq .xqcon p {padding: 0.5% 0; text-align: left;} .xq .xqimg{width:100%;margin:24px auto 0;} .xq .xqimg img{height:auto;} .xq .love .love1{margin-top:5%;} .xq .love .love1 p{font-size:1.875em;color:#101010;font-weight:bold;text-align:center;} .xq .love .love1 p img {width:100%; display: block;} .xq .love .love1 p:nth-child(2){margin-top:2.4%;} .xq .love .love2{margin-top:32px;} .xq .love .love2 li{width:31%;margin-right:3.5%;float:left;} .xq .love .love2 li:nth-child(3n){margin-right:0px;} .xq .love .love2 li .lvimg{width:100%;height:100%;overflow:hidden;} .xq .love .love2 li .lvimg img{width:100%;height:100%;opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;} .xq .love .love2 li .lvtit{font-size:0.875em;color:#444;margin-top:1vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .xq .love .love2 li:hover .lvimg img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);} .xq .fb{margin-top:5%;} .xq .fb .love1 p{font-size:1.5em;color:#333;font-weight:bold;text-align:center;} .xq .fb .love1 p:nth-child(2){margin-top:0.8vw; } .xq .fb .love1 p span{color:#e71e1e;} .xq .fb .fbul li{padding:35px 50px;border-bottom:1px dashed #d7d7d7;} .xq .fb .fbul li .fbimg{width:80px;height:auto;float:left;} .xq .fb .fbul li .fbimg .peo3{font-size:12px;color:#002855;text-align:center;margin-top:8px;} .xq .fb .fbul li .fbimg .peo4{font-size:12px;color:#737373;text-align:center;} .xq .fb .fbul li .fbcon{width:70%;float:left;margin-left:3%;font-size:13px;color:#444;} .xq .fb .fbul li .fbnum{float:right;} .xq .fb .fbul li .fbnum .no1{font-size:13px;color:#737373;} .xq .fb .fbul li .fbnum .no2{margin-top:90px; color: #ec691a;} .xq .fb .fbul li .fbnum .no2 a{color: #ec691a;} .xq .huifu .replay{font-size:14px;color:#ec691a;} .xq .fb .quanbu{display:block;font-size:14px;color:#ec691a;text-align:center;margin-top:32px;} .xq .huifu{margin-top:5%;} .xq .huifu .love1 p{font-size:1.5em;color:#333;font-weight:bold;text-align:center;} .xq .huifu .love1 p:nth-child(2){margin-top:0.8vw;} .xq .huifu .love1 p span{color:#e71e1e;} .xq .huifu .login{font-size:14px;color:#101010;text-align:center;margin-top:1vw;} .xq .huifu .login a{color:#333;} .xq .huifu textarea{width:99%;height:222px;background:#fff;border:1px solid #cecece;margin:36px auto 36px;} .xq .huifu .replay{display:block;width:120px;height:36px;border:1px solid #333;text-align:center;line-height:36px;font-size:1.125em;color:#333;margin:0 auto 2vw;} .xq .huifu .replay:hover{background:#ec691a;color:#fff; border:1px solid #ec691a;} @media (max-width:767px){ .xq .fb .fbul li .fbcon{width:50%;} .xq .love .love2{margin-top:20px;} .xq .xqcon{font-size:14px;} .xq .fxs a{margin-left:1%;} .xq .fxs a img{ width:100%; display: block;} .xq .huifu .login{margin-top:0px;} .xq .huifu textarea{margin:15px auto 20px;} } @media (max-width:479px){ .xq .love .love2 li{width:100%;float:none;margin-bottom:20px;} } @media (max-width:320px){ .xq .fxs a{margin-left:5px;} } /*************************相关下载***************************/ /*.down{padding:0 0 1.6%;background:#f1f1f1;}*/ .load{position:relative;display:block;} .load ul.hdone{text-align:center; } .load .hd{position:relative;overflow:hidden;} .load .hd li{display:inline-block; padding:0 3%; margin: 0 0 4.2%; font-size:1.125em;color:#333;text-align:center;cursor:pointer; position: relative;} .load .hd li:after {content:""; position: absolute;border-right:1px solid #b8b8b8; right:0; top:20%; height: 80%; } .load .hd li:last-child:after {border-right:0;} .load .hd li.on{color:#009fe0;} .load .hd li a {color: #333;} .load .hd .prev,.load .hd .next{display:none;margin-top:-25px;position:absolute;top:50%;} .load .hd .prev{left:0px;} .load .hd .next{right:0px;} .lsea{margin:0 auto ;position:absolute;} .lsea input{display:block;width:90%; padding: 2.5% 5%; background:#fff;border:1px solid #cecece;font-size: 1.125em;} @media screen and (min-width:1280px){ .lsea{width:54%; left: 23%; top:40%;} .lsea a{top:42%;} } @media screen and (max-width:1279px){ .lsea{width:80%; left: 10%; top:40%;} .lsea a{top:35%;} } .lsea a{display:block;width:32px;height:32px;background:url(../images/sea1.png);position:absolute;right:5%; margin-top: -8px;} .lsea input::-webkit-input-placeholder{font-size:18px;color:#484848;} .bd{height:auto;} .load .bd .bdone li{padding:1% 0 3%;} @media screen and (min-width:1280px){ .load .bd .bdone li .loadfl {width:26%;} } @media screen and (max-width:1279px){ .load .bd .bdone li .loadfl {width:28%;} } .load .bd .bdone li .loadfl{float:left;padding:1%;border:1px solid #dcdcdc;} .load .bd .bdone li .loadfl img{width:100%;height:auto;} .load .bd .bdone li .loadrh{float:right;width:66%; padding-top: 0.5%;} .load .bd .bdone li .loadrh .loada{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom: 0.6vw;} .load_destri {color: #333; margin-bottom: 0.4vw; line-height: 1.8em; font-size: 0.875em;} .load .bd .bdone li .loadrh .loada{font-size:1em;color:#333; font-weight: 600;} .load .bd .bdone li .loadrh .loada a {color: #333;} .load .bd .bdone li .loadrh .loadms{font-size:15px;color:#333;line-height:24px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:18px 0 18px 0;} .load .bd .bdone li .loadrh .loadms1{font-size:0.875em;color:#333;} .load .bd .bdone li .loadrh .loadms2{font-size:0.875em;color:#737373;padding: 1% 0 2%;} .load .bd .bdone li .loadrh .loadms3 a{display:inline-block;height:2em;border:1px solid #333;font-size:0.875em;color:#333;text-align:center;line-height:2em;margin-right:34px; padding-left:1vw; padding-right: 1vw;} .load .bd .bdone li .loadrh .loadms3 a:hover{background:#009fe0;color:#fff;border:1px solid #009fe0;} .load .bd .bdtwo li{padding:30px 32px 33px;border-bottom:1px solid #dcdcdc;} .load .bd .bdtwo li .datatitle{font-size:24px;color:#002855;font-weight:bold;} .load .bd .bdtwo li dl dd{float:left;width:48%;margin:30px 2% 0 0;} .load .bd .bdtwo li dl dd:nth-child(2n){float:right;margin-right:0px;} .load .bd .bdtwo li dl dd .datafl{width:40%;float:left;padding:28px;border:1px solid #dcdcdc;} .load .bd .bdtwo li dl dd .datafl img{width:100%;height:auto;} .load .bd .bdtwo li dl dd .datarh{width:45%;float:right;} .load .bd .bdtwo li dl dd .datarh .datams1{font-size:18px;color:#002855;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .load .bd .bdtwo li dl dd .datarh .datams2{font-size:16px;color:#333;height:45px;margin:2% 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;} .load .bd .bdtwo li dl dd .datarh .datams3{font-size:14px;color:#333;} .load .bd .bdtwo li dl dd .datarh .datams4 a{display:block;width:120px;height:36px;text-align:center;line-height:36px;border:1px solid #002855;border-radius:100px;margin-top:15px;font-size:14px;color:#002855;} .load .bd .bdtwo li dl dd .datarh .datams4 a:hover{background:#002855;color:#fff;} @media (min-width:1920px){ .load .bd .bdone li .loadrh .loadms{margin:18px 0 18px 0;} .cp .cpfl{width:50%;} } @media (max-width:1280px){ .load .bd .bdone li .loadrh .loadms{margin:15px 0 15px 0;} .load .bd .bdone li .loadrh .loadms2{margin:3% 0;} } @media (max-width: 1028px){ .load .bd .bdone li{padding:3% 2%;} .load .bd .bdone li .loadrh{width:61%;} .load .bd .bdone li .loadrh .loadms{line-height:26px;margin:10px 0 10px 0;} .load .bd .bdone li .loadrh .loadms2{margin:2% 0;} .load .bd .bdtwo li dl dd .datafl{width:40%;} .load .bd .bdtwo li dl dd .datarh .datams2{margin:5px 0 5px 0;height:60px;} .load .bd .bdtwo li dl dd .datarh .datams4 a{margin-top:10px;} } @media (min-width:768px) and (max-width:979px){ .down{padding:40px 0;} .load .lsea{width:80%;margin-bottom:30px;} .load .lsea input{width:90%;height:50px;} .load .lsea a{width:24px;height:24px;background-size:100%;top:15px;} .load .bd .bdone li .loadrh .loada a{font-size:1.2em;} .load .bd .bdone li .loadrh{width:60%;} .load .bd .bdone li .loadrh .loadms{font-size:14px;} .load .bd .bdone li .loadrh .loadms1{font-size:14px;} .load .bd .bdone li .loadrh .loadms2{font-size:14px;} .load .bd .bdone li .loadrh .loadms3 a{height:30px;line-height:30px;} .load .bd .bdtwo li{padding:0 0 36px 0;margin-bottom:30px;} .load .bd .bdtwo li .datatitle{font-size:20px;} .load .bd .bdtwo li dl dd .datafl{width:85%;} .load .bd .bdtwo li dl dd .datarh{width:100%;margin-top:30px;} .load .hd li{font-size:20px;} } @media (max-width:768px){ .indexbox2, .indexbox1{padding:30px 0 10px 0;} .indexbox3{padding: 15px 0 20px 0;} } /*新增 2018-09-25 s*/ .dcp li img{width:100%;height:100%;} .com .comline img{max-width:100%;} /*在线客服*/ .suspension{position:fixed;top:50%;right:0px;transform:translate(0%,-50%);z-index:100;} .suspension-box{position:relative;float:right;} .suspension .a{display:block;text-align:center;border-top:1px solid #f1f1f1;border-left:1px solid #f1f1f1;background:#fff; padding:8px 8px; position: relative; cursor: pointer;} .suspension .a-top{border-bottom:1px solid #f1f1f1;margin-top:10px;} .suspension .a i{display:inline-block;transition:all 2s; font-size: 20px; color:rgba(0,0,0,0.4)} .suspension .a i:hover{color:rgba(0,0,0,0.8)} @media screen and (min-width:769px) and (max-width:1440px){ .suspension .a{padding:15px;} .suspension .a i{font-size: 1.5em;} } @media screen and (max-width:768px){ .suspension .a{padding:10px;} .suspension .a i{font-size: 1.5em;} } .suspension .a p{text-align:center;color:#666; font-size: 12px;} .suspension .d{display:none;width:190px;background:#fff;position:absolute;right:100%;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);} .suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;} .d-servcie{top:0;} .d-servcie ul{margin-top:10px; margin-bottom:10px;} .d-servcie li{white-space:nowrap; margin-left:10px; margin-right:10px;padding-left:5px; padding-top: 5px; padding-bottom: 5px; text-align: left; border-bottom: 1px solid rgba(197,197,197,0.2); font-size: 12px;} .d-servcie li a{padding:0;} .suspension .d-service-phone{top:0px;} .suspension .d-qrcode{top:96px;} .suspension .d .inner-box{padding:8px 10px 10px;} .suspension .d-service-item{padding:5px 0;} .suspension .d-service .d-service-item{border-bottom:none;} .suspension .d-service-item .circle{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left; } .suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;} .suspension .d-service-item .text{float:left;width:120px;line-height:22px;font-size:15px;margin-left:5px;} .suspension .d-service-item .text .number{color:#e0143f;} .suspension .d-service-intro{padding-top:10px;} .suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:100%;color:#888;} .suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;} .suspension .d-qrcode{text-align:center;} .suspension .d-qrcode .inner-box{padding:20px 0;} .suspension .d-qrcode p{font-size:16px;color:#93959c;} /*反馈表*/ .show{width:100%;height:100%;background:rgba(0,0,0,.75);position:fixed;top:0;left:0;z-index:10000;display:none;} .smask{background:#f1f1f1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:600px;overflow:auto;padding:0 30px;} .sarea{padding:46px 0px 49px 0;} .sarea .stop1{border-bottom:1px solid #d8d8d8;padding-bottom:28px;} .sarea .stop1 span{font-size:24px;color:#444;margin-left:48px;} .sarea .stop1 a{float:right;} .sarea .feed{padding:28px 76px 0 76px;} .sarea .feed .finput{margin-bottom:30px;} .sarea .feed .finput label{display:inline-block;width:100px;font-size:14px;color:#444;} .sarea .feed .finput label.fla{vertical-align:top;} .sarea .feed .finput select, .sarea .feed .finput input, .sarea .feed .finput textarea{font-size:14px;color:#444; background-color:#fff; border-radius:5px;margin-left:10px;} .sarea .feed .finput select{width:80%;padding-left:1%;height:36px; border:none;} .sarea .feed .finput input{width:29%;padding-left:1%;height:36px; border:none;} .sarea .feed .finput select{background:#FFF url(../images/bott.png) 96% center no-repeat;} .sarea .feed .finput input.them{width:80%;padding-left:1%;} .sarea .feed .finput textarea{width:80%;padding:18px 0 0 1%;height:198px;} .sarea .feed .finput input.them1{width:59%;margin-left:1%;} .sarea .feed .finput a.yzm{display:inline-block;vertical-align:middle;margin-left:1%;} .sarea .feed .finput a.yzm img{display:block;} .sarea .feed a.feda{display:inline-block;width:100px;height:36px;border:1px solid #002855;line-height:36px;font-size:16px;color:#002855;text-align:center;border-radius:100px;margin-right:15px;} .sarea .feed a.feda:hover{background:#002855;color:#fff;} /*在线客服*/ /*图片放大镜样式*/ .preview{position:relative; width:100%; overflow: hidden; height: 510px;} .scrollbutton,.scrollbutton_01{width:53px;height:72px;overflow:hidden;} #imageMenu{width:100%;overflow:hidden;} #onlickImg { opacity: 1 !important; } #imageMenu li{width:80px; height: 87px; overflow:hidden;opacity: 0.4;} #imageMenu li img{width:98%; cursor:pointer;} /*详情页 放大镜 e*/ /*搜索页 s*/ .nsea{width:100%;background:#f1f1f1;overflow:hidden;} .nsea .secon{background:#fff;height:432px;margin-top:60px;margin-bottom:30px;overflow:hidden;} .nsea .secon .sput{width:1278px;margin:40px auto 0;position:relative;} .nsea .secon .sput input{width:95%;height:52px;color:#b2b6b8;font-size:24px;border-radius:100px;padding-left:5%;background:#eff5f8;} .nsea .secon .sput input::-webkit-input-placeholder{color:#b2b6b8;font-size:24px;} .nsea .secon .sput a{position:absolute;top:10px;right:40px;} .nsea .secon1{background:#fff;height:auto;padding-bottom:40px;margin-top:20px;margin-bottom:30px;overflow:hidden; margin-top:2vw;} .nsea .secon .seul{width:88%;margin:22px auto 0;} .nsea .secon .seul li{padding:16px 0 10px 0;border-bottom:1px solid #f3f3f3;} .nsea .secon .seul li .sepic{float:left;padding:9px 10px;border:1px solid #e7e7e7;overflow:hidden; width:160px;} .nsea .secon .seul li .sepic img{opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s; width:100%;} .nsea .secon .seul li .seinfo{float:left;width:70%;margin:11px 10px 0;} .nsea .secon .seul li .seinfo .info1{font-size:1em;color:#101010;} .nsea .secon .seul li .seinfo .info2{font-size:0.875em;color:#737373;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .nsea .secon .seul li .seinfo .info3{font-size: 0.875em; color:#737373} .nsea .secon .seul li:hover .sepic img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);} /*搜索页 e*/ /*找回密码 e*/ @media (max-width: 1280px){ .people .pelist .pecon{width:95%;} .sarea{width:96%; margin:auto;} } @media (max-width: 1028px){ .show .smask{max-width:90%;min-width:90%;margin:0 auto;} .show .smask .sarea .feed .finput input.them{width:85%;} .show .smask .sarea .feed .finput textarea{width:85%;} .show .smask .sarea .feed .finput input.them1{width:55%;} .nsea .secon .sput,.nsea .secon .seul{width:95%;} .nsea .secon .seul li .seinfo{width:70%;} } @media (min-width: 768px) and (max-width: 979px) { .nsea .secon .seul li .seinfo{width:62%;} .people .pelist .pecon .peput input.infos,.people .pelist .pecon .peput input.infos1{width:51%} .people .pelist .pecon .peput .pearea .cha{width:52%;} .people .pelist .pecon .peput select{width:35%;} } @media (max-width:768px){ .show .smask .sarea .feed{padding:28px 10px 0 10px;} .show .smask .sarea .feed .finput select{width:45%;} .show .smask .sarea .feed .finput input{width:45%;} .show .smask .sarea .feed .finput input.them{width:78%;} .show .smask .sarea .feed .finput textarea{width:78%;} .show .smask .sarea .feed .finput input.them1{width:35%;} .show .smask .sarea .stop1 span{margin-left:0px;} .nsea .secon .seul li .seinfo{width:62%;} .plbtn,.preview{display:none;} .cp .cprh .hd{margin-top:20px;} .cp .cprh .buy{margin-top:20px;} .ltrh{padding-top:0%;} .xq .fb .quanbu{margin-top:20px;} } /*新增css 2018-10-09 e*/ .indexbox-list{width:100%;height:auto;padding-bottom:5%;background:#f1f1f1;} .indexbox-list-white{width: 100%;height: auto;padding: 0;background: #fff;} @media screen and (min-width:800px) and (max-width:990px){ .dcp li .ptit1{margin-top:5%;} .dcp li .ptit2{margin:-5px 0 5px;} } @media screen and (max-width:767px){ .indexbox-list{padding:15px 0 20px 0;} .daily .darh li{margin-bottom:20px;} .day {margin-top: 4%;} .ejul a.ejmore{margin-top:25px;} .nybox{padding: 30px 0 29px 0;} .gltit{margin-bottom: 15px;} .warp2{padding: 30px 0 30px 0;} .warp1{padding: 0px 0 30px 0;} } @media screen and (min-width:360px) and (max-width:540px){ .dcp li .ptit1{margin-top:5%;}/*修改*/ .dcp li .ptit2{margin:-5px 0 5px;}/*修改*/ } @media screen and (max-width:359px){ .dcp li .ptit1{font-size:1.125em;margin-top:8%;}/*修改*/ .dcp li .ptit2{font-size:1em;margin:5px 0 5px;}/*修改*/ } @media screen and (max-width:767px){ .ejul dd .ejtext .hd{line-height: 10px;} } @media screen and (max-width:959px){ .indexbox4{padding: 35px 0 22px 0;} .xq{padding:30px 0 30px 0;} .xq .huifu{margin-top:35px;} .xq .fb{margin-top:20px;} .xq .love .love1{margin-top:30px;} .xq .fb .love1 p:nth-child(2) {margin-top: 15px;} .xq .fb .fbul li{padding:15px 10px;} .xq .huifu .login{margin-top:20px} .xq .huifu .love1 p:nth-child(2) {margin-top: 15px;} .xq .love .love2 li .lvtit{margin-top:10px;} } @media screen and (max-width:640px){ .com-white:before, .com-gray:before{border-bottom: none;}/*新增 */ .cy .cytit{margin-bottom: 10px;} .com {margin-bottom: 10px;} .History .bd{margin-bottom:20px; margin-top:10px;} .com .comtit {font-size: 1.5em;} .ltfl .ltcon .lttext{margin:0;} .ltrh{padding-top:0;} .ltfl .ltcon .lt1 p span{padding-bottom: 5px; margin-bottom: 5px;} .day {margin-bottom: 5px;} .xq .huifu .login{margin-top:10px} .xq .huifu{margin-top:20px;} .xq .huifu .love1 p:nth-child(2){margin-top: 15px;} } @media screen and (min-width:321px) and (max-width:768px){ .datit .da2 i{width:22px;height:22px;background-size:100%;} } /*驱动下载*/ .Download-title{font-size: 2em; font-weight: 600; color:#101010; text-align: center; margin-bottom: 1.1em;} .arraw-overturn{transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);} /*新增首页样式*/ .index-gray{width: 100%;height: auto;padding: 3% 0 3% 0;background: #f5f5f5;} .video-index-title{margin-top:5vw; line-height: 1em; color:#009fe0;} .index-video{width:78.334%; margin-left:auto; margin-right: auto; } .video-index-image{width:100%; position: relative;} .index-video-content{position: absolute; width:100%; height: 100%; top:0; left: 0;} .video-index-image img{width:100%;} /*详情页新样式*/ .smallImgUp, .smallImgUp.disabled{background:url(../images/fl.png) no-repeat; position:absolute; z-index:8;top:50%; transform:translate(0%,-50%);} .smallImgDown, .smallImgDown.disabled{background:url(../images/rh.png) no-repeat;position:absolute; z-index:8; right:0px;top:50%; transform:translate(0%,-50%);} .smallImgUp:hover, .smallImgUp.disabled:hover{background:url(../images/fl1.png) no-repeat;position:absolute;z-index:999; top:50%; transform:translate(0%,-50%);} .smallImgDown:hover, .smallImgDown.disabled:hover{background:url(../images/rh1.png) no-repeat;position:absolute;z-index:999; top:50%;transform:translate(0%,-50%); right:0px;} .scrollbutton.smallImgUp,.scrollbutton.smallImgUp.disabled, .scrollbutton.smallImgUp:hover,.scrollbutton.smallImgUp.disabled:hover{left:105px; cursor: pointer;} .scrollbutton.smallImgDown,.scrollbutton.smallImgDown.disabled, .scrollbutton.smallImgDown:hover,.scrollbutton.smallImgDown.disabled:hover{cursor: pointer;} /*scrollbutton_01样式*/ .scrollbutton_01.smallImgUp,.scrollbutton_01.smallImgUp.disabled, .scrollbutton_01.smallImgUp:hover,.scrollbutton_01.smallImgUp.disabled:hover{left:0px;} .cp{margin-bottom:30px; overflow: hidden;} .msul .ms3{color:#333;} @media screen and (min-width:1240px){ .cp .cpfl{width:602px; margin-right:84px; float:left;position:relative;} .cp .cprh{width:514px; float: left;} .smallImg{width:80px;overflow:hidden;float:left;} .bigImg{width:510px; float: right;} .scrollbutton.smallImgUp,.scrollbutton.smallImgUp.disabled{left:92px;} .msul .ms3{width:30%; line-height: 1em;} .msul .ms2{width:5%; line-height: 1em;} .msul .ms4{width:65%; line-height: 1em;} .proTfg{margin-top:23px;} .scrollbutton.smallImgUp,.scrollbutton.smallImgUp.disabled{left:92px;} .scrollbutton.smallImgUp:hover,.scrollbutton.smallImgUp.disabled:hover{left:92px;} } @media screen and (min-width:769px) and (max-width:1239px){ .indexbox-product{padding-top:30px;} .preview{width:53.76vw; height: 53.76vw; overflow: hidden; } .cp .cpfl{width:53.76vw; height: 53.76vw; margin-right:3.84vw; float:left;position:relative;} .cp .cprh{float:right; width:38.4vw;} .smallImg{position: absolute; bottom: 0; width:100%; height: 53.76vw;} .bigImg{width:100%; float: right;} .scrollbutton.smallImgUp,.scrollbutton.smallImgUp.disabled{left:16%;} .msul .ms3{width:25%; float: left; line-height: 2em;} .msul .ms4{float: left; line-height: 2em; width:75% } .proTfg{margin-top:23px;} #imageMenu{display: none;} #imageMenu li{margin-bottom: 0;} .scrollbutton.smallImgUp,.scrollbutton.smallImgUp.disabled{left:0;} .scrollbutton.smallImgUp:hover,.scrollbutton.smallImgUp.disabled:hover{left:0px;} } @media screen and (max-width:768px){ .indexbox-product{padding-top:30px;} .cp .cpfl{width:100%; float:left;position:relative;} .cp .cprh{float:right; width:100%;} } /* bigImg */ .bigImg{position:relative;float:right;overflow:hidden;} .bigImg #midimg{width:100%;} .bigImg #winSelector{width:235px;height:210px;} #winSelector{position:absolute;cursor:crosshair;filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;background-color:#000;border:1px solid #fff;} /* bigView */ #bigView{position:absolute;overflow:hidden;width:260px;height:295.652px;top:300px;left:540px;z-index:999;} #bigView img{position:absolute;} .play{width:100%;height:86%;top:0px;left:0px;z-index:9999;} .play1{display: none;} .play .pcha{position:absolute;right:12px;top:12px;} .play .moimg{width:100%;position:absolute;top:50%;transform:translate(0%,-50%);} .play .moimg img{width:100%;} .plbtn{position:absolute;bottom:0px;right:-58px;} /*详情规格参数样式*/ .proTfg .swt-Table{display: table; width:100%;} .proTfg .swt-Table .Table-Row{display: table-row;} .proTfg .swt-Table .Table-Row .Table-Cell{display: table-cell; margin:0; padding:4px 0; line-height: 1.4em} /*详情页规格样式*/ .msul li{width:100%; clear: both; overflow: hidden; font-size: 0.875em; color:#737373;} .msul li:last-child{border-bottom: none;} @media screen and (max-width:768px){ .msul .ms3{width:100px; float: left;} } /*产品详情样式*/ .products_des{width:100%; margin-bottom: 50px;} @media screen and (min-width:1280px){ .products_des img{width:1200px; margin:auto;} } @media screen and (max-width:1279px){ .products_des img{width:100%; margin:auto;} } .de_t_n {font-size:1.5em; color: #101010;} .detail_title { text-align: center; padding: 2% 0; border-top: 1px solid #d0d6d8;} .detail_title p {line-height:2em;} @media screen and (min-width:1266px){ .detail_con_a{ width:1200px;} } @media screen and (max-width:1265px){ .detail_con_a{ width:96%;} } .detail_con_a { margin: auto; overflow: hidden;} .font_b {color: #101010;} .lj_detail_text p {line-height: 1.6em; padding:0.5% 0;} /*图片放大*/ .transition1{transition: all 0.2s ease-in;} .tm-m-photos, .tm-m-photos-thumb {zoom: 1;} .tm-m-photos-thumb {margin: 10px 0; list-style-type: none; height: 45px;} .tm-m-photos-thumb li {float: left; border: 2px solid #f2f2f2; padding: 2px; margin-right: 8px; position: relative; transition: border-color .2s ease-out;} .tm-m-photos-thumb .tm-current {border: 1px solid #ec691a; -webkit-border-radi -moz-border-radius: 2px; o-border-radius: 2cursor: auto;} .tm-m photo-viewer {position: relative; width: 0; background: #fff; float: left; overflow: hidden;} .tm-m-photo-viewer-navleft, .tm-m-photo-viewer-navright {top: 0; cursor: pointer; bottom: 0; background: url(../images/s.gif); position: absolute;} .tm-m-photo-viewer-navleft {width: 10px; left: 0;} .tm-m-photo-viewer-navright {right: 0; width: 40px; } /*新增视频样式*/ .container_box{width: 100%;} .public_title,.public_titlemoveshow{font-size: 1.25em;} @media screen and (min-width:800px){ .public_box_pictrue{width: 23.2%;} .public_box_pictrue:nth-child(4n) {margin-right: 0;} } @media screen and (max-width:799px){ .public_box_pictrue{width:48.8%;} .public_box_pictrue:nth-child(2n) {margin-right: 0;} } .public_box_pictrue{clear:both} .public_box_pictrue img{width: 100%;display: block;} .public_title{position: absolute;color: #fff;left: 5%;bottom: 5%;transition: all 0.5s; } .public_rect{position: absolute;right: 5%;bottom: 6%;} .public_cover{position: absolute;left: 49.9%;top: 49.9%;width: 2px;height: 2px;background-color: rgba(0, 0, 0, 0.0);transition: all 1s;} .public_titlemoveshow{position: absolute;left: 50%;top: 45%;color: #fff;transform: translateX(-50%);opacity: 0;transition: all 0.5s; text-align: center;} .public_border{position: absolute;top: 0;width: 100%;height: 100%;} .line-top, .line-bottom{position: absolute;width: 0;height: 1px;background-color: #fff; transform: translateX(-50%);opacity: 0; left: 50%;} .line-left, .line-right{position: absolute;width: 1px;height: 0;background-color: #fff; top: 50%; transform: translateY(-50%);opacity: 0;} .line-top{top: 20%;} .line-bottom{bottom: 20%;} .line-left{left: 20%;} .line-right{right: 20%;} .public_box_pictrue:hover .public_cover{background-color: rgba(0, 0, 0, 0.7);-webkit-transition: all 1s;transition: all 1s;-webkit-transform: scale(340, 430);transform: scale(340, 430);} .public_box_pictrue:hover .public_title{transition: all 0.5s;opacity: 0;} .public_box_pictrue:hover .public_titlemoveshow{transition: all 1.5s;opacity: 1;} .public_box_pictrue:hover .line-top, .public_box_pictrue:hover .line-bottom{transition: all 1.5s;opacity: 1;animation-name: progresstopbttom;animation-delay: 0.5s;animation-fill-mode: forwards;animation-duration: 0.5s;} .public_box_pictrue:hover .line-left, .public_box_pictrue:hover .line-right{transition: all 1.5s;opacity: 1;animation-name: progressleftright;animation-delay: 0.5s;animation-fill-mode: forwards;animation-duration: 0.5s;} @keyframes progresstopbttom{100%{width: 59.7%;}} @keyframes progressleftright{100%{height: 59.7%;}} .ejul-show{display:none;} /*地址栏*/ .product_address{margin-bottom: 2%; font-size: 0.875em;} .product_address a{color:#101010;} .product_address .href_01 {color:#333;} .product_address .href_02 {color:#737373;} .product_address a:hover{color:#ec691a;} .product_address .arrow_address{font-size: 1em; margin-left: 5px; margin-right: 5px; display: inline-block; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } /* CSS Document */ @media screen and (min-width:1240px){ .header-PC{display: block} .header-M{display: none;} } @media screen and (max-width:1239px){ .header-PC{display: none} .header-M{display: block; height: 50px;} } .icon-country:before { font-size: 1.8em; } .icon-menu:before { font-size: 2em } .icon-close:before { font-size: 1.8em; } .Country:before{position: absolute;top: -15px;} /*搜索框字体颜色*/ -webkit-input-placeholder {color:#999; /* WebKit browsers */} -moz-placeholder {color:#999; /* Mozilla Firefox 4 to 18 */} -moz-placeholder {color:#999; /* Mozilla Firefox 19+ */} -ms-input-placeholder {color: #999;/* Internet Explorer 10+ */} /*PC端*/ .header-PC .top{height: 40px; background-color:#252525; color:#FFF;} .header-Product .top{position: fixed; top:0px; width:100%; z-index: 9999;} .header-PC .state {display: inline-block} .header-PC .state img{margin-top:12px; margin-left:0.5vw; cursor: pointer} .header-PC .state ul{width:250px; float: right; border-top: 1px solid rgba(255,255,255,0.6); box-shadow: 5px 5px 10px rgba(0,0,0,0.2); background-color:#f1f1f1; position: relative; margin-top:-2px; text-align: left;} .header-PC .top-R{width:100%; text-align: right; float: left; font-size: 1em; line-height: 38px;} .header-PC .top-R a{color:#FFF; display: inline-block} .header-PC .top-R a:first-child{margin-right: 0.5vw;} .header-PC .top-R a:last-child{margin-left: 0.5vw;} .header-PC .top-R a:hover{color:#ec691a} .header-PC .top-R .icon-search{display: inline-block; line-height: 33px;} .header-PC .logo{width:16%; float: left; height: 60px; left:0px; vertical-align:middle; line-height: 60px;} .header-PC .logo img{vertical-align: middle; max-width: 100%;} .header-PC .top-country{ display: block; color:#333333; padding:15px 0 0; font-size: 0.875em; width:100%; position: absolute;; font-weight: 600; background-color: transparent} .header-PC .top-country li a {color: #333;} .header-PC .top-country li a:hover {color: #ec691a;} .header-PC .top-country li{width:220px; margin-left: 1%; margin-right:2.25%; border-bottom: 1px solid rgba(0,0,0,0.1); padding-top:0.8vw; padding-bottom: 0.8vw; line-height: 19px; height: 19px;} .header-PC .top-country li:nth-child(5n){margin-right:0px;} .header-PC .top-country li:last-child{border-bottom: none;} .header-PC .top-country li p{display: inline-block;} .header-PC .top-country li p:last-child{margin-left:5px; vertical-align:top} .header-PC .top-country ul:after{width:10px; height: 5px; content: ""; background:url(../images/arrow.png); position: absolute; top:-6px; right:6px; z-index: 99999} /*国家*/ .top-country .countries{display:inline-block; width:28px; height: 19px; background:url("../images/countries.png") no-repeat; } .top-country .AE{background-position: 0px 0px;} .top-country .AR{background-position: -29px 0px;} .top-country .AT{background-position: -58px 0px;} .top-country .AU{background-position: -87px 0px;} .top-country .AZ{background-position: -116px 0px;} .top-country .BD{background-position: -145px 0px;} .top-country .BE{background-position: -174px 0px;} .top-country .BG{background-position: -203px 0px;} .top-country .BL{background-position: -232px 0px;} .top-country .BO{background-position: -261px 0px;} .top-country .BR{background-position: -290px 0px;} .top-country .CA{background-position: -319px 0px;} .top-country .CH{background-position: -348px 0px;} .top-country .CL{background-position: -377px 0px;} .top-country .ZH{background-position: -406px 0px;} .top-country .CO{background-position: -435px 0px;} .top-country .CS{background-position: -464px 0px;} .top-country .CY{background-position: -493px 0px;} .top-country .DB{background-position: -522px 0px;} .top-country .DE{background-position: -551px 0px;} .top-country .KR{background-position: 0px -20px;} .top-country .KH{background-position: -29px -20px;} .top-country .JP{background-position: -58px -20px;} .top-country .JQ{background-position: -87px -20px;} .top-country .IT{background-position: -116px -20px;} .top-country .IR{background-position: -145px -20px;} .top-country .IQ{background-position: -174px -20px;} .top-country .IN{background-position: -203px -20px;} .top-country .IL{background-position: -232px -20px;} .top-country .IE{background-position: -261px -20px;} .top-country .ID{background-position: -290px -20px;} .top-country .HU{background-position: -319px -20px;} .top-country .HK{background-position: -348px -20px;} .top-country .GR{background-position: -377px -20px;} .top-country .GH{background-position: -406px -20px;} .top-country .FR{background-position: -435px -20px;} .top-country .ES{background-position: -464px -20px;} .top-country .EG{background-position: -493px -20px;} .top-country .EE{background-position: -522px -20px;} .top-country .DK{background-position: -551px -20px;} .top-country .KSA{background-position: 0px -40px;} .top-country .KW{background-position: -29px -40px;} .top-country .KZ{background-position: -58px -40px;} .top-country .LA{background-position: -87px -40px;} .top-country .LB{background-position: -116px -40px;} .top-country .LK{background-position: -145px -40px;} .top-country .LT{background-position: -174px -40px;} .top-country .MA{background-position: -203px -40px;} .top-country .MDV{background-position: -232px -40px;} .top-country .MM{background-position: -261px -40px;} .top-country .MX{background-position: -290px -40px;} .top-country .MY{background-position: -319px -40px;} .top-country .NG{background-position: -348px -40px;} .top-country .NL{background-position: -377px -40px;} .top-country .NO{background-position: -406px -40px;} .top-country .NP{background-position: -435px -40px;} .top-country .NZ{background-position: -464px -40px;} .top-country .PE{background-position: -493px -40px;} .top-country .PG{background-position: -522px -40px;} .top-country .PH{background-position: -551px -40px;} .top-country .ZA{background-position: 0px -60px;} .top-country .VN{background-position: -29px -60px;} .top-country .UY{background-position: -58px -60px;} .top-country .US{background-position: -87px -60px;} .top-country .UK{background-position: -116px -60px;} .top-country .UA{background-position: -145px -60px;} .top-country .TW{background-position: -174px -60px;} .top-country .TR{background-position: -203px -60px;} .top-country .TN{background-position: -232px -60px;} .top-country .TH{background-position: -261px -60px;} .top-country .SYR{background-position: -290px -60px;} .top-country .SK{background-position: -319px -60px;} .top-country .SGL{background-position: -348px -60px;} .top-country .SG{background-position: -377px -60px;} .top-country .SE{background-position: -406px -60px;} .top-country .RU{background-position: -435px -60px;} .top-country .RO{background-position: -464px -60px;} .top-country .PT{background-position: -493px -60px;} .top-country .PL{background-position: -522px -60px;} .top-country .PK{background-position: -551px -60px;} .top-country .ZM{background-position: 0px -80px;} .header-PC .nav .navfl{float:right; width:84%; text-align: right;} .header-PC .nav-bg{background-color:#efefef; border-bottom: 1px solid rgba(0,0,0,0.5);} /*原样式*/ .topnav{width:100%;padding:90px 0 104px 0;background:#002855;position:absolute;top:28px;left:0px;z-index:9999;display:none;} .header-Index .nav{width:100%;height:60px;background-color: transparent;position:absolute; z-index: 99;} .header-Product .nav{width:100%;height:60px;background-color: #FFF;position:fixed; z-index: 999; top:0px; box-shadow: 0px 0px 15px #999;} .nav .top{position:absolute;left:24px;} .nav .top .zg{font-size:16px;color:#002855;line-height:60px;} .nav .top .zg i{display:inline-block;width:23px;height:22px;background:url(../images/china.png);vertical-align:middle;margin-right:6px; ;} .navcon{width:990px;margin:0 auto} .nav .navfl{float:left;} .nav .navfl .navul{float:left; width:100%; } .nav .navfl .navul li{display:inline-block;line-height:60px;} @media screen and (min-width:1280px){ .nav .navfl .navul li{padding-left:30px;} } @media screen and (max-width:1279px){ .nav .navfl .navul li:first-child{padding-left:0px;} .nav .navfl .navul li{padding-left:15px;} } @media screen and (max-width:980px){ .nav .navfl .navul li{padding-left:10px;} } .nav .navfl .navul li:first-child{margin-left:0px;} .nav .navfl .navul li a{font-size:1em;} .nav .navfl .navul .products a{font-size:1em;} .nav .navfl .navul li span{display: inline-block; } .nav .navfl .navul li .arrow{ vertical-align: bottom; line-height:55px; font-size: 16px; margin-left:5px;transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); } .nav .navfl .navul li .arrow-down{ transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */ -moz-transform:rotate(360deg); /* Firefox */ -webkit-transform:rotate(360deg); /* Safari 和 Chrome */ -o-transform:rotate(360deg); vertical-align: bottom; line-height:55px; font-size: 16px; margin-left:5px; } .nav .navfl .navul li a:hover, .nav .navfl .navul li .menu_a:hover, .nav .navfl .navul li.ahover a,.nav .navrh .rhlist li.ahover a{color:#ec691a;} .nav .navfl .navul li .menu_a{color:#444;} .nav .navrh .rhlist li.lispan{margin-right:50px;} .nav .navfl .navul li .navlist{width:100%;position:absolute;left:0;right:0;display:none;z-index:999999;background-color: #f5f5f5;box-shadow: 0px 3px 8px rgba(0,0,0,0.1);} .nav .navfl .navul .main_nav .navlist .ca_list{overflow: hidden; height: 690px; position: relative;} .nav .navfl .navul li .navlist .listfl{width:55%;height:331px;background:#efefef;float:left;} .nav .navfl .navul li .navlist .listfl .navicon{float:right;width:540px;margin-top:69px;} .nav .navfl .navul li .navlist .listfl a{display:inline-block;width:25%;text-align:center;line-height:40px; float: left; margin-bottom: 20px;} .nav .navfl .navul li .navlist .listfl a img{display:inline-block; width:42px;} .nav .navfl .navul li .navlist .listfl a p{font-size:14px;color:#444;text-align:center; margin-bottom: 12px; margin-top:12px; line-height: 20px;} .nav .navfl .navul li .navlist .listrh{width:45%;height:331px;background:#e3e3e3;float:right;} .nav .navfl .navul li .navlist .listrh .navimg{margin:30px 24px 0;} .nav .navfl .navul li .navlist .listrh .navimg .liimg{float:left;} .nav .navfl .navul li .navlist .listrh .navimg .liimg img{width:281px;} .nav .navfl .navul li .navlist .listrh .navtit{height:118px;float:left;margin-left:20px; text-align: left;} .nav .navfl .navul li .navlist .listrh .navtit p{line-height:normal;} .nav .navfl .navul li .navlist .listrh .navtit .ntit{font-size:14px;color:#444;margin-top:20px; margin-bottom: 16px;} .nav .navfl .navul li .navlist .listrh .navtit .nline{width:23px;height:2px;background:#26a6e1;margin:10px 0 50px 0;} .two_nav_other{padding-top:5px;} .two_nav_other div{display: inline-block; margin-right: 5%; line-height:16px;} .two_nav_other img{height: 16px; margin-right: 10px;} .one_category{line-height: 16px;} .one_category img{height: 16px; margin-right: 2%;} .fit-life-box .bottom .learn-more{ color:#ec691a } #bannerBox .spot span:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(left, #ec691a, #ec691a); transition: transform .5s; transform: scale(0,1); transform-origin: right; } /*最新导航*/ .ca_list .ca_lists{width:20%; color:#333; list-style: none; margin-left:0; text-align: left;} .ca_list .nav_title{font-size: 0.875em!important; font-weight: 400; border-bottom: 1px solid rgba(225,225,225,0.5); position: relative; margin-left: 2%; margin-right: 4%; padding-top: 25px; padding-left: 0px; padding-bottom: 20px; display: block; line-height: 16px; font-weight: 600; } .ca_list .on .one_category{color:#ec691a!important} .ca_list .nav_title .arrow_title{font-size: 0.875em; margin-right: 1%; float: right; opacity: 0.5;} .ca_list .nav_title i{transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);} .ca_list .nav_list_title{font-size: 14px; font-weight: 600; line-height: 16px; margin-top:0.5vw; margin-bottom: 0.2vw; font-weight: 600; border-bottom: 1px solid rgba(225,225,225,0.5);padding-bottom: 13px;} .ca_list .nav_list_title a{padding-bottom: 1vw;} .ca_list .nav_list_title img{height: 16px; } .ca_list dd{font-size: 14px; line-height: 40px; padding-top:0vw; font-weight: 100; display: inline-block; margin-right:3%;} .ca_list dd a, .two_nav_other a{font-size: 14px!important;} .ca_list dd img{margin-right: 10px; height: 40px; width:40px;} .ca_list .on span{line-height: 40px;} .two_nav{ text-align: left; position: absolute; left:20%; padding-left:2%; width:79.4%; top:0; height: 685px; overflow-y: scroll; border-left:1px solid rgba(225,225,225,0.5);} .two_nav::-webkit-scrollbar { display: none; } .two_nav li{width:100%;} .two_nav dl:last-child{margin-right: 0;} .two_nav dl{padding:16px 0 0vw;} .ca_lists:hover ul li{display: block;} .ca_list_line{width:100%; position: absolute; top:60px; background-color: #dcdcdc; height: 1px; left:0;} @media screen and (max-width:1479px){ .ca_list .ca_lists{width:14.6%;} .two_nav{left:14.6%; padding-left:2%; width:83%;} .two_nav dl{width:98%;} } /*头部新增 s*/ .nav .navfl .navul li .navlist1{background:#efefef;padding:59px 0 56px 0;} .nav .navfl .navul li .navlist1 dd{width:570px;margin:0 auto;} .nav .navfl .navul li .navlist1 dd .ddfl{float:left;} .nav .navfl .navul li .navlist1 dd .ddfl a{display:block;font-size:14px;color:#444;line-height:normal;margin-bottom:18px;} .nav .navfl .navul li .navlist1 dd .ddfl a:hover{color:#ec691a;} .nav .navfl .navul li .navlist1 dd .ddfl a:first-child{margin-top:15px;} .nav .navfl .navul li .navlist1 dd .ddfl a:last-child{margin-bottom:0px;} .nav .navfl .navul li .navlist1 dd .ddrh{float:right;} .nav .navfl .navul li .navlist2{background:#efefef;padding:59px 0 56px 0;} .nav .navfl .navul li .navlist2 dd{width:550px;margin:0 auto;} .nav .navfl .navul li .navlist2 dd .ddfl{float:left;} .nav .navfl .navul li .navlist2 dd .ddfl a{display:block;font-size:14px;color:#444;line-height:normal;margin-bottom:18px;} .nav .navfl .navul li .navlist2 dd .ddfl a:hover{color:#ec691a;} .nav .navfl .navul li .navlist2 dd .ddfl a:first-child{margin-top:15px;} .nav .navfl .navul li .navlist2 dd .ddfl a:last-child{margin-bottom:0px;} .nav .navfl .navul li .navlist2 dd .ddrh{float:right;} .nav .navfl .navul li .navlist3{background:#efefef;padding:20px 0 10px 0;} .nav .navfl .navul li .navlist3 dd .ddfl a{width:100%; display: block; text-align: right; line-height: normal; margin-bottom: 18px;} .header-PC .search{display:none;background:#fff;width:100%; height:60px; position:absolute;right:0px;top:28px;z-index:888;} .header-PC .search .ipt{width:80%;height:30px;line-height:30px;text-indent:1em;} .header-PC .search .searchbtn{color:#fff; cursor:pointer; width:70px; height:30px; border-radius:13px; background:#002855; position:absolute; right:0px; top:0px;} #wap-search-in {height: 30px; line-height: 30px; margin-top:15px; border: none; width: 40%; margin-left:30%; } .header-PC .search button{color:#444; background-color: transparent; font-size: 24px; line-height: 60px;} /*手机端*/ .header-M .header-fixed{height: 50px; line-height: 50px; position: fixed; top:0px; width:100%; background-color:#FFF; z-index: 9; margin-bottom: 50px;} .header-M .logo{width:130px; margin:auto; height: 50px; line-height: 50px;} .header-M .logo img{vertical-align: middle; display: inline-block;} .header-M .Country{border-radius: 1.5em; position: absolute; top:50%; left:8%; z-index: 1; line-height: 50px; text-align: center; color:#333; margin-left:-3px; margin-top:-10px; cursor: pointer;} .m-Country, .m-Menu{width:100%; height: 100%; position: fixed; top:50px; left:0; } .m-Country{background-color:#FFFFFF; z-index: 2; line-height: 30px;} .m-Menu{background-color:#2c5c8f; z-index: 999999;} .header-M .Menu{position: absolute; top:0px; right:8%; color:#333; margin-right:-3px;cursor: pointer;} .Country img{margin-right:5px;} .m-Menu li{border-bottom:1px solid #204f7e; position: relative; opacity: 0} .m-Menu li li{line-height: 38px; opacity: 1} .m-Menu li li a{margin-top:-1px; padding-left:0px; line-height: 36px; display: inline-block} .m-Menu li a{padding-left:8%; color: #FFF; text-decoration: none; line-height: 45px; font-size: 1em; display: block;} .m-Menu li .arrow, .m-Menu li .arrow-r{ color:#FFF; position: absolute; right:8%; font-size: 1.4em; line-height: 30px;} .m-Menu li .arrow{top:7px;} .m-Menu li .arrow-r{top:9px;} .nav .arrow, .m-Menu li .arrow{ transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); } .nav .arrow, .m-Menu li .arrow-r{ transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */ -moz-transform:rotate(360deg); /* Firefox */ -webkit-transform:rotate(360deg); /* Safari 和 Chrome */ -o-transform:rotate(360deg); } .m-Menu li, .SingIn-button, .search{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; animation-fill-mode:forwards ; -webkit-animation-fill-mode:forwards ; } .m-Menu li:nth-child(1){ animation-delay:0s; -webkit-animation-delay: 0s; } .m-Menu li:nth-child(2){ animation-delay:0.1s; -webkit-animation-delay: 0.1s; } .m-Menu li:nth-child(3){ animation-delay:0.2s; -webkit-animation-delay: 0.2s; } .m-Menu li:nth-child(4){ animation-delay:0.3s; -webkit-animation-delay: 0.4s; } .m-Menu li:nth-child(5){ animation-delay:0.4s; -webkit-animation-delay: 0.4s; } .m-Menu li:nth-child(6){ animation-delay:0.5s; -webkit-animation-delay: 0.5s; } .S-Menu{width:100%; background-color:#2e6297; overflow: hidden;} .S-Menu li{border-bottom: 1px solid #285887; padding-left:10%; padding-top:0; color:#FFF; font-size: 0.9em;} .S-Menu li:last-child{border-bottom: none;} .S-Menu li{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0s; animation-duration: 0s; animation-delay:0s; -webkit-animation-delay: 0s; } .m-Menu .Close{position: absolute; top:5%; right:8%; color:#333; font-size: 20px; border:2px solid #999; width:42px; height: 42px; border-radius: 21px; text-align: center; box-shadow: 0px 0px 2px #999;} .m-Menu .SingIn-button a{display: inline-block; width:70px; height: 30px; border:1px solid #FFF; color:#FFF; border-radius: 1.6em; margin-left:5px; margin-right:5px; text-align: center; text-decoration: none; margin-top:30px; line-height: 28px; font-size: 1em} .m-Menu .SingIn-button a:hover{border:1px solid #FFF; background-color:#FFF; color: #333;} .m-Menu .search{width:84%; margin:30px auto 0; position: relative; opacity: 0;} .m-Menu .search .form-control{width:90%; height: 32px; line-height: 32px; border:1px solid rgba(220,221,221,0.7); vertical-align: middle; border-radius:1.8em; padding-left:5%; padding-right:5%; font-size: 0.9em; background-color:#FFF;} .m-Menu .search .updown_search_btn{line-height: 35px; background:none; border:none; position: absolute; right:2%; top:0px; font-size: 1.8em; vertical-align: middle; color:#333;} .m-Menu .SingIn-button{opacity: 0} .m-Menu .SingIn-button{ animation-delay:0.53s; -webkit-animation-delay: 0.53s; } .m-Menu .search{ animation-delay:0.55s; -webkit-animation-delay: 0.55s; } .m-Country{padding-top:2%;} .m-Country ul{width:90%; margin:auto;} .m-Country li{width:18%; float: left; margin-right:2.25%; border-bottom: 1px solid rgba(0,0,0,0.1); padding-top:0.8vw; padding-bottom: 0.8vw; line-height: 19px;} .m-Country li p{display: inline-block;} @media screen and (min-width:641px){ .m-Country li:nth-child(5n){margin-right:0px;} } @media screen and (max-width:640px){ .m-Country li{width:23%; margin-right:2%;} .m-Country li:nth-child(4n){margin-right:0px;} } @-webkit-keyframes fadeInUp { 0% { top:1000px; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } /*头部导航栏变色*/ .theme-white .navfl .navul li a{color:#FFF;} .theme-black .navfl .navul li a{color:#000;} .theme-white .logo-white, .theme-black .logo-black{display: block} .theme-white .logo-black, .theme-black .logo-white{display: none; } @media screen and (min-width:1240px){ .logo{position: absolute; left:0; top:0;} } /*公共样式*/ .search input {height: 30px; line-height: 30px; border:none; width:40%;} .banner-other{margin-top:60px; width:100%;} @media screen and (min-width:1480px){ .lj_index_img .lj_its_img, .lj_index_img_02 .lj_its_img{width:1440px;} } @media screen and (min-width:1640px){ .lj_index_img_01 .lj_its_img{width:1620px;} } @media screen and (max-width:1619px){ .lj_its_img {width:90%;} } @media screen and (max-width:640px){ .groups_a{line-height: 15px;} } .lj_its_img{margin: auto;} .lj_its_img img , .lj_index_img_01 img{width:100%; display: block;} .lj_index_img_01 .lj_its_img li, .lj_index_img_02 .lj_its_img li{display: inline-block; float: left;} .lj_index_img .lj_its_img li{display: inline-block; vertical-align:bottom;} @media screen and (min-width:880px){ .lj_index_img_01 .lj_its_img li{width:11.1111111111111111111111111%; } .lj_index_img_02 .lj_its_img li{width:12.5%;} } @media screen and (max-width:879px){ .lj_index_img_01 .lj_its_img li{width:20%; } } @media screen and (max-width:640px){ .lj_index_img_01 .lj_its_img li{width:25%; } } @media screen and (min-width:769px){ .lj_its_img li{width:12.5%;} } @media screen and (max-width:768px){ .lj_its_img li, .lj_index_img_01 li{width:25%; overflow: hidden;} } .lj_its_img ul{text-align: center;} /* effect-1 css */ .lj-port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center;} .lj-port-1 .text-desc{opacity:1; top: -150%; transition: 0.5s; color: #fff; } .lj-port-1.effect-1:hover .text-desc{top: 0;} .lj-port-1.effect-2 .text-desc{top: auto; bottom: -100%;} .lj-port-1.effect-2:hover .text-desc{bottom: 0;} .lj-port-1.effect-3 .text-desc{top:0; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;} .lj-port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%; } @media screen and (max-width:1440px){ .home_new .hot .text{font-size: 2em;} .home_new .hot .workshop_all a .subtitle{font-size: 1em; margin-top:0vw; line-height: 20px} .home_new .hot .workshop_all a .right{font-size: 3em;} .home_new .hot .workshop_all a .content_text{width:84%;} .home_new .value_new li .text .title{font-size: 1.875em} .home_new .value_new li .text .subtitle{font-size: 1.25em; margin-top:1.5vw;} } @media screen and (max-width:1080px){ .home_new .hot .text, .home_new .value_new li .text .title{font-size: 1.5em;} .home_new .hot .workshop_all a .title{font-size: 1.125em; line-height: 1.5em} .home_new .hot .workshop_all a .subtitle{font-size: 0.875em; margin-top:0.8vw; line-height: 18px;} .home_new .hot .workshop_all a .right{font-size: 2em; width:12%} .home_new .hot .workshop_all a .content_text{width:90%;} .home_new .hot .workshop_all a .left{width:88%;} .home_new .value_new li .text .subtitle{font-size: 1em; margin-top:1vw;} } @media screen and (max-width:768px){ .home_new .hot li{width:100%; margin-bottom: 2vw;} .home_new .hot .workshop_all a .content_text{margin-top:5vw;} .home_new .value_new li{width:100%; margin-bottom: 1vw; text-align: center;} } @media screen and (max-width:480px){ .home_new .hot .workshop_all a .content_text{margin-top:4vw;} } @media screen and (max-width:320px){ .home_new .hot .workshop_all a .subtitle{line-height: 16px; margin-top:0vw;} .home_new .hot .workshop_all a .content_text{margin-top:3vw;} } /*头部*/ .swt-Container{margin-left:auto; margin-right: auto;} @media screen and (min-width:1460px){ .swt-Container{width:1440px;} } @media screen and (max-width:1459px){ .swt-Container{width:90%;} } @media screen and (max-width:990px){ .swt-Container{width:96%;} }