@charset "utf-8"; /* CSS Document */ *{ padding:0; margin:0; box-sizing:border-box; } img,a,span,p,b{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:#666;font-family:'寰蒋闆呴粦'; background:#fefefe;} 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;} .w1200{ max-width:1230px; margin:0 auto; width:100%;} .main1200{ max-width:1200px; margin:0 auto;width:100%;} .w1600{ max-width:1612px; margin:0 auto;width:100%;} .clear::after{ display:block; content:""; clear:both;} .table{ display:table; width:100%; height:100%;} .tbc{ display:table-cell; vertical-align:middle; width:100%; height:100%;} .wap{ display:none;} .hei50{ height:50px; width:100%;} .sp_header{height:50px;overflow:hidden;background:#fefefe;position:fixed;z-index:10;width:100%;} .sp_logo{padding:10px;float:left;height:50px} .sp_logo img{margin:auto;max-height:30px; vertical-align:middle; display:inline-block; } .sp_logo b{ color:#333; font-weight:normal; font-size:14px; padding-left:5px;} .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px} .sp_nav span{display:block;background:#0072DA;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:9;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>a{float:left;width:calc(100% - 70px)} .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 7px 0 7px;} .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} .positi{ } .header { height:80px; background:#fff;} .logo img{ float:left;margin-top:15px;} .logo b{ font-size:24px; color:#333; font-weight:normal; line-height:80px; padding-left:20px; margin-left:20px; display:inline-block; position:relative;} .logo b::before{ content:""; display:block; width:2px; height:36px; background:#929ba0; position:absolute; left:0; top:50%; margin-top:-18px;} .nav{ text-align:right;} .nav li{ display:inline-block; height:100%; float:left; margin-left:30px; position:relative; } .nav li >a{ padding:0 15px; font-size:16px; color:#333333; line-height:80px; position:relative; height:80px; display:block;} .nav li.hover >a{ border-bottom:2px solid #0072DA; color:#0072DA;} .nav li img.sousuo{ margin-left:20px;cursor:pointer;} .nav li:last-child{height:80px; padding-top:25px; } .nav li>a::before{ content:""; display:block; width:1px; height:12px; position:absolute; left:-15px; top:50%; margin-top:-6px; background:#cccccc} .nav li:last-child >a::before{ display:none;} .nav li:first-child> a::before{ display:none;} .nav li> a:hover{ color:#0072DA} .nav li .sub_nav{ z-index:10; width:400px; position:absolute; top:100%; left:50%; transform:translateX(-50%); line-height:70px; height:70px; text-align:center; display:none;} .nav li .sub_nav a{ display:inline-block; font-size:16px; color:#333; margin:0 33px;} .bac_nav { display:none; height:70px; background:#fff; position:absolute; top:80px; width:100%; left:0; z-index:9; border-top:1px solid #cccccc;} .nav li .sub_nav a:hover{ color:#0072DA} .banner .swiper-button-prev{ left:150px; width:64px; height:64px; background-size:64px; background-image:url(../icon/index_10.png);} .banner .swiper-button-next{ right:150px; width:64px; height:64px; background-size:64px; background-image:url(../icon/index_13.png);} .banner .swiper-pagination-bullet{ width:20px; height:20px; margin:0 7px; background-image:url(../icon/index_21.png); background-position:center; background-repeat:no-repeat; background-color:transparent; opacity:1;} .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:20px; height:20px; background-image:url(../icon/index_18.png); background-color:transparent;} .banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:50px;} .banner .swiper-slide img{display: block;width: 100%;} .banner .swiper-button-next{ opacity:0; height: 100%; top: 0; width: 40%; right: 20px; background-position:right center; outline:none;} .banner .swiper-button-prev{ opacity:0; height: 100%; top: 0; width: 40%; left: 20px;background-position:left center; outline:none;} .banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ opacity:1;} .protanchu{ display:none; height:200px; background:#fff; position:absolute; top:80px; width:100%; left:0; z-index:9; border-top:1px solid #cccccc;} .nav li .pro_nav{ z-index:10; width:900px; padding-top:20px; position:absolute; top:100%; left:50%; transform:translateX(-50%); height:200px; display:none;} .nav li .pro_nav .pro_li{ width:25%; float:left; text-align:left;} .nav li .pro_nav .pro_li>a{ padding-left:50px; display:inline-block; font-size:16px; color:#333; font-size:14px; color:#999999; display:block; line-height:28px; } .nav li .pro_nav .pro_li b>a { font-size:16px; color:#333; display:block; padding-bottom:10px; padding-top:10px;padding-left:50px; background-position:left center; background-repeat:no-repeat;} .nav li .pro_nav .pro_li:first-child b>a{ background-image:url(../icon/proicon_09.png);} .nav li .pro_nav .pro_li:last-child b>a{ background-image:url(../icon/proicon_03.png);} .nav li .pro_nav .pro_li:nth-child(2) b>a{ background-image:url(../icon/proicon_12.png);} .nav li .pro_nav .pro_li:nth-child(3) b>a{ background-image:url(../icon/proicon_06.png);} .nav li .pro_nav .pro_li a:hover{ color:#0072DA} .hangyetanchu{ padding:30px; background:#fff; width:100%; height:auto;position:absolute; left:0; top:80px; z-index:9;border-top:1px solid #cccccc; display:none;} .search_tanchu{ padding:110px 0;position:absolute; left:0; top:80px; width:100%; height:auto; background:#fff; z-index:9;border-top:1px solid #cccccc; display:none;} .sousuok{ height:80px; width:800px; margin:0 auto; padding:20px; border-bottom:1px solid #008bc4; position:relative;} .sousuok::after{ display:block; content:""; height: 10px; width:1px; position:absolute; right:0; bottom:0; background:#008bc4;} .sousuok::before{ display:block; content:""; height: 10px; width:1px; position:absolute; left:0; bottom:0;background:#008bc4;} .sousuok input{ font-size:16px; color:#333; height:40px; width:calc(100% - 40px); float:left; border:none; outline:none;} .sousuok input.btn{ width:40px; float:right; background:url(../icon/ss.jpg); text-indent:9999px; overflow:hidden; cursor:pointer;} .w1500{ max-width:1500px; margin:0 auto;} .hy_li { height:160px; width:25%; float:left; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:center; position:relative;} .hy_li:nth-child(1) a{} .hy_li:nth-child(5){ border-bottom:none;} .hy_li:nth-child(4){ border-right:none;} .hy_li img{ display:inline; vertical-align:middle;} .hy_li .channame{ display:inline; } .hy_li .channame b,.hy_li .channame span{ display:inline-block; } .hy_li .channame b{ font-size:22px; color:#333;} .hy_li .channame span{ font-size:14px; color:#888888;} .hy_li>a { display:block; padding-left:50%; text-align:left; position:relative; height:100%; padding-top:55px; background-position:30% center; background-repeat:no-repeat; } .zhezhao{ position:absolute; width:100%; height:100%; left:0; top:0; background:#fff; display:none;} .zhezhao a { display:block; color:#333333; font-size:16px; line-height:40px;} .zhezhao a:hover{ color:#0072DA} .index_p_box_le{ position:relative; width:29.77%;} .index_p_box_le .zhezhao{ } .in_pro_tit { position:absolute; left:40px; top:40px;} .in_pro_tit b{ font-size:30px; font-weight:normal;color:#000000; display:block;} .in_pro_tit span{ font-size:16px; color:#8e8e8e; text-transform:uppercase;} .index_p_box_ri{ width:68.98%;} .znjj,.znjj2{ position:relative;} .znjj{ width:35.07%;} .znjj2{ width:63.13%;} .mt2{ margin-top:1.7%;} .index_pro .zhezhao{background:rgba(0,0,0,0.5); text-align:center;} .index_pro .zhezhao b{ color:#fff; font-size:34px; font-weight:normal; display:block;padding-bottom:20px;} .index_pro .zhezhao span{ text-transform:uppercase; font-size:22px; color:#babcc0; display:block; padding:10px 0;} .index_pro .zhezhao a{ width:170px; height:45px; line-height:45px; color:#fff; background:#0072DA; font-size:20px; margin:0 auto;} .znjj3 .in_pro_tit{ left:inherit; right:40px;} .znjj3 .in_pro_tit b,.znjj3 .in_pro_tit span{ color:#fff;} .title{ font-size:50px; color:#333; padding-bottom:40px;text-align:center;} .index_pro{ padding:80px 0; } img.xindian{ margin-bottom:80px;} .index_tab{ position:relative;} .index_tab .tabli_intro{ position:absolute; top:0; width:100%; left:0;} .intros{ padding:35px 30px; background:#0072DA; display:inline-block; width:auto;} .intros b{ display:block; font-size:40px; color:#fff; font-weight:normal; padding-bottom:10px;} .intros p{ font-size:18px; color:#ffffff; text-transform:uppercase;} .tab_li{ position:absolute; bottom:80px; left:0; width:100%;} .tab_li li{ width:25%; float:left; cursor:pointer; border:1px solid #cccccc; background:#fff; display:inline-block; padding:30px 0; text-align:center;border-right:none;} .tab_li li:last-child{ border-right:1px solid #cccccc} .tab_li li span{ display:block; padding-bottom:5px; color:#191919; font-size:16px;} .tab_li li p{ font-size:12px; color:#999999;} .tab_li li.on{ background:#0072DA;border:1px solid #0072DA;} .tab_li li.on span{ color:#fff;} .tab_li li.on p{ color:#ccc;} .gssl{ padding-top:80px; background:url(../images/indexbac_04.jpg) no-repeat bottom center; background-size:cover;} .gssl li{ transition:all 0.3s; margin-bottom:5%; text-align:center; width:21%; float:left; height:300px; margin-right:5.33333333%; padding-left:40px; padding-right:40px;} .gssl li:nth-child(4n){ margin-right:0;} .gssl .imgs{ margin:40px auto 0; width:120px; height:120px; background-image:url(../icon/circle.png); background-size:cover; text-align:center;} .gssl .imgs img{ display:inline;} .gssl li b{transition:all 0.3s; font-size:22px; color:#333; display:block; margin-top:20px;transition:all 0.3s;} .gssl li .line{transition:all 0.3s; width:40px; height:2px; background:#0072DA; margin:10px auto;} .gssl li p{ transition:all 0.3s;font-size:16px; color:#666666;} .gssl li:hover{ background-repeat:no-repeat;} .gssl li:hover .imgs img{ transform:scale(1.1);} .news_index{ background-color:#f5f2f2; padding:80px 0;} .news_index a:hover,.news_in_le .txts h2 a:hover{ color:#0072DA} .news_in_le,.news_in_ri{ width:48%; height:670px; overflow:hidden;} .news_in_le .imgs{ height:460px; position:relative; overflow:hidden;} .news_in_le .imgs img{ min-height:100%; min-width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);} .news_in_le .txts{ padding:25px 40px; background:#fff;} .news_in_le .txts h2 a{ font-size:30px; color:#333; display:block; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .news_in_le .txts span{ font-size:18px; color:#333;} .news_in_le .txts p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:block; font-size:16px; color:#858585; padding:27px 0;} .news_index .w1200{ margin-bottom:55px; text-align:center;} .news_index .w1200 a{ display:inline-block; width:33.333333%; float:none; font-size:20px; line-height:45px; border-bottom:2px solid #e0e0e0; height:45px; text-align:center;} .news_index .w1200 a.on{ color:#1fb8df; border-bottom:2px solid #1fb8df;} .newrili{ margin-bottom:55px;} .newrili .tim{ width:126px; height:126px; background-color:#e6e6e6; text-align:center; padding: 0 15px;} .newrili .tim b{ display:block; border-bottom:1px solid #666666; color:#333; font-size:26px; padding-bottom:5px; margin-bottom:5px;} .newrili .tim span{ font-size:20px; color:#333;} .newrili .txts{ height:126px; border-bottom:1px solid #ccc; width:calc(100% - 126px); padding-left:30px;} .newrili .txts a{ color:#333; font-size:26px; font-weight:normal; display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-bottom:10px;} .newrili .txts p{ color:#666; font-size:16px; line-height:32px; overflow:hidden; max-height:64px;} .newrili:hover a,.newrili:hover .txts p{ color:#0072DA} .newrili:hover .tim{ background-color:#0072DA} .newrili:hover .tim b,.newrili:hover .tim span{ color:#fff;} .newrili:hover .tim b{ border-bottom:1px solid #fff;} .newrili:hover .txts{border-bottom:1px solid #0072DA;} /* .footer{ background:#333333; padding-top:75px;} */ .fot_copy{ font-size:16px; color:#999; border-top:1px solid #cccccc; padding:25px 15px; text-align:center;} .fot_copy a{font-size:16px; color:#999; display:inline-block;} .fot_copy a:hover{ color:#0072DA;} .fot_ewm{ width:460px;} .foticon{ text-align:center; margin-bottom:20px;} .foticon li{ display:inline-block; margin:6px 10px; position:relative;} .foticon li img{ cursor:pointer;} .foticon li .tanchu{ position:absolute; width:120px; height:120px; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%); display:none; bottom:70px;} .fot_ewm p,.fot_ewm span{ font-size:18px; color:#ccc;} .fot_ewm p{ margin-bottom:10px;} .fot_ewm span { padding-left:25px; display:inline-block; padding-top:5px; padding-bottom:5px} .fot_ewm p.dizhi{padding-left:25px; display:inline-block; background:url(../icon/foticon_11.png) no-repeat left center;} .fot_ewm span.le{background:url(../icon/foticon_03.png) no-repeat left center;} .fot_ewm span.ri{background:url(../icon/foticon_06.png) no-repeat left center;} .footer .w1600{ padding-bottom:30px;} .fot_nav { width:calc(100% - 600px);} .fot_nav li{ display:inline-block; float:left; width:16.666666666%; padding-right:10px;} .fot_nav li b a,.fot_nav li a{ display:block; color:#fefefe;} .fot_nav li b a{ height:22px; line-height:22px; border-left:4px solid #0072DA; padding-left:13px; font-weight:normal; margin-bottom:25px; font-size:20px;} .fot_nav li a{ font-size:16px; line-height:2; padding-left:13px;} @media screen and (max-width:1680px){ .w1600{ padding-left:40px; padding-right:40px;} .title{ font-size:40px;} .index_pro,.news_index{ padding:40px 0;} img.xindian{ margin-bottom:40px;} .gssl{ padding-top:40px;} } @media screen and (max-width:1480px){ .nav li{ margin-left:10px;} .nav li>a::before{ left:-5px;} .logo b{ font-size:18px;} .banner .swiper-button-prev{ left:20px;} .banner .swiper-button-next{ right:20px;} .banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px; } .newrili .txts a,.index_pro .zhezhao b{ font-size:20px;} .newrili .txts p{ font-size:14px;} .news_in_le .txts h2 a{ font-size:22px;} .news_in_le .txts p{ padding:33px 0;} .intros b,.in_pro_tit b{ font-size:20px;} .intros p,.in_pro_tit span,.index_pro .zhezhao span{ font-size:14px;} .title{ font-size:30px;} .gssl li b{ font-size:18px;} .index_pro .zhezhao a{ font-size:14px; width:120px; height:35px; line-height:35px;} .fot_nav{ width:100%; float:none;} .fot_ewm{ float:none; margin:20px auto;} .fot_ewm p{ font-size:14px;} } @media screen and (max-width:1220px){ .nav li >a,.nav li .sub_nav a{ font-size:14px;} .hy_li .channame span{ font-size:12px;} .hy_li .channame b{ font-size:16px;} .hy_li{ height:110px;} .hy_li>a{ padding-top:35px;} .nav li >a{ padding:0 5px;} .nav li .sub_nav a{ margin:0 10px;} .nav li .sub_nav{ width:240px;} .nav li .pro_nav{ width:800px;} .search_tanchu{ padding:30px 0;} .logo b{ font-size:14px;} .w1600,.w1200{ padding-left:15px; padding-right:15px;} .zhezhao a{ font-size:14px; line-height:24px;} .tab_li{ bottom:0;} .intros{ padding:15px;} .gssl li{ width:23%; margin:1%; padding:15px; padding-top:0;} .gssl .imgs{ margin-top:20px;} .gssl li p{ font-size:12px;} } @media screen and (max-width:960px){ .wap{ display:block;} .pc{ display:none;} .tab_li{ position:static;} .tab_li .w1200{ padding:0;} .tab_li li span{ font-size:14px;} .news_in_le .imgs{ height:280px;} .newrili{ margin-bottom:10px;} .fot_nav{ display:none;} .footer{ padding-top:30px;} .footer .w1600{ padding-bottom:30px;} } @media screen and (max-width:768px){ .tab_li li{ width:33.33333333%; padding:15px 0;} .intros b{ font-size:14px;} .intros p{ font-size:12px;} .index_tab .tabli_intro{ position:static;} .index_tab .tabli_intro .w1200{ padding:0;} .gssl li{ width:48%; height:250px;} .gssl .imgs{ width:80px; height:80px;} .gssl .imgs img{ width:30px; height:auto;} .gssl .w1200{ padding:0;} .news_index .w1200 a{ font-size:16px;} .title{ font-size:20px; padding-bottom:20px;} .news_in_le, .news_in_ri{ width:100%; float:none; height:auto;} .news_in_le{ margin-bottom:20px;} .index_p_box_le{ width:100%; height:200px; float:none; overflow:hidden; margin-bottom:10px;} .index_p_box_le img{ position:absolute; left:50%; top:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);} .index_p_box_ri{ width:100%; float:none;} .in_pro_tit b,.index_pro .zhezhao b { font-size:14px;} .in_pro_tit span,.index_pro .zhezhao span{ font-size:12px;} .in_pro_tit{ left:10px; top:10px;} .index_pro .zhezhao a{ padding:0 10px; width:80%; max-width:120px; font-size:12px;} .news_in_le .txts{ padding:15px;} .news_in_le .txts h2 a{ font-size:14px;} .news_in_le .txts span{ font-size:12px;} .news_in_le .txts p{ padding:15px 0; font-size:12px;} .newrili .tim{ width:80px; height:80px;} .newrili .tim b{ font-size:14px;} .newrili .tim span{ font-size:12px;} .newrili .txts{ width:calc(100% - 80px); padding-left:15px; height:80px;} .newrili .txts a{ font-size:14px; padding-bottom:5px;} .newrili .txts p{ font-size:12px; line-height:24px; max-height:48px;} .news_in_le .imgs{ height:200px; overflow:hidden;} } @media screen and (max-width:500px){ .banner .swiper-button-prev{ display:none;} .banner .swiper-button-next{ display:none;} .fot_ewm{ width:100%;} .fotewmtop img.le{ float:none; margin:0 auto; margin-bottom:15px;} .foticon{ width:100%; float:none;} .fot_ewm span.le{ float:none; margin-bottom:10px; font-size:14px;} .fot_ewm span.ri{ float:none; display:block;font-size:14px;} .footer .w1600{ padding-bottom:0;} .fot_copy a,.fot_copy{ font-size:14px;} img.xindian{ margin-bottom:20px;} .index_pro{ padding-bottom:20px;} .intros{ text-align:center;} } .news_ban{ position:relative;} .ban_tit { position:absolute; bottom:0; left:0; width:100%; height:75px; background:rgba(0,52,65,0.6);} .ban_tit h2 a{ font-size:40px; color:#fff; line-height:75px; font-weight:normal;} .newszhiding{ padding-right:150px; position:relative; max-width:1200px; margin:0 auto;} .ban_tit span{ display:block; width:150px; top:0; position:absolute; right:0; line-height:75px; font-size:16px; color:#fff;} .news_jiugg{ padding:50px 0;} .jgg_le{width: 50%;height:385px;position:relative;overflow:hidden;} .jgg_ri{width: 49%;} .jgg_le .zhezhao{ background:rgba(0,0,0,0.3); display:block;} .jgg_le img{position:absolute; 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%); min-width:100%; min-height:100%;} .jgg_le .txts{position:absolute; z-index:1; bottom:0; left:0; width:100%; padding:20px;} .jgg_ri li{margin-bottom:20px;width: 49%;height:182px;float:left;margin-right: 2%;position:relative;overflow:hidden;} .jgg_ri li img{ position:absolute; 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%); min-width:100%; min-height:100%;} .jgg_ri li:nth-child(2n){ margin-right:0;} .jgg_ri li .txts{ position:absolute; z-index:1; bottom:0; left:0; width:100%; padding:20px; background:rgba(0,0,0,0.5);} .jgg_ri li .txts a{ color:#fff; font-size:16px; font-weight:normal;} .jgg_le .txts a{ font-size:24px; color:#fff; display:block; border-bottom:1px solid #fff; padding-bottom:20px; margin-bottom:20px; } .jgg_le .txts p{ font-size: 16px; color:#fff; line-height:32px; max-height: 64px; overflow: hidden;;} .channal_name{ text-align:center;} .channal_name a{ display:block; width:33.333333333%; float:left; line-height:58px; color:#999; font-size:20px;border-bottom:2px solid transparent} .channal_name a.on,.channal_name a:hover{ border-bottom:2px solid #0072DA; color:#0072DA;} .news_lists{ margin-top:30px;} .news_lists li{ padding:55px 0; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s;-o-transition:all 0.3s;} .news_lists li .times{ position:relative; width:200px; float:left; height:125px; font-size:24px;} .news_lists li .imgs{ width:325px; height:200px; overflow:hidden; position:relative; float:left;} .news_lists li .imgs img{position:absolute; 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%); min-width:100%; min-height:100%;} .news_lists li:hover{ background:#f6f6f6;} .news_lists li .txts{ width:1100px; float:right; padding-left:25px;} .news_lists li .txts a{ font-size:24px; color:#333; display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-bottom:20px; font-weight:normal;} .news_lists li .txts p{ font-size:16px; color:#666666; line-height:24px; margin-bottom:10px;} .news_lists li .txts span{font-size: 14px;display: block;margin-bottom: 10px;} .news_lists li .txts a.view{ font-size:16px; color:#666;} .news_lists li .times .tbc::after{ display:block; content:""; width:1px; height:30px; background:#666666; position:absolute; right:40px; top:50%; margin-top:-15px;} .pagelist { padding:60px 0; text-align:center;} .pagelist li{ display:inline-block;} .pagelist li a{ display:block; padding:5px 10px;} .pagelist li a:hover{ color:#1fb8df} .pagelist li.active a{ background:#1fb8df; color:#fff;} .newarti_tit {text-align:center; border-bottom:1px solid #cccccc; margin-bottom:30px;} .newarti_tit h1{ font-size:28px; color:#333; font-weight:normal;} .newarti_tit p{ display:block; padding:30px 0;} .newarti_tit p span{ font-size:16px; color:#666666;} .newbox_le{ width:760px;} .newbox .newbox_le p{ font-size:16px; color:#666666; line-height:32px; margin-bottom:15px;} .newarti_tit p span{ font-size:16px; color:#666; display:inline-block; margin:0 10px;} .prevnext { margin-top:40px; padding:30px 0; border-top:1px solid #cccccc;} .prevnext div{ font-size:16px; color:#999999; padding:9px 0;} .prevnext a{ font-size:16px; color:#333;} .prevnext a:hover{ color:#1fb8df;} .newbox_ri{ width:400px;} .newbox_ri .ri_tit{ padding-bottom:20px; font-size:28px;color:#333; border-bottom:1px solid #ccc;} .newbox_ri ul{ margin-bottom:40px;} .newbox_ri li{ margin-top:30px;} .newbox_ri li .imgs{ width:105px; height:70px; overflow:hidden; float:left;} .newbox_ri li .imgs img{ min-width:100%; min-height:100%; width:100%;} .newbox_ri li .txts{ width:calc(100% - 105px); float:right; padding-left:20px;} .newbox_ri li .txts span{ font-size:14px; color:#999999; display:block; padding-bottom:5px;} .newbox_ri li .txts h3{ font-size:16px; color:#333; font-weight:normal; overflow: hidden; height: 48px; line-height: 24px;} .newbox_ri li:hover h3{ color:#1fb8df} .fenleis{ padding:30px 0;} .fenleis a{ display:block; margin-bottom:20px; line-height:35px; color:#fff; padding-left:35px; background:#0072DA; position:relative;} .fenleis a::before{ width:4px; height:4px; content:""; display:block; border-radius:100%; background:#fff; position:absolute; left:20px; top:50%; margin-top:-2px;} .sub_ban_01 {height: 500px;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;display: flex;align-items: center;} .sub_ban_01 .w1440{width: 100%;} .sub_ban_01 .w1440 b{font-size: 36px;} .sub_ban_01{position: relative;} .sub_ban_01 .cate-ul{position: absolute;bottom: 0;left: 0;right: 0;border-top: 1px solid rgba(0, 0, 0, 0.2);} .sub_ban_01 .cate-ul ul{width: 100%;max-width: 1440px;margin:0 auto;display: flex;} .sub_ban_01 .cate-ul li{flex:1;text-align: center;} .sub_ban_01 .cate-ul li a{display: block;padding:20px 10px;color: #555;font-size: 18px;border-top: 2px solid transparent;-webkit-transition: all 0.6s ease;} .sub_ban_01 .cate-ul li:hover a,.cate-ul li.active a{border-top: 2px solid #555;color: #000;} @media(max-width:1100px){ .sub_ban_01 .w1440 b{font-size: 24px;} .sub_ban_01 .cate-ul li a{font-size: 16px;} } @media(max-width:768px){ .sub_ban_01 .w1440 b{font-size: 20px;} .sub_ban_01 .cate-ul{display: none;} .fangan_tits{display: none;} .sub_ban_01 .cate-ul li a{font-size: 13px;} } .mobile-nav{display: none;} @media (max-width: 768px) { .mobile-nav{display: block;position: relative;} .mobile-nav>a{display: block;padding:20px 10px;text-align: center;font-size: 14px;border-bottom: 1px solid #ccc;} .mobile-nav ul{position: absolute;top: 100%;left:0;right:0;margin:0 auto; opacity: 0;transform: translateY(5%);z-index: -1; width: 100%;border-left: 1px solid #eee;border-right: 1px solid #eee; border-top: 1px solid #eee;z-index: -1;background: #fff;-webkit-transition: all 0.6s ease;} .mobile-nav ul li a{display: block;text-align: center;font-size: 14px;padding:15px 10px;border-bottom: 1px solid #eee;} .mobile-nav ul.active{z-index: 1;opacity: 1;transform: translateY(0%);} } .sub_nav_chan { max-width:1440px; width:100%; margin:0 auto; margin-top:25px;} .sub_nav_chan{display: none} .sub_nav_chan a:hover{ text-decoration:none;} .sub_nav_chan li{ width:33.333333333%; float:left; border:1px solid #cccccc; padding:50px 0; padding-left:75px; background-position:25px center; background-repeat:no-repeat; background-color:#fff;} .sub_nav_chan li b{ display:block; font-size:20px; color:#333333; font-weight:normal;} .sub_nav_chan li span{ font-size:16px; color:#333;} .sub_nav_chan li.on{ background-color:#0072DA;border:1px solid #0072DA;} .sub_nav_chan li:hover b,.sub_nav_chan li:hover span{ color:#0072DA} .sub_nav_chan li.on b{ color:#fff;} .sub_nav_chan li.on span{ color:#fff;} .sub_nav_chan li:first-child{ background-image:url(../icon/faq_10.png);} .sub_nav_chan li:nth-child(2){ background-image:url(../icon/faq_13.png);} .sub_nav_chan li:last-child{ background-image:url(../icon/faq_08.png);} .sub_nav_chan li:first-child.on{ background-image:url(../icon/faq_06.png);} .sub_nav_chan li:nth-child(2).on{ background-image:url(../icon/faq_16.png);} .sub_nav_chan li:last-child.on{ background-image:url(../icon/faq_03.png);} .sub_nav_chan li:hover a{ color:#0072DA} .fuwu_box { padding:100px 0;} .fuwu_box li{ width:33.3333333333%; float:left; text-align:center; border-right:1px solid #cccccc; padding:0 15px;} .fuwu_box li:last-child{ border:none;} .fuwu_box li b{ font-size:40px; color:#0072DA; font-weight:normal;} .fuwu_box li p{ font-size:20px; color:#333333; display:block; padding:20px 0;} .fuwu_box li img{width: auto; margin: 0 auto;} .fuwudown { margin:55px auto; padding:60px 100px; background:#fff;} .fuwudown.w1440{padding:60px 100px;} .fuwudown table{ width:100%;} .fuwudown span{ display:inline-block; padding-left:30px; background-position:left center; background-repeat:no-repeat;} .fuwudown span.pdf{ background-image:url(../icon/faq_28.png);} .fuwudown span.pptx{ background-image:url(../icon/faq_47.png);} .fuwudown span.doc{ background-image:url(../icon/faq_52.png);} .fuwudown span.zip{ background-image:url(../icon/faq_49.png);} .fuwudown table tr{ padding:0 10px;} .fuwudown table tr.heads th{ color:#0072DA; font-size:22px; padding-bottom:30px; font-weight:normal; border-bottom:1px solid #ccc;} .fuwudown table tr td{ height:80px; border-bottom:1px dashed #ccc;font-size:18px;} .fuwudown table tr a{ display:block; width:115px; height:40px; line-height:38px; font-size:18px; color:#0072DA; border:1px solid #0072DA;} .fuwudown table tr a img{ display:inline; vertical-align:middle; padding-right:5px;width: auto;} .faq{ padding:55px 0;} .faq .question{ padding:0 100px 30px; background:#fff; margin-bottom:20px;} .ques_tit{ cursor:pointer; font-size:22px; color:#0072DA; border-bottom:1px solid #999999; padding-top:30px; padding-bottom:30px; padding-left:50px; background-image:url(../icon/xiangyou.jpg); background-position:20px center; background-repeat:no-repeat;} .question.on .ques_tit{ background-image:url(../icon/xiangxia.jpg);} .ques_box { padding:20px; display:none; padding-bottom:0;} .ques_box p{ line-height:35px; font-size:18px;} .fuwudown table tr:hover td{ color:#0072DA;} /* .sub_nav_chan_contact{ width:600px;} */ .sub_nav_chan_contact li{ width:50%; padding-left:125px; background-position:65px center;} .sub_nav_chan_contact li:first-child{ background-image:url(../icon/zsjmicon.png);} .sub_nav_chan_contact li:last-child{ background-image:url(../icon/conicon.png);} .sub_nav_chan_contact li:first-child.on{ background-image:url(../icon/zsjmicon_w.png);} .sub_nav_chan_contact li:last-child.on{ background-image:url(../icon/conicon_w.png);} .jiameng_tit{ font-size:40px; color:#282828; padding:50px 0; text-align:center;} .guestbook .forms{display: flex;justify-content: center;} .jiameng_boxs p{ font-size:14px; line-height:24px;} .guestbook{ background-color:#fafafa; margin-top:50px;} .biaodans{ margin-bottom:20px;} .biaodans span{ font-size:16px; display:inline-block; width:80px; float:left; line-height:50px; text-align:right; margin-right:20px;} .biaodans > input{ width:510px; height:50px; border:1px solid #dbdbdb; border-radius:5px; background:#f2f2f2; padding:0 20px; width:510px;} .xxdizhi input{ width:750px;} .distpickers{ width:770px;} .distpickers .form-group{ width:240px;margin-right:10px;} .form-inline .form-control{ width:100%; } .biaodans > input::-moz-placeholder { color: #666; opacity: 1; } .biaodans > input:-ms-input-placeholder { color: #666; } .biaodans > input::-webkit-input-placeholder { color: #666; } .biaodans button{ width:240px; height:50px; border:1px solid #0072DA;font-size:16px; color:#0072DA; background:#fff; margin-right:10px;} .biaodans button.tijiao{ background:#0072DA; color:#fff; } .biaodansbtn { padding:40px 0 50px;} .contactus ul{ margin-top:80px;} .contactus li{ width:33.33333333%; text-align:center; float:left;} .contactus li b{ font-size:20px; color:#333; display:block; padding:15px 0 20px; font-weight:normal;} .contactus li p{ font-size:16px; color:#333; line-height:1.5; max-width:300px; display:block; margin:0 auto; text-align:left;} .con_bottom{ margin:60px auto;} .gzhewm{ width:485px;} .maps{ width:calc(100% - 495px);} .gzhewm b{ display:block; text-align:center; border-bottom:1px solid #cccccc; padding-bottom:20px; font-size:26px; color:#333; font-weight:normal; padding-top:30px; margin-bottom:30px;} .gzhewm .w50{ width:48%;} .pro_01{ padding:60px 0;} .pro_01 li{ width:32.29%; margin-right:1.56%; float:left;} .pro_01 li:last-child{ margin-right:0;} .pro_01 li .txts{ text-align:center; background-image:url(../images/prochan_10.jpg); background-repeat:no-repeat; background-size:100% 100%; line-height:60px; font-size:24px; color:#666; position:relative;} .pro_01 li .txts::after{ display:block; content:""; width:0; transition:all 0.3s; left:0; bottom:0; height:4px; background-color:#0072DA; } .pro_01 li:hover .txts::after{ width:100%;} .pro_02{ padding:60px 0; background-image:url(../images/prochan_13.jpg); background-size:cover; background-position:bottom center;} .pro_02 b{ font-size:44px; color:#3b485b; font-weight:400;} .pro_02 p{ font-size:30px; color:#3b485b; display:block; margin:15px auto 25px;} .pro_02 .line{ height:4px; width:80px; background:#3b485b;} .pro_03 .zhezhao{ background:rgba(0,0,0,0.2); display:none;} .pro_03 .pro_03_le{ width:55.72%; position:relative; margin-bottom:1.5%;} .zhezhaotit{ position:absolute; width:100%; bottom:0; left:0; padding:0 100px; padding-bottom:45px;} .zhezhaotit b{ color:#fff; font-size:40px; font-weight:normal;} .zhezhaotit p{ font-size:20px; color:#fff; text-transform:uppercase; font-weight:lighter;} .zhezhaotit a{ display:inline-block; color:#fff; font-size:16px; font-weight:bold; margin-top:40px; background:url(../images/prochan_16.png) no-repeat left center; padding-left:50px;} .pro_03 .pro_03_ri { width:42.70%;position:relative;} .pro3_zong { padding:60px 0 30px; } .pro_view_ban { padding-top:170px; padding-bottom:110px;} .pro_view_ban h1{ font-size:24px; color:#fff; font-weight:normal;} .pro_view_ban .xbt{ font-size:44px; color:#fff; margin:10px auto 15px} .pro_view_ban .biaoyu{ font-size:24px; color:#fff;} .pro_view_ban img{ display:inline-block; margin-top:170px; cursor:pointer;} .qiehuan_view .le span{ font-size:16px; color:#666; display:block;} .qiehuan_view .le .xinghao{ font-size:24px; color:#333; padding-top:10px;} .qiehuan_view .ri{ text-align:right; padding-top:12px;} .qiehuan_view .ri span,.qiehuan_view .ri a{ display:inline-block; } .qiehuan_view .ri a{ padding:10px 35px; background:#0072DA; color:#fff;} .qiehuan_view .ri span { display:inline-block; padding:5px 20px; cursor:pointer;} .qiehuan_view .ri span.on{ background:#ededed; color:#0072DA; border-radius:100px;} .leisishangpin { padding:50px 0; background:#f9f9f9;} .view_box{ padding:50px 0;} .leisishangpin .title{ font-size:30px;} .view_box iframe{ width:100% !important; } .gundong_pro { padding:0 120px; position:relative; } .leisishangpin p{ font-size:16px; color:#333;} .leisishangpin h3{ font-size:20px; color:#333; display:block; padding:10px 0 5px;} .gundong_pro .swiper-slide .imgs{ overflow:hidden;} .gundong_pro .swiper-slide:hover .imgs img{ transform:scale(1.1);} .gundong_pro .swiper-button-next{ background-image:url(../images/proview_38.png); width:64px; height:64px; background-size:64px;outline:none; } .gundong_pro .swiper-button-prev{ background-image:url(../images/proview_35.png);width:64px; height:64px; background-size:64px; outline:none;} .videps{ height:675px; margin-top:20px;} video{object-fit: fill;} .video-js .vjs-big-play-button{ width: 55px; height: 55px; border-radius: 100%; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px;} .vjs-poster{ background-size:cover;} .sub_nav_chanabout li{ padding-left:115px; background-position:55px center;} .sub_nav_chanabout li:first-child{ background-image:url(../icon/about2_05.png);} .sub_nav_chanabout li:nth-child(2){ background-image:url(../icon/about1_06.png);} .sub_nav_chanabout li:last-child{ background-image:url(../icon/about1_09.png);} .sub_nav_chanabout li:first-child.on{ background-image:url(../icon/about1_03.png);} .sub_nav_chanabout li:nth-child(2).on{ background-image:url(../icon/about2_08.png);} .sub_nav_chanabout li:last-child.on{ background-image:url(../icon/about3_03.png);} .sub_nav_chanabout li:hover a{ color:#0072DA;} .fzlc { position:relative; padding:70px 160px;} .fzlc .swiper-button-next{ right:50px; background-image:url(../images/about1_25.png); width:64px; height:64px; background-size:64px;outline:none; } .fzlc .swiper-button-prev{ left:50px; background-image:url(../images/about1_22.png);width:64px; height:64px; background-size:64px; outline:none;} .rongyutit{ text-align:center; padding:55px 0;} .fazhanlicheng .title,.rongyutit b{ font-size:30px; color:#333; font-weight:normal;} .fazhanlicheng .title{ color:#fff;} .rongyutit span{ font-size:20px; color:#666; display:block; margin-top:10px;} .hezuohuoban{ padding:55px 0;} .hezuohuoban .title{ font-size:30px; color:#333;} .hezuohuoban li{ width:23%; margin:1%; float:left;} .about1 { width:100%; max-width:1570px; margin:0 auto; padding:60px 0;} .about1_le{ background:url(../images/about1_15.png) no-repeat left top; width:48%; background-size:100% auto; padding-left:70px;} .about1_ri{ width:50%; padding-right:70px;} .about1_le_tit{ font-size:22px; color:#333; line-height:92px;} .about1_le p{ font-size:16px; color:#666; line-height:30px; margin-top:20px;} .shuzi { padding:50px 70px;} .shuzi li{ width:25%; float:left; display:inline-block; text-align:center;} .shuzi li div{ font-size:20px; color:#666;} .shuzi li b{ font-size:66px; color:#0072DA; font-weight:normal;} .shuzi li sup{ font-size:40px;color:#0072DA;} .shuzi li span{ display:block;font-size:20px; color:#666; padding-top:15px;} .fazhanlicheng{ background-image:url(../images/about5_02.jpg); background-size:cover; background-position:bottom center; padding:60px 0;} .fazhanlicheng .swiper-slide b{ font-weight:normal; color:#fff; font-size:40px; display:block; margin-bottom:20px; margin-top:20px;} .fazhanlicheng .swiper-slide p{ font-size:14px; color:#fff; padding-left:20px; line-height:24px; margin-top:10px; position:relative;} .fazhanlicheng .swiper-slide p::before{ display:block; content:""; width:6px; height:6px; background:#fff; border-radius:100%; position:absolute; left:0; top:50%; margin-top:-3px;} .fazhanlicheng .swiper-container{ padding:20px 0;} .fazhanlicheng .swiper-slide img{ margin-left:0; margin-top:20px;} .fazhanlicheng .swiper-slide{ padding:10px 30px;} .fazhanlicheng .swiper-slide .lines{ position:absolute; left:10px; width:2px; height:100%; top:0; background:#fff;} .fazhanlicheng .swiper-slide .lines::before{ width:20px; height:20px; content:""; display:block; background:rgba(255,255,255,0.5); position:absolute; top:-10px; left:50%; margin-left:-10px;border-radius:100%;} .fazhanlicheng .swiper-slide .lines::after{ width:20px; height:20px; content:""; display:block; background:rgba(255,255,255,0.5);position:absolute; bottom:-10px; left:50%; margin-left:-10px; border-radius:100%;} .about_02_1{ padding:50px 0;} .about_02_1_img img{ width:50%;} .about_02_2 .videps{ height:686px;} .about_02_2{ background:#fafafa;} .about_02_2 .main1200 { background:#fff;} .about2_video .videossss{ height:400px; width:700px;} .about2video_ri{ width:500px;} .about2video_ri li{ display:inline-block; text-align:center; float:left; margin-bottom:2%; width:48%; margin-left:2%;} .about2video_ri li span{ font-size:16px; color:#666666; display:block; padding:5px 0;} .about_tits{ font-size:40px; color:#333; text-align:center; text-align:center; padding:20px 0; } .about_intro{ font-size:16px; color:#666; line-height:24px;text-align:center; margin-bottom:60px;} .about_02_2{ padding:45px 0;} .about_02_2 ul{ padding-top:30px;} .about_02_2 li{ width:33.33333333%; float:left; padding-left:155px; background-position:left center; background-repeat:no-repeat; background-position:20px center;} .about_02_2 li div{ background:#40799c; height:260px; padding:15px;} .about_02_2 li div b{ color:#fff; display:block; text-align:center; font-size:20px; padding-bottom:10px;} .about_02_2 li div p{ font-size:16px; color:#fff; line-height:24px;} .about_02_3{ padding:50px 0;} .about_03_2{ padding:50px 0 60px; background:#fafafa;} .about3_le { width:41%; padding:0 40px; height:400px;} .about3_ri{ width:708px;width:59%;} .about_tits2{ padding-bottom:40px; padding-top:50px;} .about3_ri .videps{ height:390px; position:relative; z-index:2; } .about3_ri .videps::before{ position:absolute; left:-20px; bottom:-20px; content:""; width:100%; height:100%; border:1px solid #1fb8df;} .about_03_3{ background-image:url(../images/about5_06.jpg); background-position:bottom center; background-repeat:no-repeat; background-size:cover; padding-bottom:140px; margin-top:40px;} .about_03_4{background-image:url(../images/about5_08.jpg); background-position:bottom center; background-repeat:no-repeat; background-size:cover; padding-bottom:140px; margin-top:40px;} .about3_le b{ font-size:40px; color:#333; font-weight:normal; display:block; padding-bottom:15px; } .about3_le p{ font-size:16px; color:#666;line-height:24px; margin-bottom:10px; display:block;} .sub_nav_chanpro{ max-width:1200px;} .sub_nav_chanpro li{ width:25%; padding-left:60px; background-position:15px center;} .sub_nav_chanpro li:first-child{ background-image:url(../icon/1prolist_12.jpg); padding-left:115px;background-position:35px center;} .sub_nav_chanpro li:nth-child(2){ background-image:url(../icon/1prolist_06.png);padding-left:115px;background-position:35px center;} .sub_nav_chanpro li:nth-child(3){ background-image:url(../icon/1prolist_03.png);} .sub_nav_chanpro li:last-child{ background-image:url(../icon/1prolist_09.png);} .sub_nav_chanpro li:first-child.on{ background-image:url(../icon/1prolist_12.png);padding-left:115px;background-position:35px center;} .sub_nav_chanpro li:nth-child(2).on{ background-image:url(../icon/3prolist_03.png);padding-left:115px;background-position:35px center;} .sub_nav_chanpro li:nth-child(3).on{ background-image:url(../icon/2prolist_03.png);} .sub_nav_chanpro li:last-child.on{ background-image:url(../icon/3prolist_06.png);} .pro_le_chan .yincang{ display:none;} .pro_le_chan li.on a{ display:none;} .pro_le_chan li.on .yincang{ display:block;} .pro_list_le{ width:380px;} .pro_le_chan li{ padding:15px 0 15px 30px; background-image:url(../icon/1prolist_22.png); background-position:95% center; background-repeat:no-repeat; background-color:#333333; margin-bottom:10px; border-radius:10px;} .pro_le_chan li a{ display:block; background-repeat:no-repeat; background-size:auto 30px; background-position:left center; height:30px; line-height:30px; padding-left:50px; font-size:20px; color:#fff;} .pro_le_chan li.on{ background-image:none; text-align:center; padding:90px 0;} .pro_le_chan li.on b{ font-size:28px; color:#fff; font-weight:normal; display:block; padding:30px 0 15px;} .pro_lists{ padding:60px 0;} .shaixuan{ margin-top:30px; border-radius:10px; background:#fff;} .shaixuan .sx_tit{ padding:25px 30px; border-bottom:1px solid #cccccc; font-size:20px; color:#333;} .shaixuan .sx_a{ padding:20px 30px;} .shaixuan .sx_a a{ cursor: pointer;font-size:16px; color:#333; padding:8px 0; display:block; position:relative; padding-left:10px;} .shaixuan .sx_a a::before{ display:block; content:""; width:3px; height:3px; position:absolute; left:0; top:50%; margin-top:-1.5px; background:#333;} .shaixuan .sx_a a em{ font-style:normal;} .sousuok_pro{ margin-top:30px; padding-left:65px; background-color:#fff; background-image:url(../icon/1prolist_35.png); background-position:20px center; background-repeat:no-repeat;position:relative;} .sousuok_pro input{ width:calc(100% - 100px); float:left; height:50px; border:none; outline:none; } .sousuok_pro button{ font-size:16px; cursor:pointer; width:100px; height:50px; background:#0072DA; color:#fff; border:none; outline:none; float:right;} .sousuok_pro::before{ height:24px; width:1px; position:absolute; display:block; content:""; top:50%; margin-top:-12px; background:#333; left:55px;} .tags { margin-top:30px; margin-bottom:30px; text-align:center;} .tags a{ display:inline-block; padding:10px 22px; background:#cccccc; color:#333; border-radius:100px; margin-bottom:10px;} .tags a:hover{ color:#fff; background:#0072DA} .pro_list_ri { width:calc(100% - 390px);} .pro_llists li{ width:31.33333%; margin:0 1% 2% 1%; float:left; display:inline-block; background:#fff; height:480px; text-align:center;} .pro_llists li:nth-child(4){ width:64.666666%;} .pro_llists li:nth-child(6){ width:98%;} .pro_llists li .imgs{ width:100%; height:270px; position:relative;} .pro_llists li .imgs img{ max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); position:absolute;} .pro_llists li .txts h2{ font-size:24px; color:#333;} .pro_llists li .txts .xinghao_js span{ display:inline-block; font-size:14px; color:#fff; background:#5194b0; padding:5px 15px; line-height:30px;} .pro_llists li .txts .xinghao_js{ font-size:20px; color:#666;line-height:40px; padding:20px 0;} .pro_llists li .txts b{ display:inline-block; padding:10px 40px; font-size:16px; color:#333; border:2px solid #999999; border-radius:100px;} .pro_llists li:nth-child(4) .imgs{ width:45%; height:480px; float:left;} .pro_llists li:nth-child(4) .txts{ width:55%; text-align:left;height:480px; float:right; padding-top:80px;} .pro_llists li:nth-child(4) .txts b{ margin-top:80px;} .pro_llists li:nth-child(4) .xinghao_js span{ display:block; font-size:22px; max-width:240px; margin:20px 0;} .pro_llists li:nth-child(6) .imgs{ width:64.6666666%; height:480px; float:left;} .pro_llists li:nth-child(6) .txts{ width:33.3333333333%; text-align:left;height:480px; float:right; padding-top:80px;} .pro_llists li:nth-child(6) .txts b{ margin-top:80px;} .pro_llists li:nth-child(6) .xinghao_js span{ display:block; font-size:22px; max-width:240px; margin:20px 0;} .search_jieguo{ padding:50px 0 0;} .search_jieguotit{ border-bottom:1px solid #ccc; padding-bottom:20px;} .search_jieguotit b{ font-size:28px; color:#333; font-weight:normal;} .search_jieguotit p{ font-size:20px; color:#999;} .search_jieguotit p em{ font-style:normal; color:#0072DA} .search_li{ margin-top:30px; border-bottom:1px solid #ccc; padding-bottom:25px;} .search_li .tit a{ font-size:24px; color:#333;line-height:40px; display:block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .search_li .tit a.ri{ display:block; font-size:16px; width:160px; text-align:center; line-height:40px; height:40px; background:#f5f5f5; color:#333;} .search_li .p_p{ font-size:16px; color:#999; line-height:24px; padding:15px 0 0 0;} .search_li .p_p span{ display:block; margin-top:15px;} .search_li:hover .tit a,.search_li:hover .tit a.ri ,.search_li:hover .p_p{ color:#0072DA;} .fangan_tits img.blue{ display:none;} .fangan_tits li.on img.blue{ display:block;} .fangan_tits li.on img.black{ display:none;} .fangan_tits li{ width:33.33333333% ; float:left; display:inline-block; text-align:center;} .sub_nav_chanfangan{ max-width:1500px;display: none;} .sub_nav_chanfangan li{ width:20%; padding-left:60px; background-position:15px center; padding-left:115px;background-position:45px center;} .sub_nav_chanfangan li:first-child{ background-image:url(../icon/1fangan_01.png); } .sub_nav_chanfangan li:nth-child(2){ background-image:url(../icon/1fangan_02.png);} .sub_nav_chanfangan li:nth-child(3){ background-image:url(../icon/1fangan_03.png);} .sub_nav_chanfangan li:nth-child(4){ background-image:url(../icon/1fangan_04.png); } .sub_nav_chanfangan li:last-child{ background-image:url(../icon/1fangan_05.png); } .sub_nav_chanfangan li:first-child.on{ background-image:url(../icon/1fangan_01w.png);} .sub_nav_chanfangan li:nth-child(2).on{ background-image:url(../icon/1fangan_02w.png);} .sub_nav_chanfangan li:nth-child(3).on{ background-image:url(../icon/1fangan_03w.png);}.sub_nav_chanfangan li:nth-child(4).on{ background-image:url(../icon/1fangan_04w.png); } .sub_nav_chanfangan li:last-child.on{ background-image:url(../icon/1fangan_05w.png); } .fangan_tits{ padding:60px 0;} .fangan_tits li b{ padding:15px 0 5px; font-weight:normal; font-size:22px; color:#333; display:block;} .fangan_tits li span{ font-size:14px; color:#999;} .fangan_tits li.on b{ color:#1fb8df} .fangan_tits li.on span{ color:#1fb8df} .ri_liimg{ width:190px;} .ri_liimg .imgs{ position:relative; margin-bottom:10px; height:125px; overflow:hidden;} .ri_liimg .imgs img{ width:100%; height:100%;} .ri_liimg .imgs .zhezhao{ cursor:pointer; position:absolute; background:rgba(0,0,0,0.5); display:block; text-align:center; color:#fff; font-size:20px;} .left_img{ width:calc(100% - 200px); height:675px; overflow:hidden; position:relative;} .ri_liimg .imgs.on .zhezhao{ display:none;} .text_intro{ margin:20px auto;} .intros_t{ padding:50px 30px; background:#f5f5f5;} .intros_t b{ font-size:30px; color:#333; display:block; padding:0 0 10px 0; font-weight:normal;} .intros_t p{ font-size:16px;} .fangan_xinghao li{ float:left; display:inline-block; width:23%; margin:1%; text-align:center;} .fangan_xinghao li img{ border:1px solid #ccc; width:100%;} .fangan_xinghao li span{ font-size:16px; display:block; padding:10px 0;} .gongneng{ padding:40px 30px; background:#f5f5f5;} .gongneng .gntit{ font-size:30px; color:#333; padding-bottom:10px;} .gongneng li{ width:19%; margin:0.5%; float:left;} .shipin.main1200 { margin-bottom: 40px;; } /* .kehuzhognxin{ max-width:630px;} */ .kehuzhognxin li{ width:50%;} .sx_a a.active b,.sx_a a.active { color: #0072DA; cursor: pointer;} @media screen and (max-width:1680px){ .sub_nav_chan li b{ font-size:18px;} .sub_nav_chan li span{ font-size:12px;} .sub_nav_chan li{ padding-top:40px; padding-bottom:40px;} .pro_llists li .txts h2,.pro_llists li .txts .xinghao_js{ font-size:18px;} .pro_list_le{ width:280px;} .pro_le_chan li a,.shaixuan .sx_a a{ font-size:14px;} .pro_le_chan li.on b{ font-size:20px;} .pro_list_ri{ width:calc(100% - 290px);} .sub_nav_chanfangan li{ width:33.333333333%;} } @media screen and (max-width:1280px){ .main1200{ padding-left:40px; padding-right:40px;} .about1_le,.about1_ri{ width:100%; float:none; padding:0;} .about1_ri{ margin-top:20px;} .shuzi li b{ font-size:40px;} .shuzi li sup{ font-size:20px;} .shuzi li span{ font-size:16px;} .about1{ padding: 40px;} .shuzi{ padding:40px 0;} .fzlc{ padding:70px 50px;} .about_tits{ font-size:30px;} .about2_video .videossss,.about2video_ri{ width:48%;} .about_02_2 li div p{ font-size:14px; line-height:20px;} .about_02_2 li{ padding-left:100px; background-size:80px auto;} .contactus li{ padding:0 20px;} .contactus li p{ font-size:14px; left:24px; text-align:center;} .contactus li img{ height:50px;} .maps{ width:100%;} .left_img img{ height:100%; width:100%;} .gzhewm{ margin:20px auto; max-width:500px; width:100%; float:none;} .distpickers .form-group{ width:160px;} .xxdizhi input{ width:510px;} .distpickers{ width:520px;} .fuwu_box li b{ font-size:20px;} .fuwu_box li p{ font-size:14px; line-height:24px;} .faq .question{ padding:20px;} .ques_tit{ font-size:16px; padding-top:10px; padding-bottom:10px;} .ques_box p{ font-size:14px; line-height:24px;} .ques_box{ padding:10px 0;} .ban_tit h2 a{ font-size:20px; } /* .jgg_le{ width:calc(100% - 500px);} */ .jgg_le .txts a{ font-size:18px;} .jgg_ri li .txts{ padding:10px; font-size:14px;} .jgg_ri li .txts a{ font-size:14px;} .news_lists li .txts{ width:calc(100% - 360px);} .news_lists li .times{ font-size:14px; width:140px;} .news_lists li{ padding:20px 0;} .news_lists li .txts a{ font-size:18px;} .news_lists li .txts p{ font-size:14px;} .newbox_ri{ width:260px;} .newbox_ri li .txts h3{ font-size:14px;} .newbox_le{ width:calc(100% - 280px);} .pro_01 li .txts{ font-size:18px;} .pro_01{ padding:30px 0;} .pro_02 b{ font-size:20px;} .pro_02 p{ font-size:16px;} .zhezhaotit{ padding:20px;} .zhezhaotit b{ font-size:20px;} .zhezhaotit p{ font-size:16px;} .zhezhaotit a{ font-size:12px; margin-top:10px;} .pro_list_ri,.pro_list_le{ float:none; width:100%;} .pro_view_ban img{ margin-top:20px;} .pro_view_ban{ padding-top:50px; padding-bottom:50px; background-size:cover;} } @media screen and (max-width:960px){ } @media screen and (max-width:768px){ .about1{ padding:40px 15px;} .shuzi li b{ font-size:30px;} .shuzi li{ width:50%; padding:20px 0;} .shuzi{ padding:0;} .about1_le p{ font-size:14px; line-height:24px;} .fazhanlicheng .swiper-slide b{ font-size:18px;} .fazhanlicheng .swiper-slide p{ font-size:12px; line-height:20px;} .fzlc .swiper-button-prev{ left:10px; width:30px; height:30px; background-size:30px 30px;} .fzlc .swiper-button-next{ right:10px;width:30px; height:30px;background-size:30px 30px;} .fazhanlicheng .title, .rongyutit b,.hezuohuoban .title{ font-size:20px;} .rongyutit span{ font-size:14px;} .hezuohuoban li{ width:48%;} .rongyutit{ padding:20px 0;} .sub_ban_01{ height:200px;} .main1200{ padding-left:15px; padding-right:15px;} .about_tits{ font-size:20px; padding:20px 15px;} .about_intro{ font-size:14px; line-height:24px; margin-bottom:20px;} .about_02_1,.about_02_2,.about_03_2{ padding:20px 0;} .about_02_2 li{ width:100%; height:auto; margin-bottom:15px; padding-left:90px; background-position:left center;} .about_02_2 li div{ height:auto;} .about_02_2 .videps{ height:220px;} .about2_video .videossss,.about2video_ri{ width:100%; margin:15px auto;} .about3_le{ width:100%; height:auto; padding:15px;} .about3_ri{ width:100%; margin-top:20px;} .about3_le b{ font-size:20px;} .about3_le p{ font-size:14px; line-height:24px;} .about3_ri .videps{ height:300px;} .about_03_3,.about_03_4{ padding:15px 15px 30px 15px;} .contactus li{ width:100%; margin:20px auto;} .contactus ul{ margin-top:0;} .contactus li b{ font-size:16px;} .gzhewm b{ font-size:20px;} .con_bottom{ margin:20px auto;} .sub_nav_chan{ margin-top:0;} .sub_nav_chan_contact{ width:100%; max-width:600px;} .sub_nav_chanfangan li,.sub_nav_chanabout li,.sub_nav_chan_contact li,.sub_nav_chan_contact li,.sub_nav_chan li{ width:50%; background-position:center 10px; background-size:auto 30px; padding:50px 5px 10px; text-align:center;} .sub_nav_chanpro li,.sub_nav_chanpro li:nth-child(2),.sub_nav_chanpro li:first-child,.sub_nav_chanpro li:first-child.on, .sub_nav_chanpro li:first-child:hover{ width:50%; background-position:center 10px; background-size:auto 30px; padding:50px 5px 10px; text-align:center;} .sub_nav_chanpro li:nth-child(2).on, .sub_nav_chanpro li:nth-child(2):hover{ width:50%; background-position:center 10px; background-size:auto 30px; padding:50px 5px 10px; text-align:center;} .sub_nav_chan li b{ font-size:16px;} .fangan_tits li b{ font-size:16px;} .left_img,.ri_liimg{ width:100%; height:auto; float:none;} .ri_liimg{ padding:15px 0;} .ri_liimg .imgs{ width:32%; height:auto; float:left; margin-right:2%;} .ri_liimg .imgs:nth-child(3n){ margin-right:0;} .ri_liimg .imgs img{ height:auto;} .ri_liimg .imgs .zhezhao,.intros_t p,.fangan_xinghao li span{ font-size:14px;} .intros_t{ padding:15px}.intros_t b,.gongneng .gntit{ font-size:20px;} .gongneng li{ width:49%;} .fangan_tits li{ width:50%; padding:20px 0;} .fangan_tits li:nth-child(2n+1){ clear:left;} .jiameng_tit{ font-size:20px; padding:20px 0;} .biaodans > input,.distpickers{ width:calc(100% - 100px);} .distpickers .form-group{ width:100%} .biaodans button{ width:20%;} .fuwu_box li b{ font-size:18px;} .fuwu_box li{ padding:0 10px;} .fuwu_box{ padding:30px 0;} .fuwudown table tr.heads th{ font-size:16px;} .fuwudown table tr td,.fuwudown table tr a{ font-size:14px;} .fuwudown table tr td{ height:60px;} .fuwudown{ margin:20px auto; padding:20px 15px;} .fuwudown.w1440{padding:20px 15px;} .jgg_le{ width:100%; height:250px; margin-bottom:10px;} .jgg_ri{ width:100%;} .jgg_ri li{ width:49%; margin-right:2%; margin-bottom:10px;} .jgg_ri li:nth-child(2n){ margin-right:0;} .ban_tit span{ display:none;} .newszhiding{ padding:10px;} .ban_tit h2 a{ line-height:24px; font-size:14px;} .ban_tit{ height:auto;} .news_jiugg{ padding:20px 0;} .channal_name a{ font-size:16px; line-height:35px;} .news_lists li .txts{ width:100%; padding-left:0; padding-top:15px;} .news_lists li .imgs{ width:100%; } .pagelist{ padding:20px 0;} .newarti_tit h1{ font-size:20px;} .newarti_tit p{ padding:15px 0;} .newarti_tit p span{ font-size:12px;} .newbox_le,.newbox_ri{ width:100%;} .prevnext {display:none;} .newbox .newbox_le { padding-bottom:30px;} .newbox .newbox_le p{ font-size:14px; line-height:24px;} .newbox_ri .ri_tit{ font-size:20px;} .fenleis a{ margin-bottom:10px;} .zhezhaotit b{ font-size:16px;} .zhezhaotit p{ font-size:14px;} .pro3_zong{ padding:20px 0;} .pro_01 li .txts{ font-size:12px;} .leisishangpin .title{ font-size:20px;} .leisishangpin h3{ font-size:14px;} .leisishangpin p{ font-size:12px;} .pro_llists li,.pro_llists li:nth-child(4),.pro_llists li:nth-child(6){ width:48%; margin:1%;} .pro_llists li:nth-child(4) .imgs,.pro_llists li:nth-child(6) .imgs{ width:100%; height:200px;} .pro_llists li:nth-child(4) .txts,.pro_llists li:nth-child(6) .txts{ width:100%; height:auto; padding:0; text-align:center;} .pro_llists li:nth-child(4) .xinghao_js span,.pro_llists li:nth-child(6) .xinghao_js span{ font-size:14px; margin:0 auto;} .pro_llists li:nth-child(4) .txts b,.pro_llists li:nth-child(6) .txts b{ margin-top:0;} .pro_llists li .txts .xinghao_js span{ display:block; max-width:240px;margin:0 auto;} .pro_llists li .txts b{ font-size:12px;} .pro_llists li .txts h2, .pro_llists li .txts .xinghao_js{ font-size:14px;} .pro_llists li .txts .xinghao_js span{ width:80%; font-size:12px;} .pro_llists li .imgs{ height:200px;} .pro_llists li{ height:400px;} .pro_llists li .txts .xinghao_js{ padding:5px 0;} .pro_lists{ padding:20px 0;} .qiehuan_view .le .xinghao{ font-size:18px;} .pro_view_ban img{ width:150px;} .pro_view_ban .xbt{ font-size:22px;} .pro_view_ban .biaoyu{ font-size:16px;} .view_box .videps{ height:250px;} .gundong_pro { text-align:center;} } @media screen and (max-width:420px){ .about_02_1_img img{ width:100%; margin:15px auto;} .fangan_tits li{ width:100%;} .biaodans span{ font-size:14px; margin-right:10px;} .biaodans > input,.distpickers{ width:calc(100% - 90px);} .pro_01 li{ width:100%; margin-bottom:10px;} .pro_01,.pro3_zong{ padding:20px 10px;} .pro_03 .pro_03_le,.pro_03 .pro_03_ri{ width:100%; float:none;} .pro_03 .pro_03_ri{ margin-bottom:5px;} .pro_llists li, .pro_llists li:nth-child(4), .pro_llists li:nth-child(6){ width:100%;} .qiehuan_view .ri span{ padding:5px 10px;} .qiehuan_view .ri{ padding-top:30px;} } a:hover, a:focus{ text-decoration:none;} .lingks{ padding-top:20px;} .lingks ,.lingks a{ color:#fff; font-size:14px;} .prousbnav{ padding:40px 0;} .prousbnav li a{ padding-top:80px; display:block; text-align:center; font-size:20px; color:#999;} .prousbnav li.on a,.prousbnav li a:hover{ color:#333;} .prousbnav li{ width:15%; margin-right:13.333333333%; float:left; background-repeat:no-repeat; background-position:center 10px;} .prousbnav li:first-child{ background-image:url(../images/djicon01.png); } .prousbnav li:nth-child(2){ background-image:url(../images/djicon02.png); } .prousbnav li:nth-child(3){ background-image:url(../images/djicon03.png);} .prousbnav li:nth-child(4){ margin-right:0; background-image:url(../images/djicon04.png); } .prousbnav li:first-child.on{ background-image:url(../images/djicon01b.png); } .prousbnav li:nth-child(2).on{ background-image:url(../images/djicon02b.png); } .prousbnav li:nth-child(3).on{ background-image:url(../images/djicon03b.png);} .prousbnav li:nth-child(4).on{ background-image:url(../images/djicon04b.png); } .wupinshanguang li:first-child{ background-image:url(../images/wupin01.png); } .wupinshanguang li:nth-child(2){ background-image:url(../images/wupin02.png); } .wupinshanguang li:nth-child(3){ background-image:url(../images/wupin03.png);} .wupinshanguang li:first-child.on{ background-image:url(../images/wupin01b.png); } .wupinshanguang li:nth-child(2).on{ background-image:url(../images/wupin02b.png); } .wupinshanguang li:nth-child(3).on{ background-image:url(../images/wupin03b.png);} .wupinshanguang li{ width:33.333333333%; margin:0;} .prosub_chan { height:70px; background:#fafafa;} .prosub_chan b,.prosub_chan p,.prosub_chan span{ line-height:70px; display:inline-block;} .prosub_chan b{ padding-right:50px; position:relative; font-size:20px; color:#333;} .prosub_chan b::after{ content:""; display:block; width:1px; height:36px; position:absolute; right:0; top:50%; margin-top:-18px; background:#999999;} .prosub_chan span{ font-size:20px; color:#666; padding:0 30px;} .prosub_chan p{ font-size:14px; color:#666;} .prosub_chan p em{ font-size:20px; color:#666; font-style:normal; padding:0 5px;} .shaixuans_new{ padding:50px 0 10px;} .sxli span{ font-weight:bold; display:inline-block; width:120px; float:left; font-size:16px; color:#333;} .sxli .sx_lis{ width:calc(100% - 120px); float:left; padding-bottom:10px;} .sxli .sx_lis a{ cursor:pointer;font-size:16px; color:#999; width:130px; display:inline-block; margin-bottom:20px; padding-left:25px; position:relative;} .sxli .sx_lis a::before{ content:""; display:block; position:absolute; left:0; top:50%; width:14px; height:14px; margin-top:-7px; border:1px solid #dfdfdf; border-radius:100%; box-sizing:inherit;} .sxli .sx_lis a.active{ color:#0072DA;} .sxli .sx_lis a.active::before{border:4px solid #0072DA;} .formssss{ width:100%; height:50px; border:1px solid #cccccc; padding:0 10px;} .formssss input{ width:calc(100% - 50px); float:left; height:48px; border:none; outline:none;} .formssss button{ width:50px; float:left; height:48px; border:none; background:url(../images/djsearch.jpg) no-repeat center center; position:relative; cursor:pointer; outline:none;} .formssss button::before{ display:block; content:""; width:1px; height:26px; top:50%; margin-top:-13px; left:0; position:absolute; background:#333333;} .page_pronew { } .page_pronew li{ width:25%; float:left; height:390px; text-align:center; border-right:3px solid #fafafa; border-bottom:3px solid #fafafa;} .page_pronew li:nth-child(4n){ border-right:none; } .page_pronew li .imgs{ height:280px; position:relative; overflow:hidden;} .page_pronew li .imgs img{ width: auto;;transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s; max-height:90%; max-width:90%; position:absolute; 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%);} .page_pronew li:hover .imgs img{transform:translate(-50%,-50%) scale(1.1); -moz-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);-o-transform:translate(-50%,-50%) scale(1.1);-webkit-transform:translate(-50%,-50%) scale(1.1);} .page_pronew li .txts{ padding:20px 10px; transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;} .page_pronew li:hover .txts{ padding-top:15px;} .page_pronew li .txts h2{ font-size:18px;font-weight: 500;} .page_pronew li .txts p{ padding:10px 0;} .page_pronew li .txts p span,.page_pronew li .txts p{ font-size:16px; color:#666666;} .page_pronew li .txts p span{ display:inline-block;} .page_pronew .w1200{ position:relative;} .page_pronew .w1200::after{ display:block; height:3px; width:100%; background:#fff; content:""; position:absolute; left:0; bottom:0;} .pro_viewsss_posi { font-size:16px; color:#999999; padding:30px 0; background:#fafafa;} .pro_viewsss_posi a{ color:#333;} .newproview{ padding-bottom:100px; padding-top:30px;} .newpro_le { width:520px;} .newpro_ri{ width:calc(100% - 560px); height:450px; position:relative;} .newpro_ri img{ margin-left:0;} .newpro_ri h1{ font-size:28px; color:#333; padding:20px 0; font-weight:normal;} .newpro_ri p{ font-size:16px; line-height:2; color:#666666; margin-bottom:20px;} .newpro_ri a{ width:160px; height:40px; background:#0072DA; color:#fff; text-align:center; line-height:40px; display:block; margin-top:120px; position:absolute; bottom:0; left:0;} .newproview .vjs-poster{ background-size:cover;} .newproview .videps{ width:100%; height:380px; margin-top:0;} .newproview .video-js .vjs-big-play-button{ width:55px; height:55px; border-radius:100%; top:50%; left:50%; margin-left:-27px; margin-top:-27px;} .newproview .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play{ line-height:50px;} .newproview video{ object-fit:inherit;} .gallery-thumbs .swiper-slide{ border:1px solid #cccccc; height:50px; position:relative;} .gallery-thumbs .swiper-slide img{ max-height:95%; max-width:95%; position:absolute; 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%);} .newproview .gallery-thumbs { margin-top:20px;} .gallery-thumbs .swiper-slide.swiper-slide-thumb-active { border:1px solid #1fb8df;} .gallery-top .swiper-slide{ height:380px; position:relative;} .gallery-top .swiper-slide img{ max-height:95%; max-width:95%; position:absolute; 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%);} .qiehuan_view .main1200{ background:#f1f1f1; border-bottom:1px solid #1fb8df;} .qiehuan_view .main1200 span{ transition:none; position:relative; font-size:16px; width:150px; display:inline-block; line-height:60px; text-align:center;} .qiehuan_view .main1200 span.on{ background:#fff; border-bottom:1px solid #fff; margin-bottom:-1px;} .qiehuan_view .main1200 span.on::before{ content:""; display:block; width:100%; height:4px; background:#1fb8df; top:0; left:0; position:absolute;} .GoTop{ position:fixed; right:10px; bottom:50px; display:none;} .contactus.main1200{ padding-top:40px; padding-bottom:40px;} .contactus.w1440{padding-top:40px; padding-bottom:40px;} .contactus img{width: auto;} .con_les { width:58%;} .con_les.conles { width:42%;} .con_les b{ font-size:26px; color:#333; display:block; padding-bottom:20px;} .con_les p{ font-size:20px; color:#333; display:inline-block; line-height:2;} .contxt { padding-bottom:40px;} @media screen and (max-width:960px){ .newpro_ri{ width:100%; float:none; height:auto;} .newpro_le{ float:none; margin:0 auto; margin-bottom:20px; max-width:520px; width:100%;} .newpro_ri h1{ font-size:20px;} .newpro_ri a{ margin-top:40px; position:static;} .newproview{ padding-bottom:40px;} .qiehuan_view .main1200 span{ width:100px;} .prousbnav li a{ font-size:14px;} .prousbnav li{ background-size:auto 30px ; width:25%; margin:0; padding:0 5px;} .prosub_chan b{ font-size:16px; padding-right:20px; } .prosub_chan span{ padding:0 10px; font-size:14px;} .prosub_chan p em{ font-size:16px;}.sxli .sx_lis a{ width:auto; padding-right:10px; font-size:14px;} .page_pronew li .imgs{ height:150px;} .page_pronew li{ width:50%;}.page_pronew li .txts h2{ font-size:14px;}.page_pronew li .txts p span{ font-size:12px;} .page_pronew li:nth-child(2n){ border-right:none;} .GoTop{ width:50px; height:50px;} .con_les.conles{ width:100%; float:none;margin-top:20px;} .con_les{ width:100%; float:none; } .con_les b{ font-size:18px; } .con_les p{ font-size:16px;} } @media screen and (max-width:768px){ .gallery-top .swiper-slide,.newproview .videps{ height:280px;} .page_pronew li{ height:300px;} .sxli span{ font-size:14px; width:80px;} .sxli .sx_lis{ width:calc(100% - 80px);} .view_box iframe{ height:200px !important;} } .view_box video,.view_box .video-js{ height:auto !important;} .view_box .video-js .vjs-tech{ position:static;} .shipin video,.shipin .video-js{ height:auto !important;} .shipin .video-js .vjs-tech{ position:static;}