@charset "utf-8";
.product img{ width:100%;}
.sopdiv{ background:#F7F8FB; width:100%; text-align:center; color:#272E54;}
.sopname{ font-size:36px; padding-top:110px;font-weight: bold;}
.soptitle{ font-size:18px; margin-top:20px; margin-bottom:60px;}
@media (max-width:1440px){.sopimg{ width:90%;}}
@media (min-width:1440px){.sopimg{ width:76%;}}
.sopimg{margin:0 auto;}
.sopimg img{ width:100%; margin-bottom:69px;}
.prdiv{ width:1200px; margin:0 auto; text-align:center;}
.prli{ width:380px; height:600px; display:inline-block; background-image:url(/images/pbg1.png); transition: background-image 0.5s ease-in-out; margin-right:25px; margin-bottom:30px; position:relative;}
.prli:nth-child(3n){ margin-right:0px;}
.prli:hover{ background-image:url(/images/pbg2.png);}
.prw{ position:absolute; top:120px; left:0px; width:300px; padding:0 40px;text-align:center;color:#333; transition: top 0.5s ease-in-out;}
.prli:hover .prw{ color:#fff; top:80px;}
.primg{ width:210px; height:210px;}
.prname{ font-size:26px; margin-top:33px;}
.prinfo{ font-size:16px; line-height:32px; margin-top:33px;}
.prmore{ display:none;}
.prli:hover .prmore{ display:block;width: 150px;height: 50px; margin:0 auto; margin-top:35px;border: 1px solid #FFFFFF;border-radius: 4px; font-size:18px; color:#fff; line-height:50px; text-align:center; vertical-align:middle;}
.prli:hover .prmore i{ display:inline-block; width:18px; height:18px; margin-left:20px; background:url(/images/prmore.png); vertical-align:middle;}
.custom{ width:1300px; margin:0 auto; padding-bottom:120px;}
.custom p{ display:inline-block; font-size:16px; color:#333; width:196px; margin-right:20px; margin-bottom:35px;overflow: hidden;}
.custom p:nth-child(6n){ margin-right:0;}
.custom img{ width:196px; height:94px; display:block; margin-bottom:12px;}
.custom img:hover{ -webkit-transform: scale(1.125);-ms-transform: scale(1.125);transform: scale(1.125);}