.clearfix { overflow: auto; } div.banner, div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.footer { width: 100%; text-align: center; } div.banner { height: 500px; background-color: #7ed74e; position: relative; } .banner .swiper_img { width: 100%; height: 100%; } .banner .banner_title { position: absolute; left: 0; right: 0; bottom: 50px; margin: auto; } div.banner .banner_title { list-style: none; width: 1240px; display: inline-block; margin-top: 350px; } div.banner .banner_title li { width: 260px; height: 100px; background-color: #ffffff; float: left; margin: auto 25px; border-radius: 18px; line-height: 650%; } div.banner ul li a { font-size: 32px; background: #ffffff url('./../staticImages/b_s_1.jpg') no-repeat left center; padding-left: 42px; letter-spacing: 2px; color: #000000; cursor: pointer; } /* ---------------法律法规 start----------------------- */ .laws_regulations { width: 1200px; margin: 0 auto; padding: 50px 0; overflow: hidden; } .laws_regulations .regulations, .policy { border-radius: 2px; width: 48%; height: 370px; border: 1px solid #DEDEDE; } .laws_regulations .policy{ float: right; padding-right: 5px; } .laws_regulations .regulations{ float: left; } .laws_regulations .title h2 a{ display: block; padding: 20px; height: 60px; box-sizing: border-box; border-bottom: 1px solid #E6E6E6; width: 100%; } .laws_regulations .title h2 a p{ font-weight: 600; color: #4A4A4A; float: left; height: 37px; border-bottom: 2px solid #006CFF; } .laws_regulations .title h2 a p span { position: relative; font-size: 20px; top: -3px; } .laws_regulations .title h2 i{ font-style: normal; float: right; font-size: 14px; color: #9B9B9B; } .laws_regulations .title h2 i:hover { color: #f46143; } .laws_regulations .laws_list { padding: 0 21px; } .laws_regulations .laws_list li{ height: 50px; line-height: 50px; padding-left: 3px; } .laws_regulations .laws_list li a{ display: block; white-space:nowrap; /*文本不换行*/ text-overflow:ellipsis;/*设置超出部分显示...*/ -o-text-overflow:ellipsis; overflow: hidden; width: 380px; } .laws_regulations .laws_list li a:hover { color: #f46143; } .laws_regulations .laws_list li:not(:last-child) { border-bottom: 1px dotted #DEDEDE; } /* ---------------end----------------------- */ /* ---------------好差评start---------------------------- */ .Good_bad_reviews { width: 100%; height: 180px; } .Good_bad_reviews img { width: 100%; height: 100%; } /* ------------------end----------- */ /* -------------常见问题start--------------------- */ .common_question { padding: 40px; background-color: #F6F9FB; } .common_question .subject_con { width: 1200px; margin: 0 auto; overflow: hidden; } .common_question .subject, .interact{ border-radius: 2px; width: 48%; border: 1px solid #DEDEDE; background-color: #ffffff; } .common_question .list_content , .list_content_right{ padding: 10px 20px 20px 20px; box-sizing: border-box; } .common_question .list_content dd { height: 50px; line-height: 50px; } .common_question .list_content dd a{ display: inline-block; width: 40%; height: 50px; line-height: 50px; border-bottom: 1px dotted #DEDEDE; } .common_question .list_content dd a:hover { color: #f46143; } .common_question .list_content dd a:first-child { float: left; } .common_question .list_content dd a:last-child { float: right; } .common_question .list_content dd:last-child a{ border: none; } .common_question .subject { float: left; } .common_question .interact { float: right; } .common_question .title h2 a{ display: block; padding: 20px; box-sizing: border-box; height: 60px; box-sizing: border-box; border-bottom: 1px solid #E6E6E6; width: 100%; } .common_question .title h2 a p{ font-weight: 600; color: #4A4A4A; float: left; height: 37px; border-bottom: 2px solid #006CFF; } .common_question .title h2 a p span { position: relative; font-size: 20px; } .common_question .title h2 i{ font-style: normal; float: right; font-size: 14px; color: #9B9B9B; } .common_question .title h2 i:hover { color: #f46143; } .common_question .list_content_right { text-align: center; padding-bottom: 8px; box-sizing: border-box; overflow: hidden; } .common_question .list_content_right dd{ width: 49%; float: left; height: 130px; text-align: center; } .common_question .list_content_right dd { border-right: 1px dotted #DEDEDE; border-bottom: 1px dotted #DEDEDE; } .common_question .list_content_right dd:nth-of-type(n+3) { border-bottom: none; } .common_question .list_content_right dd:nth-child(even){ border-right: none; } .common_question .list_content_right dd a { display: block; position: relative; top:50%; height: 70px; transform:translateY(-50%); } .common_question .list_content_right dd a img{ width: 70px; height: 70px; display: inline-block; } .common_question .list_content_right dd a p{ display: inline-block; position: relative; left: 0; top: -25px; cursor: pointer; } .common_question .list_content_right dd a p:hover { color: #f46143; } /* -----------------end---------------------------- */ div.c_one { } div.c_one div:first-child { width: 1200px; height: 430px; text-align: left; } div.c_one div:first-child .news, div.c_one div:first-child .notice { margin-top: 40px; height: 340px; border: #f3f3f3 2px solid; padding: 0 15px 0 15px; } div.c_one div:first-child .news { width: 61%; float: left; } div.c_one div:first-child .notice { width: 30%; float: right; } div.c_one div:first-child .notice button{ float: right; margin-top: 5px; } /*<h2><a href=""><span>新闻动态</span><i>查看全部</i></a></h2>*/ div.c_one h2 { float: left; width: 100%; padding: 20px 0; border-bottom: 2px solid #efefef; } div.c_one h2 a { float: left; width: 100%; } div.c_one h2 span { float: left; background: #ffffff url("./../staticImages/n_t_s.jpg") no-repeat left center; padding-left: 45px; font-size: 18px; color: #000000; letter-spacing: 2px; } div.c_one h2 i { float: right; font-size: 14px; font-style: normal; color: #9d9d9d; } div.c_one h2 a:hover i { color: #f46143; } div.c_one .news .news-img { margin-top: 20px; float: left; } div.c_one ul { width: 100%; float: left; margin-top: 20px; list-style: none; font-size: 14px; letter-spacing: 1px; } /*<li><a href=""><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>*/ div.c_one ul li { border-bottom: 2px dashed #f3f3f3; line-height: 260%; } div.c_one ul li a { width: 100%; display: block; color: #000000; } div.c_one ul li a:hover { color: #f46143; } div.c_one ul li a span { float: right; color: #9b9b9b; } div.c_one ul li a:hover span { color: #f46143; } div.c_one ul li a i { float: left; color: #f46143; font-style: normal; border: 1px solid #f46143; line-height: 120%; margin: 9px 2px auto auto; font-size: 10px; } div.c_one .news ul { float: right; width: 50%; } div.c_two { background-color: #fafafa; } div.c_two div:first-child { width: 1200px; height: 400px; } div.c_two h2 { float: left; margin-top: 40px; background-color: #fafafa; width: 100%; font-size: 26px; font-weight: 600; letter-spacing: 2px; } div.c_two ul { float: left; margin-top: 28px; list-style: none; } div.c_two ul li { float: left; width: 16.5%; overflow: hidden; margin-left: 2.88%; padding: 40px 34px; border: 1px solid #E6E6E6; background: #ffffff; } div.c_two ul li:first-child { margin-left: 0; } div.c_two ul li h6 { margin-top: 25px; font-size: 16px; letter-spacing: 2px; } div.c_two ul li p { margin-top: 20px; font-size: 14px; cursor: pointer; line-height: 26px; } div.c_two ul li p:hover { color: #f46143; } div.c_three { width: 100%; background: #F6F9FB; } div.c_three div:first-child { width: 1200px; height: 360px; } div.c_three .c_t_banner{ float: left; display: block; margin-top: 38px; width: 100%; text-align: center; } div.c_three div dl{ text-align: left; float: left; margin-top: 30px; width: 45%; border: 2px solid #e3e3e3; padding: 20px; }div.c_three div dl.interact{ float: right; } div.c_three div dl dt{ width: 100%; }div.c_three div dl dd{ float: left; width: 50%; } div.c_four div:first-child { width: 1200px; height: 240px; background-color: #7ed74e; } /* -----------------友情链接-------------------------- */ div.c_five h2 { text-align: center; font-size: 26px; font-weight: 600; margin-bottom: 30px; } div.c_five div:first-child { width: 1200px; padding: 40px 0 20px 0; } div.c_five ul { width: 100%; height: auto; overflow: hidden; } div.c_five ul li{ float: left; width: 25%; padding-right: 20px; box-sizing: border-box; margin-bottom: 20px; } div.c_five ul li:nth-child(4n+4) { padding-right: 0; } div.c_five ul li a { display: block; height: 60px; border-radius: 1px; border: 1px solid #DEDEDE; box-sizing: border-box; width: 100%; box-sizing: border-box; } div.c_five ul li a img { height: 100%; }