.case {height:100%;width:100%;margin:0 auto;overflow: hidden;}
        .case h4 {color:#363535;font-size: 20px;text-align: center;margin-top: 50px;}
        .abpage {width:100%;}
        .p1 {position: relative;height:559px;background:url(../images/gywm_bg01.jpg?v=1) top center no-repeat;}
        .p2 {height:560px;background-color:#f5f7fa;}
        .p3 {height:820px;background:url(../images/gywm_bg02.jpg?v=1) top center no-repeat;}
        .p4 {height:1390px;background-color: #f5f7fa;}
        .aboutwrap {width:1280px;margin:0 auto;height:100%;min-width: 1280px;}
        .aboutwrap h1 {font-size: 25px;font-weight: bold;text-align: center;position:relative;padding-top: 25px}
        .main-nav {position:sticky;top:0px;height:65px;border-bottom:2px solid #eee;background-color: #fff;z-index: 99;color:#363535;}
        .main-nav > ul {width:1280px;height:100%;margin:0 auto;}
        .main-nav > ul li {float:left;display:inline-block;width:130px;height:65px;text-align: center;cursor:pointer}
        .main-nav span {margin-top: 20px;display: inline-block;}
        .main-nav div {width:0px;height:4px;background-color: #ff9600;margin-top: 23px;}
        .c1{}
        .c1 .content {width:1200px;height:500px;margin:100px auto 0;position:relative;}
        .c1 .content h1 {text-align: left;font-size: 30px;color:#ff9600;display:inline-block;position:absolute;left:0px;top:25px;}
        .c1 .content>p {display: inline-block;position:absolute;left:180px;top:35px;font-weight: bold;font-size: 18px;}
        .c1-text {width:590px;height:310px;position:absolute;top:100px;}
        .c1-text p {text-indent: 34px;line-height: 25px;font-size: 15px;}
        
        .swiper-container {width: 1280px;top: 100px;height: 461px;}
        .swiper-slide{ background-repeat:  no-repeat}
        .swiper-pagination{ left:50%; width: 212px; margin-left: -101px;top:530px; z-index: 98 !important;}
        .swiper-pagination-bullet{ width: 15px !important; height: 15px!important; margin-left:8px !important;;  background: #f5f7fa !important; border-radius: 50% !important; opacity: 1!important;}
        .swiper-pagination-bullet-active{ background: #ffc363 !important;}
        /*.slide1 {background-image:url(https://img1.ssl.q1.com/szgla/img/about/c4-img1.jpg?v=1);}
        .slide2 {background-image:url(https://img1.ssl.q1.com/szgla/img/about/c4-img2.jpg?v=1);}*/
        
        .csoo_banner{position:relative;background:url(../images/banner_coo.jpg) no-repeat center center;height:520px;background-size:cover;width:100%;overflow:hidden;}
        .csoo_c{background:#f5f7fa;overflow:auto;padding:0px;}
        .csoo_c ul li{width: 560px;height:430px;padding-left: 70px;float:left;margin: 40px 0px 0;border-bottom: 1px solid #e5e5e5;}
        .csoo_c ul li.first{border-right: 1px solid #e5e5e5;}
        .csoo_c ul li h1{color: #232323;height: 40px;line-height: 40px;font-size: 26px;padding-left:12px;margin-bottom: 5px;text-align: left;padding-top: 0;}
        .csoo_c ul li .tb{display:block;width:152px;margin:0 auto;}
        .csoo_c ul li p{ margin-top:15px; line-height:26px;}

        .c3 {height:820px;overflow:hidden;}
        .year-event {width: 1000px;height:400px;margin: 50px auto 0;}
        .year-event li {display:none;width:100%;height:100%;position:relative;}
        .year-event h2 {color:#ff9600;font-weight: normal;font-size: 40px;position:absolute;top:20px;left:-10px;}
        .year-event div {width:778px;height:350px;position:absolute;left:200px;top:20px}
        .year-event p {font-size: 17px;line-height: 50px;}
        .s-year {font-size: 17px;}

        .year {width:1280px;height:100px;margin-top: -58px;}
        .year li {float: left;width:60px;height:100%;margin-left: 30px;position:relative;cursor:pointer;}
        .year span {display: inline-block;position:absolute;top:80px;left:3px;color: #363535;font-size:17px;}
        .location {width:35px;height:42px;background:url('../images/gywm_icon03.png');position:relative;left:12px;top:0;display: none;animation: bounce;animation-duration: 1s;}
        .point {width:13px;height:13px;border:1px solid #d6d6d6;border-radius: 50%;position:absolute;left:22px;top:50px;background-color: #fff;}
        .year-active {color:red !important;}
        .line {width:100%;height:2px;background-color: #d6d6d6;margin-top:50px;}

        .c4 {}
       	.c4-box {width:1260px;margin:10px auto 0;overflow:hidden;}
        .c4-box ul {width:1000px;height:470px;margin:60px auto 0;}
        .c4-box ul li {float:left;width:333px;height:220px;position:relative;}
        .c4-box .img1 {width:57px;height:60px;background:url(https://img1.ssl.q1.com/szgla/img/about/c4-img.png?v=1) 0 0;}
        .c4-box .img2 {width:54px;height:60px;background:url(https://img1.ssl.q1.com/szgla/img/about/c4-img.png?v=1) -57px 0;}
        .c4-box .img3 {width:56px;height:60px;background:url(https://img1.ssl.q1.com/szgla/img/about/c4-img.png?v=1) -111px 0;}
        .c4-box .img4 {width:52px;height:60px;background:url(https://img1.ssl.q1.com/szgla/img/about/c4-img.png?v=1) -168px 0;}
        .c4-box .img5 {width:57px;height:60px;background:url(https://img1.ssl.q1.com/szgla/img/about/c4-img.png?v=1) -220px 0;}
        .c4-box .img6 {width:56px;height:60px;background:url(https://img1.ssl.q1.com/szgla/img/about/c4-img.png?v=1) -277px 0;}
				.c4-box .legal_c{ line-height:28px; padding:20px 0;width: 1260px;margin:0 auto;}
				.c4-box .legal_c p {line-height: 26px; font-size: 14px;text-indent: 2em; color: #767676;margin-block-start: 0px;}
				.c4-box .legal_c .c4p1 {text-align:center;}
				.c4-box .legal_c .bd{margin-top:25px;}
				.c4-box .legal_c .bd1{float:left;width:410px;height:1058px;padding:20px;background:#fff;}
				.c4-box .legal_c .bd2{float:right;width:745px;height:1058px;padding:20px;background:#fff;}
				.c4-box .legal_c h4 {position:relative;line-height: 16px;height:25px; margin-top: 24px; font-size: 14px; color: #000; font-weight: normal;}
				.c4-box .legal_c .h42{margin-top:60px;}
				.c4-box .legal_c h4 span{display:block;position: relative;z-index: 2;font-size: 18px;height: 26px;}
				.c4-box .legal_c h4 em{position: absolute;left: 50%;top: 5px;display: block;font-size: 14px;font-weight: normal;width: 256px;margin-left: -128px;height:20px;background:#e4eefd;z-index: 0;}
        
				.about_num{ width:80px; height:59px;background:url(../images/about_01.png) no-repeat; margin:0 auto;}
				.about_box{ overflow:hidden; padding-bottom:20px;}
				.about_l{float:left;width:473px; line-height:30px;font-size:26px; margin-top:0px;color: #000;padding-left: 53px;}
				.about_r{float:right;width:660px; margin-top:0px;font-size:16px;line-height:44px;color: #6d6d6d;text-align: left;}
				.about_r h1{ font-size:28px; line-height:32px; padding:20px 0;text-align:left;color:#232323;}
				.about_r img{ width:100%; max-width:381px;}