锘緻charset "utf-8"; html,body{font-family: "Microsoft YaHei","Arial";background: #fff;} /*hide scroll*/ ::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;} ::-webkit-scrollbar {width:0px;height:0px;} ::-webkit-scrollbar-thumb {background:#dddddd;background-clip:padding-box;min-height:28px;} ::-webkit-scrollbar-thumb:hover {background:#bbb;} .box{width: 100%;margin: 0 auto;} .box_left{width:16.145833333333336vw;transition: all 1s;} .box_right{width:83.85416666666667vw;transition: all 1s;} /*澶撮儴鏍峰紡*/ .header{position: fixed;margin:0 auto;top:0;left:0;z-index: 99;height:100vh;text-align: center;background: #f0f0f0;width:16.145833333333336vw;transition: all 1s;overflow: hidden;} .header h1{background: #e60012;width:100%;height:170px;line-height: 170px;text-align: center;transition: all 1s;} .head_nav ul li{padding:15px 0 0;width: 120px;margin: 0 auto;} .head_nav ul li span{display: block;text-align: left;} .head_nav ul li:hover span.cn, .head_nav ul li:hover span.en, .head_nav ul li.active span.cn, .head_nav ul li.active span.en{color:#e60012} .head_nav ul li span.cn{font-size: 16px;line-height: 30px;color:#333;} .head_nav ul li span.cn em{display: inline-block;vertical-align: middle;width: 8px;height:8px;float: right;margin-top: 10px;} .head_nav ul li span.cn em::before, .head_nav ul li span.cn em::after{content: "";display: block;width:8px;height:2px;background: #b9b9b9;} .head_nav ul li span.cn em::before{margin-top: 4px;} .head_nav ul li span.cn em::after{transform: rotate(90deg);margin-top: -2px;} .head_nav ul li span.en{font-size: 12px;line-height: 20px;color:#b0b0b0;font-family: Arial, Helvetica, sans-serif;} .shrink .menu-button{left: 0;transition: all 1s;} .shrink .box_left{width: 0;transition: all 1s;} .shrink .header{width: 0;transition: all 1s;} .shrink .box_right{width:100vw;transition: all 1s;} /*搴曢儴鏍峰紡*/ footer{margin: 0 auto;background: #f0efed;;width:100%;} .foot_tel{font-size: 36px;color:#333;font-family: Arial, Helvetica, sans-serif;line-height: 32px;padding:13px 0;} .foot_tel img{display: inline-block;vertical-align: top;} .foot_nav{max-width:780px;font-size: 0;width: 60%;} .foot_nav dl{display: inline-block;vertical-align: top;width: 16.6%;} .foot_nav dl dt{font-size: 16px;line-height: 30px;color:#333;border-bottom: 1px solid rgba(25, 25, 25, .2);padding-bottom: 15px;margin-bottom: 15px;position: relative;} .foot_nav dl dt::after{content: "";display: block;width:14px;height:1px;background:rgba(0, 0, 0, .5);position: absolute;bottom: -1px;left: 0;} .foot_nav dl dd{font-size: 14px;line-height: 30px;color:#333;opacity: .7;} .foot_nav dl dt a, .foot_nav dl dd a{color:#333;display: block;width:120px;margin-right: 10px;} .foot_cont{max-width:380px;width: 29.24%;} .foot_cont dl{font-size: 0;} .foot_cont dl dt, .foot_cont dl dd{display: inline-block;vertical-align: top;} .foot_cont dl dt{width: 80px;text-align: center;} .foot_cont dl dt span{display: block;} .foot_cont dl dt .ewm{width:46px;height:46px;opacity: 1;margin: 0 auto;} .foot_cont dl dt .tit{font-size: 14px;line-height: 30px;color:#333;opacity: .65;} .foot_cont dl dd{width: 270px;margin-left: 15px;} .foot_cont dl dd p{font-size: 14px;line-height: 30px;color:#333;margin-bottom: 15px;} .foot_cont dl dd select{width: 100%;height:40px;line-height: 40px;background: rgba(255, 255, 255, 1);font-size: 14px;color:#aaa;border-radius: 5px;border:1px solid rgba(255, 255, 255, .2);} .foot{background: #d0000c;} .foot p{text-align: center;font-size: 14px;line-height: 24px;color:#fff;opacity: .8;padding: 13px 0;} .foot p a{color:#fff;} .menu-button { position: fixed; bottom: 0px; left: 16.145833333333336vw; padding: 13px 10px; cursor: pointer; background-color: #f0efed; z-index: 90; transition: all 1s; } .shrink .menu-button{ -webkit-transform: translateY(0px) rotate(90deg); -ms-transform: translateY(0px) rotate(90deg); transform: translateY(0px) rotate(90deg); } .menu-button .bar:nth-of-type(1) { margin-top: 0px; } .menu-button .bar:nth-of-type(3) { margin-bottom: 0px; } .bar { position: relative; display: block; width: 20px; height: 2px; margin: 4px auto; background-color: #333; border-radius: 10px; -webkit-transition: .3s; transition: .3s; } /* .menu-button:hover .bar:nth-of-type(1) { -webkit-transform: translateY(1.5px) rotate(-4.5deg); -ms-transform: translateY(1.5px) rotate(-4.5deg); transform: translateY(1.5px) rotate(-4.5deg); } .menu-button:hover .bar:nth-of-type(2) { opacity: .9; } .menu-button:hover .bar:nth-of-type(3) { -webkit-transform: translateY(-1.5px) rotate(4.5deg); -ms-transform: translateY(-1.5px) rotate(4.5deg); transform: translateY(-1.5px) rotate(4.5deg); } */ .cross .bar:nth-of-type(1) { -webkit-transform: translateY(0px) rotate(-0deg); -ms-transform: translateY(0px) rotate(-0deg); transform: translateY(0px) rotate(-0deg); } .cross .bar:nth-of-type(2) { /* opacity: 0; */ -webkit-transform: translateY(0px) rotate(-0deg); -ms-transform: translateY(0px) rotate(-0deg); transform: translateY(0px) rotate(-0deg); } .cross .bar:nth-of-type(3) { -webkit-transform: translateY(0px) rotate(0deg); -ms-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); } /* .cross:hover .bar:nth-of-type(1) { -webkit-transform: translateY(13.5px) rotate(-40.5deg); -ms-transform: translateY(13.5px) rotate(-40.5deg); transform: translateY(13.5px) rotate(-40.5deg); } .cross:hover .bar:nth-of-type(2) { opacity: .1; } .cross:hover .bar:nth-of-type(3) { -webkit-transform: translateY(-13.5px) rotate(40.5deg); -ms-transform: translateY(-13.5px) rotate(40.5deg); transform: translateY(-13.5px) rotate(40.5deg); } */ /*banner鏍峰紡*/ .banner{height:650px;position: relative;z-index: 6;overflow: hidden;width: 100vw;} .banner .swiper-container-banner .swiper-slide a{display: block;height:650px;} .swiper-pagination-banner{text-align: center;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;z-index: 6;bottom: 20px;} .swiper-pagination-banner .swiper-pagination-bullet{background: rgba(255, 255, 255, .8);opacity: 1;} .swiper-pagination-banner .swiper-pagination-bullet-active{background: #e60012;} .box_title .box_title_cn{font-size: 40px;line-height: 50px;font-weight: bold;color:#e60012;} .box_title .box_title_en{font-size: 30px;line-height: 40px;color:#e60012;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;} .party{height:899px;} .party .box_title{text-align: right;} .party_con .mores{font-size: 14px;line-height: 28px;color:#e60012;text-align: right;} .party_con .mores a{color:#e60012;padding: 30px 0;display: inline-block;} .party_left{width:574px;overflow: hidden;} .party_list{position: relative;max-width:726px;width: 55.85%;} .party_list ul li{border-bottom: 1px solid #e5e5e5;padding:18px 0;padding-left: 40px;background: #f7f7f7;} .party_list ul li .tit{font-size: 18px;line-height: 30px;color:#333;height:30px;} .party_list ul li .tct{display: none;} .party_list ul li .tct .txt{font-size: 14px;line-height: 24px;color:#666;height:48px;margin: 15px auto;} .party_list ul li .tct .more{font-size: 14px;line-height: 20px;color:#e60012;} .party_list ul li .tct .more img{display: inline-block;vertical-align: top;margin-right: 10px;} .party_list ul li.active{background: #f0f0f0;padding: 51px 0;padding-left: 40px;} .party_list ul li.active h3{color:#3ba3f9;} .party_list ul li.active .tct{display: block;} .party_list ul li .pic{max-width: 574px;overflow: hidden;left: -79.1%;top: 0px;display: none;position: absolute;text-align: center;width: 79.1%;} .party_list ul li.active .pic{display: block;} .party_list ul li .pic img{transition: all .75s;} .party_list ul li .pic:hover img{transition: all .75s;transform: scale(1.1);} .about{height:650px;margin: -35px auto 0;} .about_left{width:100px;} .about_left .box_title{position: relative;} .about_left .box_title .box_title_cn{width:50px;margin-left: 50px;} .about_left .box_title .box_title_en{width: 250px;transform: rotate(90deg);position: absolute;left: -100px;top: 250px;} .about_right {max-width: 1120px;width:86.2%;} .about_right ul{font-size: 0;} .about_right ul li{display: inline-block;vertical-align: top;max-width: 480px;margin-left: 7%;width: 42.86%;} .about_right ul li .pic{width: 100%;height:280px;overflow: hidden;} .about_right ul li .pic img{transition: all .75s;} .about_right ul li:hover .pic img{transition: all .75s;transform: scale(1.1);} .about_right ul li .tct .tit{font-size: 24px;line-height: 26px;font-weight: bold;color:#343434;padding:15px 0;} .about_right ul li .tct .txt{font-size: 16px;line-height: 28px;color:#888;} .field .box_title{text-align: center;} .field .box_title .box_title_cn, .field .box_title .box_title_en{color:#fff;} .field_list ul{font-size: 0;} .field_list ul li{display: inline-block;vertical-align: top;max-width: 400px;background: #fff;border-radius: 10px;width: 30.77%;margin: 0 3.8% 3.8% 0;overflow: hidden;} .field_list ul li:nth-child(3n){margin-right: 0;} .field_list ul li .pic{width:50%;height:192px;overflow: hidden;display: inline-block;vertical-align: top;} .field_list ul li .pic img{transition: all .75s;} .field_list ul li:hover .pic img{transition: all .75s;transform: scale(1.1);} .field_list ul li .tct{display: inline-block;vertical-align: top;width: 50%;padding: 25px;box-sizing: border-box;} .field_list ul li .tct .cn{font-size: 20px;line-height: 30px;color:#333;} .field_list ul li .tct .en{font-size: 14px;line-height: 26px;color:#666;font-family: Arial, Helvetica, sans-serif;} .field_list ul li .tct .txt{font-size: 12px;line-height: 20px;color:#666;margin-top: 5px;} .field_list ul li:hover, .field_list ul li.active{background: #e60012;} .field_list ul li:hover .tct .cn, .field_list ul li.active .tct .cn{font-weight: bold;} .field_list ul li:hover .tct .cn, .field_list ul li:hover .tct .en, .field_list ul li:hover .tct .txt, .field_list ul li.active .tct .cn, .field_list ul li.active .tct .en, .field_list ul li.active .tct .txt{color:#fff;} .field_list{position: relative;padding-bottom: 50px;} .field_list .swiper-container-field{position: relative;overflow: hidden;font-size: 0;} .field_list .swiper-container-field .swiper-slide{background: #fff;border-radius: 10px;width: 30.77%;} /* .field_list .swiper-container-field .swiper-slide:nth-child(3n){margin-right: 0;} */ .field_list .swiper-container-field .swiper-slide .pic{width:50%;height:192px;overflow: hidden;display: inline-block;vertical-align: top;} .field_list .swiper-container-field .swiper-slide .pic img{transition: all .75s;} .field_list .swiper-container-field .swiper-slide:hover .pic img{transition: all .75s;transform: scale(1.1);} .field_list .swiper-container-field .swiper-slide .tct{display: inline-block;vertical-align: top;width: 50%;padding: 25px;box-sizing: border-box;} .field_list .swiper-container-field .swiper-slide .tct .cn{font-size: 20px;line-height: 30px;color:#333;} .field_list .swiper-container-field .swiper-slide .tct .en{font-size: 14px;line-height: 26px;color:#666;font-family: Arial, Helvetica, sans-serif;} .field_list .swiper-container-field .swiper-slide .tct .txt{font-size: 12px;line-height: 20px;color:#666;margin-top: 5px;} .field_list .swiper-container-field .swiper-slide:hover, .field_list .swiper-container-field .swiper-slide.active{background: #e60012;} .field_list .swiper-container-field .swiper-slide:hover .tct .cn, .field_list .swiper-container-field .swiper-slide.active .tct .cn{font-weight: bold;} .field_list .swiper-container-field .swiper-slide:hover .tct .cn, .field_list .swiper-container-field .swiper-slide:hover .tct .en, .field_list .swiper-container-field .swiper-slide:hover .tct .txt, .field_list .swiper-container-field .swiper-slide.active .tct .cn, .field_list .swiper-container-field .swiper-slide.active .tct .en, .field_list .swiper-container-field .swiper-slide.active .tct .txt{color:#fff;} .swiper-pagination-field{margin: 30px auto;text-align: center;} .swiper-pagination-field .swiper-pagination-bullet-active{background: #e60012;} .field_list .swiper-button-prev, .field_list .swiper-button-next{width:35px;height:35px;bottom: 0;top: auto;} .field_list .swiper-button-prev::after, .field_list .swiper-button-next::after{font-size: 24px;color:#fff;} .field_list .swiper-button-disabled{display: none;} .field_list .swiper-button-prev{left: 50%;margin-left: -35px;} .field_list .swiper-button-next{right: 50%;margin-right: -35px;} .brand{background: #f9f9f9 url(../images/brand_bg.jpg) no-repeat top left;} .brand_list ul{font-size: 0;} .brand_list ul li{display: inline-block;vertical-align: top;width: 31.999999%;margin: 0 2% 0 0;position: relative;} .brand_list ul li:nth-child(3){margin-right: 0;} .brand_list ul li .pic{width: 100%;height:544px;overflow: hidden;} .brand_list ul li .pic img{transition: all .75s;} .brand_list ul li:hover .pic img{transition: all .75s;transform: scale(1.1);} .brand_list ul li .tct{background: rgba(30, 30, 30, .8);position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;padding:30px;box-sizing: border-box;} .brand_list ul li .tct .cn{font-size: 24px;font-weight: bold;color:#fff;line-height: 36px;} .brand_list ul li .tct .en{font-size: 24px;line-height: 36px;color:#fff;font-weight: bold;} .brand_list ul li .tct .txt{font-size: 14px;line-height: 24px;color:#fff;margin-top: 10px;} .brand_list ul li:hover .tct, .brand_list ul li.active .tct{background: #e60012;} .business{background: #f9f9f9;} .business_list{background: #f0f0f0;} .business_list ul{font-size: 0;} .business_list ul li{display: inline-block;vertical-align: top;width: 25%;text-align: center;} .business_list ul li a{display: inline-block;vertical-align: top;} .business_list ul li .icon{width: 71px;height:82px;overflow: hidden;display: inline-block;vertical-align: middle;margin: 0 20px 0 0;} .business_list ul li .tct{display: inline-block;vertical-align: middle;text-align: left;} .business_list ul li .tct .cn{font-size: 24px;line-height: 30px;color:#333;} .business_list ul li .tct .en{font-size: 18px;line-height: 26px;color:#888;font-family: Arial, Helvetica, sans-serif;} .ban{height:485px;} .nav{background: rgba(0, 0, 0, .2);margin-top: -50px;position: relative;z-index: 2;} .nav ul{font-size: 0;} .nav ul li{display: inline-block;vertical-align: top;width:200px;text-align: center;font-size: 16px;line-height: 50px;color:#fff;} .nav ul li a{color:#fff;display: block;} .nav ul li.active a{background: #e60012;} .crumbs{text-align: right;padding:20px 0;} .crumbs dl dt, .crumbs dl dd{display: inline-block;vertical-align: top;font-size: 12px;line-height: 16px;color: #888;opacity: .75;} .crumbs dl dd::after{content: "";display: inline-block;width: 1px;height:10px;background: #888;opacity: .75;margin:0 10px;} .crumbs dl dd:last-child:after{display: none;} .crumbs dl dd a{color:#888;} .box .title .title_cn{font-size: 30px;font-weight: bold;color:#222;line-height: 36px;margin-bottom: 5px;} .box .title .title_en{font-size: 30px;font-weight: bold;color:#222;line-height: 36px;opacity: 0.09;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;} .develop .title .title_cn, .develop .title .title_en{display: inline-block;vertical-align: top;padding-right: 10px;} .develop .title .title_en{font-size: 48px;} .lop_banner{ width:100%; overflow: hidden; } .small_lop{ width: 100%; float: left; position: relative; overflow: hidden;} .develop .small_lop{ position: relative; padding-top: 50px;} .develop .small_inner{ margin:0 30px;overflow: hidden;background: url(../images/deve_bg.jpg) no-repeat center 100px;} .develop .small_inner li{ float: left; cursor: pointer; width: 280px; margin-right: 20px;} .develop .small_inner li .txt{min-height: 108px;background: #f6f6f6;border-radius: 5px;padding:10px 20px;box-sizing: border-box;height:140px;overflow-y: scroll;font-size: 14px;line-height:24px;color:#666;text-indent: 2em;} .develop .tit{line-height: 36px; text-align: left; font-size: 16px; margin-bottom: 30px;display: block; color:#666;position: relative;padding-top: 119px;} .develop .tit{width:100px;height:50px;text-align: center;} .develop .tit b{font-size: 18px;color:#e60012;display: inline-block;vertical-align: bottom;width:100px;height: 50px;background: #eee;border-radius: 0 0 100px 100px;} .develop .small_inner li.on .tit b{color:#fff;background: #e60012;} /**.develop .small_inner li.on .txt{font-weight: bold;}**/ .develop .left_lop, .develop .right_lop{text-align: center;cursor: pointer;height: 32px; width:32px;bottom: 80px;position: absolute;background: #ccc url(../images/deve_icon.png) no-repeat center;border-radius: 5px;} .develop .left_lop{ left: 0px;transform: rotate(180deg);} .develop .right_lop{right: 0px;} .develop .left_lop:hover, .develop .right_lop:hover{background: #e60012 url(../images/deve_icon.png) no-repeat center;} .join_list ul li{margin: 40px auto;} .join_list ul li h3{font-size: 20px;color:#333;line-height: 22px;padding-left: 10px;position: relative;cursor: pointer;} .join_list ul li h3::before{content: "";display: inline-block;vertical-align: top;width: 4px;height:22px;background: #e60012;position: absolute;left: 0;top: 0;} .join_list ul li.active h4{box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1),0 -3px 5px rgba(0, 0, 0, 0.1);line-height: 100px;background: none;box-sizing: border-box;} .join_list ul li h4{font-size: 14px;line-height: 60px;color:#666;margin: 30px auto;cursor: pointer;background: #f7f7f7;padding: 0 20px;} .join_list ul li h4 span{display: inline-block;vertical-align: top;margin-right: 125px;} .join_list ul li h4 span:nth-child(1){margin-right: 30px;display: none;} .join_list ul li.active h4 span:nth-child(1){display: inline-block;} .join_list ul li .tct{border:1px solid #d2d2d2;box-sizing: border-box;height:435px;overflow: hidden;display: none;} .join_list ul li .tct .tl{padding:50px;float: left;width: 690px;box-sizing: border-box;} .join_list ul li .tct .tl .tit{font-size: 18px;line-height: 24px;font-weight: bold;color:#333;margin: 0px auto;} .join_list ul li .tct .tl .mains_text{height:330px;overflow-y: scroll;} .join_list ul li .tct .tr{width: 565px;float: right;background: url(../images/tr_bg.jpg) no-repeat left;height:435px;} .join_list ul li .tct .tr .tr_con{height:310px;padding: 70px 40px;box-sizing: border-box;margin-top: 60px;background: #fff;position: relative;} .join_list ul li .tct .tr .tr_con::before{content: "";display: block;background: url(../images/tr_con_bg.png) no-repeat left center; width: 20px;height:100%;position: absolute;left: -20px;top: 0;} .join_list ul li .tct .tr .tr_con .mains_text{height:175px;overflow-y: scroll;} .social_list ul li{padding-bottom: 60px;} .social_list ul li .pic{max-width: 548px;height:361px;overflow: hidden;float: left;width: 43.5%;text-align: center;} .social_list ul li .pic img{transition: all .75s;} .social_list ul li .tct{float: right;max-width: 630px;width:50%;} .social_list ul li .tct .tit{font-size: 30px;font-weight: bold;color:#333;line-height: 36px;margin-top: 40px;} .social_list ul li .tct .tit::after{content: "";display: block;width: 120px;height:3px;background: #ff0000;margin: 15px 0;} .social_list ul li .tct .tst{font-size: 24px;color:#222;line-height: 30px;} .social_list ul li .tct .txt{font-size: 16px;line-height: 30px;color:#333;margin-top: 20px;} .social_list ul li:nth-child(even) .pic{float: right;} .social_list ul li:nth-child(even) .tct{float: left;} .social_list ul li:hover .pic img{transition: all .75s;transform: scale(1.1);} .culture_con .mains_text{max-width: 945px;width:100%;margin: 0 auto;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1),0 -3px 5px rgba(0, 0, 0, 0.1);border-radius: 5px;padding:50px 80px;box-sizing: border-box;background: #fff;} .mains_text iframe{height:450px;} .party_title{border-bottom: 1px solid #d0000c;padding-bottom: 10px;} .party_title .cn{font-size: 30px;line-height: 36px;font-weight: bold;color:#333;} .party_title .en{font-size: 18px;font-family: Arial, Helvetica, sans-serif;line-height: 26px;color:#e7e7e7;text-transform: uppercase;font-style: oblique;} .party_title .more{font-size: 14px;line-height: 26px;color:#888;float: right;margin-top: -30px;} .party_title .more a{color:#888;} .party_title .more img{display: inline-block;vertical-align: top;} .party_title .more:hover a{color:#d0000c;} .party_list1{font-size: 0;} .party_list1 ul li{display: inline-block;vertical-align: top;max-width: 400px;width: 31.75%;margin: 0 2.3% 2.3% 0;} .party_list1 ul li:nth-child(3n){margin-right: 0;} .party_list1 ul li .pic{width:100%;height: 281px;overflow: hidden;position: relative;text-align: center;line-height: 281px;} .party_list1 ul li .pic img{transition: all .75s;} .party_list1 ul li:hover .pic img{transition: all .75s;transform: scale(1.1);} .party_list1 ul li .pic .time{position: absolute;left: 0;top: 0;width:100px;height:100px;background: rgba(230, 0, 18, .55);text-align: center;} .party_list1 ul li .pic .time em{font-size: 30px;line-height: 50px;display: block;color:#fff;padding-top: 20px;line-height: 30px;} .party_list1 ul li .pic .time span{display: block;font-size: 14px;line-height: 30px;color:#fff;} .party_list1 ul li .tct{padding:15px;background: #f6f6f6;} .party_list1 ul li .tct .tit{font-size: 16px;line-height: 30px;color:#333;font-weight: bold;text-align: center;height:30px;} .party_list1 ul li .tct .txt{font-size: 14px;line-height: 26px;color:#888;height:26px;} .party_list1 ul li:hover .tct .tit{color:#d0000c;} .party_list1 ol li{background: #f6f6f6;padding: 15px 30px;box-sizing: border-box;margin-bottom: 25px;} .party_list1 ol li .tit{font-size: 18px;line-height: 30px;color:#333;padding-left: 20px;position: relative;width: 85%;box-sizing: border-box;} .party_list1 ol li .tit::before{content: "";display: block;vertical-align: middle;background: url(../images/party_list2_icon.png) no-repeat;width: 6px;height:7px;position: absolute;left: 0;top: 50%;margin-top: -3px;} .party_list1 ol li .time{font-size: 14px;line-height: 30px;color:#888;width: 15%;text-align: right;opacity: .54;} .party_list1 ol li:hover .tit{color:#d0000c;} .party_list2 ul li{border-bottom: 1px solid #e0e0e0;} .party_list2 ul li .tit{font-size: 18px;line-height: 50px;color:#333;padding-left: 20px;position: relative;width: 85%;box-sizing: border-box;} .party_list2 ul li .tit::before{content: "";display: block;vertical-align: middle;background: url(../images/party_list2_icon.png) no-repeat;width: 6px;height:7px;position: absolute;left: 0;top: 50%;margin-top: -3px;} .party_list2 ul li .time{font-size: 14px;line-height: 50px;color:#888;width: 15%;text-align: right;} .party_list2 ul li:hover .tit{color:#d0000c;} .party_list3 ul{background: #f2f2f2;border-radius: 15px;padding-left: 600px;position: relative;height:345px;} .party_list3 ul li .pic{max-width: 560px;height:345px;overflow: hidden;display: none;position: absolute;top: 0;left: 0;border-radius: 20px;} .party_list3 ul li .pic img{transition: all .75s;} .party_list3 ul li:first-child .tst{padding-top: 40px;} .party_list3 ul li .tst{max-width: 630px; border-bottom: 1px solid #d9d9d9;width: 92%;} .party_list3 ul li .tst .tit{width:80%;line-height: 50px;font-size: 16px;color:#333;padding-left: 20px;box-sizing: border-box;position: relative;} .party_list3 ul li .tit::before{content: "";display: block;vertical-align: middle;background: url(../images/party_list2_icon.png) no-repeat;width: 6px;height:7px;position: absolute;left: 0;top: 50%;margin-top: -3px;} .party_list3 ul li .tst .time{width:20%;line-height: 50px;text-align: right;} .party_list3 ul li.active .pic{display: block;} .party_list3 ul li.active .tst .tit{color:#d0000c;} .party_list3 ul li .pic:hover img{transition: all .75s;transform: scale(1.1);} .news_list ul li{border-bottom: 1px solid #dcdcdc;padding-bottom: 25px;margin-bottom: 25px;} .news_list ul li .time{max-width:114px;height:114px;background: #e9e9e9;text-align: center;color:#fff;border-radius: 5px;width: 9.1%;margin-top: 35px;} .news_list ul li .time b{font-size: 60px;font-weight: bold;font-family: "Arial";display: block;line-height: 60px;padding-top: 15px;} .news_list ul li .time span{display: block;font-size: 16px;line-height: 30px;} .news_list ul li .tct{max-width:1085px;margin-left: 4%;margin: 35px 0 0 4%;transition: all .75s;width: 86%;} .news_list ul li .pic{max-width: 187px;height:187px;overflow: hidden;border-radius: 187px;width: 0;transition: all .75s;text-align: center;line-height: 187px;} .news_list ul li .pic img{transition: all .75s;} .news_list ul li .pic:hover img{transition: all .75s;transform: scale(1.1);} .news_list ul li .tct .tit{font-size: 22px;line-height: 36px;color:#666;height:36px;} .news_list ul li .tct .txt{font-size: 14px;line-height: 30px;color:#666;height:60px;margin-top: 15px;} .news_list ul li.active .pic{width:14.9%;transition: all .75s;} .news_list ul li.active .tct{max-width: 840px;width: 66.67%;margin: 35px 4% 0;transition: all .75s;} .news_list ul li.active .time{background: #e60012;} .news_list ul li.active .tct .tit{color:#e60012;} .news_con .news_tit{text-align: center;border-bottom: 1px solid #dcdcdc;} .news_con .news_tit h3{font-size: 24px;line-height:28px;color:#222;font-weight: bold;margin-bottom: 15px;} .news_tit p{margin: 15px auto;} .news_tit p span{font-size: 14px;line-height: 30px;color:#666;margin: 0 10px;display: inline-block;vertical-align: top;} #share-2{display: inline-block;vertical-align: top;opacity: 1;} .social-share .social-share-icon{border:none !important;width: 36px !important;height: 36px !important;line-height: 36px;} .social-share a{margin: 0 auto !important;} .social-share .icon-weibo:hover, .social-share .icon-weibo{background: url(../images/icon_wb2.png) !important;} .social-share .icon-wechat:hover, .social-share .icon-wechat{background: url(../images/icon_wx2.png) !important;} .social-share .icon-weibo:before, .social-share .icon-wechat:before{display: none;} .news_con .mains_text{padding:30px 0;box-sizing: border-box;} .return a{background: #e60012;color:#fff;width: 120px;line-height: 36px;text-align: center;display: inline-block;border-radius: 5px;transition: all .75s;font-size: 14px;} .return a:hover{width: 150px;transition: all .75s;} .return a img{width:9%;display: inline-block;vertical-align: middle;margin-left: 10px;} .turn_page{margin:0px auto;border-top: 1px solid #e1e1e1 !important;padding:20px 0;} .turn_page, .turn_page dl:nth-child(1), .turn_page dl dt{border:none;width: auto;} .turn_page dl{font-size: 14px;line-height: 36px;color:#666;} .turn_page dl dt{color:#666;padding-left:15px;} .turn_page dl dd{padding-left: 1%;} .turn_page dl dd a{display: block;color:#666;} .turn_page dl:hover dd a{color:#e60012;} .technology_con .mains_text{padding:20px 15px;box-sizing: border-box;} .technology_video{position: relative;margin: 30px auto;} .swiper-container-video{max-width: 1122px;width:100%;margin: 0 auto;overflow: hidden;} .swiper-container-video .swiper-slide .pic{width:100%;height:270px;line-height: 270px;text-align: center;} .swiper-container-video .swiper-slide .tit{font-size: 16px;line-height: 60px;font-weight: bold;color:#fff;text-align: center;background: #68a2e2;} .technology_video .swiper-button-next, .technology_video .swiper-button-prev{color:#333;font-size: 20px;} .technology_video .swiper-button-next::after, .technology_video .swiper-button-prev::after{font-size: 20px;} .technology_list{max-width: 1122px;width:100%;margin: 0 auto;} .technology_list ul{font-size: 0;} .technology_list ul li{display: inline-block;vertical-align: top;max-width: 148px;width: 13.2%;margin: 0 1.2% 1.2% 0;} .technology_list ul li:nth-child(7n){margin-right: 0;} .technology_list ul li .pic{width:100%;height:57px;line-height: 57px;text-align: center;} .technology_list ul li .tit{font-size: 14px;line-height: 36px;color:#666;text-align: center;} .testing_list dl dt, .testing_list dl dd{font-size: 0;margin-bottom: 30px;} .testing_list dl dt span, .testing_list dl dd span{display: inline-block;vertical-align: top;} .testing_list dl dt span:nth-child(1), .testing_list dl dd span:nth-child(1){width: 45%;padding-left: 50px;box-sizing: border-box;} .testing_list dl dt span:nth-child(2), .testing_list dl dd span:nth-child(2){width:20%;} .testing_list dl dt span:nth-child(3), .testing_list dl dd span:nth-child(3){width:20%;} .testing_list dl dt span:nth-child(4), .testing_list dl dd span:nth-child(4){width:15%;} .testing_list dl dt{background: #fef9f9;line-height: 65px;border:1px solid #e60012;box-sizing: border-box;} .testing_list dl dt span{font-size: 16px;color:#e60012;} .testing_list dl dd {line-height: 65px;box-shadow: 2px 3px 5px rgba(0, 0, 0, .1), -2px -3px 5px rgba(0, 0, 0, .1);border-radius: 5px;} .testing_list dl dd span{font-size: 16px;color:#333;position: relative;} .testing_list dl dd span img{display: inline-block;vertical-align: middle;margin-left: 10px;} .testing_list dl dd span:nth-child(1)::before{content: "";display: block;width:8px;height:8px;background: #d2d2d2;position: absolute;left: 20px;top: 50%;margin-top: -4px;border-radius: 8px;} .testing_list dl dd:hover span:nth-child(1){color:#e60012} .testing_list dl dd:hover span:nth-child(1)::before{background: #e60012;} .make_list{position: relative;} .swiper-container-make{overflow: hidden;max-width: 1218px;width:100%;margin: 0 auto;} .swiper-container-make .swiper-slide .pic{width:100%;height:235px;line-height: 235px;text-align: center;} .swiper-container-make .swiper-slide .tit{font-size: 16px;color:#666;background: #ebebeb;text-align: center;line-height: 55px;} .make_list .swiper-button-next, .make_list .swiper-button-prev{width:40px;height:40px;border-radius: 5px;background: #f2f2f2;border:1px solid #bfbfbf;color:#333;} .make_list .swiper-button-next::after, .make_list .swiper-button-prev::after{font-size: 20px;} .product_tit ul, .product_list ul{font-size: 0;} .product_tit ul li{display: inline-block;vertical-align: top;min-width: 170px;text-align: center;background: #e0e0e0;font-size: 16px;line-height: 45px;color:#666;margin:0 10px 10px 0} .product_tit ul li a{display: block;padding:0 10px;color:#666;} .product_tit ul li.active a{background: #e60012;color:#fff;font-weight: bold;} .product_list ul li{display: inline-block;vertical-align: top;max-width: 390px;border:1px solid #e1e1e1;box-sizing: border-box;width: 30.96%;margin:3.5% 3.5% 0 0;} .product_list ul li:nth-child(3n){margin-right: 0;} .product_list ul li .tct{width:100%;height: 265px;overflow: hidden;position: relative;} .product_list ul li .tct .pic{width:100%;height:265px;overflow: hidden;} .product_list ul li .tct .pic img{transition: all .75s;} .product_list ul li .tct .tst{width:100%;height:0;background: rgba(0, 0, 0, 0.35);position: absolute;bottom: 0;left: 0;right: 0;text-align: center;transition: all .75s;overflow: hidden;} .product_list ul li .tct .tst span{display: inline-block;vertical-align: top;width:55px;height:55px;border-radius: 55px;margin: 80px 15px 0;} .product_list ul li .tct .tst p{font-size: 16px;line-height: 36px;color:#fff;text-align: center;margin-top: 20px;} .product_list ul li .tct .tst p a{color:#fff;} .product_list ul li .tit{font-size: 18px;line-height:65px;height:65px;text-align: center;} .product_list ul li .tit a{display: block;} .product_list ul li:hover{border:1px solid #e60012;} .product_list ul li:hover .tct .pic img{transition: all .75s;transform: scale(1.1);} .product_list ul li:hover .tit a{background: #e60012;color:#fff;} .product_list ul li:hover .tct .tst{height:265px;transition: all .75s;} .product_top .pic{display: inline-block;vertical-align: top;max-width: 560px;height:382px;overflow: hidden;width: 44.5%;} .product_top .tct{display: inline-block;vertical-align: top;max-width: 595px;width: 47.3%;margin-left:3%;} .product_top .tct .tit{font-size: 30px;font-weight: bold;color:#222;margin-top: 50px;} .product_top .tct .txt{font-size: 16px;line-height: 30px;color:#666;margin-top: 20px;} .product_top .tct .tel{font-size: 16px;line-height: 30px;color:#e60012;font-weight: bold;margin-top: 20px;} .product_top .tct .tel img{display: inline-block;vertical-align: middle;} .product_top .tct .tel b{font-size: 24px;display: inline-block;vertical-align: middle;} .product_top .tct .more{margin-top: 20px;} .product_top .tct .more a{display: inline-block;vertical-align: top;padding:0 30px 0 15px;border-radius: 5px;font-size: 16px;color:#fff;margin-right: 15px;} .product_tits{line-height: 50px;background: #fff2f3;border-top: 2px solid #e60012;font-size: 18px;font-weight: bold;color:#e60012;padding:0 30px} .recommend_tit{font-size: 16px;font-weight: bold;line-height: 40px;border-bottom: 1px solid #ebebeb;} .recommend_tit span{background: url(../images/recommend_tit_bg.png) no-repeat left;text-align: center;display: inline-block;width: 186px;color:#fff;} .recommend ul{font-size: 0;} .recommend ul li{display: inline-block;vertical-align: top;max-width: 235px;border:1px solid #e1e1e1;box-sizing: border-box;width: 18.7%;margin: 2% 1.6% 0 0;} .recommend ul li:nth-child(5){margin-right: 0;} .recommend ul li .pic{width:100%;height: 159px;overflow: hidden;} .recommend ul li .pic img{transition: all .75s;} .recommend ul li .tit{font-size: 16px;line-height: 40px;text-align: center;} .recommend ul li:hover{border:1px solid #e60012;} .recommend ul li:hover .pic img{transition: all .75s;transform: scale(1.1);} .recommend ul li:hover .tit{background: #e60012;color:#fff;} .story_list ul li{font-size: 0;border-bottom: 1px solid #e7e7e7;padding-bottom: 35px;margin-bottom: 35px;} .story_list ul li .pic{max-width: 250px;height:180px;overflow: hidden;display: inline-block;vertical-align: top;width: 19.85%;text-align: center;margin-right: 3%;} .story_list ul li .pic img{transition: all .75s;} .story_list ul li .tct{max-width:970px;display: inline-block;vertical-align: top;width: 76.99%;} .story_list ul li .tct .tit{font-size: 20px;font-weight: bold;color:#333;line-height: 36px;height:36px;margin-top: 15px;} .story_list ul li .tct .txt{font-size: 14px;line-height: 24px;color:#666;height:48px;margin-top: 15px;} .story_list ul li .tct .time{font-size: 14px;line-height: 26px;color:#666;opacity: 0.28;margin-top: 15px;} .story_list ul li:hover .pic img{transition: all .75s;transform: scale(1.1);} .story_list ul li:hover .tct .tit{color:#e60012;} .second_nav{background: #ebebeb;} .second_nav ul{font-size: 0;} .second_nav ul li{font-size: 16px;line-height: 50px;color:#666;display: inline-block;vertical-align: top;margin-left: 50px;} .second_nav ul li a{display: block;padding:0 20px;position: relative;} .second_nav ul li a::after{content: "";display: block;width: 0;height: 2px;background: #e60012;position: absolute;bottom: 0;left: 0;} .second_nav ul li.active a{color:#e60012;} .second_nav ul li.active a::after{width:100%;} .video_list ul li, .video_list ol li{float: left;max-width: 289px;width: 22.94%;margin-right: 2.5%;} .video_list ul li .pic, .video_list ol li .pic{width: 100%;height:166px;position: relative;overflow: hidden;} .video_list ul li .pic img, .video_list ol li .pic img{transition: all .75s;} .video_list ul li:hover .pic img, .video_list ol li:hover .pic img{transition: all .75s;transform: scale(1.1);} .video_list ul li .pic span, .video_list ol li .pic span{font-size: 14px;color:#fff;position: absolute;bottom: 10px;left: 20px;line-height: 30px;} .video_list ul li .pic span img, .video_list ol li .pic span img{margin-right: 5px;display: inline-block;vertical-align: middle;line-height: 30px;} .video_list ul li .tit, .video_list ol li .tit{font-size: 14px;line-height: 28px;color:#333;height:28px;} .video_list ul li.active{max-width: 617px;height: 387px;overflow: hidden;width: 48.97%;margin-right: 2.5% !important;} .video_list ul li.active .pic{width: 100%;height:387px;} .video_list ol li:nth-child(4n), .video_list ul li:nth-child(2n+1){margin-right: 0;} .video_list ol li{margin: 2.7% 2.7% 0 0;} .file_list ul{font-size: 0;padding-left: 75px;} .file_list ul li{display: inline-block;vertical-align: top;max-width: 254px;width: 21.44%;margin:0 4.6% 3% 0;} .file_list ul li:nth-child(4n){margin-right: 0;} .file_list ul li .pic{width: 100%;height:180px;overflow: hidden;border:1px solid #eee;} .file_list ul li .pic img{transition: all .75s;} .file_list ul li:hover .pic img{transition: all .75s;transform: scale(1.1);} .file_list ul li .tit{font-size: 14px;line-height: 36px;color:#666;text-align: center;} .audio_list ul li{padding:27px 20px;border-bottom: 1px solid #dedede;} .audio_list ul li .tit{width: 75%;} .audio_list ul li .more{width:25%;text-align: right;font-size: 14px;line-height: 46px;} .audio_list ul li .more span{margin-right: 50px;} .audio_list ul li .more em img{margin-left: 10px;} .audio_list ul li:nth-child(even){background: #f7f7f7;} .honor_pic{float: left;margin: 0 80px 0 25px;} .honor_list ul{font-size: 0;max-height: 300px;overflow-y: auto;} .honor_list ul li{display: inline-block;vertical-align: top;background: #f4f4f4;line-height: 40px;border-radius: 5px;font-size: 16px;color:#333;width: 375px;margin: 5px 30px 5px 0;text-indent: 1em;} .honor_list ul li:nth-child(2n){margin-right: 0;} .honor_list ul li span{padding-right: 5px;} .honor_list ul::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;} .honor_list ul::-webkit-scrollbar {width:3px;height:20px;} .honor_list ul::-webkit-scrollbar-thumb {background:#dddddd;background-clip:padding-box;min-height:28px;} .honor_list ul::-webkit-scrollbar-thumb:hover {background:#bbb;}