@charset "utf-8"; html,body{width:100%;} body{margin:0px;padding:0px;margin:0px auto;font-size:14px;line-height:24px;color:#666666;width:100%;min-width:320px;zoom:1;font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";background-size:cover;overflow-x:hidden;} ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;} h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;} select,input,textarea,button{font-size:14px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";} input:focus { outline: none;} input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } button{ cursor:pointer;} textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } textarea,input,select { background:none; border:none; margin:0; padding:0;} article,aside,footer,header,hgroup,nav,section,figure,figcaption,address{ display: block;} /*html5设置*/ figure,figcaption{ margin:0px; padding:0px;} audio,canvas,progress,video { display: inline-block; vertical-align: baseline;} img{border:none; border:0; vertical-align:top;} a{ color:#666666; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear; cursor:pointer; } a:focus {outline:none; -moz-outline:none;} a:hover{ text-decoration:none;} *:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;} .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: #333;} 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, .input{ border:1px solid #ababab; color:#ababab; text-indent:0.5em;} select{height:30px; background:url(../images/selectarr.gif) right center no-repeat;} .input{height:28px; line-height:28px;} .container{ width:1200px; margin:0px auto;} .relative{ position:relative;} .both{clear:both;} .text_l{text-decoration: underline} /*头部文件*/ @media screen and (min-width:960px){ .header-PC{display: block} .header-M{display: none;} } @media screen and (max-width:959px){ .header-PC{display: none} .header-M{display: block; height: 50px;} } .icon-country:before, .icon-close:before{ font-size: 1.8em; } .icon-menu:before { font-size: 2em } .icon-close:before { font-size: 1.8em; } /*搜索框字体颜色*/ -webkit-input-placeholder { /* WebKit browsers */ color: #999; } -moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } -moz-placeholder { /* Mozilla Firefox 19+ */display: table; color: #999; } -ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } /*公共样式*/ body{margin:0; padding:0;} @media screen and (min-width:1400px){ body, html{font-size:100%;} } @media screen and (min-width:1200px) and (max-width:1399px){ body, html{font-size:98%;} } @media screen and (min-width:768px) and (max-width:1199px){ body, html{font-size:96%;} } @media screen and (min-width:640px) and (max-width:767px){ body, html{font-size:94%;} } @media only screen and (min-width: 480px) and (max-width:639px){ body, html{font-size:92%;} } @media only screen and (min-width: 384px) and (max-width:479px){ body, html{font-size:90%;} } @media only screen and (min-width: 320px) and (max-width:383px){ body, html{font-size:88%;} } @media only screen and (max-width:319px){ body, html{font-size:86%;} } ul, li{list-style: none; padding:0; margin:0;} .Ts-Orage{color:#ff9800;} .Ts-White{color:#ffffff} .Ts-black{color:#333333;} .f_blue{color:#009fe0;} .f-White{color:#ffffff} .f-black{color:#333333;} .f-gray{color:#666;} .f-l-gray{color:#999} .swt-punctuation{margin-left:8px; font-size: 1.25em;} .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-22{font-size: 1.375em} .font-9{font-size: 0.9em;} .font-60{font-size: 3.75em; line-height: 1.25em;} .font-26{font-size: 1.625em} .font-24{font-size: 1.5em;} .font-16{font-size: 1em;} .font-48{font-size: 3em;} .font-36{font-size: 2.25em;} .font-30{font-size: 1.875em; line-height: 1.5em;} .font-20{font-size: 1.25em; line-height: 1.75em;} .font-18{font-size: 1.125em; line-height: 1.125em;} .font-38{font-size: 2.375em; line-height: 1.5em;} .font-28{font-size: 1.75em; line-height: 1.5em;} .font-90{font-size: 5.625em; line-height: 1.25em;} .font-72{font-size: 4.5em; line-height: 1.25em;} .font-32{font-size: 2em;} @media screen and (max-width:1440px){ .font-48{font-size: 2.25em;} .font-30{font-size: 1.25em;} .font-24{font-size: 1.125em;} .font-18{font-size: 1em;} .font-26{font-size: 1.25em} .font-28{font-size: 1.25em} .font-22{font-size: 1em} .font-36{font-size: 1.5em;} } .font-color-gray{color:#444;} .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%;} .margin-b-7{margin-bottom: 7%;} .padding-t-48vw{padding-top: 4.8vw;} .padding-t-80{padding-top: 7vw;} .margin-b-30vw{margin-bottom: 3vw;} .margin-t-15vw{margin-top: 1.5vw;} .margin-t-10vw{margin-top: 1vw;} .margin-t-20vw{margin-top: 2vw;} .margin-t-50{margin-top: 3vw;} .padding-t-5vw{padding-top: 0.5vw;} .padding-t-8vw{padding-top: 0.8vw;} .padding-t-3{padding-top:3%;} .padding-b-3{padding-bottom: 3%;} .margin-b-40{margin-bottom: 4vw;} .padding-t-4{padding-top:4%;} .padding-b-80{padding-bottom: 4vw;} .margin-b-80{margin-bottom: 4vw;} .padding-t-60{padding-top: 5vw;} .margin-t-80{margin-top: 4vw;} .margin-t-90{margin-top: 5vw;} .margin-t-30{margin-top:1vw;} .margin-t-66{margin-top:2.5vw;} .padding-b-150{padding-bottom: 8vw;} .margin-b-40{margin-bottom: 2.5vw;} .margin-b-20{margin-bottom: 1vw;} @media screen and (max-width:767px){ .margin-b-3{margin-bottom: 5%;} } .padding-b-30{padding-bottom: 1vw;} .f_weight_600{font-weight: 600} .f_weight_500{font-weight: 500} .f_weight_400{font-weight: 400} .f_weight_300{font-weight: 300} .f_weight_200{font-weight: 200} .f_weight_100{font-weight: 100} .bg-gray{background-color:#f1f1f1} .bg-white{background-color:#FFF;} .light_height_48{line-height: 48px;} .font-red{color: red;} .width-100{width:100%;} .width-92{width:92%; margin:auto;} .f-weight-b{font-weight: bold;} .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;} .swt-punctuation {margin-left: 8px; font-size: 1.25em; position: absolute; display: inline-block; font-weight: 600;} .Swt-title {color: #002855; font-weight: 600; padding: 5% 0 3%; font-size: 1.875em; text-align: center;} @media screen and (max-width:768px){ .Swt-title {font-size: 1.5em;} } .cursor_p{cursor: pointer} .height_100{height: 100%;} /*pages*/ .Pages{zoom:1;text-align:center;color:#555;clear:both; margin-bottom: 2vw;} .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);margin-right:10px;} .Pages .p_page .a_next{background:url(../images/prh.png);margin-left: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:#333;} .Pages .p_page .num a.a_cur, .Pages .p_page .num a:hover{background:#333;color:#fff} @media (max-width:768px){ .Pages a.a_prev,.Pages a.a_next{width:40px;} .Pages a{line-height:25px;width:25px;} } /*pages end*/ /************************首页***************************/ /*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:12%;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*/ .indexbox1{width:100%;height:auto;padding:50px 0 50px 0;background:#f1f1f1;} .com{text-align:center; position: relative; margin-bottom: 1.5vw; color:#333333; font-weight: 600; font-size: 1.875em; line-height: 1.125em; color: #333;} .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;} .bds{width:82%;height:532px;border:1px solid #c1c1c1;background:#fff;float:right;position:absolute;top:0px;right:0;z-index:999;box-shadow:4px 4px 5px rgba(201,201,210,.75);display:none;} /*列表页*/ .swiper-slide img{height:562px;} /*一级列表轮播自适应*/ @media screen and (max-width:990px){ .swiper-slide img{height: 390px;} } @media (max-width:768px){ .swiper-paginations .swiper-pagination-bullet{width:30px;} .swiper-slide img{width:100%;height:auto;} } /*元创动力产业园 s*/ .indexbox2{width:100%;height:auto;padding:4vw 0;background:#fff;} /*聆听 s*/ .ltfl{width:50%;float:left;} .ltfl .ltcon{width:84%;margin-top:8%; margin-left:5%;} .ltfl .ltcon .lt1 h1{color:#333;} .ltfl .ltcon .lt1 p span{display:inline-block;font-size:1.875em;color:#333333;padding-bottom:0px;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:1em;color:#333;line-height:30px;margin:2.5vw 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;} .ltfl .ltcon{width:90%; margin:auto; text-align: center;} } @media screen and (max-width:1280px){ .ltfl .ltcon .ljt{display: none;} } /*聆听 e*/ /*新闻资讯 s*/ .newBox{width:82%; margin:1vw auto 3vw;}/*修改*/ .newBox li{margin:1vw 0px; overflow: hidden;} .newBox .left{width:60%; float:left; margin-right: 2%;} .newBox .right{width:38%; float:left; } /*合作伙伴 s*/ .hz ul{width:100%;} .hz li{float:left;width:12.5%;position:relative;} .hz li img{width:100%;} /*合作伙伴 e*/ @media (max-width:1024px){ .pinpai{display:none;} .com{margin-bottom: 20px;} } @media (min-width:768px) and (max-width:979px){ .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;} .newBox .owl-carousel .owl-nav .owl-next,.newBox .owl-carousel .owl-nav .owl-prev{width:30px;height:80px;} .newBox .owl-carousel .item a{padding-bottom:20px;} .newBox .owl-carousel .item a .newtit{margin-top:0px;} } @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;} .dpbox{padding-top:20px;} } /****一级列表*****/ .rmBox{position:relative;margin:60px 0 3% 0;} @media screen and (max-width:768px){ .rmBox{position:relative;margin:15px 0 20px 0;} } .rmBox .rmtit{font-size:24px;color:#333;} .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 .item .rmcon .rmcp{width:86%;padding:45px 0;background:#f1f1f1;margin:0 auto;}修改*/ .rmBox .rmcon .rmcp{margin:0 auto; position: relative;}/*修我*/ .rmBox .rmcon .rmcp .rmimg{text-align:center; }/*修改*/ .rmBox .rmcon .rmcp .rmtext{width:60%;margin:0 auto; position: absolute; z-index: 6; left: 20%; top: 65%;}/*修改*/ .rmBox .rmcon .rmcp .rmtext p{width:100%;text-align:center;overflow:hidden;}/*修改*/ .rmBox .rmcon .rmcp .rmtext .rm1{font-size:0.875em;color:#FFF;margin-top:25px; line-height: 22px;}/*修改*/ .rmBox rmcon .rmcp .rmtext .rm1 a{color:#FFF;} .rmBox .rmcon .rmcp .rmtext .rm2{font-size:0.875em;color:#FFF;margin:0px 0 15px 0;}/*修改*/ .rmBox .rmcon .rmcp .rmtext .rm3{margin-top:4%;} .rmBox .rmcon .rmcp .rmtext .rm3 a{font-size:0.75em;color:#FFF;}/*修改*/ .rmBox .rmcon .rmcp .rmtext .rm3 a i{display:inline-block;width:6px;height:12px;margin:-3px 0 0 5px;}/*修改*/ @media screen and (min-width:768px) and (max-width:1280px){ .rmBox .rmcon .rmcp .rmtext{width:80%; top: 61%; left: 10%; } .dcp li .ptit2{margin: 0px 0 5px;} } @media screen and (min-width:860px) and (max-width:960px){ .rmBox .rmcon .rmcp .rmtext{width:90%; top: 61%; left: 5%; } .rmBox .rmcon .rmcp .rmtext .rm1{line-height: 18px;} .rmBox .rmcon .rmcp .rmtext .rm3{margin-top:1%;} } @media screen and (min-width:480px) and (max-width:640px){ .rmBox .rmcon .rmcp .rmtext{width:90%; top: 61%; left: 5%;} } @media screen and (max-width:480px){ .rmBox .rmcon .rmcp .rmtext .rm1{line-height: 17px;} .rmBox .rmcon .rmcp .rmtext .rm3{margin-top:1%;} } @media screen and (max-width:480px){ .rmBox .rmcon .rmcp .rmtext{width:90%; top: 58%; left: 5%;} } @media screen and (max-width:319px){ .rmBox .rmcon .rmcp .rmtext{width:80%; top: 61%; left: 10%;} } .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;} .rmBox .owl-nav .owl-next{width:51px;height:31px;background:url(../images/rlh.png) no-repeat right top;right:10px;} .rmBox .owl-nav .owl-prev{width:51px;height:31px;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;} /************************详情***************************/ .warp{width:100%;background:#ffffff;} .warp2{width:100%;height:auto;padding:2.8vw 0 2vw 0;background:#FFFFFF; border-top: 1px solid rgba(0,0,0,0.1);} .indexbox-product{width:100%;height:auto;padding:40px 0 0;background:#f1f1f1; margin-top:5vw;} @media screen and (max-width:1480px){ .indexbox-product{padding-top:60px;} } @media screen and (max-width:960px){ .indexbox-product{padding-top:0px; margin-top:3vw;} } /*产品 */ .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;} .cp .cprh .cpcon .ctit1{font-size:1.25em;color:#333; max-width: 560px; line-height: 1.875em} .cp .cprh .cpcon .ctit1 span{color:#009fdf;} .cp .cprh .cpcon .ctit2{font-size:1em;color:#333333;margin-top:12px;} .cp .cprh .cpul{margin-top:40px;} .cp .cprh .cpul li{font-size:14px;color:#333;margin-bottom:1px;} .cp .cprh .cpul li i{display:inline-block;width:5px;height:5px;background:#333;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 e*/ .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;color:#009fdf;line-height:36px;text-align:center;width:220px;height:36px;border:1px solid #009fdf;margin-right:18px;} .cp .cprh .buy a:hover{background:#009fdf;color:#fff;} @media screen and (max-width:1090px){ .cp .cprh .buy a{width:46%; margin-right: 2%;} } @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:25%;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:#333;} .cpa li a:hover, .cpa li.current a{color:#009fdf;} /*相关产品*/ .gltit{font-size:1.5em;color:#333;text-align:center;margin-bottom:1.6vw;} .cpBox{padding:0% 30px;position:relative;} .cpBox .owl-carousel{position:static;} .cpBox .owl-carousel .item{margin:0;} .cpBox .owl-carousel .item a{display:block;position:relative;} .cpBox .owl-carousel .item a .glimg{float:left; width:26%; margin-left:4%; margin-right: 4%;} .cpBox .owl-carousel .item a .gltext{text-align: center; width:62%; float: left;} .cpBox .owl-carousel .item a .gltext .gl1{font-size:0.875em;color:#333; text-align: left; margin-top:0.5vw;} .cpBox .owl-carousel .item a .gltext .gl2{font-size:0.75em;color:#666; text-align: left; margin-top:0.2vw;} .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; background-color: #f1f1f1;} .nybox .pltitle{text-align:center;} .nybox .pltitle .pltit{font-size:24px;color:#333;} .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:#333;} .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:24px;color:#333;margin-bottom:40px;} .splist{padding:17px 0;border-bottom:1px solid #dfe5e7;} .splist .sp1{font-size:14px;color:#333;margin-left:30px;} .splist .sp2{font-size:14px;color:#868888;margin-left:30px;} /*相关下载*/ .xz{margin-top:42px;} .xz .xztit{font-size:1em;color:#333; 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} @media (max-width:1024px){ .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;} .cpa li a{font-size:14px;} .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, .cp .cprh{float:none;height:auto;} .cp .cpfl{width:100%;} .cp .cprh{width:90%;} .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;} .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;} @media screen and (max-width:768px){ .rmBox{position:relative;margin:15px 0 20px 0;} } .rmBox .rmtit{font-size:24px;color:#333;} .rmBox .rmtit1{margin-left:10px;} .rmBox .item{border:1px solid #e3e3e3;} /*日常、差旅系列 s*/ .cdbox{padding:0px 0 80px 0;overflow:hidden;} .datit{margin-bottom:30px;} .datit .da1{font-size:24px;color:#333;float:left;} .datit .da2{font-size:16px;color:#333;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;}/*修改*/ .daily .dafl img{width:100%;height:100%;} .daily .darh{width:79.5%;float:right;height:343px;}/*修改*/ .daily .darh li{width:23.4%;background:#fff;float:left;margin-right:2.1%;padding:45px 0 60px 0;position:relative;} .daily .darh li:nth-child(4n){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:#333;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%);} /*日常、差旅系列e*/ /*户外运动系列 s*/ .daily .dafl1{width:18.89%;height:342px;float:left;}/*修改*/ .daily .dafl1 img{display:block;width:100%;height:342px;margin-bottom:20px;} /*户外运动系列 e*/ @media (max-width:1024px){ .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,.daily .dafl1{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;} .daily .dafl1 img{height:auto;} } @media (min-width:768px) and (max-width:979px){ .dcp li.li1{width:48%;} .dafl, .dafl1{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 .dafl1 img{margin-bottom:5%;} .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 .dafl1 img{margin-bottom:10px;} .daily .darh li img{height:60px;} } @media (max-width:768px){ .daily .dafl,.daily .dafl1{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 .dafl1{float:none;width:100%;height:auto;text-align:center;} .daily .dafl1 img{display:inline-block;} .daily .dafl1 img{margin-top:28px;width:49%;height:auto;} .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 0px;background:#f9f9f9;} .day{padding-bottom:35px;} .day .daytit{font-size:1.5em;color:#333; margin-bottom: 20px;} .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: 60px;} .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{line-height: 20px;} .ejul dd .ejtext .text1 p:nth-child(1){font-size:1em;} .ejul dd .ejtext .text1 p:nth-child(1) a{color:#333; line-height: 1em;} .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:95%; position: absolute; top:90%;} @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;/*background:url(../images/qh1.png);*/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;/*background:url(../images/qh2.png)*/;} .ejul dd:hover{box-shadow:0px 5px 35px rgba(227,227,227,.75);transform:translate3d(0,-2px,0)} .ejbox .ejmore{display:block;width:120px;height:36px;text-align:center;line-height:36px;font-size:1.125em;color:#737373;margin:27px auto 0;border-radius:100px; cursor: pointer;} @media (max-width: 1200px){ .ejul dd .mask{width:110px;height:50px;line-height:50px;} } @media (max-width: 1028px){ .day .daytit{width:96%; margin:30px auto 20px;} } @media (min-width:768px) and (max-width:979px){ .ejul dd .mask{width:85px;height:35px;line-height:35px;} } .ejul dd .ejtext{position: relative;} @media (max-width:767px){ .day{margin-top:30px;} .ejbox{padding:1px 0 20px 0;} .ejul dd,.ejul dd:nth-child(2n){float:none;width:100%;} .ejul dd .ejimg img{max-width:100%;} .ejul dd{margin-top:3%;} .ejul dd .mask{width:70px;height:35px;line-height:35px;font-size:14px;} } @media (max-width:320px){ .ejbox .ejtit{font-size:1.5em;} .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 3vw; background:#f1f1f1;} .vicon .viul li{width:23.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:hover{box-shadow:5px 5px 10px rgba(181,181,181,.75);transform:translate3d(0,-2px,0)} .vicon .vtext{margin:3% 0 4.3%;} .vicon .vtext .tl1{font-size:2em;color:#333;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:#333;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.5em;color:#101010;text-align:center;margin:3vw 0 1vw 0;} .vicon .hotul li .htit2{font-size:1em;color:#333;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: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 .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;} } /*************************视频播放页***************************/ .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:#333;margin:23px auto 28px;} .play .playt .plcon .pltext{font-size:18px;color:#333;text-align:center;line-height:35px;} @media (max-width: 1200px){ .play .playv .plvimg,.play .playt{width:80%;} } @media (min-width:768px) and (max-width:979px){ .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;} .History2 .hd li, .wrapper04 .scroller li a{background:url(../images/jy3-1s.png) no-repeat center 64px;font-size:18px;width:180px; text-align:center;color:#333;text-align:center;padding-bottom:20px;float:left;cursor:pointer;} .History2 .hd li.on{color:#009fdf;} .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:#333;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:center;margin:2vw 0 1vw 0;} .hotul dd .htit2{font-size:1em;color:#737373;text-align:center;line-height:1.875em;} .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;} } /*************************新闻列表***************************/ @media screen and (min-width:800px){ .new{width:96%;padding:0 2%;} } @media screen and (min-width:480px) and (max-width:799px){ .new{width:96%;padding:1% 2%;} } @media screen and (max-width:479px){ .new{width:100%;padding:1% 0;} } .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 {width:90%; } .new_rig_text {width:90%; 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:#333; font-weight: 600;} .new .newfl li .xname{font-size:0.875em;color:#737373;margin:5px 0 10px 0;} .new .newfl li .xwcon{font-size:1em;color:#333;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; font-size: 0.875em;} .new .newfl li .fx{float:left; padding-top: 2%;} .new .newfl li .detail a{font-size:16px;color:#333;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:#333;margin-right:22px;} .new .newfl li .fx a i.f1{display:inline-block;width:16px;height:16px;background:url(../images/fx2.png) no-repeat;vertical-align:middle;margin:-3px 3px 0 0;} .new .newfl li .fx a i.f2{display:inline-block;width:16px;height:14px;background:url(../images/fx3.png) no-repeat;vertical-align:middle;margin-right:3px;} .new .newfl li .fx a i.f3{display:inline-block;width:16px;height:15px;background:url(../images/fx4.png) no-repeat;vertical-align:middle;margin-right:3px;} .new .newrh{width:21%;float:right; background: #f5f5f5; padding: 2%;} .new .newrh .plun{font-size:1.125em;color:#333;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:#333;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;} .new .newrh .pllist li .plrh .plrh1{font-size:13px;color:#737373; padding-top: 5%; line-height:23px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;} .new .newrh .pllist li .plrh .plrh2{font-size:13px;color:#737373;line-height:24px;height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-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{background-size:85%;} .new .newfl li .fx a i.f1{background-size:85%;margin:0px 3px 0 0;} .new .newfl li .fx a i.f2{background-size:85%;} .new .newfl li .fx a i.f3{background-size:85%;} .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;} } @media (max-width:768px){ .xq{padding:5% 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:#333;font-weight:bold;line-height:1.875em; padding: 1vw 0 0;} .xq .xqtitle .xqname{font-size:1em;color:#737373;} .xq .xqcon img{margin-bottom:1vw; } .xq .xqcon .img_des{font-size: 1.25em; text-align: center; margin-bottom: 1vw; line-height: 0.5vw; color: #333; padding: 2% 0; font-weight: 600;} .xq .xqcon .text{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:#009fdf;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:1em;color:#737373;line-height:1.875em; width:94%; margin:auto; text-align: center;} .xq .xqcon p {line-height: 1.875em; text-indent: 2em; text-align: left; margin-bottom: 1vw;} .xq .xqimg{width:100%;margin:24px auto 0;} .xq .xqimg img{height:auto;} .xq .love .love1 p{font-size:1.875em;color:#333;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:#333;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, .xq .huifu, .xq .love .love1{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:26px; } .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:#333;} .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: #009fdf;} .xq .fb .fbul li .fbnum .no2 a{color: #009fdf;} .xq .huifu .replay{font-size:14px;color:#009fdf;} .xq .fb .quanbu{display:block;font-size:14px;color:#009fdf;text-align:center;margin-top:32px;} .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:26px;} .xq .huifu .love1 p span, .xq .huifu .login a, .xq .fb .love1 p span{color:#e71e1e;} .xq .huifu .login{font-size:14px;color:#333;text-align:center;margin-top:36px;} .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:2em;border:1px solid #333;text-align:center;line-height:2em;font-size:1em;color:#333;margin:0 auto;} .xq .huifu .replay:hover{background:#009fdf;color:#fff; border:1px solid #009fdf;} @media (min-width:768px) and (max-width:979px){ .xq .xqtitle .xqtext{font-size:24px;} } /*************************相关下载***************************/ .down{padding:2% 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;} @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 .a p{text-align:center;color:#666;} .suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;} .suspension .d-service-phone{top:288px;} .suspension .d-qrcode{top:96px;} .suspension .d .inner-box{padding:8px 22px 12px;} .suspension .d-service .d-service-item{border-bottom:none;} .suspension .d-service-item .circle{width:44px;height:44px;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:112px;line-height:22px;font-size:15px;margin-left:12px;} .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:14px;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;} /*图片放大镜样式*/ .preview{position:relative; width:100%; overflow: hidden; height: 510px;} .scrollbutton,.scrollbutton_01{width:53px;height:72px;overflow:hidden;} /*scrollbutton样式*/ #imageMenu{width:100%;overflow:hidden;} #imageMenu li{width:80px;overflow:hidden; height: 87px;} #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:4vw;margin-bottom:30px;overflow:hidden;} .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{width:100%;} .nsea .secon .seul li .sepic img{opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;} .nsea .secon .seul li .seinfo{float:left;width:70%;margin:11px 10px 0;} .nsea .secon .seul li .seinfo .info1{font-size:1.125em;color:#333;} .nsea .secon .seul li .seinfo .info2{font-size:0.875em;color:#737373;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height: 2.5em;} .nsea .secon .seul li .seinfo .info3{font-size: 0.875em;} .nsea .secon .seul li:hover .sepic img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);} /*搜索页 e*/ @media (max-width: 1028px){ .show .smask{max-width:90%;min-width:90%;margin:0 auto;} .show .smask .sarea .feed .finput input.them, .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%;} } @media (max-width:768px){ .show .smask .sarea .feed{padding:28px 10px 0 10px;} .show .smask .sarea .feed .finput select, .show .smask .sarea .feed .finput input{width:45%;} .show .smask .sarea .feed .finput input.them, .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, .cp .cprh .buy, .xq .fb .quanbu{margin-top:20px;} .ltrh{padding-top:0%;} } @media (max-width:640px){ .nsea .secon .seul li .seinfo{width:50%;} .tjcon a.zhbtn{margin-left:0px;} .zhcon{text-align:center;} .zclist li a.zhyzm{display:block;margin:10px auto 0;} .zhlist li input{width:90%;margin-top:10px;} } @media (max-width:560px){ .show .smask .sarea .feed .finput select.emal{width:43%;} } @media (max-width:480px){ .show .smask .sarea .feed .finput select,.show .smask .sarea .feed .finput input, .people .pelist .pecon .peput select{width:60%;} .show .smask .sarea .feed .finput input.them,.show .smask .sarea .feed .finput textarea{width:75%;} .show .smask .sarea .feed .finput select.emal{width:38%;} .nsea .secon .seul li .sepic{float:none;text-align:center;} .nsea .secon .seul li .seinfo{width:100%;} } @media (max-width:479px){ .show .smask .sarea .feed .finput select, .show .smask .sarea .feed .finput input, .show .smask .sarea .feed .finput input.them, .show .smask .sarea .feed .finput textarea{width:100%;margin-top:10px;} .show .smask .sarea .feed .finput{margin-bottom:20px;} .show .smask .sarea .feed .finput select.emal{width:100%;} .show .smask .sarea .feed .finput input.them1{width:100%;margin-left:4%;} } /*新增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){ .xq{padding:30px 0 30px 0;} .xq .huifu{margin-top:35px;} .xq .fb, .xq .huifu .login{margin-top:20px;} .xq .love .love1{margin-top:30px;} .xq .fb .love1 p:nth-child(2), .xq .huifu .love1 p:nth-child(2){margin-top: 15px;} .xq .fb .fbul li{padding:15px 10px;} .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, .com{margin-bottom: 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:#333; 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: 4vw 0;background: #f5f5f5;} .video-index-title{margin-top:5vw; line-height: 1em;} .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, .smallImgUp:hover, .smallImgUp .disabled:hover, .smallImgDown, .smallImgDown .disabled, .smallImgDown:hover,.smallImgDown.disabled:hover{position:absolute; z-index:8; top:50%; cursor: pointer; transform:translate(0%,-50%); background-repeat: no-repeat;} .scrollbutton.smallImgUp,.scrollbutton.smallImgUp.disabled{background:url(../images/images/fl.png); left:95px; margin-top:-24.5px;} .scrollbutton.smallImgDown,.scrollbutton.smallImgDown.disabled{background:url(../images/images/rh.png);right:0px;margin-top:-24.5px;} .scrollbutton.smallImgUp:hover,.scrollbutton.smallImgUp.disabled:hover{background:url(../images/images/fl1.png);left:95px; margin-top:-24.5px;} .scrollbutton.smallImgDown:hover,.scrollbutton.smallImgDown.disabled:hover{background:url(../images/images/rh1.png);right:0px;margin-top:-24.5px;} /*scrollbutton_01样式*/ .scrollbutton_01.smallImgUp,.scrollbutton_01.smallImgUp.disabled{background:url(../images/images/fl.png);left:0px;} .scrollbutton_01.smallImgDown,.scrollbutton_01.smallImgDown.disabled{background:url(../images/images/rh.png);right:0px;} .scrollbutton_01.smallImgUp:hover,.scrollbutton_01.smallImgUp.disabled:hover{background:url(../images/images/fl1.png);left:0px;} .scrollbutton_01.smallImgDown:hover,.scrollbutton_01.smallImgDown.disabled:hover{background:url(../images/images/rh1.png);right:0px;} .cp{padding-bottom:30px; overflow: hidden;} .bigImg{margin-left:10px;} .ms3{color:#333333;} .ms4{color:#737373;} @media screen and (min-width:1240px){ .cp .cpfl{width:600px; 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;} .ms3, .ms2, .ms4{line-height: 1.5em;} .ms3{width:25%;} .ms2{width:5%;} .ms4{width:70%;} .proTfg{margin-top:23px;} .scrollbutton.smallImgUp,.scrollbutton.smallImgUp.disabled, .scrollbutton.smallImgUp:hover,.scrollbutton.smallImgUp.disabled:hover{left:90px;} } @media screen and (min-width:769px) and (max-width:1239px){ .preview, .cp .cpfl{width:53.76vw; height: 53.76vw;} .preview{overflow: hidden; } .cp .cpfl{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:88%; float: right;} .scrollbutton .smallImgUp, .scrollbutton .smallImgUp .disabled{left:16%;} .ms3, .ms2, .ms4{float: left;} .ms3{width:25%;} .ms2{width:2%;} .ms4{width:73%;} .proTfg{margin-top:23px;} #imageMenu{display: none;} #imageMenu li{margin-bottom: 0;} .cp .cprh .buy a{width:40%;} .scrollbutton .smallImgUp, .scrollbutton .smallImgUp .disabled, .scrollbutton .smallImgUp:hover, .scrollbutton .smallImgUp .disabled:hover{left:0;} } @media screen and (max-width:768px){ .cp .cpfl{width:100%; float:left;position:relative;} .cp .cprh{float:right; width:100%;} } /* bigImg */ .bigImg{position:relative;float:left;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-bottom:0.5vw;} /*详情页规格样式*/ .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;} .products_des img{width:100%} .de_t_n{font-size:1.5em; color: #333;} .detail_title{text-align: center; padding: 2% 0; } .detail_title p{line-height:2em;} .detail_con_a{margin: auto; overflow: hidden;} .lj_detail_text, .lj_detail_texts{font-size: 0.875em;} .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 #009fdf; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; cursor: auto;} .tm-m-photo-viewer {position: relative; margin: 10px 0; width: 0; height: 0; background: #fff; float: left; overflow: hidden;} .tm-m-photo-viewer-navleft, .tm-m-photo-viewer-navright {cursor: pointer; top: 0; bottom: 0; background: url(http://assets.alicdn.com/s.gif); position: absolute;} .tm-m-photo-viewer-navleft {left: 0; width: 10px;} .tm-m-photo-viewer-navright {right: 0; width: 40px;} .tm-photos-arrow {width: 0; height: 0; line-height: 0; font-size: 0; border: 6px dashed transparent; border-top: 6px solid #009fdf; position: absolute; left: 15px; filter: alpha(opacity=0); opacity: 0; bottom: -8px; background: 0 0;} .tm-current .tm-photos-arrow {filter: alpha(opacity=100); opacity: 1; bottom: -12px;} .tm-m-photo-viewer-navicon {display: none; font-size: 40px; font-style: normal; color: #b8b8b8; cursor: pointer;} .tm-m-photos-thumb img {display: block; width: 40px; height: 40px; cursor: url(img/T1nTBDFCRbXXbzTk_b-25-20.png), url(http://assets.alicdn.com/img/common/zoom_in.cur), auto;} /*新增视频样式*/ .public_box_pictrue{width: 23.2%;} .public_box_pictrue:nth-child(4n) {margin-right: 0;} .public_title,.public_titlemoveshow{font-size: 1.5em;} .public_box_pictrue{margin-right: 2.4%; margin-bottom: 2.4%; float: left; position: relative;overflow: hidden;} .public_box_pictrue img{width: 100%;display: block;} .public_title{color: #fff;left: 5%;bottom: 6%;transition: all 0.5s; } .public_rect{right: 5%;bottom: 6%;} .public_cover{left: 49.9%;top: 49.9%;width: 1px;height: 1px;background-color: rgba(0, 0, 0, 0.0);transition: all 1s;} .public_titlemoveshow{left: 50%;top: 45%;color: #fff;transform: translateX(-50%);opacity: 0;transition: all 0.5s; } .public_border{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%;} .product_address a, .product_address .href_01 {color:#333;} .product_address .href_02 {color:#737373;} .product_address a:hover{color:#009fdf;} .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); } video{width:100%; display: block;} /*seo-pro*/ .seo-pro h3{font-size: 1.5em; text-align: center; color: #333;margin:2% 0 1%;line-height: 1.2;font-weight: 400;} .seo-pro p{text-align: center;margin: 0 0 11px;} .seo-pro a{color: #333; text-decoration: none;} .sa_blue, .sa_blue a, .seo-pro a:hover{ color: #009fdf;} /*public*/ /*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;} .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:#009fdf} .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: #009fdf;} .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/countries/arrow.png); position: absolute; top:-6px; right:6px; z-index: 99999} /*国家*/ .top-country .countries, .m-Country .countries{display:inline-block; width:28px; height: 19px; background:url("../images/countries/countries.png") no-repeat; } .top-country .AE, .m-Country .AE{background-position: 0px 0px;} .top-country .AR, .m-Country .AR{background-position: -29px 0px;} .top-country .AT, .m-Country .AT{background-position: -58px 0px;} .top-country .AU, .m-Country .AU{background-position: -87px 0px;} .top-country .AZ, .m-Country .AZ{background-position: -116px 0px;} .top-country .BD, .m-Country .BD{background-position: -145px 0px;} .top-country .BE, .m-Country .BE{background-position: -174px 0px;} .top-country .BG, .m-Country .BG{background-position: -203px 0px;} .top-country .BL, .m-Country .BL{background-position: -232px 0px;} .top-country .BO, .m-Country .BO{background-position: -261px 0px;} .top-country .BR, .m-Country .BR{background-position: -290px 0px;} .top-country .CA, .m-Country .CA{background-position: -319px 0px;} .top-country .CH, .m-Country .CH{background-position: -348px 0px;} .top-country .CL, .m-Country .CL{background-position: -377px 0px;} .top-country .ZH, .m-Country .ZH{background-position: -406px 0px;} .top-country .CO, .m-Country .CO{background-position: -435px 0px;} .top-country .CS, .m-Country .CS{background-position: -464px 0px;} .top-country .CY, .m-Country .CY{background-position: -493px 0px;} .top-country .DB, .m-Country .DB{background-position: -522px 0px;} .top-country .DE, .m-Country .DE{background-position: -551px 0px;} .top-country .KR, .m-Country .KR{background-position: 0px -20px;} .top-country .KH, .m-Country .KH{background-position: -29px -20px;} .top-country .JP, .m-Country .JP{background-position: -58px -20px;} .top-country .JQ, .m-Country .JQ{background-position: -87px -20px;} .top-country .IT, .m-Country .IT{background-position: -116px -20px;} .top-country .IR, .m-Country .IR{background-position: -145px -20px;} .top-country .IQ, .m-Country .IQ{background-position: -174px -20px;} .top-country .IN, .m-Country .IN{background-position: -203px -20px;} .top-country .IL, .m-Country .IL{background-position: -232px -20px;} .top-country .IE, .m-Country .IE{background-position: -261px -20px;} .top-country .ID, .m-Country .ID{background-position: -290px -20px;} .top-country .HU, .m-Country .HU{background-position: -319px -20px;} .top-country .HK, .m-Country .HK{background-position: -348px -20px;} .top-country .GR, .m-Country .GR{background-position: -377px -20px;} .top-country .GH, .m-Country .GH{background-position: -406px -20px;} .top-country .FR, .m-Country .FR{background-position: -435px -20px;} .top-country .ES, .m-Country .ES{background-position: -464px -20px;} .top-country .EG, .m-Country .EG{background-position: -493px -20px;} .top-country .EE, .m-Country .EE{background-position: -522px -20px;} .top-country .DK, .m-Country .DK{background-position: -551px -20px;} .top-country .KSA, .m-Country .KSA{background-position: 0px -40px;} .top-country .KW, .m-Country .KW{background-position: -29px -40px;} .top-country .KZ, .m-Country .KZ{background-position: -58px -40px;} .top-country .LA, .m-Country .LA{background-position: -87px -40px;} .top-country .LB, .m-Country .LB{background-position: -116px -40px;} .top-country .LK, .m-Country .LK{background-position: -145px -40px;} .top-country .LT, .m-Country .LT{background-position: -174px -40px;} .top-country .MA, .m-Country .MA{background-position: -203px -40px;} .top-country .MDV, .m-Country .MDV{background-position: -232px -40px;} .top-country .MM, .m-Country .MM{background-position: -261px -40px;} .top-country .MX, .m-Country .MX{background-position: -290px -40px;} .top-country .MY, .m-Country .MY{background-position: -319px -40px;} .top-country .NG, .m-Country .NG{background-position: -348px -40px;} .top-country .NL, .m-Country .NL{background-position: -377px -40px;} .top-country .NO, .m-Country .NO{background-position: -406px -40px;} .top-country .NP, .m-Country .NP{background-position: -435px -40px;} .top-country .NZ, .m-Country .NZ{background-position: -464px -40px;} .top-country .PE, .m-Country .PE{background-position: -493px -40px;} .top-country .PG, .m-Country .PG{background-position: -522px -40px;} .top-country .PH, .m-Country .PH{background-position: -551px -40px;} .top-country .ZA, .m-Country .ZA{background-position: 0px -60px;} .top-country .VN, .m-Country .VN{background-position: -29px -60px;} .top-country .UY, .m-Country .UY{background-position: -58px -60px;} .top-country .US, .m-Country .US{background-position: -87px -60px;} .top-country .UK, .m-Country .UK{background-position: -116px -60px;} .top-country .UA, .m-Country .UA{background-position: -145px -60px;} .top-country .TW, .m-Country .TW{background-position: -174px -60px;} .top-country .TR, .m-Country .TR{background-position: -203px -60px;} .top-country .TN, .m-Country .TN{background-position: -232px -60px;} .top-country .TH, .m-Country .TH{background-position: -261px -60px;} .top-country .SYR, .m-Country .SYR{background-position: -290px -60px;} .top-country .SK, .m-Country .SK{background-position: -319px -60px;} .top-country .SGL, .m-Country .SGL{background-position: -348px -60px;} .top-country .SG, .m-Country .SG{background-position: -377px -60px;} .top-country .SE, .m-Country .SE{background-position: -406px -60px;} .top-country .RU, .m-Country .RU{background-position: -435px -60px;} .top-country .RO, .m-Country .RO{background-position: -464px -60px;} .top-country .PT, .m-Country .PT{background-position: -493px -60px;} .top-country .PL, .m-Country .PL{background-position: -522px -60px;} .top-country .PK, .m-Country .PK{background-position: -551px -60px;} .top-country .ZM, .m-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);} .header-PC .top-country .close{width:100%; overflow: hidden; text-align: center;} .header-PC .top-country .icon-close{width:3em; height: 3em; border-radius: 1.5em; display: inline-block; background-color:#333; color:#FFF; line-height: 3em; font-size: 10px; margin-top:20px;} .header-PC .top-country .icon-close:hover{cursor: pointer; color: #333;} /*原样式*/ .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: 99; top:40px; 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 .logo{position:absolute;left:50%;top:19px;transform:translate(-34%,0%);z-index:999;}删除*/ .nav .navfl{float:left;} .nav .navfl .navul{float:left; width:100%; } .nav .navfl .navul .main_nav{display:inline-block;line-height:60px;} @media screen and (min-width:1280px){ .nav .navfl .navul .main_nav{padding-left:50px;} } @media screen and (max-width:1279px){ .nav .navfl .navul .main_nav:first-child{padding-left:0px;} .nav .navfl .navul .main_nav{padding-left:30px;} } .nav .navfl .navul .main_nav:first-child{margin-left:0px;} .nav .navfl .navul .main_nav a, .nav .navfl .navul .products a{font-size:1em;} .nav .navfl .navul .main_nav span{display: inline-block; } .nav .navfl .navul .main_nav .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 .main_nav .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 .main_nav a:hover{color:#009fdf;} .nav .navfl .navul .main_nav .menu_a{color:#444;} .nav .navfl .navul .main_nav .menu_a:hover{color:#009fdf;} .nav .navrh .rhlist li.lispan{margin-right:50px;} .nav .navfl .navul .main_nav.ahover a,.nav .navrh .rhlist li.ahover a{color:#009fdf} .nav .navfl .navul .main_nav .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 .main_nav .navlist .listfl{width:55%;height:331px;background:#efefef;float:left;} .nav .navfl .navul .main_nav .navlist .listfl .navicon{float:right;width:540px;margin-top:69px;} .nav .navfl .navul .main_nav .navlist .listfl a{display:inline-block;margin-right:75px;text-align:center;line-height:40px; float: left; margin-bottom: 20px;} .nav .navfl .navul .main_nav .navlist .listfl a img{display:inline-block; width:42px;} .nav .navfl .navul .main_nav .navlist .listfl a p{font-size:14px;color:#444;text-align:center; margin-bottom: 12px;} .nav .navfl .navul .main_nav .navlist .listrh{width:45%;height:331px;background:#e3e3e3;float:right;} .nav .navfl .navul .main_nav .navlist .listrh .navimg{margin:30px 24px 0;} .nav .navfl .navul .main_nav .navlist .listrh .navimg .liimg{float:left;} .nav .navfl .navul .main_nav .navlist .listrh .navimg .liimg img{width:281px;} .nav .navfl .navul .main_nav .navlist .listrh .navtit{height:118px;float:left;margin-left:20px; text-align: left;} .nav .navfl .navul .main_nav .navlist .listrh .navtit p{line-height:normal;} .nav .navfl .navul .main_nav .navlist .listrh .navtit .ntit{font-size:14px;color:#444;margin-top:20px; margin-bottom: 16px;} .nav .navfl .navul .main_nav .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: 8%;} /*头部新增 s*/ .nav .navfl .navul .main_nav .navlist1{background:#efefef;padding:59px 0 56px 0;} .nav .navfl .navul .main_nav .navlist1 dd{width:520px;margin:0 auto;} .nav .navfl .navul .main_nav .navlist1 dd .ddfl{float:left;} .nav .navfl .navul .main_nav .navlist1 dd .ddfl a{display:block;font-size:14px;color:#444;line-height:normal;margin-bottom:18px;} .nav .navfl .navul .main_nav .navlist1 dd .ddfl a:hover{color:#009fdf;} .nav .navfl .navul .main_nav .navlist1 dd .ddfl a:first-child{margin-top:15px;} .nav .navfl .navul .main_nav .navlist1 dd .ddfl a:last-child{margin-bottom:0px;} .nav .navfl .navul .main_nav .navlist1 dd .ddrh{float:right;} .nav .navfl .navul .main_nav .navlist2{background:#efefef;padding:59px 0 56px 0;} .nav .navfl .navul .main_nav .navlist2 dd{width:520px;margin:0 auto;} .nav .navfl .navul .main_nav .navlist2 dd .ddfl{float:left;} .nav .navfl .navul .main_nav .navlist2 dd .ddfl a{display:block;font-size:14px;color:#444;line-height:normal;margin-bottom:18px;} .nav .navfl .navul .main_nav .navlist2 dd .ddfl a:hover{color:#009fdf;} .nav .navfl .navul .main_nav .navlist2 dd .ddfl a:first-child{margin-top:15px;} .nav .navfl .navul .main_nav .navlist2 dd .ddfl a:last-child{margin-bottom:0px;} .nav .navfl .navul .main_nav .navlist2 dd .ddrh{float:right;} .nav .navfl .navul .main_nav .navlist3{background:#efefef;padding:20px 0 10px 0;} .nav .navfl .navul .main_nav .navlist3 dd .ddfl p{line-height: 40px;} .nav .navfl .navul .main_nav .navlist3 dd .ddfl a{text-align: right; line-height: normal; margin-bottom: 18px;} /*最新导航*/ .ca_list .ca_lists{width:12%; color:#333; list-style: none; margin-left:0; text-align: left;} .ca_list .on .one_category{color:#009fdf!important} .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: 12%; margin-right: 12%; padding-top: 25px; padding-left: 10px; padding-bottom: 20px; display: block; line-height: 16px; font-weight: 600; } .ca_list .nav_title .arrow_title{font-size: 0.875em; margin-right: 0; 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; margin-right: 10px;} .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;} .ca_list .on span{line-height: 40px;} .two_nav{ text-align: left; position: absolute; left:12%; padding-left:2%; width:87.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%;} } /*头部新增 e*/ .nav .navrh{float:right;} .nav .navrh .rhlist{float:left;} .nav .navrh .rhlist li{display:inline-block;line-height:60px;margin-right:50px;} .nav .navrh .rhlist li:last-child{margin-right:0px;} .nav .navrh .rhlist li a{font-size:16px;color:#002855;} .nav .navrh .rhlist li span{display:inline-block;width:1px;height:24px;background:#002855;line-height:40px;vertical-align:middle;} .nav .navrh .rhlist li:hover a{color:#009fdf;} .header-PC .Searchbox{position:absolute;right:56px;top:20px; height: 60px; background-color: #FFF;} .header-PC .Searchbox .icon{cursor:pointer;} .header-PC .Searchbox .icon img{vertical-align:middle;margin:-3px 10px 0 0;} .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%; } #wap-search-btn{} .header-PC .search button{color:#444; background-color: transparent; font-size: 24px; line-height: 60px;} /*.topnav{width:100%;padding:90px 0 104px 0;background:#002855;position:absolute;top:90px;left:0px;z-index:999;display:none;}删除*/ .topul li{width:20%;float:left;margin-right:6.6%;} .topul li:nth-child(4n){margin-right:0px;} .topul li p{font-size:24px;color:#fff;} .topul li dl{margin-top:48px;} .topul li dl dd{margin-bottom:22px;} .topul li dl a{float:left;font-size:18px;color:#fff;} .topul li dl a:nth-child(2n){float:right;font-size:18px;color:#009fdf;padding-bottom:8px;border-bottom:1px solid #008eca;} /*手机端*/ .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:100%; text-align: center; height: 50px; line-height: 50px;} .header-M .logo img{vertical-align: middle; display: inline-block; width:130px;} .header-M .Country{border-radius: 1.5em; position: absolute; top:50%; left:8%; z-index: 1; line-height: 20px; text-align: center; color:#333; margin-left:-3px; margin-top:-10px;cursor: pointer;} .m-Country{width:100%; height: 100%; position: fixed; top:50px; left:0; background-color:#FFFFFF; z-index: 2; line-height: 30px;} .m-Menu{width:100%; height: 100%; position: fixed; top:50px; left:0; background-color:#2c5c8f; z-index: 999999;} .header-M .Menu{position: absolute; top:0px; right:8%; color:#333; margin-right:-3px;} .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; 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; 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.5em; vertical-align: middle; color:#333;} .m-Menu .SingIn-button{opacity: 0; 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:100%; float: left; margin-right:2.25%; border-bottom: 1px solid rgba(0,0,0,0.1); padding-top:1.5vw; padding-bottom: 1.5vw; line-height: 19px;} .m-Country li p:last-child{ vertical-align:top;} .m-Country li p{display: inline-block; margin-right: 10px;} @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:100%; 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{display: block} .theme-white .logo-black{display: none; } .theme-black .navfl .navul li a{color:#000;} .theme-black .logo-white{display: none} .theme-black .logo-black{display: block; } .all-logo, .all-logo-black{position: relative;} @media screen and (min-width:960px){ .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 (max-width:959px){ .banner-other{margin-top:0px; width:100%;} } /*底部*/ .footer_all{width:100%; background-color:#e3e3e3; } .footer_all a{text-decoration:none; color:#999999;} .footer_all a:hover{text-decoration:none; color:#00c9ee;} .footer{margin-left:auto; margin-right:auto; } .footer .footl{float: left;} .footer .footr{text-align: left;width:450px; float: right;} .footer dl{width:18%; margin-left:2%; float:left; margin-bottom: 40px; } .footer dl:first-child{margin-left:0px;} .footer dl dt{color:#333; font-size:0.9em; width:100%;} .footer dl dd{color:#666; padding-top:10px; padding-left:17px; font-size:0.85em; width:100%;} .footer_bottom{background-color:#252525; text-align: center; color:#fefefe; font-size:0.75em; line-height: 30px; padding-top:20px; padding-bottom: 20px;} .bottom_cn_box {background-color: #ffffff; border: 1px solid #bdbaba; display: none; height: 140px; margin-left: -250px; margin-top: -70px; overflow: hidden;position: absolute; width: 240px;} .bottom_cn_box ul li{float:left; padding-left:10px; padding-top:0px;} .bottom_cn_icon_box {float: left; margin-top: 10px;} .bottom_cn_icon_box div {position: relative;} .bottom_cn_icon_text {display: block; font-size: 12px; text-align: center; color:#333;} @media screen and (max-width:767px){ .bottom_cn_box {background-color: #ffffff; border: 1px solid #bdbaba; display: none; height: 140px; margin-left: -250px; margin-top: -70px; overflow: hidden; position: absolute; width: 240px; left:320px;} } .footr-icon{width:1.8em; height: 1.8em; background-color:#575757; border-radius: 1em; text-align: center; line-height: 1.8em; color:#FFF; font-size: 1.5em; display: inline-block; margin-left: 0.6vw; margin-bottom: 10px; } .footer .footr .rha{width:100%; margin-bottom: 10px; } .footer .footr p{font-size: 0.85em; line-height: 2.5em;} @media screen and (min-width:769px) and (max-width:1199px){ .footer dl dt .arrow{display: none;} .footer{width:96%; padding-top:40px;} .footer dl{width:18.4%;} } @media screen and (max-width:768px){ .footer{width:100%; padding-top:20px;} .footer dl{width:100%; border-bottom:1px solid rgba(0,0,0,0.5); margin-bottom: 0px; padding-left:20px; line-height: 3em; margin-left:0;} .footer dl dt{width:100%;} .footer dl dd{display: none; padding-top:0;} } @media screen and (max-width:768px){ .footer .footl{width:100%;} .footer .footr{display: none;} .footer_bg{display: none;} } .wx_fl li {float: left; margin-right:5%; width:22%;} .footer dl dt p{display: inline-block; position: relative; margin-right:3px;} .footer dl dt span{display: inline-block; position: absolute; right:10px;} .footer dl dt .arrow{ transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .footer dl dt .arrow-r{ transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } /*底部图标弹出*/ .footr .rha a{display: inline-block;} .weixin_href{position: relative;} .weixin-show{position: absolute; display: none; bottom:4em; left:-40px;width:126px; height: 126px;} .weixin_href:hover .weixin-show{display: block;} .weixin_clearfix{_zoom:1;} .weixin_clearfix:after{content: '';display:block; clear:both; height: 0; visibility:visible;} .weixin_clearfix{*zoom:1;} /*详情放大样式*/ .enlarge-img{position: fixed; width:100%; height: 100%; background-color:rgba(0,0,0,0.5); z-index: 99999; top:0; left:0; text-align: center; } .enlarge-img img{height:100vh; max-width: 100%;} .enlarge-img .close{position: absolute; width:100%; height: 28px; background-color:rgba(0,0,0,0.8); z-index: 9; top:0px; color:#FFF; font-size: 0.875em; cursor: pointer; text-align: right;} .enlarge-img .close span{display: inline-block; margin-right:5%;} /*一级列表页*/ .S-list-top{position: relative;} .S-list-top-text{position: absolute; width:100%; height: 100%; top:0; opacity: 0; text-align: center;} @media screen and (min-width:768px){ .S-list-top:hover .S-list-top-text{top:0px; opacity: 1; transition: 0.5s; box-shadow: 3px 5px 15px rgba(0,0,0,0.2);} } .S-list-top{position: relative; } @media screen and (max-width:768px){ .S-list-top-text{opacity: 1; position: relative;} .dcp li .ptit1{margin-top: 0; color:#333; padding-top:8%;} .dcp li .ptit2{color:#333;} .S-list-p-text{background-color:#FFF; } } .cricle{display: block; width: 16px; height: 16px; border-radius: 16px; border: 1px solid #d6d6d6;} .on .cricle{border: 1px solid #737373;} .S-Cricle-Bg{width:10px; height: 10px; border-radius: 10px; margin:3px;} @media screen and (max-width:767px){ .cricle{width:16px; height: 16px; border-radius: 8px;} .ejul dd .ejtext .hd ul li.on{width:16px; height: 16px} .ejul dd .ejtext .hd ul li {float: right; width: 16px; height: 16px; cursor: pointer; margin-right: 5px; margin-bottom: 5px;} .S-Cricle-Bg{width:12px; height: 12px; border-radius:6px; margin:2px;} } /*手机端文件隐藏*/ @media screen and (min-width:1025px){ .Swt-Phone{display: block} } @media screen and (max-width:1024px){ .Swt-Phone{display: none} } /*在线客服*/ .suspension{position:fixed;bottom:5%;right:0px;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:5px 2px;} .suspension .a i{font-size: 1.25em;} } .suspension .a p{text-align:center;color:#666; font-size: 12px;} .suspension .d{display:none;width:175px;background:#fff;position:absolute;right:100%;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:150px;line-height:22px;font-size:15px;margin-left:5px;} .suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;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;} .show .smask{background:#f1f1f1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:600px;overflow:auto;padding:0 30px;} .show .smask .sarea{padding:46px 0px 49px 0;} .show .smask .sarea .stop1{border-bottom:1px solid #d8d8d8;padding-bottom:28px;} .show .smask .sarea .stop1 span{font-size:24px;color:#444;margin-left:48px;} .show .smask .sarea .stop1 a{float:right;} .show .smask .sarea .feed{padding:28px 76px 0 76px;} .show .smask .sarea .feed .finput{margin-bottom:30px;} .show .smask .sarea .feed .finput label{display:inline-block;width:70px;font-size:14px;color:#333;} .show .smask .sarea .feed .finput label.fla{vertical-align:top;} .show .smask .sarea .feed .finput select{font-size:14px;color:#444;width:29%;padding-left:1%;height:36px;border:none;background:#fff url(../images/images/bott.png) 96% center no-repeat;margin-left:10px;} .show .smask .sarea .feed .finput input{font-size:14px;color:#444;width:29%;padding-left:1%;height:36px;border:none;background:#fff;margin-left:10px;} .show .smask .sarea .feed .finput input.them{width:89%;padding-left:1%;} .show .smask .sarea .feed .finput textarea{font-size:14px;color:#444;width:89%;padding:18px 0 0 1%;height:198px;background:#fff;margin-left:10px;} .show .smask .sarea .feed .finput input.them1{width:59%;margin-left:1%;} .show .smask .sarea .feed .finput a.yzm{display:inline-block;vertical-align:middle;margin-left:1%;} .show .smask .sarea .feed .finput a.yzm img{display:block;} .show .smask .sarea .feed a.feda{display:inline-block;width:100px;height:36px;border:1px solid #009fdf;line-height:36px;font-size:16px;color:#009fdf;text-align:center;margin-right:15px;} .show .smask .sarea .feed a.feda:hover{background:#009fdf;color:#fff;} /*在线客服*/ /*品类探索*/ .home-pinlei{width:100%; background-color:rgba(0,0,0,0.6); position: absolute; bottom:0px;} .home-pinlei a{color:#FFF; font-size: 1.125em; line-height: 2em; display:inline-block; margin:1% 5%;} /*专题标题*/ .subject-title{font-size: 2em; font-weight: 600; color:#101010; text-align: center; margin-bottom: 5%;} /*品类探索李静*/ .groups_a{padding: 0; margin: 0; line-height: 22px; position: absolute;top: 65%; text-align: center; width:100%; color: #333; font-size: 1em;} .text-desc{position: absolute; left: 0; top: 0; height: 100%; opacity: 0; width: 100%;} .lj_index_img, .lj_index_img_01, .lj_index_img, .lj_index_img_02 {width:100%; background:#ffffff; height:100%; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); overflow: hidden;} @media screen and (min-width:1619px){ .lj_index_img_01 .lj_its_img{width:1620px;} } @media screen and (min-width:1480px){ .lj_index_img .lj_its_img, .lj_index_img_02 .lj_its_img{width:1440px} } @media screen and (max-width:1479px){ .lj_index_img .lj_its_img, .lj_index_img_02 .lj_its_img{width:90%} } @media screen and (max-width:1619px){ .lj_index_img_01 .lj_its_img{width:90%; } } .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.111111111111111111111111111111111111%; } .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%; } /* effect-1 css end */ /*热门产品*/ .rmBox ul{width:100%; margin-top:2%;} .rmBox li{width:23.73%; margin-right:1.5%; float: left; margin-bottom: 3%; text-align: center;} .rmBox li:hover{box-shadow: 5px 5px 15px rgba(0,0,0,0.2); transition: 0.5s;} .rmBox li:nth-child(5n){margin-right: 0;} @media screen and (max-width:864px){ .rmBox li{width:22.6%;} } @media screen and (max-width:768px){ .rmBox li{width:48.9%;} .rmBox li:nth-child(2n){margin-right: 0} } @media screen and (max-width:580px){ .rmBox li{width:48.8%;} } @media screen and (max-width:460px){ .rmBox li{width:47.8%;} } /*详情样式*/ .o_detail_all {text-align: center;} .o_detail_title {font-size:2.25em; color: #101010; padding:4% 0 2.8%; } .o_detail_small {font-size:1.5em; color: #333; padding-bottom: 1.8%;} .o_detail_text {font-size:1.125em;color: #737373; padding: 0 0 1.8%; line-height: 1.875em;width:80%; margin: auto;} .star{position: absolute; top:0; width:40%; height: 15px; background-image:url(../images/star_orange.png); background-position: 0 0;} /*底部图标弹出*/ .footr .rha a{display: inline-block;} .weixin_href{position: relative;} .weixin-show{position: absolute; display: none; bottom:3.5em; left:-40px;width:126px; height: 126px;} .weixin_href:hover .weixin-show{display: block;} .weixin_clearfix{_zoom:1;} .weixin_clearfix:after{content: '';display:block; clear:both; height: 0; visibility:visible;} .weixin_clearfix{*zoom:1;} /*新版首页样式*/ .comit p{ display: inline-block; position: relative;} .comit:before{position: absolute;height: 1px; background-color:#101010; width:2.6vw; content: "";right:55vw; top:50%;} .comit:after{position: absolute;height: 1px; background-color:#101010; width:2.6vw; content: ""; left:55vw; top:50%;} @media screen and (max-width:1640px){ .comit:before{right:58vw;} .comit:after{left:58vw; } } @media screen and (max-width:990px){ .comit:before{right:60vw;} .comit:after{left:60vw; } } @media screen and (max-width:768px){ .comit:before, .comit:after{height: 0; } } .home_new{width:100%; background-color:#FFF; margin-top:2vw; overflow: hidden;} .home_new li{width:67.362%; margin-right:1.338%; float: left; position: relative;} .home_new li:last-child{margin-right:0; width:31.3%;} .home_new .text{position: absolute; width:100%; text-align: center; top:50%; line-height: 30px; height: 30px; margin-top:-15px; color: #101010; font-size: 2.25em; font-weight: 600;} .workshop_all a{display: block; width:100%; margin-bottom: 4.7%; overflow: hidden; position: relative; color:#101010;} .workshop_all a:last-child{margin-bottom:0;} .workshop_all a .content{position: absolute; width:100%; height: 100%; top:0; z-index: 2;} .workshop_all a .content_text{margin-top:2.3vw; width:80%; margin-left:auto; margin-right: auto; overflow: hidden;} .workshop_all a .title{font-size: 1.625em; text-align: center; line-height: 2em;} .workshop_all a .subtitle{font-size: 1.25em; text-align: center; margin-top:0.5vw;} .workshop_all a:hover .content{position: absolute; width:100%; height: 100%; top:0; background-color:rgba(0,0,0,0.1); z-index: 2; color:#101010;} /*首页文化与价值观*/ .value_new li{width:32.3%; margin-right: 1.55%; float: left; position: relative;} .value_new li:last-child{margin-right: 0;} .value_new li .text{position: absolute; width:100%; text-align: center; top:0; height: 100%; color:#101010;} .value_new li .text .title{font-size:1.625em; font-weight: 600; margin-top:28%;} .value_new li .text .subtitle{font-size: 1.5em; margin-top:1.3vw;} .news{margin-top:2.8vw;} .hz{margin-top:2vw;} .lttext p{margin-bottom: 1vw;} .home_new .value_new li:hover{box-shadow:5px 5px 5px rgba(217,217,217);} @media screen and (max-width:1440px){ .home_new .hot .text{font-size: 2em;} .workshop_all a .title{font-size: 1.5em;} .workshop_all a .subtitle{font-size: 1em;} .workshop_all a .right{font-size: 3em;} .workshop_all a .content_text{width:84%;} .home_new .value_new li .text .title{font-size: 1.875em} .ltfl .ltcon .lt1 p span{font-size: 1.25em; margin-top:1.3vw;} } @media screen and (max-width:1080px){ .home_new .hot .text{font-size: 1.5em;} .workshop_all a .title{font-size: 1.125em; line-height: 1.5em} .workshop_all a .subtitle{font-size: 0.875em; margin-top:0vw;} .workshop_all a .right{font-size: 2em; width:12%} .workshop_all a .content_text{width:90%;} .workshop_all a .left{width:88%;} .value_new li .text .title{font-size: 1.5em} .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;} .workshop_all a .content_text{margin-top:5vw;} .value_new li{width:100%; margin-bottom: 1vw; text-align: center;} } @media screen and (max-width:480px){ .workshop_all a .content_text{margin-top:4vw;} } /*新闻评测*/ .news-vertu{width:70%; margin:4% auto;} .news-vertu .tab{overflow:hidden; text-align: center;} .news-vertu .tab a{padding:10px 20px; font-size:1.5em; color:#333;} .news-vertu .tab a:hover{color:#333;} .news-vertu .tab a.on{color:#009fdf;} .news-vertu .content{position:relative;} .news-vertu .content ul{position:absolute; left:0; top:0;overflow: hidden;} .news-vertu .content li{float:left;} .news-vertu .content li p{padding:10px;} /*个人中心*/ .login_height{width:100%; height: 553px; margin-top:5vw; clear: both;} .login_bg{background:url("../images/customer/login_bg.jpg");} .login_content{background-color:#FFF; padding:2vw; float:right; width:29.4%; margin-top:2.5vw; position: relative;} .login_content_register{background-color:#FFF; padding:2vw 9vw; width:35%; margin:2.5vw auto; position: relative;} .login .title{color:#333; font-size: 1.5em; overflow: hidden;} .login .title li{width:49%; float: left; border-right:1px solid #c2c2c2; text-align: center;} .login .title li:last-child{border-right:none;} .login .content{width:100%; margin-top:2vw;} .login input{border:1px solid #dedfe0; line-height: 3vw; width:95%; font-size: 1em; padding-left:5%;} .login .content li{position: relative;} .login button{font-size: 1em; background-color:transparent; color:#FFF;} .Register{width:100%; color:#009fdf; font-size: 0.875em; margin-top:0.1vw;} .Register .left{text-align: left; display: inline-block; width:49%; color:#009fe0} .Register .right{text-align: right; display: inline-block; width:50%; color: #009fe0;} .login .blue{color:#009fe0;} .login .Obtain{border-left:1px solid #d2d2d2; padding-left:1vw; padding-right: 1vw; position: absolute; right:0; top:1vw; color:#009fdf;} .login_bottom{width:100%; color:#999999; font-size: 12px; margin-top:60px;} /*css_whir搬过来的登录样式*/ .tjdl{display:block;width:100%;height:3vw;font-size:1.125em;color:#333;text-align:center;line-height:3vw; background:#009fe0} .tjdl input[type="checkbox"]{width:25px;height:25px;border:1px solid #cecece;-webkit-appearance:none;background:url(../images/check.png);vertical-align:middle;margin:0 12px 0 224px;} .tjdl a.tjbtn {border:1px solid #009fe0; background: #009fe0; color: #fff; width:100%;} .short{margin-top:25px; text-align: center;} .short .Quick{width:40%; border-top: 1px solid #afafaf; margin:auto; text-align: center;} .short span{display:inline-block;font-size:14px;background:#FFF; position: relative; top:-14px; padding:0 0.5vw; color:#afafaf;} .short span a{display:inline-block; } .short a{margin-right: 1vw;} .short a:last-child{margin:0;} /*个人中心 s*/ .people{margin-top:120px; overflow:hidden;} .people_title{width:100%;border-bottom: 1px solid #e4e7e9; overflow: hidden; line-height: 2.5em;} .people_title li{width:120px; text-align: center; float: left; margin-bottom: -1px; position: relative; margin-right: 40px;} .people_blue{color:#5094f0; border-bottom: 2px solid #5094f0;} .people_logo{width:100%; margin-top:2vw; margin-bottom: 2vw; margin-left:1.5vw; overflow: hidden;} .people_logo .left{width:10%; float: left; } .people_logo .left img{width:100%; max-width: 85px; } .people_logo .right{float: left; padding-top:1vw;} .people_AC{width:90%; float: left; padding-left:1.5vw; } .people_AC .title{line-height: 2.5em; border-bottom: 1px solid #e4e7e9; overflow:hidden;} .people_AC .title span{float: left; display: block;} .people_AC .title span:first-child{width:20%} .people_AC .title span:last-child{width:80%} .people_AC .left{width:20%;float: left;} .people_AC .center{width:70%; float: left;} .people_AC .right{width:10%; float: right} .people_AC ul{margin-top:1vw; margin-bottom: 8vw; font-size: 14px;} .people_AC li{margin-bottom: 1vw; overflow: hidden;} .people_AC li:last-child{margin-bottom: 1vw;} .people_AC .u_before{height: 3vw;} .people_AC .u_after{font-size: 18px;} .people_AC .m-bottom{margin-bottom: 1vw;} .people_AC .p-top{padding-top: 1vw;} .people_AC .u_after label{width:100px; display: inline-block;} .people_AC .u_after .input_class{border:1px solid #d9d9d9; height: 2vw; width:294px; padding-left:10px;} .people_AC .u_button {margin-left:82px; margin-bottom: 1vw;} .people_AC .u_button a{width:134px; display: inline-block; text-align: center; margin-left:18px; margin-right:18px; color:#FFF; line-height: 45px; font-size: 16px;} .people_AC .forget_button {width:134px; display: inline-block; text-align: center; margin-left:18px; margin-right:18px; line-height: 45px; font-size: 16px;} .people_AC .u_button_blue{background-color:#32a5e7;} .people_AC .u_button_gray{background-color:#d9d9d9;} .people_AC .b_bottom{border-bottom: 1px solid #e4e7e9;} .people_AC .b_top{border-top: 1px solid #e4e7e9;} .people_AC .Obtain{padding-left:1vw; padding-right: 1vw; display: inline-block;} .u_product ul{width:98%; margin:1vw auto;} .u_product li{width:19%; margin-right: 1%; float: left; position: relative;} .u_product li:nth-child(5n){margin-right: 0;} .u_product img{width:78%; padding:10%; max-width: 220px; border:1px solid rgba(0,0,0,0.1);} .u_product p{line-height: 18px; text-align: center; margin-bottom: 0.5vw; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .u_product li p:first-child{margin-top: 0.6vw; } .link_a a{margin-right: 0.9vw;} .u_product input{position: absolute; width:100%; height:100%;z-index: 9;} .u_product input+label{position: absolute; right:1px; background-image: url("../images/customer/use-gray.png"); background-repeat:no-repeat; height: 47px; width: 47px; top:0; z-index: 1;} .u_product input:checked + label{position: absolute; background-image: url("../images/customer/use-red.png"); width:47px; height: 47px;background-repeat:no-repeat; z-index: 1;} .u_product label, .u_product .u_admin{display: inline-block} .check_box{position: absolute; width:100%; height: 100%;} .u_product input[type="checkbox"] { -webkit-appearance: none; /*去除系统默认appearance的样式,常用于IOS下移除原生样式*/ } .people_AC .text-r{width:100%; float: left;} .people_AC .u_before .text-r{width:80px; float: right;} .u_admin01, .u_admin02{width:21%; float: left; text-align: right; margin-right: 2%;} .u_cate{width:77%; float: left;} .people_AC i{margin-right: 1vw;} .u_admin02 input{margin-right:2px;} .u_product .position-a{width:100%; height: 100%; z-index: 0; background-color:rgba(0,0,0,0.3);} .people_AC a{cursor: pointer;} .u_product .u_del{position: absolute; top:0; right: 0; } .u_product a:hover .u_del{width:30px; height: 30px; position: absolute; z-index: 1; top:0; right: 0; display: block;} .del_alert{position: absolute; width:100%; height: 80px; left:0; bottom:0; background-color:rgba(0,0,0,0.5); color:#FFF; text-align: center; } .del_alert span{display: inline-block; margin-left:5px; margin-right: 5px; padding:0px 10px 3px; margin-top:2px;} .del_alert .bg_red, .all_del .bg_red{background-color:#ff4200; color:#FFF} .del_alert .bg_gray{background-color:#FFF; color:#333} .all_del{font-size: 14px; color:#333; position: fixed; width:100%; height: 100%; top:0; background-color:rgba(0,0,0,0.5); padding-top:50px; text-align: center;} .all_del .all_delect{width:328px; height: 120px; position: relative; top:30%; margin-top:-60px; margin:auto; background-color:#FFF; border:1px solid #ccc; z-index: 20010; padding-top:30px;} .all_delect span{display: inline-block; margin-left:5px; margin-right: 5px; padding:3px 20px 5px; margin-top:20px;} .all_delect span:last-child{border:1px solid #ccc;} /*个人中心 e*/ @media screen and (min-width:1240px){ .smask{width:1200px; margin:auto;} } @media screen and (max-width:1239px){ .smask{width:96%; margin:auto;} } /*收藏*/ .house_img01{background:url("../images/x2.png") no-repeat left center; height: 30px; padding-top:1vw; padding-bottom: 1vw; width:60px;} .house_img02{background:url("../images/x1.png") no-repeat left center; height: 30px; padding-top:1vw; padding-bottom: 1vw; width:60px;} .house_img01:after{content: "收藏"; padding-left:20px; line-height: 30px;} .house_img02:after{content: "已收藏"; padding-left:20px; line-height: 30px;} .err{margin-top:0.5vw;} .video_img_add{z-index: 0!important;} /*弹出框消失*/ .alert{width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.3); position: fixed;z-index: 999} .alert_white{width:200px; height: 100px; background-color:#FFF; top:40%; left:50%; position: absolute; margin-left:-100px; margin-top:-50px; line-height: 100px; font-size: 16px; color:#333; text-align: center; z-index: 1000} /*新专题视频*/ .ssd_video{position: absolute; left:0; width:100%;} .ssd_video .left{width:29%; float: left; margin-right:3%; } .ssd_video .right{width:68%; float: right;} @media screen and (min-width:1460px){ .ssd_video{position: absolute; top:50%; left:0; width:100%;} .ssd_video .swt-Container{margin-top:-275px;} } @media screen and (max-width:1459px){ .ssd_video{position: absolute; top:4vw; left:0; width:100%;} } @media screen and (max-width:990px){ .ssd_video{position: absolute; top:2.5vw; left:0; width:100%;} } /*专题页字体样式*/ .solid_blue {border-top: 5px solid #009fe0; background-color: #FFF; position: relative;} .solid_strip {border-top: 5px solid #344558; background-color: #FFF; position: relative;} .subject_title{font-size: 3em;} .subject_subtitle{font-size: 1.75em;} .subject_des{font-size: 1em;} .subject_buy .subject_buy_button{position: relative; top:50%; margin-top:-1.5em; width:100%; text-align: center;} .subject_buy a{padding-left:5%; padding-right:5%; height: 2em; margin-left:2%; margin-right:2%;display: inline-block; line-height: 2em; color:#333; font-size: 1.25em; } .subject_buy a:hover{background-color:#2dccd2; color:#FFF; border:1px solid #2dccd2; } .subject_span{display: inline-block; padding-left:5%; padding-right:5%; height: 2em; margin-left:0%; margin-right:4%;line-height: 2em; color:#939393; font-size: 1em; border:1px solid #939393; } @media screen and (max-width:1280px){ .subject_title{font-size: 2.5em;} } @media screen and (max-width:768px){ .subject_title{font-size: 2em;} .subject_subtitle{font-size: 1.5em; } .subject_des{display: none;} .subject_buy a{font-size: 1em;} .subject .subject_buy{position: absolute; bottom:-30%; width:100%;} .subject li:hover .subject_buy{background-color:rgba(255,255,255,0.5); overflow: hidden; position: absolute; bottom:0px; width:100%; height: 30%; transition: 0.5s;} } @media screen and (max-width:480px){ .subject_title{font-size: 1.5em;} .subject_subtitle{font-size: 1.125em; } .subject_buy .subject_buy{position: relative; margin-bottom: 3vw;} .subject li:hover .subject_buy{position: relative;} } .subject_02_bg{width:100%; padding-top:5%; padding-bottom: 5%; overflow: hidden; background-color:#f2f2f2; } .subject_02{width:100%; color:#333;} .subject_02 .left{width:29%; float: left;} .subject_02 .right{width:69%; float: right; position: relative} .subject_02 .right img{opacity: 0;} @media screen and (max-width:769px){ .subject_02 .left{width:100%; text-align: center; margin-bottom: 3%;} .subject_02 .right{width:100%; float: left; } } .subject_02 video{position: absolute; top:0; left:0; width:100%; } .subject_02 .subject_title{line-height: 1.1em;} .subject_02 .subject_subtitle{line-height: 1.5em; margin-top:1.4vw;} .subject_02 .subject_text{margin-top:2.5vw; } .subject_span_margin{margin-bottom: 1vw; display: inline-block;} .subject_travel_text{background: #f2f2f2;text-align: center;color: #333; padding: 5% 0;} @media screen and (max-width:960px){ .subject_02 .subject_text{display: none;} } /*购买链接直接显示*/ .subject_new_buy a{padding-left:5%; padding-right:5%; height: 2em; margin-left:2%; margin-right:2%;display: inline-block; line-height: 2em; color:#333; font-size: 1em; border:1px solid #5c5c5c; } .subject_computer a:hover{color:#FFF; background-color:#009fe0; border:1px solid #009fe0;} /*可弹出购买按钮*/ .subject_Popup_buy{position: absolute; top:120%; width:100%; background-color:rgba(255,255,255,0.5); } .subject_Popup_buy .subject_Popup_button{position: relative; top:50%; margin-top:-1.5em; width:100%; text-align: center;} .subject_Popup_buy a{padding-left:5%; padding-right:5%; height: 2em; margin-left:2%; margin-right:2%; border:1px solid #5c5c5c; display: inline-block; line-height: 2em; color:#333; font-size: 1em; } .subject_Popup_buy a:hover{color:#FFF; border:1px solid transparent; } .stripe a:hover{background-color:#344558; } .computer a:hover{background-color:#009fe0; } /*专题两列产品展示列*/ .subject_two_list{width:98%; padding-left:1%; padding-right: 1%; } .subject_two_list li{width:49.2%; float: left; margin-right:1.6%; overflow:hidden; } .subject_two_list li:nth-child(2n){margin-right: 0;} .subject_two_list .title{position: absolute; top:3.125vw; font-size: 1.5em; font-weight: 100; width:100%;} .subject_two_list li:hover{box-shadow: 5px 5px 15px #C7C7C7;} .subject_two_list li:hover .subject_Popup_buy{top:72.8%; transition: 0.8s;} .subject_two_list .subject_Popup_buy{height: 27.2%} /*专题三列产品展示列*/ .subject_three_list{width:100%} .subject_three_list li{width:31.875%; float: left; margin-right:2.1875%; overflow: hidden;} .subject_three_list li:last-child{margin-right: 0;} .subject_three_list .title{position: absolute; top:3.125vw; font-size: 1.5em; font-weight: 100; width:100%;} .subject_three_list li:hover{box-shadow: 10px 10px 20px #C7C7C7;} .subject_three_list li:hover .subject_Popup_buy{top:76%; transition: 0.8s;} .subject_three_list .subject_Popup_buy{height: 24%} /*专题四列产品展示列*/ .subject_four_list{width:98%; padding-left:1%; padding-right: 1%;} .subject_four_list li{width:23.9583%; float: left; margin-right:1.3194%; overflow:hidden;} .subject_four_list li:nth-child(4n){margin-right: 0;} .subject_four_list .title{position: absolute; top:3.125vw; font-size: 1.5em; font-weight: 100; width:100%;} .subject_four_list li:hover{box-shadow: 5px 5px 15px #C7C7C7;} .subject_four_list li:hover .subject_Popup_buy{top:72%; transition: 0.8s;} .subject_four_list .subject_Popup_buy{height: 28%}