<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">div{background-position:center center}
#index .pro_list{ margin: 43px -1% 48px;}
#index .small_ind_category{display: none;position: relative;margin:30px 0 20px;height: 180px;}
#index .small_ind_category .prev{position: absolute;left: -5px;top: 75px;width: 44px;height: 44px;background: url(../images/adv_prev.png) no-repeat center center;background-size: 100% auto;z-index: 1;}
#index .small_ind_category .next{position: absolute;right: -5px;top: 75px;width: 44px;height: 44px;background: url(../images/adv_next.png) no-repeat center center;background-size: 100% auto;z-index: 1;}
#index .small_ind_category .cate_list{position: relative;width: 1000px;height: 180px;margin: 0 auto;overflow: hidden;text-align: center;}
#index .small_ind_category .cate_list .cate_box{position: absolute;top: 0;left: 0;}
#index .small_ind_category .cate_list .list{float: left;width: 180px;margin: 0 10px;}
#index .small_ind_category .cate_list .pic{display: block;text-align: center;width: 180px;height: 180px; }
#index .ind_category{position: relative;height: 700px;margin: 57px 0 50px; width: 1440px; margin: 0 auto;}

#index .ind_category .ad1{position: absolute;top: 0;left: 0;width: 33.25%;height: 40.2%;}
#index .ind_category .ad2{position: absolute;top: 0;left: 33.5%;width: 16.75%;height: 68.2%;}
#index .ind_category .ad3{position: absolute;top: 0;left: 50.5%;width: 33.25%;height: 31.2%;}
#index .ind_category .ad4{position: absolute;top: 0;left: 84%;width: 16%;height: 31.2%;}
#index .ind_category .ad5{position: absolute;top: 41%;left: 0;width: 33.25%;height: 59%;}
#index .ind_category .ad6{position: absolute;top: 69%;left: 33.5%;width: 33.2%;height: 31%;}
#index .ind_category .ad7{position: absolute;top: 32%;left: 50.5%;width: 16.2%;height: 36.2%;}
#index .ind_category .ad8{position: absolute;top: 32%;left: 67%;width: 33%;height: 68%;}
#index .ind_category .ad_box{display: block;position: relative;width: 100%;height: 100%;overflow: hidden;}
#index .ind_category .ad_box .before{position: absolute;top: -50%;left: -150%;width: 200%;height: 200%;background: rgba(103,211,234,0.44);}
#index .ind_category .ad_box .after{position: absolute;top: -50%;left: 50%;width: 200%;height: 200%;background: rgba(103,211,234,0.44);}
#index .ind_category .ad_box .content{position: absolute;top: 0;left: -250%;bottom: 50%;right: 0;margin:auto;width: 289px;height: 153px;background: rgba(68,191,217,0.83);z-index: 2;max-width: 96%;max-height: 96%;overflow: hidden;transform: rotate(300deg);-moz-transform: rotate(300deg);-webkit-transform: rotate(300deg);}
#index .ind_category .ad_box .name{height: 13%;padding: 5%;overflow: hidden;font-size: 16px;text-align: center;background: url(../images/con_bg.png) no-repeat center bottom;color: white;}
#index .ind_category .ad_box .brief{margin: 4%;font-size: 16px;color: white;}
#index .ind_category .ad_box:hover .before{left: -50%;}
#index .ind_category .ad_box:hover .after{left: -50%;}
#index .ind_category .ad_box:hover .content{bottom: 0;left: 0;transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);}
#index .ind_category .ad1 .before{transform: rotate(156deg) translateY(50%);-moz-transform: rotate(156deg) translateY(50%);-webkit-transform: rotate(156deg) translateY(50%);}
#index .ind_category .ad1 .after{transform: rotate(-24deg) translateY(50%);-moz-transform: rotate(-24deg) translateY(50%);-webkit-transform: rotate(-24deg) translateY(50%);}
#index .ind_category .ad2 .before{transform: rotate(123.8deg) translateY(50%);-moz-transform: rotate(123.8deg) translateY(50%);-webkit-transform: rotate(123.8deg) translateY(50%);}
#index .ind_category .ad2 .after{transform: rotate(-56.2deg) translateY(50%);-moz-transform: rotate(-56.2deg) translateY(50%);-webkit-transform: rotate(-56.2deg) translateY(50%);}
#index .ind_category .ad3 .before{transform: rotate(161.4deg) translateY(50%);-moz-transform: rotate(161.4deg) translateY(50%);-webkit-transform: rotate(161.4deg) translateY(50%);}
#index .ind_category .ad3 .after{transform: rotate(-18.6deg) translateY(50%);-moz-transform: rotate(-18.6deg) translateY(50%);-webkit-transform: rotate(-18.6deg) translateY(50%);}
#index .ind_category .ad4 .before{transform: rotate(145deg) translateY(50%);-moz-transform: rotate(145deg) translateY(50%);-webkit-transform: rotate(145deg) translateY(50%);}
#index .ind_category .ad4 .after{transform: rotate(-35deg) translateY(50%);-moz-transform: rotate(-35deg) translateY(50%);-webkit-transform: rotate(-35deg) translateY(50%);}
#index .ind_category .ad5 .before{transform: rotate(147deg) translateY(50%);-moz-transform: rotate(147deg) translateY(50%);-webkit-transform: rotate(147deg) translateY(50%);}
#index .ind_category .ad5 .after{transform: rotate(-33deg) translateY(50%);-moz-transform: rotate(-33deg) translateY(50%);-webkit-transform: rotate(-33deg) translateY(50%);}
#index .ind_category .ad6 .before{transform: rotate(161deg) translateY(50%);-moz-transform: rotate(161deg) translateY(50%);-webkit-transform: rotate(161deg) translateY(50%);}
#index .ind_category .ad6 .after{transform: rotate(-19deg) translateY(50%);-moz-transform: rotate(-19deg) translateY(50%);-webkit-transform: rotate(-19deg) translateY(50%);}
#index .ind_category .ad7 .before{transform: rotate(141deg) translateY(50%);-moz-transform: rotate(141deg) translateY(50%);-webkit-transform: rotate(141deg) translateY(50%);}
#index .ind_category .ad7 .after{transform: rotate(-39deg) translateY(50%);-moz-transform: rotate(-39deg) translateY(50%);-webkit-transform: rotate(-39deg) translateY(50%);}
#index .ind_category .ad8 .before{transform: rotate(143deg) translateY(50%);-moz-transform: rotate(143deg) translateY(50%);-webkit-transform: rotate(143deg) translateY(50%);}
#index .ind_category .ad8 .after{transform: rotate(-37deg) translateY(50%);-moz-transform: rotate(-37deg) translateY(50%);-webkit-transform: rotate(-37deg) translateY(50%);}





/********** index(end) **********/

@media (min-width: 0px) and (max-width: 991px) {
  body {
    width: 150%
  }
}





</pre></body></html>