
marge: 0;
rembourrage: 0;
dimensionnement en boîte: borne;
}
.clearfix:before,
.clearfix:après {
contenu: « »;
afficher: tableau;
}
.clearfix:après {
clair: both;
}
@font-face {
familiale de la police: « iconfont »;
src: url(‘iconfont.eot?t=1545182990006’);
src: url(‘iconfont.eot?t=1545182990006#iefix’) format(’embedded-opentype’), /* IE6-IE8 */ url(‘data:application/x-font-woff;charset=utf-8;base64,d09GRgAB…’) format(‘woff’), url(‘iconfont.ttf?t=1545182990006’) format(‘truetype’), /* chrome, firefox, opera, Safari, Androïde, ios 4.2+*/ url(‘iconfont.svg?t=1545182990006#iconfont’) format(‘svg’);
/* IE9*/
/* ios 4.1- */
}
.iconfont {
familiale de la police: « iconfont » !important;
taille de la police: 16px;
style de police: normale;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
contenu: « \e671 »;
}
#mobile {
largeur: 375px;
/* largeur maximale: 750px;
largeur minimale: 320px;*/
marge: 0 auto;
afficher: aucun;
}
#mobile .items {
largeur: 100%;
}
#mobile .items > p {
hauteur: 20px;
hauteur de ligne: 20px;
taille de la police: 16px;
poids de la police: audacieux;
rembourrage à gauche: 17.5px;
marge-fond: 15px;
}
#mobile .article .pro_desc{
taille de la police:16px;
poids de la police:audacieux;
hauteur de ligne:36px;
}
#mobile .features {
largeur: 90%;
marge: 20px auto;
}
#mobile .features p {
taille de la police: 16px;
poids de la police: audacieux;
}
#mobile .features ul li {
marge-gauche: 17.5px;
taille de la police: 13px;
text-indent: 6.5px;
}
#mobile .product {
largeur: 90%;
marge: 0 auto;
}
#mobile .product p {
taille de la police: 16px;
poids de la police: audacieux;
}
#mobile .product .parameter1 {
rembourrage à gauche: 16px;
}
#mobile .product .parameter1 tr td {
taille de la police: 13px;
rembourrage: 10px 0;
alignement de texte: centre;
}
#mobile .product .parameter1 tr td:premier enfant {
largeur: 35%;
}
#mobile .footer {
marge: 32px;
débordement: auto;
}
#mobile .footer::-webkit-scrollbar {
afficher: aucun;
}
#mobile .footer .parameter2 {
largeur: 730.7px;
marge-fond: 50px;
}
#mobile .footer .parameter2 tbody td {
à la frontière: 1px solid #ccc;
taille de la police: 13px;
alignement de texte: centre;
largeur: 120px;
rembourrage: 5px;
coupure de mot: mot de rupture !important;
}
#mobile .product1{
largeur: 90%;
marge: 10px auto;
rembourrage: 5px;
/*frontière: 1px solid #ccc;
rayon frontalier: 5px;*/
}
#mobile .product1 .introduction{
taille de la police:16px;
poids de la police:audacieux;
hauteur de ligne:40px;
}
#mobile .footer .parameter2 td:premier enfant {
largeur:110px;
couleur: #646464;
}
#mobile .footer .parameter2 thead img {
largeur: 100%;
/*hauteur: 300px;*/
}
#mobile .footer .parameter2 thead p {
hauteur de ligne: 25px;
taille de la police: 16px;
couleur: #0066BF;
alignement de texte: centre;
}
#mobile .footer .parameter2 tbody tr:nth-child(2) td,
#mobile .footer .parameter2 tbody tr:nth-child(3) td,
#mobile .footer .parameter2 tbody tr:nth-child(4) td {
arrière-plan: #FEF5EC;
}
#mobile .footer .parameter2 tbody tr:nth-child(2) td:premier enfant,
#mobile .footer .parameter2 tbody tr:nth-child(3) td:premier enfant,
#mobile .footer .parameter2 tbody tr:nth-child(4) td:premier enfant {
arrière-plan: #DCDCDC;
}
#pc .header {
largeur: 1200px;
hauteur: 235px;
marge: 0 auto;
}
#pc .header .navBox {
largeur: 100%;
hauteur: 50px;
arrière-plan: #000000;
}
#pc .header .navBox ul {
largeur: 970px;
hauteur: 50px;
à la frontière: 1px solid #53514C;
marge: 0 auto;
}
#pc .header .navBox ul li {
largeur: 25%;
hauteur: 100%;
style de liste: aucun;
flotter: gauche;
position: relatif;
}
#pc .header .navBox ul li a {
largeur: 100%;
hauteur: 100%;
afficher: bloc;
alignement de texte: centre;
padding: 10px;
couleur: #FEFEFE;
taille de la police: 11px;
décoration de texte: aucun;
}
#pc .header .navBox ul li a p {
poids de la police: audacieux;
}
#pc .header .navBox ul li i {
position: absolu;
droite: 0;
bas: 12px;
largeur: 1px;
hauteur: 20px;
arrière-plan: #53514C;
}
#pc .header .logoBox {
largeur: 100%;
hauteur: 130px;
arrière-plan: #000;
}
#pc .header .logoBox .imgBox {
largeur: 970px;
hauteur: 130px;
marge: 0 auto;
}
#pc .header .logoBox .imgBox .left {
largeur: 470px;
hauteur: 100%;
flotter: gauche;
}
#pc .header .logoBox .imgBox .right {
largeur: 500px;
hauteur: 100%;
flotter: droite;
}
#pc .header .iconBox {
largeur: 100%;
hauteur: 55px;
arrière-plan: #252525;
}
#pc .header .iconBox .centerBox {
largeur: 970px;
hauteur: 100%;
marge: 0 auto;
}
#pc .header .iconBox .centerBox .left {
largeur: 334px;
hauteur: 100%;
flotter: gauche;
rembourrage: 0px 50px;
}
#pc .header .iconBox .centerBox .left .img {
flotter: gauche;
hauteur: 100%;
padding: 5px;
}
#pc .header .iconBox .centerBox .left .info {
flotter: gauche;
couleur: #FFF;
marge-gauche: 18px;
}
#pc .header .iconBox .centerBox .left .info p {
taille de la police: 18px;
hauteur de ligne: 18px;
poids de la police: audacieux;
marge: 7px;
}
#pc .header .iconBox .centerBox .left .info span {
taille de la police: 14px;
afficher: bloc;
}
#pc .header .iconBox .centerBox .right {
largeur: 572px;
hauteur: 100%;
flotter: droite;
}
#pc .header .iconBox .centerBox .right .img {
flotter: gauche;
hauteur: 100%;
padding: 9px;
}
#pc .header .iconBox .centerBox .right .info,
#pc .header .iconBox .centerBox .right .hours {
couleur: #FFF;
}
#pc .header .iconBox .centerBox .right .info p,
#pc .header .iconBox .centerBox .right .hours p {
taille de la police: 18px;
poids de la police: audacieux;
hauteur de ligne: 30px;
}
#pc .header .iconBox .centerBox .right .info span,
#pc .header .iconBox .centerBox .right .hours span {
taille de la police: 11px;
flotter: gauche;
}
#pc .header .iconBox .centerBox .right .info {
hauteur: 100%;
flotter: gauche;
marge-gauche: 26px;
}
#pc .header .iconBox .centerBox .right .info span:dernier-enfant {
marge-gauche: 20px;
}
#pc .header .iconBox .centerBox .right .hours {
hauteur: 100%;
flotter: gauche;
marge-gauche: 50px;
position: relatif;
}
#pc .header .iconBox .centerBox .right .hours::before {
contenu: « »;
largeur: 1px;
hauteur: 40px;
arrière-plan: #FFF;
position: absolu;
gauche: -25px;
haut: 7px;
}
#pc .article {
largeur: 970px;
familiale de la police: Arial, sans-serif;
marge: 0 auto;
retour à la ligne:mot de rupture;
}
#pc .article .mapBox {
largeur: 100%;
hauteur: 374px;
couleur d'arrière-plan: #FFF;
}
#pc .article .mapBox .left {
largeur: 450px;
hauteur: 100%;
flotter: gauche;
padding: 50px;
position: relatif;
}
#pc .article .mapBox .left span {
taille de la police: 11px;
poids de la police: audacieux;
couleur: #000;
position: absolu;
}
#pc .article .mapBox .left span.ca {
gauche: 20px;
bas: 125px;
}
#pc .article .mapBox .left span.tx {
gauche: 198px;
bas: 78px;
}
#pc .article .mapBox .left span.ky {
gauche: 264px;
bas: 160px;
}
#pc .article .mapBox .left span.nj {
droite: 58px;
haut: 154px;
}
#pc .article .mapBox .right {
largeur: 520px;
hauteur: 100%;
flotter: droite;
}
#pc .article .mapBox .right h1 {
taille de la police: 18px;
couleur: #900900;
marge: 40px;
marge-gauche: 7px;
}
#pc .article .mapBox .right .listBox {
largeur: 100%;
hauteur: 113px;
frontière: 1px solid #CFCAC0;
marge: 17px;
padding: 13px;
rembourrage à gauche: 22px;
}
#pc .article .mapBox .right .listBox div {
largeur: 100px;
flotter: gauche;
taille de la police: 12px;
marge à droite: 24px;
hauteur de ligne: 20px;
}
#pc .article .mapBox .right .listBox div p {
poids de la police: audacieux;
}
#pc .article .mapBox .right .advantage,
#pc .article .mapBox .right .attention {
rembourrage à gauche: 7px;
taille de la police: 12px;
hauteur de ligne: 20px;
marge: 15px;
}
#pc .article .mapBox .right .advantage p,
#pc .article .mapBox .right .attention p {
poids de la police: audacieux;
}
#pc .article .bgimgBox {
largeur: 100%;
couleur d'arrière-plan: #FFF;
position: relatif;
}
#pc .article .pro_desc{
taille de la police:16px;
poids de la police:audacieux;
hauteur de ligne:36px;
}
#pc .article .bgimgBox .bginfo {
position: absolu;
droite: 50px;
haut: 125px;
largeur: 250px;
hauteur maximale: 300px;
couleur d'arrière-plan: rgba(255,255,255,.7);
couleur: #000;
rembourrage: 10px;
}
#pc .article .bgimgBox img {
largeur: 100%;
marge:15px;
}
#pc .article .product {
largeur: 100%;
hauteur de ligne: 19px;
marge: 5px;
marge-fond:30px;
}
#pc .article .product .introduction{
taille de la police:16px;
poids de la police:audacieux;
hauteur de ligne:40px;
}
#pc .article .features {
largeur: 100%;
marge: 30px;
}
#pc .article .features h1 {
taille de la police: 16px;
}
#pc .article .features ul li {
largeur: 250px;
flotter: gauche;
style de liste: aucun;
marge: 30px;
hauteur de ligne: 19px;
/*hauteur:498px;*/
}
#pc .product1{
hauteur de ligne: 19px;
}
#pc .product1 .introduction{
taille de la police:16px;
poids de la police:audacieux;
hauteur de ligne:40px;
}
#pc .article .features ul li:nth-child(3n-1) {
marge-gauche: 35px;
marge à droite: 35px;
}
#pc .article .features ul li .imgBox {
largeur: 100%;
hauteur: 300px;
frontière: 1px solid #A8A39F;
}
#pc .article .features ul li div {
taille de la police: 10px;
hauteur de ligne: 20px;
}
#pc .article .parameter {
largeur: 100%;
marge: 40px;
/*marge-fond: 30px;*/
}
#pc .article .parameter .imgBox {
largeur: 300px;
hauteur: 400px;
flotter: gauche;
}
#pc .article .parameter .imgBox img {
largeur: 100%;
hauteur: 100%;
}
#pc .article .parameter .information {
largeur: 250px;
hauteur: 100%;
flotter: gauche;
rembourrage: 25px;
rembourrage à gauche: 0.5cm;
}
#pc .article .parameter .information .intro1{
marge:6px auto;
}
#pc .article .parameter .information .intro1 ul{
rembourrage:10px 40px;
rayon frontalier:5px;
frontière:1px solid #ccc;
arrière-plan: #f3f3f3;
/*couleur: #888888;*/
marge:8px;
}
#pc .article .unset-tab .information .intro1 ul{
frontière:unset !important;
arrière-plan: unset !important;
}
#pc .article .parameter .information div {
taille de la police: 14px;
hauteur de ligne: 20px;
}
#pc .article .parameter .information .intro2{
rembourrage:25px;
frontière:1px solid #ccc;
}
#pc .article .parameter .package {
largeur: 230px;
hauteur: 100%;
flotter: gauche;
rembourrage à gauche:30px;
bordure gauche:1px solid #ccc;
couleur: #565959 !important;
}
#pc .article .parameter .package img {
largeur: 100%;
hauteur: 100px;
/* frontière: 1px solid #A8A39F;*/
}
#pc .article .parameter .package p {
taille de la police: 12px !important;
/* poids de la police: audacieux;*/
hauteur de ligne: 36px;
marge: 8px 0;
}
#pc .article .parameter .package ul {
largeur: 100%;
rembourrage: 10px 20px 10px 30px;
frontière: 1px solid #AAAAAA;
rayon frontalier: 5px;
marge:12px auto;
arrière-plan: #f3f3f3;
}
#pc .article .parameter .package ul li {
taille de la police: 13px;
couleur: #000;
hauteur de ligne: 20px;
}
#pc .article .comparison {
largeur: 100%;
marge: 50px;
marge-fond: 15px;
}
#pc .article .comparison table {
largeur: 100%;
disposition du tableau: fixé;
}
#pc .article .comparison table thead th {
/*largeur: 130px;*/
}
#pc .article .comparison table thead th img {
/*largeur: 150px;
hauteur:300px;*/
frontière: 5px solide #fff;
largeur: 100%;
largeur maximale: 150px;
}
#pc .article .comparison table thead th:nth-child(1) {
largeur: 150px;
}
#pc .article .comparison table tbody tr:first-child td {
couleur: #0265C0;
}
#pc .article .comparison table tbody td {
taille de la police: 13px;
couleur: #111030;
rembourrage: 7px 20px;
alignement de texte: centre;
hauteur de ligne: 20px;
coupure de mot: mot de rupture !important;
}
#pc .article .comparison table tbody tr:not(:premier enfant) td:not(premier enfant) {
arrière-plan: #FEF5EC;
}
#pc .article .comparison table tbody tr:not(:premier enfant) td:premier enfant {
arrière-plan: #DCDCDC;
couleur: #88888UN;
}
#pc .article .comparison table td {
à la frontière: 1px solid #ccc;
retour à la ligne:mot de rupture;
coupure de mot:break-all;
}
#pc .footer {
largeur: 1200px;
marge: 0 auto;
position: relatif;
}
/* —- PC 纯CSS底部导航 start ——– */
#pc .footer .footer_bg {
largeur: 100%;
hauteur: 52px;
arrière-plan: #000;
}
#pc .footer > input,
#pc .footer > span {
position: absolu;
gauche: 0px;
haut: 0px;
largeur: 160px;
hauteur: 52px;
alignement de texte: centre;
hauteur de ligne: 52px;
taille de la police: 12px;
couleur: #FFF;
curseur: aiguille;
}
#pc .footer input {
index z: 10;
opacité: 0;
}
#pc .footer .inputnavs1,
#pc .footer .spannavs1 {
gauche: 113px;
}
#pc .footer .inputnavs2,
#pc .footer .spannavs2 {
gauche: 273px;
}
#pc .footer .inputnavs3,
#pc .footer .spannavs3 {
gauche: 433px;
}
#pc .footer .inputnavs4,
#pc .footer .spannavs4 {
gauche: 593px;
}
#pc .footer .inputnavs5,
#pc .footer .spannavs5 {
gauche: 753px;
}
#pc .footer .inputnavs6,
#pc .footer .spannavs6 {
gauche: 913px;
}
.inputnavs1:checked ~ .spannavs1 {
arrière-plan: #2A2A2A
Soyez le premier à donner votre avis "Tuyau de vevor et entroir encoche de tube 0-60 Rotation de degré pour …”
Tu dois être connecté poster un avis.




Avis
Il n'y a pas encore d'avis.