.g-in{width: 1200px; margin: 0 auto;} .notice{height: 54px; background: #f6f6f6; margin-top: 22px; margin-bottom: 10px;} .notice p{float: left; width: 132px; height: 20px; text-align: center; font-size: 16px; color: rgb( 255, 15, 15); margin-top: 16px; margin-right: 24px; border-right: 1px solid rgb( 180, 180, 180);} .notice p img{padding-left: 16px; padding-right: 10px;} .notice .notice1{position: relative; display: inline-block; width: 862px; height: 54px; white-space:nowrap; overflow:hidden;} .notice .noticeList{position: absolute;} .notice1 span{line-height: 54px; font-size: 14px; color: rgb( 0, 0, 0); padding-right: 120px;} .notice .pic{float: right; padding: 16px 22px;} .industry .hd h4 em, .shuffling .hd h4 em, .focus .hd h4 em{font-size: 14px; font-style: italic; color: #999; display: inline-block; vertical-align: top;} .focus .hd h4 a{display: inline-block; margin-right: 15px;} .focus .hd h4 a.on{color: rgb(11, 87, 160);} .focus-1{position: relative; float: left; width: 425px; height: 356px; margin-right: 21px;} .focus-2{float: left; width: 378px; height: 356px; margin-right: 36px;} .focus-3{float: left; width: 340px; height: 356px;} .focus-4,.focus-5,.focus-7,.focus-8{float: left; width: 397px; height: 348px; margin-right: 33px;} .focus-6,.focus-9{float: left; width: 340px; height: 348px;} .focus-1,.focus-2,.focus-3,.focus-4,.focus-5,.focus-6,.focus-7,.focus-8,.focus-9{margin-top: 30px; box-sizing: border-box;} .focus .focus-1 .view{position: absolute; bottom: 0; width: 425px; height: 45px; line-height: 45px; text-align: center; background-color: rgba(0,0,0,0.5);} .focus .focus-1 .view a{display: block; font-size: 14px; color: rgb( 255, 255, 255);} .focus .focus-1 .swiper-container-horizontal .swiper-pagination{bottom: 50px;} .focus .focus-1 .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet{background-color: #fff;} .focus .focus-2 .inHd{height: 40px; line-height: 40px; border-bottom: 1px solid rgb( 231, 231, 231);} .focus .focus-2 .inHd ul li{float: left; cursor: pointer; width: 77px; font-size: 18px; color: rgb( 0, 0, 0); margin-right: 28px;} .focus .focus-2 .inHd ul li.on{color: rgb(11, 87, 160); border-bottom: 3px solid rgb(11, 87, 160);} .focus .focus-2 .inHd img{float: right; padding-top: 10px;} .focus .focus-2 .inBd ul li{margin-top: 18px; overflow: hidden;} .focus .focus-2 .inBd ul li span{float: right;} .focus .focus-2 .inBd ul li a{font-size: 14px; /* color: rgb(40, 40, 40); */ text-indent: 4em;} .focus .focus-2 .inBd ul li a img{vertical-align: middle; padding-right:5px;} .focus .focus-3 .hd h4{float: left; font-weight: normal; font-size: 18px; color: rgb( 0, 0, 0);} .focus .focus-3 .hd{height: 40px; line-height: 40px; border-bottom: 1px solid rgb( 231, 231, 231);} .focus .focus-3 .hd img{float: right; padding-top: 10px;} .focus .focus-3 .bd .bd-h{height: 235px; /* background: rgb(235, 244, 249); */} .focus .focus-3 .bd ul li{height: 47px; line-height: 47px;} .focus .focus-3 .bd ul li span{float: right; padding-right: 16px; color: rgb(40, 40, 40);} .focus .focus-3 .bd ul li a{font-size: 14px; /* color: rgb(40, 40, 40); */ text-indent: 4em;} .focus .focus-3 .bd ul li a img{vertical-align: middle; /* padding-left: 15px; */ padding-right:10px;} .focus .focus-3 .bd .bd-l,.focus .focus-3 .bd .bd-r{margin-top: 14px; width: 100%; height: 67px; line-height: 67px; text-align: center;} .focus .focus-3 .bd .bd-l a,.focus .focus-3 .bd .bd-r a{display: block; font-size: 20px; color: rgb(255, 255, 255);} .focus .focus-3 .bd .bd-l img,.focus .focus-3 .bd .bd-r img{vertical-align: middle; padding-right: 10px;} .focus .focus-3 .bd .bd-l{float: left; background: rgb(11, 87, 160);} .focus .focus-3 .bd .bd-r{float: right; background: rgb(170, 11, 14);} .focus .focus-4,.focus .focus-5,.focus .focus-7,.focus .focus-8{position: relative; border:1px solid rgb(223, 223, 223) ;} .focus .focus-4 .hd h4,.focus .focus-5 .hd h4,.focus .focus-7 .hd h4,.focus .focus-8 .hd h4{float: left; font-weight: normal; font-size: 18px; padding-left: 16px; color: rgb( 0, 0, 0);} .focus .focus-4 .hd span,.focus .focus-5 .hd span,.focus .focus-7 .hd span,.focus .focus-8 .hd span{position: absolute; left: -1px; top: 20px; width: 3px; height: 27px; background: rgb(11, 87, 160);} .focus .focus-4 .hd,.focus .focus-5 .hd,.focus .focus-7 .hd,.focus .focus-8 .hd{height: 60px; line-height: 60px;} .focus .focus-4 .hd img,.focus .focus-5 .hd img,.focus .focus-7 .hd img,.focus .focus-8 .hd img{float: right; padding-top: 24px; padding-right: 20px;} .focus .focus-4 .bd .bd-h,.focus .focus-5 .bd .bd-h,.focus .focus-7 .bd .bd-h,.focus .focus-8 .bd .bd-h{height: 235px; background: rgb(235, 244, 249);} .focus .focus-4 .bd ul li,.focus .focus-5 .bd ul li,.focus .focus-7 .bd ul li,.focus .focus-8 .bd ul li{height: 40px; line-height: 40px;} .focus .focus-4 .bd ul li span,.focus .focus-5 .bd ul li span,.focus .focus-7 .bd ul li span,.focus .focus-8 .bd ul li span{float: right; padding-right: 16px;} .focus .focus-4 .bd ul li a,.focus .focus-5 .bd ul li a,.focus .focus-7 .bd ul li a,.focus .focus-8 .bd ul li a{font-size: 14px; /* color: rgb(40, 40, 40); */ text-indent: 4em;} .focus .focus-4 .bd ul li a img,.focus .focus-5 .bd ul li a img,.focus .focus-7 .bd ul li a img,.focus .focus-8 .bd ul li a img{vertical-align: middle; padding-left: 15px; padding-right:10px;} .focus .focus-2 .bd ul li span,.focus .focus-3 .bd ul li span,.focus .focus-4 .bd ul li span,.focus .focus-5 .bd ul li span,.focus .focus-7 .bd ul li span,.focus .focus-8 .bd ul li span{color: rgb(150, 150, 150);} .focus .focus-6{position: relative; background: #f6f6f6;} .focus .focus-6 .hd h4{float: left; font-weight: normal; font-size: 18px; padding-left: 16px; color: rgb( 0, 0, 0);} .focus .focus-6 .hd span{position: absolute; left: 0; top: 20px; width: 3px; height: 27px; background: rgb(11, 87, 160);} .focus .focus-6 .hd{height: 60px; line-height: 60px;} .focus .focus-6 .hd img{float: right; padding-top: 24px; padding-right: 20px;} .focus .focus-6 .bd img{padding-top: 3px;} .focus .focus-9{position: relative; background: #f6f6f6;} .focus .focus-9 .hd h4{float: left; font-weight: normal; font-size: 18px; padding-left: 16px; color: rgb( 0, 0, 0);} .focus .focus-9 .hd span{position: absolute; left: 0; top: 20px; width: 3px; height: 27px; background: rgb(11, 87, 160);} .focus .focus-9 .hd{height: 60px; line-height: 60px;} .focus .focus-9 .hd img{float: right; padding-top: 24px; padding-right: 20px;} .focus .focus-9 .bd img{padding-top: 3px;} .focus .focus-9 .bd .bd-c{width: 301px; margin: 0 auto;} .focus .focus-9 .bd .bd-c img{margin-top: 13px;} .advertise{height: 120px; margin: 33px 0;} .advertise .swiper-container-horizontal .swiper-pagination{bottom: 10px;} .advertise .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet{background-color: #fff;} .industry{height: 368px; /* background: limegreen; */} .industry .hd{height: 36px; line-height: 35px; border-bottom: 1px solid rgb(223, 223, 223);} .industry .hd h4{display: inline-block; min-width: 88px; font-weight: normal; font-size: 18px; text-align: center; color: rgb( 0, 0, 0); border-bottom: 3px solid rgb(11, 87, 160);} .industry .hd img{float: right; padding-top: 5px; padding-right: 10px;} .industry .bd ul li{position: relative; float: left; width: 387px; height: 142px;} .industry .bd ul li a{display: block; overflow: hidden; width: 387px; height: 142px;} .industry .bd ul li a>img{transform: scale(1); transition: all .5s ease;} .industry .bd ul li:hover a>img{transform: scale(1.1);} .industry .bd ul li .industry1 img{transform: translateY(0); transition: all .3s ease;} .industry .bd ul li:hover .industry1 img{transform: translateY(-5px);} .industry .bd ul li:nth-child(1),.industry .bd ul li:nth-child(2),.industry .bd ul li:nth-child(3){margin-top: 27px;} .industry .bd ul li:nth-child(4),.industry .bd ul li:nth-child(5),.industry .bd ul li:nth-child(6){margin-top: 17px;} .industry .bd ul li:nth-child(2),.industry .bd ul li:nth-child(5){margin-left: 19px; margin-right: 19px;} .industry .bd ul li span{display: block; text-align: center; padding-top: 26px; font-size: 16px; color: rgb(255, 255, 255);} .industry .bd ul li i {display: block; width: 40px; height: 40px; margin: 0 auto; } .industry .bd ul li:nth-child(1) i { background: url(full1_03.png) no-repeat 50%; } .industry .bd ul li:nth-child(2) i { background: url(full2_03.png) no-repeat 50%; } .industry .bd ul li:nth-child(3) i { background: url(full3_03.png) no-repeat 50%; } .industry .bd ul li:nth-child(4) i { background: url(full4_03.png) no-repeat 50%; } .industry .bd ul li:nth-child(5) i { background: url(full5_03.png) no-repeat 50%; } .industry .bd ul li:nth-child(6) i { background: url(full6_03.png) no-repeat 50%; } .industry .bd ul li:nth-child(7) i { background: url(full7_03.png) no-repeat 50%; } .industry .bd ul li:nth-child(8) i { background: url(full8_03.png) no-repeat 50%; } .industry .bd .industry1{position: absolute; top: 30px; left: 50%; margin-left: -35px;} .industry .bd .industry2{position: absolute; top: 30px; left: 50%; margin-left: -44px;} .industry .bd .industry1 img{display: block; margin: 0 auto;} .industry .bd .industry2 img{display: block; margin: 0 auto;} .shuffling{margin-top: 33px;} .shuffling .hd{height: 40px; line-height: 40px; border-bottom: 1px solid rgb(223, 223, 223);} .shuffling .hd h4{display: inline-block; min-width: 88px; font-weight: normal; font-size: 18px; text-align: center; color: rgb( 0, 0, 0); border-bottom: 3px solid rgb(11, 87, 160);} .shuffling .hd img{float: right; padding-top: 5px; padding-right: 10px;} .shuffling .fnavs{float: right;} .shuffling .fnavs ul li{float: left; width: 86px; margin-top: 2px; text-align: center;} .shuffling .fnavs ul li a{display: block; height: 36px; line-height: 36px;} .shuffling .fnavs ul li a:hover{background: rgb(11, 87, 160); color: rgb(255, 255, 255);} .shuffling .fnavs .fnavs1{background: rgb(11, 87, 160); color: rgb(255, 255, 255);} .shuffling .fnavs ul li a{font-size: 14px; color: rgb( 0, 0, 0);} .shuffling .bd{position: relative; height: 268px;} .swiper-container2{top: 26px;} .swiper-container2 a span{display: block; text-align: center; font-size: 14px; color: rgb(0, 0, 0); margin-top: 16px;} .shuffling .bd .swiper-button-prev{position: absolute; top: 120px; left: -80px; width: 40px; height: 40px; color: rgba(0, 0, 0, 0)!important; background: url(prev_11.png) no-repeat center; outline: none;} .shuffling .bd .swiper-button-next{position: absolute; top: 120px; right: -80px; width: 40px; height: 40px; color: rgba(0, 0, 0, 0)!important; background: url(next_03.png) no-repeat center; outline: none;} .swiper-container2 .swiper-slide{position: relative;} .swiper-container2 .swiper-slide figcaption{position: absolute; top: 0; width: 283px; height: 190px; display: none; box-sizing: border-box; padding: 50px 20px; background-color: rgba(11, 87, 160,0.9); z-index: 200;} .swiper-container2 .swiper-slide:hover figcaption{display: block; cursor: pointer;} .swiper-container2 .swiper-slide figcaption p{font-size: 12px; line-height: 24px; color: rgba(255, 255, 255, 0.7);}