2337 lines
122 KiB
CSS
Executable File
2337 lines
122 KiB
CSS
Executable File
@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%}
|
|
|
|
|
|
|