@charset "utf-8";

.mainContainer{margin-bottom:40px;}
/*mainContainer:before{display:block;content:"";position:absolute;right:0;top:400px;width:276px;height:549px;background:url(/images/fe_2020/main/mainBgRight.png) 0 0 no-repeat;z-index:-1;}
.mainContainer:after{display:block;content:"";position:absolute;left:0;bottom:-100px;width:303px;height:419px;background:url(/images/fe_2020/main/mainBgLeft.png) 0 0 no-repeat;z-index:-1;}*/

.visualWrap{position:relative;margin-bottom:40px;}
/*.visualWrap .mainSlogan{position:absolute;top:0;left:50%;width:665px;height:113px;margin:195px 0 0 -332px;background:url(/images/fe_2020/main/mainSlogan.png) 0 bottom no-repeat;text-indent:-9999px;}*/
.visualWrap .mainSlogan{position:absolute;top:50%;left:15px;right:15px;margin-top:-70px;color:#fff;text-align:center;}
.visualWrap .mainSlogan b{display:block;margin-bottom:15px;font-size:48px;font-weight:normal;}
.visualWrap .mainSlogan span{display:block;font-size:22px;}
.visualWrap #mainVisual li.bg{width:100%;height:490px;}
.visualWrap #mainVisual li.bg1{background:url(/images/fe_2020/main/mainVisual1.png) center right no-repeat;}
.visualWrap #mainVisual li.bg3{background:url(/images/fe_2020/main/mainVisual2.png) center right no-repeat;}
.visualWrap #mainVisual li.bg2{background:url(/images/fe_2020/main/mainVisual3.png) center right no-repeat;}
.visualWrap #mainVisual li.bg4{background:url(/images/fe_2020/main/mainVisual4.png) center right no-repeat;}
.visualWrap #mainVisual li.bg5{background:url(/images/fe_2020/main/mainVisual5.png) center right no-repeat;}
.visualWrap #mainVisual li.bg6{background:url(/images/fe_2020/main/mainVisual6.png) center right no-repeat;}
.visualWrap #mainVisual .slick-arrow{position:absolute;bottom:45px;width:50px;height:50px;border:1px solid #fff;;border-radius:100px;text-indent:-9999px;z-index:8;}
.visualWrap #mainVisual .slick-prev{left:50%;margin-left:-250px;background:transparent url(/images/fe_2020/main/btn_prev.png) center center no-repeat;}
.visualWrap #mainVisual .slick-next{right:50%;margin-right:-240px;background:transparent url(/images/fe_2020/main/btn_next.png) center center no-repeat;}
.visualWrap #mainVisual .slick-dots{position:absolute;bottom:65px;width:100%;text-align:center;padding-left:50px;box-sizing:border-box;}
.visualWrap #mainVisual .slick-dots li{display:inline-block;}
.visualWrap #mainVisual .slick-dots li button{background:#aaa;width:30px;height:1px;border:0;text-indent:-9999px;}
.visualWrap #mainVisual .slick-dots li.slick-active button{background:#fff;width:100px;}
.visualWrap #mainVisual .slick-control a{display:none;position:absolute;right:50%;margin-right:-310px;bottom:45px;width:50px;height:50px;border:1px solid #fff;;border-radius:100px;text-indent:-9999px;z-index:7;}
.visualWrap #mainVisual .slick-control a.active{display:block;}
.visualWrap #mainVisual .slick-control .btn_slickStart{background:url(/images/fe_2020/main/btn_start.png) center center no-repeat;}
.visualWrap #mainVisual .slick-control .btn_slickStop{background:url(/images/fe_2020/main/btn_stop.png) center center no-repeat;}
.pagingInfo{position:absolute;bottom:60px;left:50%;margin-left:-160px;color:#fff;font-size:16px;}
.pagingInfo b{font-size:20px;}

.section1,
.section2,
.section3{font-family:sans-serif;}
.section1 > div > div,
.section2 > div > div{position:relative;height:285px;box-sizing:border-box;}
.section1 > div,
.section2 > div,
.section3 > div{margin-bottom:20px;}
.item1:after{display:block;content:"";position:absolute;right:-20px;bottom:-40px;width:275px;height:285px;background:url(/images/fe_2020/main/item1Bg.png) 0 bottom no-repeat;background-size:auto 70%;z-index:-1;}
.item1 h2{position:relative;font-size:36px;padding:5px 0 20px;}
.item1 h2:after{display:block;content:"";position:absolute;left:0;bottom:0;width:50px;height:1px;background:#0f1108;}
.item1 p{margin-top:30px;font-size:16px;color:#4b4b4b;}
.item2{background:url(/images/fe_2020/main/item2.png) 0 0 no-repeat;color:#fff;}
.item2 .itemTitle1{padding:15px;background:rgba(228,71,122,0.8);border-bottom-right-radius:50px;color:#fff;}
.item2 .itemTitle1 b{display:block;margin-bottom:7px;font-size:18px;}
.item3{width:50% !important;}
.item4{background:url(/images/fe_2020/main/item4.png) 0 0 no-repeat;}
.item5{background:url(/images/fe_2020/main/item5.png) 0 0 no-repeat;}
.item6{background:url(/images/fe_2020/main/item6.png) 0 0 no-repeat;}
.item4 > a,
.item5 > a,
.item6 > a{display:block;color:#fff;font-size:18px;padding:240px 0 20px 20px}
.item7{background:url(/images/fe_2020/main/item7.png) 0 0 no-repeat;}
.item7 .itemTitle2{padding:15px 0 15px 30px;background:rgba(40,53,147,0.8);border-bottom-left-radius:50px;color:#fff;}
.item7 .itemTitle2 b{display:block;margin-bottom:7px;font-size:18px;}
.item8{position:relative;background:url(/images/fe_2020/main/item8.png) 0 0 no-repeat;box-sizing:border-box;}
.item8 .itemTitle3{padding:15px 0 15px 20px;background:rgba(102,181,30,0.8);border-bottom-right-radius:50px;color:#fff;}
.item8 .itemTitle3 b{display:block;margin-bottom:7px;font-size:18px;}
.item7 a{display:block;padding:40px 0 0 30px;height:285px;box-sizing:border-box;}
.item8 a{display:block;padding:40px 30px 0 0;height:285px;box-sizing:border-box;}
.itemTitle1,
.itemTitle2,
.itemTitle3,
.item9 span{font-size:14px;}
.item9{position:relative;height:285px;padding:25px 0 0 34px;background:url(/images/fe_2020/main/item9.png) 0 0 no-repeat;box-sizing:border-box;}
.item9 b{display:block;font-size:27px;color:#222;}
#seochoNews{margin-top:10px}
#seochoNews li .desc{display:block;display:-webkit-box;margin-bottom:15px;line-height:120%;height:240%;font-size:14px;color:#555;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#seochoNews li .img{display:block;max-width:100%;height:150px;background-position:center;background-size:cover;background-repeat:no-repeat;}
#seochoNews .slick-control{display:none;}
#seochoNews .slick-dots{position:absolute;bottom:0;}
#seochoNews .slick-dots li{display:inline-block;}
#seochoNews .slick-dots li button{display:inline-block;margin-top:10px;width:10px;height:10px;border:0;border-radius:30px;margin-right:3px;background:#888;text-indent:-9999px;}
#seochoNews .slick-dots li.slick-active button{width:30px;background:#06b7a4;}

.item10{width:50% !important;}
.item10 > div > div{padding-top:35px;box-sizing:border-box;}
.item10 > div > div a{display:block;padding-top:101px;font-size:18px;color:#333;font-weight:bold;text-align:center;}
.item10 > div > div a.icon1{background:url(/images/fe_2020/main/iconTransportation.png) center 0 no-repeat;}
.item10 > div > div a.icon2{background:url(/images/fe_2020/main/iconMedicalService.png) center 0 no-repeat;}
.item10 > div > div a.icon3{background:url(/images/fe_2020/main/iconRestaurant.png) center 0 no-repeat;}

.customerArea > div > div{position:relative;height:90px;padding:10px 0 20px 100px;border-top-right-radius:20px;border-bottom-left-radius:20px;box-sizing:border-box;color:#333;}
.customerArea > div > div > b{display:block;font-size:30px;}
.customerArea > div > div > span{font-size:16px;}
.item11{background:#99e46c;}
.item11:after{display:block;content:"";position:absolute;left:30px;top:20px;width:50px;height:50px;background:url(/images/fe_2020/main/item11Bg.png) 0 0 no-repeat;}
.item12{background:#f6c500;}
.item12:after{display:block;content:"";position:absolute;left:30px;top:20px;width:50px;height:50px;background:url(/images/fe_2020/main/item12Bg.png) 0 0 no-repeat;}

.mainBanner{position:relative;box-shadow:0 0 10px #ddd;padding:30px 0;background:#fff;}
.mainBanner:after{display:block;content:"";clear:both;}
.mainBanner ul li{float:left;width:20%;}
.mainBanner ul li a{display:block;text-align:center;}

@media all and (max-width:1220px){
	.divGroup{margin:0;}
	.item9 b{font-size:18px;}
}
@media all and (max-width:768px){
    .mainContainer:before{top:170px;}
    .visualWrap{margin-bottom:30px;}
    .visualWrap:after{display:block;content:"";position:absolute;bottom:0;lefT:0;right:0;height:70px;border-radius:80px 0;background:rgba(228,71,122,0.8);}
    .visualWrap #mainVisual li.bg{height:260px;background-size:cover;background-position:center;border-bottom-right-radius:75px;overflow:hidden;}
    /*.visualWrap .mainSlogan{width:284px;height:103px;margin:40px 0 0 -142px;background:url(/images/fe_2020/main/mainSloganM.png) 0 bottom no-repeat;}*/
    .visualWrap .mainSlogan{margin-top:-100px;}
	.visualWrap .mainSlogan b{margin-bottom:5px;font-size:32px;}
	.visualWrap .mainSlogan span{font-size:15px;}
    .visualWrap #mainVisual .slick-arrow{bottom:10px;}
	.visualWrap #mainVisual .slick-prev{margin-left:-155px}
    .visualWrap #mainVisual .slick-next{margin-right:-90px;}
    .visualWrap #mainVisual .slick-control a{bottom:10px;margin-right:-150px;}
    .visualWrap #mainVisual .slick-dots{bottom:30px;padding:0 20px 0 0;z-index:3;}
    .visualWrap #mainVisual .slick-dots li button{width:10px;}
    .visualWrap #mainVisual .slick-dots li.slick-active button{width:40px;}
    .pagingInfo{bottom:24px;margin-left:-100px;z-index:3;}
    .mainContainer > .inner{padding:0 10px;}
    .divGroup.cols4 > div{width:50%;}
    .section1 > div > div, 
    .section2 > div > div,
    .section3 > div > div{background-size:cover;}
    .item3,
    .item10{width:100% !important;}
    .item10 > div > div{padding-top:20px;}
    #seochoNews img{height:150px;}
    .customerArea{margin:0 -10px;}
    .mainBanner{margin:0 10px;}
}

@media all and (max-width:425px){
    body{font-size:13px;}
    .mainContainer > .inner{padding:5px;}
    .divGroup > div{padding:0 5px;}
    .visualWrap{margin-bottom:15px;}
	/*.visualWrap .mainSlogan{width:100%;background:url(/images/fe_2020/main/mainSloganM.png) center bottom no-repeat;left:0;margin:40px 0 0 0;}*/
	.visualWrap .mainSlogan span{font-size:13px;}
    .section1 > div > div, 
    .section2 > div > div,
    .item8,
    .item9,
    .item3 iframe{height:175px;}
    .section1 > div, 
    .section2 > div, 
    .section3 > div{margin-bottom:10px}
    .item1 h2{font-size:18px;}
    .item1 > p{margin-top:10px;font-size:13px;}
    .item1:after{right:-10px;bottom:-10px;width:180px;height:100px;background:url(/images/fe_2020/main/item1Bg.png) 50px bottom no-repeat;background-size:cover;z-index:-1;}
    .item2 .itemTitle1{padding:5px;}
    .item4 > a, .item5 > a, .item6 > a{position:absolute;top:0;left:0;bottom:0;right:0;font-size:15px;padding:140px 0 0 10px;}
    .item4 > a{padding:120px 0 0 10px;}
    .item2 .itemTitle1 b,
    .item7 .itemTitle2 b,
    .item8 .itemTitle3 b,
    .item9 b{font-size:16px;margin-bottom:0;}
    .item7{padding:10px 0 0 30px}
    .item7 .itemTitle2{padding:5px 0 5px 25px}
    .item8{padding:10px 30px 0 0;}
    .item8 .itemTitle3{padding:5px 0 5px 10px;}
    .item9{padding:10px 0 0 14px;}
	#seochoNews li .desc{margin-bottom:10px;}
	#seochoNews li .img{height:70px;}
    #seochoNews{margin-top:5px;}
	#seochoNews .slick-dots{bottom:-15px;}
    .item10 > div > div a{font-size:14px;padding-top:70px;}
    .item10 > div > div a.icon1,
    .item10 > div > div a.icon2,
    .item10 > div > div a.icon3{background-size:auto 60px;}
    .customerArea > div > div{padding:5px 0 0 65px;}
    .item11:after,
    .item12:after{left:10px;}
    .customerArea > div > div > b{font-size:24px;}
    .customerArea > div > div > span{font-size:15px;}
    .mainBanner{margin:0;padding:10px 0;}
    .mainBanner ul li{width:33.333%;}
}