@charset "utf-8";
@media (min-width:1400px){.why{height:1400px}
.content,.footer{width:1350px}
.pro_t ul{width:1200px}
.pro_t ul li{width:290px}
.pro_c ul{width:1350px}
.pro_c ul li{width:310px}
.pro_c ul li a.ipic{width:100%;display:block}
.apply ul li{width:430px;height:auto}
.apply ul li img{width:100%;height:auto}
.why dl{width:888px;height:373px}
.why dl dt{left:444px;width:444px;height:373px}
.why dl dt a{width:100%;height:100%;display:block}
.why dl dt img{width:444px;height:373px}
.why dl dd{width:444px;height:373px}
.why_dl02{top:522px}
.why .why_dl02{width:444px;height:746px}
.why .why_dl02 dd{top:350px;width:444px;height:398px}
.why .why_dl02 dd a{width:444px;height:398px;background-size:cover}
.why .why_dl02 dd a:hover{background-size:cover}
.why_dl03{left:444px;top:522px}
.why_dl04{left:444px;top:895px}
.why .why_dl05{left:888px;top:149px;width:444px;height:373px}
.why .why_dl05 dt{width:444px;height:373px}
.why .why_dl05 dt img{width:444px;height:373px}
.why dl dd a{width:444px;height:373px;background-size:cover}
.why dl dd a:hover{background-size:cover}
.why dl dd a h3{margin-top:60px;margin-left:50px}
.why .why_dl04 dd{left:444px}
.why .why_dl04 dd a:hover{background-size:cover}
.pt_c{width:1300px}
.pt_c dl{width:414px}
.pt_c dt{width:414px}
.about p{width:648px;height:auto}
.about p iframe{width:672px;height:430px}
.about ul{width:604px}
.about ul li{width:600px;height:215px}
.about ul li a{width:600px;height:215px}
.about ul li dl{width:579px;height:208px}
.about ul li dl dt{width:240px;height:203px}
.about ul li dl dt img{width:240px;height:203px}
.comp{width:60%}
.comp dl{width:99%}
.comp dd{width:500px}
.new ul{width:437px}
.new{width:34%}
.new ul li a{width:404px}}
.header .h_icon .tshare li:nth-child(1) a{background:url(/Content/C_IMG/Common/share_f.png) no-repeat center center}
.header .h_icon .tshare li:nth-child(2) a{background:url(/Content/C_IMG/Common/share_t.png) no-repeat center center}
.header .h_icon .tshare li:nth-child(3) a{background:url(/Content/C_IMG/Common/share_g.png) no-repeat center center}
.header .h_icon .tshare li:nth-child(4) a{background:url(/Content/C_IMG/Common/share_l.png) no-repeat center center}
.header .h_icon .tshare li:nth-child(5) a{background:url(/Content/C_IMG/Common/share_p.png) no-repeat center center}
.header .h_icon .tshare li:nth-child(6) a{background:url(/Content/C_IMG/Common/share_y.png) no-repeat center center}
.h_icon ul li a{width:30px;height:30px;background-size:100%}
.header .h_icon .tshare li a img{visibility:hidden}
.header .h_icon{margin-right:10px}
.h_nav li a{font-size:17px}
div#show-red{overflow:visible}
.store{padding-top:30px;text-align:center}
.store a{color:#fff;font-size:18px}
.top_2{background:#02a1f6}
.pro_lb1 li{width:22%;height:auto}
.pro_lb1 .pimg{width:100%;height:auto}
.pro_lb1 img{width:100%}
@media (min-width:1401px){.right{width:1070px}
.pro_cr{width:640px}}
.pro_lb1 li{width:24%;margin:0 1.3333% 25px 0}
.pro_lb1 li:nth-child(4n){margin-right:0}
.pro_lb1 .ptxt{margin-top:8px}
.header .top1 .top_1>.fr .head-contact{float:left;margin-top:40px;margin-right:10px}
#banner{text-align:center}
.home-cate{margin-top:4%;}
.home-cate .cate-list{margin-top:2%;}
.home-cate .cate-list .cate-item{width:20.5%;margin-right:6%;margin-bottom:2%;}
.home-cate .cate-list .cate-item:nth-child(4n){margin-right:0;}
.home-cate .cate-list .cate-item .cate-img{overflow: hidden;border-radius: 50%;}
.home-cate .cate-list .cate-item .cate-img img{width:100%;display: block;transition: all .4s;}
.home-cate .cate-list .cate-item .cate-title a{display:block;margin:10px 0;text-align:center;font-size:var(--fontsize20);font-weight:var(--fontbold7)}
.home-cate .cate-list .cate-item:hover img{transform: scale(1.1);}
.home-cate .cate-list .cate-item:hover .cate-title a{color:var(--color)}
.home-cate .cate-list .cate-item .cate-des{text-align: center;}
@media (max-width:768px){.home-cate .cate-list{justify-content: space-between;}
.home-cate .cate-list .cate-item{width:47%;margin-right:0;}}
@media (max-width:550px){.home-cate .cate-list .cate-item .cate-title a{font-size:var(--fontsize16)}}
@media (min-width: 769px){#brand .brand-list li .brand-number .text-shadow{font-size: 70px;}#brand .brand-list li .brand-label span{font-size: 12px;}}
.pro-detail .pro-detail-content .pro-detail-box .image-lg{text-align: center;}