.F1area {  background:#fff; border-radius:10px; padding:30px 30px;box-shadow: 0px 10px 30px 0px rgb(0 0 0/.03), inset 0px 0px 20px 0px #fff; box-sizing:border-box;}

.mainserve_search {overflow:hidden;}
.mainserve_search ul.dongz { position:relative;}
.mainserve_search ul.dongz li { float:left;}
.mainserve_search ul.dongz li input { border:none; height:60px; width:100%;outline:none; font-size:18px; background:#fff; padding:0 18px; color:#999; box-sizing:border-box;}
.mainserve_search ul.dongz li.li_2 { width:90%;}
.mainserve_search ul.dongz li.li_2 input { border-radius:10px 0 0 10px;border:#efefef 1px solid;background:#efefef}
.mainserve_search ul.dongz:hover li.li_2 input{ border-radius:10px 0 0 10px;border:#2272D5 1px solid;background:#fff}
.mainserve_search ul.dongz li.li_3{overflow: hidden;width:10%}
.mainserve_search ul.dongz li.li_3 a { background:#2272D5;height:60px;line-height:60px; font-size:18px; text-align:center; color:#fff; border-radius:0 10px 10px 0; cursor:pointer;display:block}
.mainserve_search ul.dongz #search_tips { width: 700px;margin: 5px 0 0 0;font-size: 14px;line-height: 36px;border-radius: 4px;border: 1px solid #eee;}
.mainserve_search ul.dongz #search_tips div { height: 36px;}


.ServiceBox { display:flex; flex-wrap:wrap;padding-top:15px}
.ServiceBox dl { width:32%; margin-right:2%; padding:0px 25px 0px 0px;box-sizing:border-box;}
.ServiceBox dl:nth-child(1) {background: linear-gradient(180deg, #fffcf9 0%, #fff 30%);border-right:#eee 1px solid; }
.ServiceBox dl:nth-child(2) {background: linear-gradient(180deg, #f6fffd 0%, #fff 30%); border-right:#eee 1px solid;}
.ServiceBox dl:nth-child(3) {background: linear-gradient(180deg, #eef9ff 0%, #fff 30%); }
.ServiceBox dl:nth-child(3n+3) { margin-right:0;}
.ServiceBox dl dt { display:flex; align-items:center; margin-bottom:5px;}
.ServiceBox dl dt img { height:40px; margin-right:10px;}
.ServiceBox dl dt strong { font-size:18px; color:#222;}
.ServiceBox dl dt a { margin-left:auto; font-size:14px; color:#666; display:flex; align-items:center;}
.ServiceBox dl dt a i { display:block; width:20px; line-height:16px; background:#fef6f7; border-radius:16px; margin-right:6px; color:#ee5060;font-size:10px; text-align:center; transition:all .3s ease;}
.ServiceBox dl:nth-child(2) dt a i { background:#f2fbf8; color:#3bcba7;}
.ServiceBox dl:nth-child(1) dt a:hover i { background:#ee5060; color:#fff;}
.ServiceBox dl:nth-child(2) dt a:hover i { background:#3bcba7; color:#fff;}
.ServiceBox dl dd { display:flex; flex-wrap:wrap;}
.ServiceBox dl dd a { display:block; padding:0 12px; background:#f7f7f7; line-height:28px; font-size:14px; color:#666; margin:10px 8px 0 0px; border-radius:8px; position:relative;}
.ServiceBox dl dd a:hover { background:#eee;}
.ServiceBox dl dd a img { height:14px; margin-right:3px; transform: translate(0, -1px);}
.ServiceBox dl:nth-child(1) dd a.hot { background:#fef6f7; color:#ee5060;}
.ServiceBox dl:nth-child(2) dd a.hot { background:#f2fbf8; color:#3bcba7;}
.ServiceBox dl dd a em { display: block;width: 28px;line-height: 16px;border-radius: 5px 0;color: #fff;font-size: 11px;background: #ee5060;text-align: center;position: absolute;right: 0;top: 0;transform: translate(5px, -110%);}
.ServiceBox dl:nth-child(2) dd a em { color: #fff; background: #3bcba7;}
.ServiceBox dl:nth-child(3) dd { }
.ServiceBox dl:nth-child(3) dd ul { display:flex; margin-top:20px; width:100%;}
.ServiceBox dl:nth-child(3) dd ul li { padding:16px; background:#f5faf8; border-radius:8px; width:48%; margin-right:4%; box-sizing:border-box;}
.ServiceBox dl:nth-child(3) dd ul li:nth-child(2) { background:#f3f9fc;}
.ServiceBox dl:nth-child(3) dd ul li:nth-child(2) { margin-right:0;}
.ServiceBox dl:nth-child(3) dd ul li p { font-size:13px; color:#333; font-weight:700; line-height:22px;}
.ServiceBox dl:nth-child(3) dd ul li a { margin:12px 0 0 0; display:inline-block; line-height:28px; font-size:11px; background:#04b472; color:#fff; padding:0 14px; border-radius:28px; cursor:pointer;}
.ServiceBox dl:nth-child(3) dd ul li a i { font-size:14px; margin-right:3px;}
.ServiceBox dl:nth-child(3) dd ul li:nth-child(2) a { background:#1054ee; color:#fff;}





.expobox dt { display:flex; align-items:center; margin-bottom:15px;}
.expobox dt img { height:40px; margin-right:10px;}
.expobox dt strong { font-size:24px; color:#222;}
.expobox dt a { margin-left:auto; font-size:16px; color:#666; display:flex; align-items:center;}
.expobox dt a i { display:block; width:20px; line-height:16px; border-radius:16px; margin-right:6px;font-size:10px; text-align:center; transition:all .3s ease;}

.expobox dl { display:flex; flex-wrap:wrap;}
.expobox dl dd { width:19%; margin-right:1%;background:#fff; border-radius:10px; padding:10px 10px 15px 10px;box-shadow: 0px 10px 30px 0px rgb(0 0 0/.03), inset 0px 0px 20px 0px #fff; box-sizing:border-box;}
.expobox dl dd:hover{box-shadow: 0px 10px 30px 0px rgb(0 0 0/.09), inset 0px 0px 20px 0px #fff;}
.expobox dl dd:nth-child(5n+5) { margin-right:0;}
.expobox dl dd:nth-child(1n+6) { margin-top:2%;}
.expobox dl dd .image { width:100%; overflow:hidden; border-radius:8px;}
.expobox dl dd .image img { width:100%; transition:all .3s ease;}
.expobox dl dd:hover .image img { transform:scale(1.1);}
.expobox dl dd .expotitle { display:block; padding:10px 0; color:#313336;font-weight:bold;  font-size:16px; }
.expobox dl dd .expotime { display:block; padding:0px 0 10px; color:#666;font-size:12px;}

.expobox dl dd .expoinfo .left{float:left;font-size:16px;font-weight:bold;color:#f60}
.expobox dl dd .expoinfo .right{float:right;color:#666}



.indexNewsMain { display:flex; flex-wrap:wrap;}
.indexNewsMain dl { width:32%; margin-right:2%;background:#fff; border-radius:10px; padding:25px;box-shadow: 0px 10px 30px 0px rgb(0 0 0/.03), inset 0px 0px 20px 0px #fff; box-sizing:border-box;}
.indexNewsMain dl:nth-child(3n+3) { margin-right:0;}


.indexNewsMain dt { display:flex; align-items:center; margin-bottom:15px;}
.indexNewsMain dt img { height:40px; margin-right:10px;}
.indexNewsMain dt strong { font-size:18px; color:#222;}
.indexNewsMain dt a { margin-left:auto; font-size:16px; color:#666; display:flex; align-items:center;}
.indexNewsMain dt a i { display:block; width:20px; line-height:16px; background:#fef6f7; border-radius:16px; margin-right:6px; color:#069;font-size:10px; text-align:center; transition:all .3s ease;}

.indexNewsMain dl .hotline .image { position:relative; border-radius:6px; overflow:hidden;}
.indexNewsMain dl .hotline .image img { width:100%;}
.indexNewsMain dl .hotline .image em { line-height:26px; position:absolute; left:0; bottom:0; background:rgb(0 0 0/.6); color:#fff; padding:0 15px; font-size:12px; border-radius:0 20px 0 0;}
.indexNewsMain dl .hotline strong { display:block; margin:15px 0; font-size:16px; color:#222; font-weight:400; padding:0 5px;}
.indexNewsMain dl dd { border-top:1px solid #eee; padding:10px 5px 0;}
.indexNewsMain dl dd a { display:block; line-height:1.6; font-size:15px; padding:5px 0;}
.indexNewsMain dl dd a em { float:right;}


.banner_sec { position: relative;}
.banner_sec .banner_swiper { position: relative; width:100%; overflow:hidden; z-index:1;}
.banner_sec .banner_swiper .swiper-slide a { width:100%; height:400px;display: flex;justify-content: center;overflow: hidden; position:relative;}
.banner_sec .banner_swiper .swiper-slide img { height:400px;}
.banner_sec .banner_swiper .swiper-slide .text { position: absolute;top: 0px;left: 0px; width:100%; height:100%;display: flex;align-items: center; z-index:1; background:rgb(0 0 0/.2); text-align:center; box-sizing:border-box; padding-bottom:112px;}
.banner_sec .banner_swiper .swiper-slide .text strong { font-size: 48px;line-height: 84px;margin-bottom: 8px;color: #fff; display:block;}
.banner_sec .banner_swiper .b_menu { position:absolute;bottom:20px;z-index:10;width:100%; display: flex;justify-content: center;}
.banner_sec .banner_swiper .b_menu span { display:block; width:30px; height:5px; margin:0 5px; background:#fff; border-radius:3px; float:left;transform: skew(358deg);opacity:1;}
.banner_sec .banner_swiper .b_menu span.swiper-pagination-bullet-active { background:#2272d5;}
.banner_sec .banner_swiper .swiper_bnt { width:64px; height:64px; background:rgb(255 255 255/.1); position:absolute; top:50%;z-index:10; cursor:pointer;transform: translate(0, -50%);transition:all .3s; border-radius:50%; opacity:0;}
.banner_sec .banner_swiper:hover .swiper_bnt { opacity:1;}
.banner_sec .banner_swiper .swiper_bnt:hover { background:rgb(255 255 255/.5);}
.banner_sec .banner_swiper .swiper_next { left:5%;}
.banner_sec .banner_swiper .swiper_prev { right:5%;}
.banner_sec .banner_swiper .swiper_bnt i { display:block; line-height:64px; text-align:center; color:#fff; font-size:16px;}

.bulletin_sec { background:#fff; height:54px; line-height:54px; overflow:hidden;}
.bulletin_sec .w1200 { position:relative;}
.bulletin_sec .w1200 .bulletin_off { position: absolute;right: 0;top: 1px;color: #000;font-size: 20px;border-radius: 10px;cursor: pointer;}
.bulletin_sec .biao { float:left; height:54px;display: flex;align-items: center; margin-right:15px; color:#2272D5;}
.bulletin_sec .biao i { font-size:16px;}
.bulletin_sec .bd li { font-size:14px; height:54px;display: flex;align-items: center;}
.bulletin_sec .bd li em { background-image: linear-gradient(110deg, #efd266 20%,#f4b534 80%);color: #fff;height: 24px;line-height: 24px;border-radius: 20px;font-size: 14px;margin-right: 10px;font-weight: 400; width:48px; text-align:center;display: inline-block;}
.bulletin_sec .bd li a { color:#333; display:inline-block;}
.bulletin_sec .bd { float:left; width:85%;}
.bulletin_sec .hd1 { float:right; height:54px;margin-right:40px; line-height:54px; font-size:14px;transform: translate(0, -1px);}
.bulletin_sec .hd1 a {cursor:pointer;transform: translate(0, 1px);display: inline-block;}
.bulletin_sec .hd1 a.next { margin-right:8px;}
.bulletin_sec .hd1 span { letter-spacing: 10px; color:#000;}


/*行业大咖*/

.hydk_sec { padding:30px 0; overflow:hidden; position:relative;}
.hydk_swiper { overflow:hidden;}
.hydk_swiper ul li { width:220px; float:left;}
.hydk_swiper ul li .image { box-sizing:border-box; border-radius:4px; border:1px solid #eee; overflow:hidden;}
.hydk_swiper ul li .image img { width:100%; transition:all .5s;}
.hydk_swiper ul li:hover .image img { transform: scale(1.1);}
.hydk_swiper ul li h3 { display:block; font-size:16px; color:#666; line-height:24px; margin-top:10px; font-weight:400;}
.hydk_sec .swiper_bnt { width:40px; height:40px; background:rgb(255 255 255/.6); position:absolute; top:40%;z-index:10; cursor:pointer;transition:all .3s; border-radius:50%;box-shadow: 0 4px 12px rgb(0 0 0 / .1);}
.hydk_sec .swiper_bnt:hover { background:rgb(255 255 255/.9);}
.hydk_sec .swiper_next { right:11%;}
.hydk_sec .swiper_prev { left:11%;}
.hydk_sec .swiper_bnt i { display:block; line-height:40px; text-align:center; color:rgb(22 21 29 /.8); font-size:16px;}
.hydk_sec .swiper_bnt:hover { box-shadow: 0 4px 12px rgb(0 0 0 / .2);}
.hydk_sec .swiper_bnt:hover i { color:#ff6700;}