@charset "utf-8";
/**基本格式开始***************/
*{word-break:break-all;}
/**基本格式结束***************/

/*森科单页头部开始*/
#four_flash{position:relative;width:100%;height:auto; margin:40px auto 0;}
#four_flash .flashBg{width:100%;height:643px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:643px; position:absolute;top:0; left:0;}
#four_flash .flashBg ul.mobile li{float:left;width:384px;height:643px;margin-right:18px;padding:40px 0 35px 0; background:#e3eff5; box-sizing:border-box !important}
#four_flash .flashBg ul.mobile li:hover{} 

#four_flash .flashBg ul.mobile li .sortmc{ font-size:30px; line-height:40px; color:#262626}
#four_flash .flashBg ul.mobile li .sortmc:hover{ color:#3145a4}
#four_flash .flashBg ul.mobile li .cpmc{ font-size:21px; line-height:38px; color:#262626}
#four_flash .flashBg ul.mobile li .cir{ width:80%; height:302px; margin:18px 10%; display:inline;display: flex;align-items: center; overflow:hidden; position:relative}
#four_flash .flashBg ul.mobile li .cir .ck{ width:100%; height:100%; border-radius:50%; position:absolute; left:0; top:0; z-index:0}
#four_flash .flashBg ul.mobile li .cir .ck.b1{ background:#ff6634}
#four_flash .flashBg ul.mobile li .cir .ck.b2{ background:#676735}
#four_flash .flashBg ul.mobile li .cir .ck.b3{ background:#356768}
#four_flash .flashBg ul.mobile li .cir .ck.b4{ background:#9a349a}
#four_flash .flashBg ul.mobile li .cir .ck.b5{ background:#ff6634}
#four_flash .flashBg ul.mobile li .cir .ck.b6{ background:#676735}
#four_flash .flashBg ul.mobile li .cir .ck.b7{ background:#356768}
#four_flash .flashBg ul.mobile li .cir .ck.b8{ background:#9a349a}
#four_flash .flashBg ul.mobile li .cir .pic{max-width:100%;max-height:100%; display:table; z-index:1;filter: drop-shadow(0px 0px 5px rgb(102,102,102));-moz-filter: drop-shadow(0px 0px 5px rgb(102,102,102));-ms-filter: drop-shadow(0px 0px 5px rgb(102,102,102));-webkit-filter: drop-shadow(0px 0px 5px rgb(102,102,102));}
#four_flash .flashBg ul.mobile li .vwz{ width:80%; font-size:18px; line-height:24px; height:48px; margin:15px 10% 0; display:inline}
#four_flash .flashBg ul.mobile li .btn{ width:65%; height:50px; line-height:50px; font-size:16px; color:#262626; margin:30px 17.5% 0; display:inline; border:solid 1px #979797; box-sizing:border-box !important; text-indent:20px; background:url(../images/pbtn.png) no-repeat center right}
#four_flash .flashBg ul.mobile li .btn:hover{ border:solid 1px #3145a4; background:url(../images/pbtnb.png) no-repeat center right #3145a4; color:#fff}


#four_flash .flashBg ul.mobile li dd{font-size:20px;width:250px;line-height:60px;text-align:center;border-bottom:1px solid #6C6E85;}


#four_flash .but_left,#four_flash .but_right{width:84px;height:46px;position:absolute; top:-87px;}
#four_flash .but_left{ right:90px;background:url(../images/pleft.png) no-repeat}
#four_flash .but_right{ right:0px;background:url(../images/pright.png) no-repeat }
#four_flash .but_left:hover{}
#four_flash .but_right:hover{}

@media screen and (max-width: 1440px)
{
#four_flash .flashBg,#four_flash .flashBg ul.mobile,#four_flash .flashBg ul.mobile li{ height:585px}
#four_flash .flashBg ul.mobile li{ width:314px}
#four_flash .flashBg ul.mobile li .sortmc{ font-size:28px}
#four_flash .flashBg ul.mobile li .cpmc{ font-size:18px}
#four_flash .flashBg ul.mobile li .cir{ height:251px}
}
@media screen and (max-width: 1280px)
{
#four_flash .flashBg,#four_flash .flashBg ul.mobile,#four_flash .flashBg ul.mobile li{ height:545px}
#four_flash .flashBg ul.mobile li{ width:278px; margin-right: 17px;}
#four_flash .flashBg ul.mobile li .cir{ height:222px}
#four_flash .flashBg ul.mobile li .sortmc{ font-size:26px}
#four_flash .flashBg ul.mobile li .vwz{ font-size:16px}
#four_flash .flashBg ul.mobile li .btn{margin:20px 17.5% 0;}
#four_flash .but_left,#four_flash .but_right{ top:-85px}
}
@media screen and (max-width: 1200px)
{
#four_flash .but_left,#four_flash .but_right{ top:-140px}
}
@media screen and (max-width: 1024px)
{
#four_flash .flashBg, #four_flash .flashBg ul.mobile, #four_flash .flashBg ul.mobile li{ height:580px}
#four_flash .flashBg ul.mobile li{ width:312px; margin-right:18px;}
#four_flash .flashBg ul.mobile li .cir{ height:250px}

}
@media screen and (max-width: 768px)
{
#four_flash .but_left,#four_flash .but_right{ top:-190px}
#four_flash .flashBg, #four_flash .flashBg ul.mobile, #four_flash .flashBg ul.mobile li{ height:540px}
#four_flash .flashBg ul.mobile li{ width:240px; margin-right:10px}
#four_flash .flashBg ul.mobile li .sortmc{ font-size:24px}
#four_flash .flashBg ul.mobile li .cpmc{ font-size:16px}
#four_flash .flashBg ul.mobile li .cir{ width:90%; height:216px; margin:18px 5%;}

}
@media screen and (max-width: 480px)
{
#four_flash .flashBg, #four_flash .flashBg ul.mobile, #four_flash .flashBg ul.mobile li{ height:650px}
#four_flash .flashBg ul.mobile li{ width:350px; margin:0 5px}
#four_flash .flashBg ul.mobile li .cir{ height:315px}
}
