body{ max-width:1920px; margin:0 auto;}
.top100bj{ background:url(../images/top100bj.jpg) no-repeat center top; background-size:100% auto; overflow: hidden; }

.top100head{ overflow: hidden; margin-top:34px; }
.top100head .top100logo{ height:106px; }
.top100head .top100logo img{ display: block; height:100%; }
.top100head .top100name{ color:#ffffff; font-size:56px; font-weight:bold; line-height:106px; }


.top100ban{ width:600px; margin:50px auto 0 auto;}
.top100ban img{ display: block; width:100%;}

.top100tit{ text-align: center;  position: relative; padding-top:30px; margin:60px 0;}
.top100tit .cn{ color:#f4d4ae; font-size:48px; line-height:1; font-weight: bold; position: relative; z-index:1;  }
.top100tit .en{ color:#a3261b; font-size:60px; line-height:0.8; font-family: Impact; text-transform: uppercase; position: absolute; left:0; top:0; width:100%;}

.activity_introduction{ border:2px dashed #efd4b0; margin-bottom:120px; border-radius:35px; padding:50px 50px 70px 50px; color:#fae0bd; font-size:16px; line-height:3; position: relative;}
.activity_introduction:after{ content:""; position: absolute; bottom:-70px; right:35px; width:330px; height:140px; background:url(../images/activity_introduction.png) no-repeat center center; background-size:cover; }

.enterprise_recommendation{}
.enterprise_recommendation .swiper-slide{ width:23.8%; background:#fae0bd; border-radius:15px;}
.enterprise_recommendation .swiper-slide a{ display: block; padding:20px;}
.enterprise_recommendation .swiper-slide .ertop{ overflow: hidden;}
.enterprise_recommendation .swiper-slide .ertop .ico{ width:65px; height:65px; float: left; border:1px solid #e5e5e5; border-radius:50%; overflow: hidden; }
.enterprise_recommendation .swiper-slide .ertop .ico img{ display: block; width:100%;}
.enterprise_recommendation .swiper-slide .ertop .tit{ padding-left:80px; color:#372815; font-size:20px; line-height:1.5; font-weight: bold; height:65px; }
.enterprise_recommendation .swiper-slide .ertop .tit div{display: flex; align-items: center; height:100%; }
.enterprise_recommendation .swiper-slide .info { color: #473723; font-size: 14px; line-height: 30px; margin-top: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}

.top100pagination{ text-align: center; margin-top:60px; }
.top100pagination .swiper-pagination-bullet{ width:12px; height:12px; margin:0 7px; opacity:1; background:#ffffff; }
.top100pagination .swiper-pagination-bullet-active{ background:#fea065;}

.top100{ overflow: hidden;}
.top100main{ position: relative; z-index:1; background: url(../images/top100main.jpg) repeat-x center top; background-size:auto 100%; width:1352px; margin:-25px auto 0 auto; padding:50px;}
.top100img{}
.top100img img{ display: block; width:100%;}

.top100list{ width:48%; overflow: hidden; }
.top100list li{ float:left; width:100%; overflow: hidden; }
.top100list li div{ float: left;}

.top100list li.litit{ color:#efc593; font-size:20px; font-weight: bold; margin-bottom:30px; }
.top100list li.litit div{ background-image: linear-gradient(to bottom, #c3141d, #811110); height:38px; line-height:38px; border-radius:19px; text-align: center;}
.top100list li.litit .ranking{ width:14%; }
.top100list li.litit .name{ width:60%; margin:0 3%; }
.top100list li.litit .revenue{ width:20%; }

.top100list li.litxt{ text-align: center; height:36px; border-radius:18px; line-height:36px; margin:5px 0; }
.top100list li.litxt2{ background:#e8cfad;}
.top100list li.litxt div{font-size:18px; color:#473723; }
.top100list li.litxt .ranking{ width:14%; font-weight: bold; }
.top100list li.litxt .ranking img{ height:36px; display: block; margin:0 auto;}
.top100list li.litxt .name{ width:60%; margin:0 3%;  font-weight: bold; }
.top100list li.litxt .revenue{ width:20%;  }


.survey_results{ overflow: hidden;}
.survey_results li{ width:32%; border:2px dashed #992625; float: left; border-radius:25px;}
.survey_results li a{ display: block; padding:25px 35px;}
.survey_results li h3{ color:#fae0bd; font-size:24px; line-height:40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.survey_results li p{ color:#d4b995; font-size:15px; line-height:30px; margin:20px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.survey_results li .more{ width:87px; height:26px; border:1px solid #992625; line-height:24px; border-radius:13px; display: block; color:#c8a988; font-size:12px; text-align: center; }

.survey_results li:hover h3{ color:#ffffff; }
.survey_results li:hover p{ color:#ffffff; }
.survey_results li:hover .more{ color:#992625; background:#ffffff; border-color:#ffffff; }

.successive{ overflow: hidden;}
.successive li{ width:32%; margin-right:2%; float: left; }
.img{ border:1px solid #d3ab7b; }
.successive li img{ display: block; width:100%;}
.successive li .tit{ color:#d3ab7b; font-size:18px; text-align: center; margin:30px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}


.top100foot{ border-top:1px solid #974b4a; padding:50px 0; margin-top:70px; text-align: center; color:#ba5958; font-size:14px; line-height:30px; }
.top100foot a:hover{ color:#ffffff; text-decoration: underline;}


@media screen and (max-width: 1600px) {
.top100bj{ min-width:1200px; background-image:url(../images/top100bj2.jpg);}

.top100head{ margin-top:30px; }
.top100head .top100logo{ height:90px; }
.top100head .top100name{ font-size:56px; line-height:90px; }


.top100ban{ width:500px; margin-top:40px;}

.top100tit{ padding-top:25px; margin:50px 0;}
.top100tit .cn{ font-size:40px; }
.top100tit .en{ font-size:50px; }

.activity_introduction{ margin-bottom:100px; border-radius:30px; padding:40px 40px 60px 40px; font-size:14px; }
.activity_introduction:after{ bottom:-60px; right:30px; width:280px; height:120px; }

.enterprise_recommendation .swiper-slide{ border-radius:12px;}
.enterprise_recommendation .swiper-slide a{ padding:15px;}
.enterprise_recommendation .swiper-slide .ertop .ico{ width:55px; height:55px; }
.enterprise_recommendation .swiper-slide .ertop .tit{ padding-left:70px; font-size:18px; height:55px; }
.enterprise_recommendation .swiper-slide .info { font-size: 12px; line-height: 25px; margin-top: 10px; }

.top100pagination{ margin-top:50px; }
.top100pagination .swiper-pagination-bullet{ width:10px; height:10px; margin:0 5px; }

.top100main{ width:1150px; margin-top:-20px; padding:40px;}

.top100list li.litit{ font-size:18px; margin-bottom:25px; }
.top100list li.litit div{ height:34px; line-height:34px; border-radius:17px; }

.top100list li.litxt{ height:30px; border-radius:15px; line-height:30px; }
.top100list li.litxt div{font-size:16px; }
.top100list li.litxt .ranking img{ height:30px;}


.survey_results li{ border-radius:20px;}
.survey_results li a{ padding:20px 25px;}
.survey_results li h3{ font-size:20px; line-height:34px; }
.survey_results li p{ font-size:13px; line-height:25px; margin:15px 0;}


.successive li .tit{ font-size:16px; margin:25px 0;}

.top100foot{ padding:40px 0; margin-top:60px; font-size:12px; line-height:25px; }

}


@media screen and (max-width: 768px) {

.top100bj{ min-width:100%; background:#720100 url(../images/top100bj.jpg) no-repeat center top; background-size:100% auto;  }


.top100head{ margin-top:20px; }
.top100head .top100logo{ height:50px; }
.top100head .top100name{ font-size:28px; line-height:50px; }


.top100ban{ width:70%; margin:30px auto 0 auto;}

.top100tit{ padding-top:20px; margin:20px 0;}
.top100tit .cn{ font-size:20px; }
.top100tit .en{ font-size:28px; }

.activity_introduction{ margin-bottom:50px; border-radius:20px; padding:15px 15px 30px 15px; }
.activity_introduction:after{ bottom:-40px; right:20px; width:210px; height:90px; }

.enterprise_recommendation .swiper-slide{ border-radius:10px; width:100%;}
.enterprise_recommendation .swiper-slide .ertop .tit{ font-size:16px; font-weight: normal; }

.top100pagination{ margin-top:20px; }


.top100main{ width:95%; margin-top:-5px; padding:15px;}

.top100list{ width:100%;}
.top100list li.litit{ margin-bottom:15px; }
.top100list li.litxt{margin:4px 0;}
.top100list li.litxt div{ font-size:14px;}
.top100list.fr li.litit { display: none;}


.survey_results li{ border-radius:15px; width:100%; margin-top:15px;}
.survey_results li:first-child{ margin-top:0;}
.survey_results li a{ padding:10px 15px;}
.survey_results li h3{ font-size:18px; line-height:30px; }
.survey_results li p{ font-size:12px; line-height:20px; margin:10px 0;}

.successive li{ width:100%;}
.successive li .tit{ font-size:14px; margin:15px 0;}

.top100foot{ padding:20px 0; margin-top:20px; }

}