@charset "utf-8"; /* CSS Document */ *{ padding:0; margin:0; box-sizing:border-box; } .xijie>span{text-indent:-9999px;} img,a,p,span,b,strong,li{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;} body{font-size:14px;color:#333;font-family:myFirstFont;overflow-x:hidden;} a{ text-decoration:none; color:#333;} li{ list-style:none;} img{ max-width:100%; margin:0 auto; display:block;} .clr{ clear:both;} .ri{ float:right;} .le{ float:left;padding:3px 0px;} .wp80{ padding:30px 80px;} .banner .swiper-pagination{ z-index:1;} .head{position:fixed; top:0; left:0; width:100%; padding:13px 0;background:rgba(255,255,255,0.8); z-index:10;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;} .headIndex.head{ background:none; } .head.active{background:rgba(255,255,255,1);} .nav { text-align:center;} .nav >ul>li{ display:inline-block; margin-right:45px; position:relative;} .nav >ul>li>a{ line-height:50px; padding:15px 20px; font-size:16px; font-weight:bold; position:relative;} .nav >ul>li> a::after{ width:100%; position:absolute; bottom:0; left:50%; transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%); width:0; height:1px; background:#ff0000; display:block; content:"";transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;} .nav >ul>li.on >a::after,.nav >ul>li:hover> a::after{ width:100%;} .nav >ul>li.on>a a,.nav >ul>li:hover> a{ color:#ff0000;} .positions.w1200{ background:url(../icon/homes.png) no-repeat left center; padding-left:30px; margin-top:40px;} .nav >ul>li > ul.sub_menu{ position:absolute; left:50%; top:80px; width:150px; transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%); -o-transform:translateX(-50%);-webkit-transform:translateX(-50%); padding:20px 10px;} .nav >ul>li .sub_menu >li>a{ line-height:36px;} .nav >ul>li .sub_menu{ position:relative; display:none;} .nav >ul>li .sub_menu >li>a:hover{ color:#ff0000;} .nav >ul>li .sub_menu .sub_menu{ position:absolute; left:101%; top:0; width:150px; background:#fff; padding:20px 10px;} .bg_nav{ display: block !important; width: 100%; height: 500px; background: rgba(255,255,255,1); z-index: 1; position: absolute; top: -500px; left: 0px; -webkit-animation: a_bg_hover_show 0.2s ease-out both; -webkit-transform-origin: 50% 0%; z-index:-1;} .pro_b_ri_bot h2{font-weight:normal;} .lang{ padding-top:20px; padding-left:95px;} .lang a{ width:30px; height:30px; background:#e60011; color:#fff; line-height:30px; text-align:center; display:block; border-radius:100%;} .tabel { display:table; width:100%; height:100%;} .tabel .tbc{ display:table-cell; vertical-align:middle; height:100%;} .head .wp80{ padding:18px 80px;} .banner{ padding-top:250px; padding-bottom:100px; position:relative;} .banner .wp80,.banner .swiper-container{ height:100%;} .banner .imgs{ width:55%; position:relative; transform:translateX(-300px); opacity:0;transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;-o-transition:all 0.8s ease;-webkit-transition:all 0.8s ease;} .banner .imgs img{ margin-right:0;} .banner .txts{ width:45%; padding-left:50px; max-width:570px; transform:translateX(200px); opacity:0;transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;-o-transition:all 0.8s ease;-webkit-transition:all 0.8s ease;} .banner .txts h2{ font-size:45px;} .banner .txts span{ font-size:45px; display:block; padding:30px 0; font-weight:normal;} .banner .txts p{ font-size:24px;} .banner .txts a { display:block; position:relative; margin-top:30px; width:150px; height:40px; line-height:38px; font-size:16px; text-align:center; border:1px solid #e71e25; color:#e71e25; float:right;} .banner .txts a::before{ width:0;z-index:-1; background:#e71e25; height:100%; position:absolute; left:0; top:0; content:""; display:block; transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;} .banner .txts a:hover::before{ width:100%;} .banner .txts a:hover{color:#fff; } .banner .swiper-slide{ background-color:#ebeced; height:500px;} .banner .swiper-pagination{ width:100%; left:0; bottom:40px;} .banner .swiper-slide >span{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); color:#e71e25;} .dangqianwei{position: absolute; width: auto; display:none; top: 100%; z-index: 1; padding-top: 20px;} .banner .swiper-slide-active .imgs{ transform:translateX(0); opacity:1;} .banner .swiper-slide-active .txts{ transform:translateX(0); opacity:1;} .banner .swiper-pagination-bullet{ border-radius:0;width:130px; height:2px; background:#bfbfbf; margin:0 10px; position:relative; opacity:1;} .banner .swiper-pagination-bullet::before{ box-sizing:border-box; width:5px; height:5px; content:""; display:block; left:-10px; position:absolute; top:-50%; margin-top:-2.5px;background:#bfbfbf; border-radius:100%;} .banner .swiper-pagination-bullet:last-child::after{width:5px; height:5px; content:""; display:block; right:-10px; position:absolute; top:-50%; margin-top:-2.5px;background:#bfbfbf; border-radius:100%;} .banner .swiper-pagination-bullet-active { background:#e71e25;} .banner .swiper-pagination-bullet-active::before{ width:9px; height:9px; content:""; left:-14px;background:url(../icon/bannerbacicon.png) no-repeat center center; margin-top:-3.5px; background-size:100%; color:#e71e25;} .banner .swiper-pagination-bullet-active:last-child::after{width:9px; height:9px; content:""; right:-14px;background:url(../icon/bannerbacicon.png) no-repeat center center; margin-top:-3.5px; background-size:100%; color:#e71e25;} .wap{ display:none;} .hei50{ height:50px; width:100%;} .sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:1000;width:100%;} .sp_logo{padding:10px;float:left;height:50px} .sp_logo img{margin:auto;max-height:30px;} .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px} .sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s} .sp_nav span:nth-of-type(1){top:0px} .sp_nav span:nth-of-type(2){top:10px} .sp_nav span:nth-of-type(3){top:20px} .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)} .sp_nav_se span:nth-of-type(2){width:0} .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)} .sjj_nav{position:fixed;z-index:99;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;} .nav_show{top:50px} .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0} .sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px} .sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;} .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 15px 0 15px;} .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s} .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px} .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;} .sjj_nav ul li ul{display:none} .sjj_nav ul li a{color:#666;width:80%} .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;} .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;} .sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e} .sjj_nav ul li ul li>ul{margin-left:10px} .banner{ background-color:#ebeced;} .index_about{ padding:170px 0; position:relative;} .le_video{ width:860px;} .ri_txts{ width:calc(100% - 860px);} .ri_txts b{ font-size:48px; text-transform:uppercase;} .ri_txts span{ font-size:24px; font-weight:bold; display:block; padding:25px 0 35px;} .ri_txts .line{ width:250px; height:3px; background:#e5e5e5;} .ri_txts p{ font-size:16px; color:#666; display:block; margin:70px 0; max-width:740px; line-height:36px; max-height: 180px; overflow: hidden;} .ri_txts a{ display:block; font-size:18px; width:185px; height:45px; line-height:45px; background:#ea252e; color:#fff; text-align:center; border-radius:100px; margin-top:20px;} .ri_txts a:hover{ font-size:24px;} .index_about .vrvideo{ position:absolute; top:100px; right:80px;} .index_about .vrvideo img{transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;-webkit-transform-style: preserve-3d;} .index_about .vrvideo:hover img{ transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);} .le_video { position:relative; padding-left:60px; padding-right:115px;} .le_video>span{ position:absolute; left:0; top:50%; transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg); font-size:16px; text-transform:uppercase;} .le_video .videoss::after{ display:block; content:""; position:absolute;background:#ebeced; width:25px; height:400px; right:-25px; top:50%; margin-top:-200px;} .le_video .videoss{ position:relative; } .videoss .videolist{ width:100%; z-index:1;} .index_ppys{ text-align:center; background-image:url(../images/index_23.jpg); background-position:center center; background-size:cover; padding-bottom:120px;} .pp_li{ max-width:1400px; margin:0 auto;} .pp_li li{ width:33.333333333333%; float:left;} .pp_li li b{ font-size:80px; color:#fff; font-family:Impact; font-weight:normal;} .pp_li li p{ font-size:18px; color:#fff;} .pp_p { font-size:16px; color:#fff; line-height:36px; max-width:1280px; margin:70px auto 170px; } .titles b{ font-size:36px; color:#fff; padding-top:100px; display:block;} .titles p{ font-size:16px; color:#fff; display:block; padding:30px 0 0;} .title b{ font-size:48px; text-transform:uppercase; padding-left:440px; position:relative;} .title b::before{ content:""; display:block; left:0; position:absolute; top:50%; width:350px; height:1px; background:#dcdcdc;} .index_news { padding-top:110px;} .index_news .swiper-slide{ background:#fff; height:100%;} .index_news_le { width:calc(100% - 590px);} .index_n_bot { padding-top:100px; padding-left:345px; padding-right:290px; position:relative; text-align:center;} .index_n_bot>Span{ font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; position:absolute; left:0; top:50%; transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg); font-size:16px; font-weight:bold; text-transform:uppercase;} .index_news_ri { max-width:590px; position:relative;} .index_n_bot b{ font-size:24px;} .index_n_bot .line2{ width:15px; height:5px; background:#ea252e; margin:15px auto;} .index_n_bot .swiper-slide>a{ font-size:20px; font-weight:bold; display:block; padding:20px 0;} .index_n_bot .swiper-slide>a:hover{ color:#ea252e} .index_n_bot .swiper-slide p{ font-size:16px; line-height:36px; max-height:108px; overflow:hidden;} .index_n_bot .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ outline:none; right:20%; background-image:url(../icon/ri.png); background-size:18px 32px;} .index_n_bot .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ outline:none;left:20%;background-image:url(../icon/le.png); background-size:18px 32px;} .index_news_ri .swiper-pagination{ text-align:center; width:100%;} .index_news_ri .swiper-pagination .swiper-pagination-bullet{ margin:6px;} .index_news_ri .swiper-pagination .swiper-pagination-bullet-active { background:#ea252e;} .index_news .index_news_ri .swiper-slide{ height:560px; overflow:hidden;} .index_news .index_news_ri .swiper-slide img{ min-height:100%; min-width:100%; max-width:none;} .index_news_le .more{ width:180px; height:45px; line-height:45px; color:#fff; text-align:center; display:block; margin:20px auto; background:#ea252e; border-radius:100px; font-size:16px;margin-top:100px;} .index_news_le .more:hover{ font-size:18px;} .pic_bot { float:right; width:auto; margin-top:30px; background:url(../icon/index_30.png) no-repeat left center; padding:10px 0; padding-left:35px;} .pic_bot a{ display:inline-block; font-size:14px; border:3px solid #eeeeee; padding:3px 20px 3px 0; border-left:none;} .pic_bot a:hover{ color:#ea252e; border-color:#ea252e;} .wp81{ padding-top: 40px;} .wp81 li{ width:200px; margin:10px; float:left; display:inline-block; text-align:center;} .wp81 li .times a{ font-size:16px; color:#666; line-height:30px;} .wp81 li .imgs{ overflow:hidden;} .wp81 li:hover .imgs img{ transform:scale(1.1);} .wp81 li:hover a{ color:#ea252e;} .foot { background:#313131; padding:70px 0; border-bottom:1px solid #fff;} .zjhh{ width:35%;} .contc{ width:450px;} .tongxun { width:400px;} .zjhh .aa{ width:100%;} .zjhh .aa .a_li{ width:50%; max-width:200px; float:left;} .zjhh .aa .a_li a{ display:block; font-size:16px; color:#fff;padding:3px 0; margin-bottom:15px; line-height:22px;} .zjhh .aa .a_li a:hover{ color:#ea252e} .contc p{ font-size:16px; color:#fff; display:block; padding:3px 0;padding-left:35px; line-height:22px; margin-bottom:15px;} .contc p.icon01{ background:url(../icon/index_41.jpg) no-repeat left center;} .contc p.icon02{ background:url(../icon/index_44.jpg) no-repeat left center;} .contc p.icon03{ background:url(../icon/index_46.jpg) no-repeat left center;} .contc p.icon04{ background:url(../icon/index_49.jpg) no-repeat left center;} .contc p.icon05{ background:url(../icon/chuanzhen.png) no-repeat left center;} .tongxun p{font-size:16px; color:#fff; display:block; padding:3px 0;line-height:22px; margin-bottom:15px;} .tongxun input{ border:none; background:#fff; width:100%; outline:none; line-height:35px; padding:0 15px; font-size:14px;} .tongxun input.btn{ transition:all 0.3s; width:110px; height:40px; line-height:38px; background:none; color:#fff; border:1px solid #fff; margin-top:25px; font-size:18px; cursor:pointer;} .tongxun input.btn:hover{ background:#fff; color:#333;} .footer{ background:#1b1b1b; text-align:right;padding:15px 0;font-size:16px; color:#fff;} .footer a{font-size:16px; color:#fff;} .footer .tec{ padding-left:50px; color:#fff; font-size:16px; color:#fff;} .footer a:hover{ color:#ea252e} .foot span{ font-size:30px; color:#fff;} .foot .line3{ width:50px; height:2px; background:#fff; margin:15px 0 35px;} .banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next{ left:80px; background-image:url(../icon/index_08.png);background-size:59px; width:59px; height:59px; margin-top:-30px;outline:none; border-radius:100%;} .banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev { right:80px; background-image:url(../icon/index_11.png); background-size:59px;width:59px; height:59px;margin-top:-30px; outline:none;border-radius:100%;} .banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{ background-color:#fff;} .wp81{ padding-bottom:40px;} .sub_ban { padding-top:200px; padding-bottom:130px; background-size:cover; background-position:center center;} .sub_txt { width:300px; margin:0 auto; position:relative; padding:70px 0 70px 30px;} .sub_txt b{ font-size:48px; color:#fff;} .sub_txt span{ font-size:28px; color:#fff; display:block;} .sub_txt img{ position:absolute; height:100%; width:auto; left:0; top:0;} .contact{ padding:70px 0;} input:-webkit-autofill{ -webkit-box-shadow:0 0 0px 1000px #fff inset;} .w1200 { max-width:1200px; margin:0 auto;} .con_le{ max-width:500px; width:41%;} .con_ri{ width:59%; max-width:700px;} .contact .con_tit{ font-size:24px; color:#e60011; margin-bottom:30px;} .contact p{ font-size:16px; color:#999; margin-bottom:10px; display:block;} .con_li2{ padding-top: 40px;} .con_li2 span{ font-size:18px; display:block; margin:35px 0 25px;} .con_li p{ padding-left:33px; background-position:left center; background-repeat:no-repeat;} .con_li p.add{ background-image:url(../icon/contact_05.png);} .con_li p.tel{ background-image:url(../icon/contact_12.png);} .con_li p.email{ background-image:url(../icon/contact_16.png);} .con_ri .ly_tit{ font-size:16px; color:#666; margin-bottom:15px; border-top:1px solid #dcdcdc; background:url(../icon/contact_09.png) no-repeat left center; padding:20px 0; padding-left:40px;} .con_ri .inputs{ width:100%; border:1px solid #dcdcdc; padding:15px; padding-left:50px; background-position:20px center; background-repeat:no-repeat; margin-bottom:25px;} .con_ri .inputs input{ font-size:16px; border:none; outline:none; height:100%; width:100%;} .con_ri .inputs.mc{ background-image:url(../icon/contact_20.png);} .con_ri .inputs.gs{ background-image:url(../icon/contact_24.png);} .con_ri .inputs.dz{ background-image:url(../icon/contact_28.png);} .con_ri .inputs.dh{ background-image:url(../icon/contact_31.png);} .con_ri .inputs.dzyj{ background-image:url(../icon/contact_35.png);} .con_ri textarea{ outline:none;font-size:16px; color:#999; height:150px; width:100%;border:1px solid #dcdcdc; background-image:url(../icon/contact_38.png); background-repeat:no-repeat; background-position:20px 15px; padding:15px; padding-left:50px;} .check{ padding:25px 0; font-size:16px; color:#999;} .check input{ margin-right:5px; cursor:pointer;} button.tijiao.ri{ width:110px; height:40px; background:#e60011; color:#fff; border:none; outline:none; cursor:pointer; font-size:18px;} .fuwu{ padding:70px 0;} .fuwu p{ font-size:16px; line-height:36px; color:#999; text-align:center; max-width:1010px; display:block; margin:0 auto;} .fuwu .bs{ font-size:24px; margin:0 auto; text-align:center; padding:60px 0;} .fuwu .bs img{ display:inline-block; vertical-align:middle; margin-right:15px;} .forms .w50{ width:48%;} .forms input{ width:calc(100% - 160px); float:right; border:1px solid #d2d2d2; line-height:43px;padding:0 10px;} .forms span{ display:inline-block; width:160px; text-align:right; float:left;line-height:45px; font-size:16px; color:#999999; margin-bottom:25px;} .forms .w100{ width:100%;} .forms textarea{width:calc(100% - 160px); float:right; border:1px solid #d2d2d2; height:150px; padding:10px;} .forms button{ margin:0 auto; width:110px; height:40px; background:#e60011; color:#fff; border:none; outline:none; cursor:pointer; font-size:18px; display:block; margin-top:30px;} .news_article{ padding:70px 0;} .news_article h1{ text-align:center; font-size:16px; font-weight:normal;} .news_article .title{ padding-bottom:40px; border-bottom:1px solid #e5e5e5;} .news_article .fangan h1{ font-size:30px;} .news_article .fangan h1 em{ font-weight:bold; font-size:30px; font-style:normal;} .box_bodies { padding:40px 0;} .box_bodies p{ font-size:14px; color:#666666; display:block; margin-bottom:30px; line-height:30px;} .box_bodies video{max-width:100%; height:auto !important;} .xgyd_tit { font-size:24px; font-weight:bold; padding-bottom:35px;} .xgyd li { border-bottom:1px solid #e5e5e5; padding-bottom:25px; margin-bottom:25px;} .xgyd li .imgs{ width:250px; height:150px; overflow:hidden;} .xgyd li .imgs img{ min-width:100%; min-height:100%;} .xgyd li:hover img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);} .xgyd li .txts{ width:calc(100% - 290px);} .xgyd li .txts h2 a{ font-size:16px; display:block; padding:30px 0 20px;} .xgyd li .txts p{ font-size:14px; line-height:30px; text-indent:2em;} .xgyd li:hover a{ color:#ff0000;} .zh_nav { border-bottom:1px solid #e5e5e5; padding:18px 0;} .zh_nav a{ padding-bottom:19px; line-height:24px; font-size:16px; margin-right:60px; color:#666666;} .zh_nav a.on{ border-bottom:2px solid #e60011;color:#e60011} .zh_nav a:hover{ color:#e60011} .nav_nav{ text-align:center; padding:60px 0;} .nav_nav a{ display:inline-block; width:110px; height:36px; line-height:34px; margin:7px; border:1px solid #dcdcdc; color:#666666; text-align:center;} .nav_nav a:hover{ color:#e60011;} .nav_nav a.on{ background:#e60011; color:#fff; border:1px solid #e60011;} .videolist { position:relative; float:left; width:31.3333333333%; height:auto; margin:1%; overflow:hidden;} .videolist img.img_pic{ min-height:100%; min-width:100%; } .videolist:hover{ cursor: pointer; } .videoed { width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; } .videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); z-index:100; width:100%; max-width:900px; height:auto; } .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; } .videolist .txts{ background:#f6f6f6;/* position:absolute;*/ width:100%; bottom:0; left:0;} .vtit{ text-align:center; color:#999999; font-size:16px; padding:15px;} .vtime { display:none; padding:15px; padding-top:0; font-size:14px; color:#999999;} .videolist:hover .vtit{ color:#e60011;} .pgaelist { text-align:center; padding:60px 0;} .pgaelist li{ display:inline-block; margin:3px ;} .pgaelist li a{ border:1px solid #e1e1e1; color:#333; padding:3px 10px;} .pgaelist li a:hover{ color:#d6151a} .pgaelist li.active a{ background:#d6151a; color:#fff; border:1px solid #d6151a} .pgaelist li.active a:hover{ color:#fff;} .pgaelist li span.current{background:#d6151a; color:#fff; border:1px solid #d6151a;padding:3px 10px;} .news_lili{ padding-top:70px;} .news_lili li{ width:23%; margin:1%; float:left; margin-bottom:40px;} .news_lili li .imgs{ overflow:hidden;} .news_lili li .imgs img{ width:100%;} .news_lili li .txts h3 a{ font-size:16px; color:#e60011; padding:10px 0; display:block;} .news_lili li:nth-child(4n+1){ clear:left;} .news_lili li .txts span{ font-size:16px; color:#e60011; display:block; padding-bottom:10px;} .news_lili li .txts p{ font-size:14px; color:#999999; text-indent:2em; line-height:24px; max-height:48px; overflow:hidden;} .news_lili li .txts>a{ display:block; text-align:center; line-height:38px; margin-top:25px; width:130px; height:40px; border:1px solid #bfbfbf; color:#bfbfbf;} .news_lili li:hover img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);} .news_lili li:hover .txts>a{ border:1px solid #ff828b; color:#e60011;} .news_lilifangan li:hover .txts>a{ border:1px solid #ff828b; color:#e60011; background-color:#e60011;color:#fff;} .news_lilifangan{padding-top:0} .news_lilifangan .w1200 ul{padding-top:30px;} .news_lilifangan li .txts h3 a{ font-size:16px; color:#333; padding:10px 0; display:block;} .news_lilifangan li:hover .txts h3 a{color:#e60011;} .download{ padding:70px 0;} .download li{ padding:10px; padding-bottom:50px; position:relative; width:23%; margin:2% 1%; height:375px; float:left; border:1px solid #e5e5e5;} .download li .imgs{ height:100%;} .download li img{ width:100%; height:100%;} .download .tbc span{ display:block; font-size:14px;} .download .tbc a{ display:none; width:110px; border-radius:100px; margin:0 auto; height:26px; line-height:26px; background:#e60011; color:#fff; } .download .txts{ height:50px; overflow:hidden; position:absolute; bottom:0; left:0; width:100%; text-align:center;} .download li:hover .txts{ height:100%; background:rgba(0,0,0,0.5); transition:all 0.3s;} .download li:hover{ padding:0;} .download li:hover .txts span { color:#fff; padding:20px 10px;} .download li:hover .tbc a{ display:block;} .zhaopin_tit { width:100%; text-align:center; padding-top:60px;} .zhaopin_tit .en{ font-size:24px; text-transform:uppercase; padding:10px 0;} .zhaopin_tit .ch{ font-size:30px; color:#e60011; font-weight:bold; padding-bottom:20px;} .zhaopin_tit p{ font-size:16px; color:#787878;} .xyzp_01 { box-shadow:0 0 30px 15px #f7f7f7; max-width:1200px; margin:70px auto;} .zhaopin_le { width:380px;} .zhaopin_ri { width:calc(100% - 380px);} .zhaopin_le li{ cursor:pointer; background:url(../images/zpbac_04.jpg) no-repeat center center; background-size:100%; padding:30px; padding-left:45px; position:relative;} .zhaopin_le li a{ position:absolute; display:block; width:100px; border-radius:100px; right:25px; top:50%; margin-top:-17px; line-height:35px; background:#eeeeee; color:#999999; text-align:center;} .zhaopin_le li b{ font-size:18px; color:#666;} .zhaopin_le li p{ font-size:14px; color:#666;} .zhaopin_le li.on a{ background:#fff; color:#e60011;} .zhaopin_le li.on{ background:#e60011;} .zhaopin_le li.on b{ color:#fff;} .zhaopin_le li.on p{ color:#fff;} .zp_ri_box{ padding:45px 55px;} .zp_ri_box p{ font-size:14px; line-height:36px; color:#999999;} .zp_ri_box .spans{ text-align:right; font-size:16px; color:#999; padding:20px 0;} .xyzp_02{ } .xyzp_02 .en{ color:#b8b8b8;} .xyzp_02 .title p{ color:#666666;} .xyzp_02 .xyzp2_bac{background:#333; position:absolute; width:100%; height:640px; z-index:-1;} .xyzp_02 .hjtu{ margin-top:40px; box-shadow:0 0 15px #333;} .xyzp_03 .le,.xyzp_03 .ri{ width:50%;} .xyzp_03 { padding:40px 0;} .xyzp_03 .le .title3{ font-size:24px; color:#333; padding:20px 0; font-weight:bold;} .xyzp_03 .le p{ font-size:16px; color:#666666; line-height:36px;} .xyzp_03 .ri .ewm{ width:230px; float:right; text-align:center; padding:20px 40px; border:3px solid #dcdcdc; margin-left:20px;} .xyzp_03 .ri .line4{ width:20px; height:3px; background:#e60011; margin:10px auto;} .title4{ margin-bottom:70px;} .title4 .en{ font-size:30px; color:#e60011; font-weight:bold; text-transform:uppercase;} .title4 .ch{ font-size:30px; color:#333; font-weight:bold;} .title4 { text-align:center; padding-top:60px;} .title4 b{ font-size:24px; color:#666666; display:block; padding-top:40px; padding-bottom:30px;} .title4 p{ max-width:950px; margin:0 auto; font-size:16px; color:#999999; line-height:30px;} .shzp{ padding-bottom:70px;} .zptit { background:#f7f7f7; position:relative;} .zptit span{ line-height:50px;width:20%; float:left; display:inline-block; text-align:center;} .zptit span:first-child{ max-width:150px; text-align:left; padding-left:20px;} .zpsxq{ padding:30px; border:1px solid #e5e5e5; border-top:none;} .zp_list.on .zptit{ background:#f7792c;} .zp_list .zptit b{ cursor:pointer; position:absolute; right:30px; top:50%; margin-top:-7px;background-image:url(../icon/join_04.jpg); display:block; width:14px; height:14px; background-repeat:no-repeat; background-position: center center;} .zp_list.on .zptit span{ color:#fff; font-size:16px;} .zpsxq p{ font-size:14px; color:#999999; line-height:30px;} .zp_list.on .zptit b{ background-image:url(../icon/join_08.jpg);} .zp_list.on .shzpxq{display:block;} .shzpxq { display:none;} .zp_list { margin-top:13px;} .shzp_01 { background-image:url(../images/join_11.jpg); background-position:center center; background-size:cover; background-repeat:no-repeat; padding:125px 0;} .bac_red { text-align:center; background:rgba(230,0,17,0.5); padding:80px 20px;} .bac_red b{ font-size:24px; color:#fff; display:block; padding-bottom:30px;} .bac_red p{ font-size:16px; color:#fff;} .zhanhui_li{ padding:30px 10px; width:100%;box-shadow:0 0 15px #ebebeb; margin-top:70px; position:relative;} .zhanhui_li .imgs{ width:240px; overflow:hidden;} .zhanhui_li .imgs img{ min-height:100%; min-width:100%;} .zhanhui_li_ri { width:calc(100% - 280px);} .zhanhui_li_ri .swiper-slide img{ height:130px; width:100%;} .zhanhui_slide{ padding:0 70px; position:relative; padding-bottom:40px; padding-top:40px;} .zhanhui_li_ri .swiper-pagination{ width:100%; text-align:center; left:0; bottom:0;} .zhanhui_li_ri .swiper-pagination-bullet{ margin:5px;} .zhanhui_li_ri h2{ font-size:18px; display:block; margin-bottom:20px;} .zhanhui_li_ri p{ font-size:16px; color:#666666;} .zhanhui_li_ri p span{ color:#e52934;} .zhanhui_li_ri .swiper-pagination-bullet-active{ background:#e60011;} .zhanhui_li_ri .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image:url(../icon/index_11.png); background-size:30px 30px; width:30px; height:30px; margin-top:-15px;} .zhanhui_li_ri .swiper-button-prev, .swiper-container-rtl .swiper-button-prev{ background-image:url(../icon/index_08.png); background-size:30px 30px; width:30px; height:30px; margin-top:-15px;} .zhanhui_li::after{ position:absolute; transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s; display:block; content:""; width:0; height:2px; background:#e60011; bottom:0; left:0;} .zhanhui_li:hover::after{ width:100%;} .zhanhui_li:hover .imgs img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);} .zhanhui_li:hover h2 a{ color:#e52934} .zhhd_lis{ padding:40px 0;} .zhhd_lis li{ width:23%; margin:1%; float:left; display:inline-block; text-align:center;} .zhhd_lis li .imgs img{ min-width:100%; min-height:100%;} .zhhd_lis li .times{ padding-top:20px;} .zhhd_lis li .times a{ font-size:16px; color:#666; line-height:30px;} .zhhd_lis li .imgs{ overflow:hidden;} .zhhd_lis li:hover .imgs img{ transform:scale(1.1);} .zhhd_lis li:hover a{ color:#ea252e;} .about_banner { background-position:center center; background-repeat:no-repeat; background-size:cover; padding-top:560px;} .about_bac{background:rgba(0,0,0,0.7);} .about_bac .w1200{ padding:80px 0; } .about_ban_le,.about_ban_ri{ width:50%;} .about_ban_ri .w500{ width:50%; text-align:center; padding:0 40px;} .about_ban_ri p{ font-size:14px; color:#fff; line-height:36px;} .about_ban_ri b{ font-size:16px; font-weight:bold; color:#fff; padding-bottom:15px; display:block; padding-top:20px;} .about_ban_ri b em{ font-size:44px; font-style:normal; color:#fff; padding-right:10px;} .about_ban_le span{ font-size:36px; color:#fff; display:block; padding-bottom:20px;} .about_ban_le p{ font-size:14px; line-height:36px; color:#fff;} .about_ban_le a{ display:block; width:170px; line-height:45px; color:#fff; background:#e60011; font-size:16px; text-align:center; margin-top:30px;} .hh_tit_ch { padding-top:80px; font-size:36px; color:#9c9c9c; text-align:center; font-weight:bold;} .hh_tit_ch em{ font-style:normal; font-weight:bold; color:#e60011;} .history { padding-top:150px; padding-bottom:80px; position:relative;} .his_01 .his_txt{ padding-bottom:40px; padding-top:20px; position:relative;} .his_01.ris { padding-left:50%;} .his_01.les{ padding-right:50%;} .his_01 .his_txt .txts h1{ font-size:16px;line-height:24px;} .his_01 .his_txt .txts p{ color:#666666; font-size:16px;line-height:30px;} .his_01.ris .his_txt{ border-left:1px solid #bfbfbf;} .his_01.les .his_txt{ border-right:1px solid #bfbfbf; margin-right:-1px;} .his_01 .his_txt .txts{ width:calc(100% - 180px);} .his_01 .his_txt{ position:relative;} .his_01 .his_txt .year{ position:relative; font-size:24px; color:#e60011; font-weight:bold; line-height:24px; width:180px; text-align:center;} .his_01 .his_txt img{ position:absolute;} .his_01.les .his_txt img{ right:60px; top:-90px; max-height:110px;} .his_01.ris .his_txt img{ left:60px; top:-90px; max-height:110px;} .his_01.les .his_txt .year{ float:right;} .his_01.ris .his_txt .year{ float:left;} .his_01.les .his_txt .txts{ text-align:right;} .his_01.ris .his_txt .txts { float:right;} .his_01.les .his_txt .year::after{ content:""; display:block; width:15px; height:15px; background:#e9e9e9; border-radius:100%; position:absolute; right:-8px;top:50%; margin-top:-7px; z-index:2;} .his_01.les .his_txt .year::before{ content:""; display:block; width:9px; height:9px; background:#9b9b9b; border-radius:100%; position:absolute; right:-5px; top:50%; margin-top:-4px; z-index:3;} .his_01.ris .his_txt .year::after{ content:""; display:block; width:15px; height:15px; background:#e9e9e9; border-radius:100%; position:absolute; left:-8px;top:50%; margin-top:-7px; z-index:2;} .his_01.ris .his_txt .year::before{ content:""; display:block; width:9px; height:9px; background:#9b9b9b; border-radius:100%; position:absolute; left:-5px; top:50%; margin-top:-4px; z-index:3;} .his_01.ris .his_txt::before{ display:block; content:""; width:26px; height:1px; background:#dcdcdc; top:32px; left:0; position:absolute;} .his_01.les .his_txt::before{ display:block; content:""; width:26px; height:1px; background:#dcdcdc; top:32px; right:0; position:absolute;} .his_01 .his_txt:hover .year::before{ background:#e60011;} .history .bot_dian { padding:5px; width:30px; height:30px; background:rgba(245,195,0,0.5); border-radius:100%; position:absolute; left:50%; margin-left:-15px; bottom:65px;} .history .bot_dian span{ display:block; border-radius:100%; width:100%; height:100%; display:block; background:#ffc001;} .history .bot_dian2 { z-index:2; top:125px; padding:5px; width:30px; height:30px; background:rgba(230,0,17,0.5); border-radius:100%; position:absolute; left:50%; margin-left:-15px;} .history .bot_dian2 span{ display:block; border-radius:100%; width:100%; height:100%; display:block; background:#e60011;} .jiazaigengduo { width:236px; height:55px; line-height:55px; margin:0 auto; background:#e60011; color:#fff; font-size:18px; text-align:center; cursor:pointer;} .jiazaigengduo img{ display:inline-block; vertical-align:middle; padding-left:15px;} .hh_about { padding-bottom:80px;} .his_01:nth-child(n+6) { display:none;} .qiyewenhua .w33{ width:33.33333333333%; float:left; display:inline-block;} .qiyewenhua .w33 .qywh_top{ height:450px;} .wqywh .qywh_top{ background-image:url(../images/about_18.jpg); background-size:cover;} .qywh_about .qywh_top{ background-image:url(../images/about_21.jpg); background-size:cover; padding-left:80px; padding-right:80px;} .qywh_about .qywh_top .tabel{ max-width:400px;} .qiyewenhua .w33 p{ font-size:16px; line-height:36px; color:#fff; display:block; position:relative;} .qiyewenhua .w33 p::after{ display:block; content:""; position:absolute; left:0; bottom:-30px; width:28px; height:4px; background:#fff;} .qiyewenhua .w33 p em{ font-style: normal; font-size: 24px; padding: 0 10px;} .wqywh .qywh_top .ch{ font-size:36px; color:#fff;} .wqywh .qywh_top .en{ font-size:16px; color:#fff; text-transform: uppercase; padding-bottom: 30px;} .qywh_top .imgs ,.qiyewenhua .w33 .qywh_bot .imgs{ height:100%; overflow:hidden;} .qywh_top .imgs img,.qiyewenhua .w33 .qywh_bot .imgs img{ min-width:100%; min-height:100%;} .qywh_bot { height:130px;} .wqywh .qywh_bot{ background-image:url(../icon/about_25.jpg); background-position:right center; background-repeat:no-repeat; background-size:auto 100%;} .wqywh .qywh_bot,.wqywh .qywh_top{ padding-left:160px;} .qywh_bot b{ font-size:24px; font-weight:normal; position:relative;} .qiyewenhua .w33 .qywh_bot p{ font-size:16px; color:#666} .qiyewenhua .w33 .qywh_bot b::before{ content:""; display:block; left:-40px; top:8px; position:absolute; background:url(../icon/abouticon.png) center center no-repeat; width:23px; height:15px;} .yuanjing .qywh_bot{ background-color:#f3f3f3; padding-left:110px;} .qiyewenhua .w33:hover .qywh_bot b::before{ background:url(../icon/abouticon2.png) center center no-repeat;} .qiyewenhua .w33:hover .qywh_bot b{ color:#e60011;} .qiyewenhua .w33:hover .qywh_top img,.qiyewenhua .w33:hover .qywh_bot img{ transform:scale(1.1);} .cy_tit { text-align:center; padding-top:70px;} .cy_tit .ch{ font-size:36px; color:#e60011; font-weight:bold; padding:10px 0 5px;} .cy_tit .en{ font-size:16px; color:#cccccc; text-transform:uppercase;} .shuxian { width:2px; height:58px; background:#dcdcdc; margin:0 auto; margin-top:30px;} .shengtai_li li{ cursor:pointer; position:relative; width:141px; height:140px; background-color:#eeeeee; float:left; margin-right:35px; text-align:center;} .shengtai_li li .skews1{padding-top:20px;} .shengtai_li li:nth-child(7){ margin-right:0;} .shengtai_li li .skews2{ position:absolute; left:0; top:0; width:100%; height:100%; background:#e60011; padding:0 20px; text-align:center; transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);-webkit-transform:rotateY(90deg); transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;} .shengtai_li li .skews2 p{ font-size:16px; line-height:36px; color:#fff;} .shengtai_li li.on .skews2{ transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);-webkit-transform:rotateY(0);} .shengtai_li li .skews1 span{ font-size:20px; color:#999999;} .shengtai_li li .skews1 img{ margin-bottom:20px;} .shengtai_li{ padding-top:58px; border-top:2px solid #dcdcdc;} .shengtai_li li.on .skews1{ transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);} .shengtai_li li::before{ width:2px; height:58px;background:#dcdcdc; content:""; display:block; top:-58px; position:absolute; left:50%;} .shengtai_li li:first-child::after{ content:""; display:block; position:absolute; width:50%; top:-60px; background:#fff; height:2px;} .shengtai_li li:nth-child(7)::after{ content:""; display:block; position:absolute; width:50%; top:-60px; background:#fff; height:2px; right:-2px;} .shengtai_box { padding:60px 0;} .shengtai_box p{ font-size:14px; color:#999999; line-height:36px; text-indent:2em;} .shuzifazhan { background-image:url(../images/aboutbac_03.jpg); background-size:cover; position:relative;} .le_top { width:calc(50% - 600px); position:absolute; left:0; top:0; height:80px; background:#fff; border-top:3px solid #e60011;} .w1200_le_top { padding-right:70px; height:80px; background:#fff; width:430px;} .le_t_wz {border-top:3px solid #e60011; color:#e60011; font-size:36px; color:#e60011; padding-top:20px; line-height:36px; font-weight:bold;} .le_t_wz img{ vertical-align:middle;} .szfz_le { padding:110px 0 130px;max-width:370px;} .szfz_le p{ font-size:14px; line-height:36px; color:#fff; } .szfz_le a{ display:block; width:180px; height:50px; line-height:48px; border:1px solid #fff; color:#fff; font-size:18px; text-align:center; margin-top:100px;} .szfz_ri { position:absolute; top:180px; right:80px; width:calc(100% - 390px); text-align:right;} .szfz_ri img{ display:inline-block; max-width:230px; width:30.333333333%; height:auto; margin:1%;} .bangongdidian { padding:80px 0;} .bangongdidian .w1200{ position:relative;} .bangongdidian .en{ font-size:80px; color:#cccccc; font-weight:bold; text-transform:uppercase; opacity:0.3; letter-spacing:15px;} .bangongdidian .ch{ font-size:36px; color:#e60011; font-weight:bold; position:absolute; left:0; top:0; line-height:106px;} .bangongdidian img{ margin:60px auto;} .chengshi_tit { font-size:16px; color:#999999; padding-bottom:20px; border-bottom:1px solid #dcdcdc; position:relative;} .chengshi_tit::after{} .xialiechengshi li{ float:left; cursor:pointer; font-size:16px; margin-right:70px; position:relative; line-height:45px;} .xialiechengshi li::after{ width:0; transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;} .xialiechengshi li.on::after{ content:""; display:block; position:absolute; width:30px; height:2px; background:#c80000; top:-2px;} .cs_box_li{ padding-top:15px;} .cs_box_li p{ font-size:14px; color:#999999; line-height:26px;} .pro_box_zong{background:url(../icon/prov.jpg) no-repeat right bottom; background-size:80% 504px;} .tj_pro { padding-top:180px; padding-bottom:70px; text-align:center; background-color:#f0f0f0; } .channame { font-size:36px; font-weight:bold;} .chanliname{ font-size:14px; color:#666666; padding:30px 0;} .tj_pro .imgs{ height:220px; width:100%; overflow:hidden;} .tj_pro .nyttu .imgs img {max-width:100%;max-height:600px;} .tj_pro .imgs img{ max-width:90%; max-height:70%; display:inline-block;} /*.tj_pro .swiper-container{ max-width:1300px; margin:0 auto;}*/ .tj_pro .toubudiaoyogn{max-width:1300px; margin:0 auto; text-align:center;} .tj_pro .toubudiaoyogn li{ width:33%; display:inline-block;} .tj_pro_box{ position:relative; width:100%; padding:0 80px; padding-top:30px; } /*.tj_pro_box .swiper-button-next{ outline:none; right:80px; width:60px; height:60px; margin-top:-30px; background-image:url(../icon/index_11.png); background-size:60px 60px;} .tj_pro_box .swiper-button-prev{outline:none; left:80px;width:60px; height:60px; margin-top:-30px; background-image:url(../icon/index_08.png); background-size:60px 60px;} */ .tj_pro_box h2{ font-size:14px; font-weight:900;} .tj_pro_box p{color:#8B8B8C;line-height:2;font-weight:300;} .tj_pro_box li:hover h2{ color:#e60011} .tj_pro_box li:hover img{ transform:scale(1.1);} .w1480 { max-width:1480px; margin:0 auto;} .sub_pro_nav{ background:#fff; padding:30px 0; border-bottom:1px solid #e5e5e5;position:relative} .sub_pro_nav a{ margin-right:100px; font-size:16px;} .sub_pro_nav li.on>a{ border-bottom:2px solid #e60011; padding-bottom:30px;} .sub_pro_nav a:hover{ color:#e60011} .sub_pro_nav li{ display:inline-block; margin-right:100px;} .sub_pro_nav li>a{ margin-right:0;} .sub_pro_nav li.on .dangqianwei{ display:block;} .pro_bottom { padding:80px;} .pro_b_top{ height:930px;} .pro_b_top_le { width:310px; background:url(../icon/proview_02.jpg) no-repeat center center; height:100%;} .pro_b_top_ri { width:calc(100% - 310px); height:100%; background:url(../icon/hh_lo.jpg) right 75px no-repeat; position:relative;} .pro_b_top_ri .posi{ position:absolute; right:80px; top:50%; transform:rotate(90deg); text-transform:uppercase; font-size:16px; font-weight:bold;} .pro_b_ri_bot { width:calc(100% - 190px); max-width:1380px; position:absolute; left:0; bottom:0; background:#fff; height:calc(100% - 135px); padding:30px 70px;} .pro_b_ri_bot .line5{ width:47px; height:3px; background:#e60011; margin:15px 0;} .p_b_r_b_le { width:40%;} .p_b_r_b_ri{ width:60%;} .p_b_r_b_le span{ font-size:24px; display:block; padding-bottom:35px;} .p_b_r_b_le p{ padding-left:40px; position:relative; display:block;font-size:14px; line-height:36px;} .p_b_r_b_le p::before{ width:10px; height:4px; position:absolute; left:0; top:50%; margin-top:-2px; position:absolute; content:""; background:#666666; } .p_b_r_b_le .sbcanshu p{ padding:0;} .p_b_r_b_le .sbcanshu p::before{ display:none;} .anniu { width:100%; padding-top:20px;} .anniu a{ display:inline-block; margin-right:40px; text-align:center;font-size:18px; color:#333; border:1px solid #7d7d7d; padding:10px 30px 10px 25px; cursor:pointer; border-radius:5px;} .anniu a.youshi{ border:1px solid #e60011; color:#fff; background:#e60011; } .anniu a.sbei:hover{ color:#e60011; border:1px solid #e60011;} .p_b_r_b_ri .imgs{ padding-top:50px; position:relative;} .thrdclick { position:absolute; top:0; left:0; cursor:pointer;} .p_b_r_b_ri img{ max-height:400px;} .slide_lists { margin-top:40px; padding:0 100px; position:relative;} .slide_lists .imgs{ overflow:hidden;} .slide_lists .swiper-slide>span{ display:block; text-align:center; padding:10px 0;} .slide_lists .imgs img{ width:100%;} .slide_lists .swiper-pagination{ width:100%; left:0; padding:25px 0;} .slide_lists .swiper-pagination-bullet { margin:0 9px;} .slide_lists .swiper-pagination-bullet-active{ background:#e60011} .slide_lists .swiper-slide{ box-shadow:0 0 15px #ccc;} .slide_lists .swiper-container { padding:15px;} .slide_lists .swiper-slide:hover img{ transform:scale(1.1);} .slide_lists .swiper-button-next{ background-image:url(../icon/index_11.png); background-size:50px 50px; width:50px; height:50px; margin-top:-25px;} .slide_lists .swiper-button-prev{background-image:url(../icon/index_08.png); background-size:50px 50px; width:50px; height:50px; margin-top:-25px;} .pro_bottom b{ display:block; background:url(../icon/dy.jpg) no-repeat left center; padding:20px 60px; font-size:16px; text-transform:uppercase;} .pro_bottom a{ width:180px; height:45px; line-height:43px; border:1px solid #fff; color:#fff; border-radius:100px; text-align:center;} .dangqianwei a{margin-right:30px; margin-bottom:15px;} .proview_video { padding:150px 80px; background-image:url(../images/bac_04.jpg); background-size:cover;} .dangqianvideo .videolist2{ cursor:pointer; position:relative; width:690px; float:none; margin:0 auto;} .dangqianvideo .videolist2 img.img_pic{ width:100%; height:100%;} .dangqianvideo .videolist2 .anniu_video{ position:absolute; top:0; left:0; width:100%; height:100%;} .dangqianvideo .videolist2 .anniu_video .vtit{ position:absolute; top:55%; z-index:2; text-align:center; } .dangqianvideo .videolist2 .txts{ position:absolute; left:0; top:0;width:100%;padding-top:200px; background:rgba(0,0,0,0.5); height:100%;} .dangqianvideo .videolist2 .txts .vtit{ color:#fff; text-align:center; position:absolute; bottom:10px; display:block; text-align:center; left:0; width:100%;} .tit { text-align:center; font-size:40px; color:#fff;} .litit{ text-align:center; font-size:20px; color:#fff; padding:25px 0 55px 0;} .ertit { font-size:30px; padding:80px 0; text-align:center; color:#fff;} .view_video .videolist{ width:23%; margin:1%;} .view_video .videolist .txts{ position:absolute; left:0; top:0;width:100%;padding-top:45%; background:rgba(0,0,0,0.5); height:100%;} .view_video .videolist .txts .vtit{ color:#fff; text-align:center; position:absolute; bottom:10px; text-align:center; display:block; width:100%; left:0} .view_video .videolist .videoed{ left:50%; margin-left:-25px; top:50%; transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);} .xgtuijiancp { padding:80px; background:#f7f7f7; padding-bottom:120px;} .shuxing p{ font-size:16px; margin:1.5%; width:30.333333333%; float:left; display:inline-block; border:1px solid #e5e5e5; background-repeat:no-repeat; background-position:center 20px; text-align:center;} .xgtuijiancp .swiper-slide{ background:#fff; padding:50px; border:1px solid #eeeeee;} .xgtuijiancp .swiper-slide h2{ display:block; padding-bottom:30px;} .xgtuijiancp .imgs{ height:220px; overflow:hidden; margin-top:30px;} .xgtuijiancp .imgs img{ max-width:100%; max-height:100%;} .xgtuijiancp .canshus p{ display: inline-block; line-height:35px; padding:0 15px; border:1px solid #d2d2d2; color:#999999; margin-right:20px; font-size:14px;} .xgtuijiancp .swiper-pagination{ width:100%; left:0; padding:40px 0; z-index:1} .xgtuijiancp .swiper-pagination .swiper-pagination-bullet{ margin:0 9px;} .xgtuijiancp .swiper-pagination-bullet-active{ background:#e60011} .xgtuijiancp .swiper-slide:hover .imgs img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);} .xgtuijiancp .swiper-slide:hover h2 a{ color:#e60011;} .xgtit { text-align:center; font-size:18px;} .xglitit{ text-align:center; font-size:30px; font-weight:bold; padding:20px 0 70px;} .xglitit em{ font-style:normal; color:#ff0000;} .iconsj{ text-align:right; padding:0 80px; padding-top:40px;} .iconsj img{ display:inline-block; margin-left:10px;} .canshushezhi,.xijie,.chanpinyoushi { display:none; width:100%; height:100%; position:fixed; z-index:9999; left:0; top:0; background:rgba(0,0,0,0.8);} .intro {overflow: auto; padding:60px 120px; background:#fff; box-shadow:0 0 15px #666; max-width:1100px; width:95%; height:auto; min-height:200px; border-radius:10px; max-height:90%; position:absolute; top:50%; left:50% ;transform:translate(-50%,-50%);} .shebei_box,.youshi_box{overflow: auto; width:100%; height:100%; position: absolute; left: 0; top: 0;} .youshi_box p{ font-size:14px; line-height:26px; padding:0;} .youshi_box p::before{ display:none;} .shebei_box::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; } .sbcanshu{ } .sbcanshu table{ width:100%; margin-top:60px;} .sbcanshu table tr{ border-top:1px solid #efeeee; display:flex;} .sbcanshu td{ width:25%; padding:20px 0;} .shebei_box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 5px; background-color: #F5F5F5; } .shebei_box::-webkit-scrollbar { width: 5px; background-color: #fff; } .shebei_box::-webkit-scrollbar-thumb { border-radius:5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #ff0000; } .youshi_box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 5px; background-color: #F5F5F5; } .youshi_box::-webkit-scrollbar { width: 5px; background-color: #fff; } .youshi_box::-webkit-scrollbar-thumb { border-radius:5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #ff0000; } .banner .swiper-slide-active .imgs img{ max-width:100%; max-height:100%;} .banner .swiper-slide-active .imgs { height:500px;} .wp81 li .imgs img{ min-height:100%; min-width:100%;} .canshushezhi>span,.xijie>span,.chanpinyoushi>span{ width:23px; height:23px; display:block; position:absolute; right:20px; top:20px; padding:0; z-index:999999; border-radius:100%;background:url(../images/gb.png); background-color:rgba(0,0,0,0.5);} .canshushezhi span.close,.xijie span.close,.chanpinyoushi span.close{ width:50px; height:50px; display:block; position:absolute; right:3px; top:3px; padding:0; z-index:999999; border-radius:100%;background:url(../images/gb.png); background-color:rgba(0,0,0,0.5); background-size:100%;text-indent:-9999em;} .shebei_box .sbcanshu img{ max-width:none; width:100%;} @media screen and (max-width:1700px){ .index_n_bot{ padding-left:80px; padding-right:80px;} .title b{ font-size:30px; padding-left:0;} .title b::before{ display:none;} .index_about{ padding:100px 0;} .ri_txts a{ margin-top:0;} .view_video .videolist .txts{ padding-top:65%;} .slide_lists{ padding:0 30px;} .anniu a{ margin-right:20px;} } @media screen and (max-width:1500px){ .banner .txts h2,.ri_txts b{ font-size: 30px;} .banner .txts span{ font-size: 24px;} .banner .txts p{ font-size: 16px;} .banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev{ right: 10px;} .banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next{ left: 10px;} .videoss .videoed{ top:50%;} .pp_li li b{ font-size:50px;} .pp_p{ margin-bottom:100px;} .wp81 li{ width:18%; margin:1%;} .banner .txts a{ float:left;} .contc p,.zjhh .aa .a_li a,.tongxun p,.footer,.footer a,.footer .tec,.wp81 li .times a,.ri_txts p{ font-size:14px;} .banner{ padding-top:150px;} .lang{ padding-left:40px;} .banner .swiper-slide{ height:400px;} .wp80{ padding:20px 20px;} .wp80.wp81{ padding:20px;} .zjhh{ width:380px;} .foot span{ font-size:20px;} .headIndex.head{ padding:20px 0;} .head.headIndex.active{ padding:8px 0;} .banner .swiper-slide-active .imgs { height:400px;} .szfz_ri{ right:0;} .w1480{ max-width:1200px;} .pro_b_top_le{ width:210px;} .pro_b_top_ri{ width:calc(100% - 210px);} .pro_b_ri_bot{ width:calc(100% - 160px); padding:30px;} .pro_bottom{ padding:30px 80px;} } @media screen and (max-width:1400px){ .le_video{ padding-left:0; padding-right:80px;} .le_video{ width:680px;} .ri_txts{ width:calc(100% - 680px);} .ri_txts p{ margin-bottom:20px;} .index_n_bot{ padding-left:0; padding-right:0;} .index_news_le { padding-right:40px; background:#fff;} .index_n_bot>Span { display:none;} .xgtuijiancp .swiper-slide{ padding:25px;} .nav >ul>li{ margin-right:20px;} } .wappic { display:none; max-width:600px; overflow:hidden; margin:25px auto;} .wappic img{ min-width:100%; min-height:100%; } @media screen and (max-width:1220px){ .nav li{ margin-right:25px;} .banner .swiper-slide,.banner .swiper-slide-active .imgs{ height:320px;} .le_video, .ri_txts{ width:100%; float:none; padding:0;} .le_video { max-width:600px; margin: 40px auto;} .ri_txts p{ padding-right:0; max-width:none;} .index_about{ padding:40px 0;} .index_about .vrvideo{ top:40px; right:20px;} .titles b{ padding-top:40px; font-size:30px;} .pp_p{ margin:40px auto; font-size:14px; line-height:28px;} .index_ppys{ padding-bottom:40px;} .pp_li li b{ font-size:30px;} .pp_li li p{ font-size:14px;} .index_news_ri { display:none;} .wappic{ display:block;} .index_news_le{ width:100%; padding:0;} .index_n_bot .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:0;} .index_n_bot .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:0;} .index_news_le .more{ margin:20px auto;} .index_n_bot .swiper-slide p{ font-size:14px; line-height:28px;} .index_n_bot,.index_news{ padding-top:40px;} .index_news_le .title{ text-align:center;} .wp81 li{ width:23%;} .zjhh,.contc{ width:50%;} .tongxun{ width:100%; margin-top:40px;} .le_video .videoss::after{ display:none;} .videolist img.img_pic{ max-width:100%;} .videoss .videolist{ height:auto;} .wp81 li .times { padding:15px;} .wp81 li .times a{ line-height:24px;} .w1200,.about_bac .w1200{ padding-left:15px; padding-right:15px;} .about_banner{ padding-top:300px;} .hh_tit_ch{ font-size:26px;} .wqywh .qywh_bot, .wqywh .qywh_top,.yuanjing .qywh_bot{ padding-left:40px;} .qiyewenhua .w33 .qywh_top{ height:300px;} .wqywh .qywh_top .ch{ font-size:20px;} .wqywh .qywh_top .en,.qiyewenhua .w33 .qywh_bot p{ font-size:14px;} .qywh_about .qywh_top{ padding:0 20px;} .qiyewenhua .w33 p{ font-size:14px;} .shengtai_li li{ width:12.285%; margin:0 1%;} .shuzifazhan .w1200 { padding-left:0;} .shengtai_li li .skews2 p{ font-size:14px; line-height:24px;} .shengtai_li li .skews1 img{ width:30px;}.shengtai_li li .skews1{ padding-top:40px;} .shengtai_li li .skews1 span{ font-size:16px;} .shengtai_box{ padding-top:20px;} .szfz_le,.le_t_wz{ padding-left:15px;} .bangongdidian .ch{ left:15px;} .title4 .en,.title4 .ch{ font-size:20px;} .title4 b,.bac_red b{ font-size:18px;} .title4 p,.bac_red p{ font-size:14px; line-height:24px;} .xyzp_03 .ri .ewm{ width:45%; padding:15px;} .zhaopin_tit .en,.zhaopin_tit .ch{ font-size:20px;} .zhaopin_tit p{ font-size:14px;} .pro_bottom{ padding:20px;} .pro_b_ri_bot{ padding:30px 20px; width:100%;} .pro_box_zong{ background-size:100% auto;} .sub_pro_nav{ padding:15px;} .sub_pro_nav li{ margin-right:30px;display:inline-block;} .proview_video{ padding:80px 15px;} .view_video .videolist{ height:auto;} .view_video .videolist .txts{ padding:0;} .view_video .videolist .txts .vtit{ position:absolute; bottom:5px; width:100%; font-size:14px;} .p_b_r_b_ri{ width:40%;} .p_b_r_b_le{ width:60%;} .pro_bottom b{ display:none;} .pro_bottom a{ float:none; display:block; margin:0 auto;} .pro_b_top{ height:auto;} .pro_b_top_ri{ float:none;} .pro_b_ri_bot{ position:static;} .pro_b_top_ri .posi{ display:none;} .slide_lists{ margin-top:40px; padding:0 70px;} .tj_pro_box{ padding:0 40px;} .tj_pro_box .swiper-button-next{ right:15px;} .tj_pro_box .swiper-button-prev{ left:15px;}.xgtuijiancp{ padding:80px 20px;} .xgtuijiancp .canshus p{ padding:0 5px; font-size:12px;} .slide_lists .swiper-pagination{ padding:0;} .nav >ul>li{ margin-right:10px;} } @media screen and (max-width:960px){ .wap{ display:block;} .pc{ display:none;} .banner{ padding-top:40px;} .banner .swiper-pagination-bullet{ width:30px;} .xialiechengshi li{ margin-right:15px;} .bangongdidian{ padding:40px 0;} .bangongdidian .ch{ font-size:26px;} .szfz_ri{ width:100%; position:static; padding-top:40px;} .szfz_le{ padding:20px 15px; max-width:none;}.szfz_le a{ margin-top:40px;} .shuxian{ display:none;} .shengtai_li{ border:none;} .shengtai_li li::before{ display:none;} .shengtai_li li{ width:31.333333333333%; margin-bottom:15px;} .shengtai_li li:nth-child(7)::after,.shengtai_li li:first-child::after{ display:none;} .cy_tit .ch{ font-size:26px;} .his_01.ris{ padding-left:0;} .his_01.les{ padding-right:0;} .his_01.les .his_txt{ border-left:1px solid #bfbfbf; border-right:none;} .his_01.les .his_txt::before{ left:0;} .his_01.les .his_txt .year::before{ left:-5px;} .his_01.les .his_txt .year{ float:left;} .his_01.les .his_txt .year::after{ left:-8px;} .his_01.les .his_txt img{ left:60px; right:inherit;} .his_01 .his_txt{ padding-bottom:110px;} .his_01.les .his_txt .txts{ text-align:left; float:right;} .history .bot_dian2,.history .bot_dian{ left:0;} .his_01 .his_txt .year{ width:110px;} .his_01 .his_txt .txts{ width:calc(100% - 110px);} .sub_ban{ padding:100px 0;} .sub_txt b{ font-size:28px;} .sub_txt span{ font-size:18px;} .sub_txt{ padding-top:40px; padding-bottom:40px;} .con_le,.con_ri{ max-width:none; float:none; width:100%;} .con_ri{ margin-top:40px;} .contact p,.check{ font-size:14px;} .zh_nav a{ margin-right:15px;} .nav_nav,.fuwu{ padding:30px 0;} .forms .w50{ width:100%; float:none;} .fuwu p{ font-size:14px; line-height:24px;} .download li{ width:31.33333333333333333%;} .download{ padding:40px 0;} .bac_red{ padding:40px 20px;} .shzp_01{ padding:80px 0;} .zptit span{ width:18%;} .shzp{ padding-bottom:40px;} .tj_pro{ padding:50px 0;} .channame{ font-size:26px;} .videolist{ height:auto;} .view_video .videolist{ width:48%;} .dangqianvideo .videolist2{ width:100%; max-width:690px; } .ertit{ font-size:20px; padding:40px 0;} .tit{ font-size:22px;} .litit{ font-size:16px;} .p_b_r_b_ri,.p_b_r_b_le{ float:none; width:100%;} .p_b_r_b_le span{ font-size:16px;} .pro_b_ri_bot .line5{ margin:15px 0;} .p_b_r_b_le p{ font-size:14px;} .anniu a{ font-size:14px;} .slide_lists .imgs{ height:auto;} .slide_lists .swiper-slide{ box-shadow:none; border:1px solid #ccc;} .slide_lists .swiper-container{ padding:0;} .shebei_box,.intro,.youshi_box{ padding-left:15px; padding-top:20px; padding-right:15px;} .sbcanshu td{ font-size:12px; padding:10px 0;} .sbcanshu table{ margin-top:20px;} .shebei_box img{ width:50%;} .canshushezhi>span,.xijie>span,.chanpinyoushi>span{ right:20px; top:20px;} .xyzp_02{ position:relative;} .zhanhui_slide{ padding:30px;} .hh_about{ padding-left:40px;} .xyzp_02{ padding-bottom:40px;} .shebei_box .sbcanshu img{ max-width:none; width:100%;} } @media screen and (max-width:768px){ .sub_pro_nav li{font-size:14px;margin-right:10px;} .sub_pro_nav li.on>a{ padding-bottom:16px} .wp81 li{ width:48%;} .zjhh, .contc{ width:100%;} .contc{ margin-top:40px;} .footer{ text-align:center;} .contc p, .zjhh .aa .a_li a, .tongxun p, .footer, .footer a, .footer .tec, .wp81 li .times a, .ri_txts p{ font-size:12px;} .banner .swiper-slide-active .imgs{ width:100%; float:none;} .banner .swiper-slide-active .txts{ width:100%; text-align:center; float:none;} .banner .swiper-slide .imgs{ width:100%; float:none;} .banner .swiper-slide .txts{ width:100%; text-align:center; float:none; padding:0;} .banner .imgs img{ margin:0 auto;} .banner .swiper-slide{ height:auto;} .banner .txts span{ padding:10px 0;} .banner .swiper-slide >span{ display:none;} .banner .txts a{ float:none; margin:20px auto 0;} .banner .swiper-slide .imgs{ height:200px;} .banner{ padding-bottom:50px;} .banner .swiper-pagination{ bottom:10px;} .index_about .vrvideo img{ width:90px;} .ri_txts span{ padding:15px 0;} .ri_txts p{ margin-top:20px;} .pp_li li{ width:100%; padding:15px 0;} .index_n_bot{ padding-top:20px;} .title b{ font-size:20px;} .index_n_bot b{ font-size:18px;} .index_n_bot .swiper-slide>a{ font-size:16px; padding-bottom:0;} .wappic{ margin-top:10px;} .wp81 li:nth-child(2n+1){ clear:left;} .index_about{ padding-bottom:0;} .foot{ padding:40px 0;} .zjhh .aa .a_li a{ font-size:14px;} .ri_txts a{ line-height:35px; height:35px;} .hh_tit_ch{ font-size:20px; padding-top:40px;} .qiyewenhua .w33{ width:100%; float:none;} .le_t_wz{ font-size:26px;} .news_lili li,.zhhd_lis li{ width:48%;} .news_lili{ padding-top:40px;} .news_lili li .imgs{ height:160px;} .news_lili li .txts h3 a,.vtit{ font-size:14px;} .videolist{ width:48%;} .download .tbc span{ font-size:12px;} .zptit span,.zp_list.on .zptit span{ font-size:12px;} .zp_list .zptit b{ right:15px;} .zpsxq{ padding:15px;}.zptit span:first-child{ padding-left:15px;} .zptit span{ line-height:24px; padding:10px 0;} .xyzp_03 .ri{ padding:40px 0;} .xyzp_03 .le, .xyzp_03 .ri{ width:100%; float:none;}.xyzp_03 .ri .ewm{ float:left; margin-left:0; margin-right:5%;} .xyzp_03 .le p{ font-size:14px;} .title4{ padding:40px 0; margin-bottom:0;} .title4 b{ font-size:14px;} .zhaopin_le,.zhaopin_ri{ float:none; width:100%;} .zhaopin_le ul::after{ display:block; content:""; clear:both;} .zhaopin_le li a{ display:none;} .zhaopin_le li{ padding:10px 5px; width:33.3333333333333%; float:left; text-align:center; background:none;} .zhaopin_le li b{ font-size:14px;} .zhaopin_le li p{ font-size:12px;} .zp_ri_box{ padding:25px;} .zp_ri_box p{ line-height:28px; font-size:12px;} .xyzp_02 .xyzp2_bac{ height:100%;} .zhaopin_tit{ padding-top:40px; padding-left:15px; padding-right:15px;} .xyzp_01{ margin:40px auto;} .dangqianvideo .videolist2{ height:auto;} .about_ban_le, .about_ban_ri{ width:100%;} .about_banner{ padding-top:0;} .about_ban_le span{ text-align:center;} .about_ban_le a{ margin:20px auto;} .about_ban_ri b em{ font-size:30px;} .about_ban_le p{ line-height:28px;} .qiyewenhua .w33 p::after{ display:none;} .w1200_le_top{ width:100%;} .videolist .txts{ position:static;} .zhhd_lis li .imgs{ height:auto;} .zhhd_lis li:nth-child(2n+1){ clear:left;} .zhhd_lis li .times{ padding-bottom:20px;} .zhhd_lis li .times a{ font-size:12px; line-height:24px;} .zhanhui_li_ri p span{ float:none; display:block;} .zhanhui_li{ margin-top:40px;} .news_lili li:nth-child(4n+1){ float:left;} .news_lili li:nth-child(2n+1){ clear:left;} .tj_pro .toubudiaoyogn li{ width:100%; margin-bottom:25px;} .tj_pro .imgs{ height:auto;} .ri_txts a{ margin:0 auto;} .iconsj{ padding:40px 0 0;} .news_lili li .imgs{height:auto;} .dangqianwei{left:15px;} .sub_pro_nav a{font-size:12px;} .hh_about{padding-left:15px;} } @media screen and (max-width:640px){ .zpsxq p{ font-size:12px; line-height:24px;} .banner .txts h2, .ri_txts b{ font-size:22px;} .banner .txts span{ font-size:16px;} .banner .txts p{ font-size:14px;} .footer a,.footer .tec{ display:block; padding:10px 0 0 0;} .tongxun{ margin-top:20px;} .download li{ width:48%; height:auto;} .download li:nth-child(2n+1){ clear:left;} .zh_nav a{ font-size:14px; font-weight:bold;} .nav_nav a{ width:70px;} .view_video .videolist .txts,.view_video .videolist .txts .vtit{ position:static;} .view_video .videolist:nth-child(2n+1){ clear:left;} .videoed{ top:50%; margin-top:-25px; margin-left: -25px; left: 50%;} .videoed.videoed2{ top:30%;} .iconsj{ text-align:center;} .slide_lists .swiper-button-prev,.slide_lists .swiper-button-next{ margin-top:-15px; width:30px; background-size:30px; height:30px;} .slide_lists{ padding:0 45px;} .zhanhui_li .imgs{ width:100%; display:none;} .zhanhui_li_ri{ width:100%; float:none;} .zhanhui_li_ri .swiper-slide img{ height:auto;} .zhanhui_li_ri .swiper-button-next{ right:0;} .zhanhui_li_ri .swiper-button-prev{ left:0;} .zhhd_lis li .imgs img{ min-width:inherit; min-height:inherit; max-width:100%;} .xgyd li .imgs{ width:100px; height:auto;} .xgyd li .txts{ width:calc(100% - 110px);} .xgyd li .txts h2 a{ padding:0;} .xgyd li .txts p{ margin-top:10px; max-height:56px; line-height:28px; overflow:hidden;} } .swiper-c { position: relative; } .swiper-c .swiper-container { width: 100%; height: auto; } .swiper-c .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; } .swiper-c .swiper-slide img { width: 100%; height: auto; object-fit: cover; } .banner-content { width: 400px; height: 300px; box-sizing: border-box; padding: 44px 41px; position: absolute; bottom: 50%; margin-bottom:-150px; right: calc(50% - 530px); text-align: left; z-index: 2; overflow: hidden; } .banner-content .blur-container { position: absolute; content: ''; width: 100%; height: 100%; left: -6px; top: -6px; padding: 6px; /* background: rgba(9, 131, 64); */ opacity: 0.95; z-index: -1; -webkit-filter: blur(10px); -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); } .banner-content__title1, .banner-content__title2 { font-weight: bold; font-size: 38px; color: #6B6B6B; letter-spacing: 1.71px; line-height: 60px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .banner-content__body { margin-top: 26px; /* opacity: 0.7; */ font-size: 14px; color: #6B6B6B; letter-spacing: 0.57px; font-weight: bold; text-align: justify; line-height: 26px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .container-kown-more { width: 300px; position: absolute; bottom: 44px; display: flex; align-items: center; justify-content: space-between; } .container-kown-more img { width: 14.1px; height: 14.1px; } .container-kown-more .kown-more__line { width: 100%; margin-right: 16px; height: 1px; opacity: .2; background: #6B6B6B; } .container-kown-more>a { display: flex; align-items: center; } .container-kown-more span { white-space: nowrap; margin-right: 6px; font-size: 14px; color: #6B6B6B; letter-spacing: 0.5px; text-align: right; cursor: pointer; text-transform: uppercase; font-family: dm !important; } .swiper-c .swiper-button-prev { background-image: url('https://scrm-pic.cdn.buerkongjian.com/static/image/dyh/banner-left.png'); z-index:1; } .swiper-c .btn.swiper-button-disabled { background: rgba(0, 0, 0, 1); opacity: 0.1; } .swiper-c .swiper-button-next { background-image: url('https://scrm-pic.cdn.buerkongjian.com/static/image/dyh/banner-right.png'); z-index:1; } .swiper-c .swiper-pagination-bullet { opacity: 0.4; border: 1px solid #FFFFFF; background: none; } .swiper-c .swiper-pagination-bullet-active { background: #fff; opacity: 1; } .swiper-c .btn { position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 100px; height: 160px; background-color: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; border: 0; /* opacity: 0.3; */ cursor: pointer; outline: none; } .swiper-c .swiper-button-prev { left: 0; } .btn img { width: 32px; } .btn:hover { background-color: #088BD4; opacity: 0.3; } .btn:active { background-color: #088BD4; opacity: 0.5; } @media screen and (max-width:1220px){ .swiper-c{ padding-bottom:200px;} .banner-content{ width:100%; height:200px; bottom:0; right:0; padding:15px; margin-bottom:0;} .banner-content__title1, .banner-content__title2{ font-size:20px; line-height:38px;} .banner-content__body{ display:none;} .container-kown-more{ width:100%; left:0; bottom:20px;} .banner-content .blur-container{ left:0; top:0;-webkit-filter: blur(0); -moz-filter: blur(0); -ms-filter: blur(0); filter: blur(0);} .swiper-c .swiper-slide img{ width:100%; height:auto;} .swiper-c .swiper-container{ height:auto;} .swiper-c .btn{ width:50px; height:80px;} .pro_b_top_ri{width:100%;} } @font-face { font-family: myFirstFont; src: url('../fonts/SourceHanSansCN-Normal.ttf'), url('../fonts/SourceHanSansCN-Normal.eot'); /* IE9+ */ } .table{ display:table; width:100%; height:100%;} .tbc{ display:table-cell; vertical-align:middle;width:100%; height:100%;} .xgtuijiancp .xgfanganzs .swiper-slide{ padding:15px;} .xgtuijiancp .xgfanganzs .xgfanganzs3::after{ display:block; content:""; clear:both;} .xgtuijiancp .xgfanganzs .xgfanganzs3 .swiper-slide{ width:23%; margin:1%; float:left;} .xgtuijiancp .xgfanganzs .imgs{ margin-top:0;height:auto;} .xgtuijiancp .xgfanganzs .imgs img{ max-width:none; width:100%; } .xgtuijiancp .xgfanganzs .swiper-slide h2{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #fff; color:#fff;} .xgtuijiancp .xgfanganzs .swiper-slide h2 a{color:#fff;} .xgtuijiancp .xgfanganzs .txts{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.5); padding:15px;} .xgtuijiancp .xgfanganzs .txts p{ text-indent:2em; color:#fff; line-height:26px; max-height:52px; overflow:hidden;} .xgtuijiancp .xgfanganzs .zhezhaos{ position:absolute; width:100%; height:100%; left:0; top:0;background:rgba(0,0,0,0.5); text-align:center; display:none;} .xgtuijiancp .xgfanganzs .zhezhaos span{ color:#fff; font-weight:bold; font-size:16px;} .xgtuijiancp .xgfanganzs .zhezhaos a{ display:block; width:80px; height:20px; line-height:20px; color:#fff; background:#e60011; border-radius:100px; margin:10px auto;} .xgtuijiancp .xgfanganzs .swiper-slide:hover .zhezhaos{ display:block;} .xinjia{ position:relative;} .xinzengbox {padding: 60px 120px; background: #fff; box-shadow: 0 0 15px #666; max-width: 1100px; width: 95%; height: 95%; border-radius: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} @media screen and (max-width:1220px){ .xgtuijiancp .xgfanganzs .swiper-slide h2 a{ font-size:16px;} .xgtuijiancp .xgfanganzs .xgfanganzs3 .swiper-slide{ width:48%;} } @media screen and (max-width:768px){.xgtuijiancp .xgfanganzs .swiper-slide{ padding:5px;}.xgtuijiancp .xgfanganzs .txts p{ display:none;}.xgtuijiancp .xgfanganzs .swiper-slide h2{ border:none; padding-bottom:0; margin-bottom:0;}}