@charset "utf-8"; /* CSS Document */ h1,h2{ font-weight:normal; } *{ padding:0; margin:0; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing:border-box; } html{ font-size: calc(100vw/19.2); } html, body{ width: 100%; height: auto; min-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { font-family: 'PingFang SC','Microsoft YaHei','Microsoft YaHei UI','WenQuanYi Micro Hei','Arial','sans-serif',\5b8b\4f53; font-size: 16px; line-height: 1.5em; color: #999; background: #fff; } input,button{ -webkit-appearance:none; border-radius: 0; } a,a:hover,a:focus { text-decoration: none; } textarea{ resize: none; overflow: auto; } input,button { border: 0; } img { border: 0; vertical-align: top; } li { list-style: none; } ul,ol,p,h1,h2,h3,h4,h5,h6 { margin:0; } /* placeholder淇敼 */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #666 !important; } input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666 !important; opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666 !important; opacity: 1; } input::-ms-input-placeholder,textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666 !important; } select { -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select::-ms-expand { display: none; } .le{ float:left;} .ri{ float:right;} .clr{ clear:both;} .table{ display:table; width:100%; height:100%;} .table .tbc{ display:table-cell; vertical-align:middle; width:100%; height:100%;} .imgs{ overflow:hidden; position:relative;} .imgs img{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;} .imgs: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);} .one-line { overflow: hidden; white-space: nowrap; display: block; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .two-line { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .three-line { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .w1200{ max-width:1200px; margin:0 auto;} .contact_boxs{ padding-top:30px;} .contact_boxs p{ font-size:16px; line-height:1.75; color:#666;} .contact_content h1{font-size: 40px;line-height: 50px;color: #333; display:block; text-align:center; margin-bottom:40px;} .contact_content .contact_boxs p iframe{ height:300px !important;} .xuanfukefu{ position:fixed; border-radius:10px; overflow:hidden; left:0; bottom:10px; padding:10px; background:#0068b7;} .xuanfubox{ padding:10px; background:#fff; width:130px;} .xuanfutit{ border-bottom:1px solid #0068b7; padding-bottom:10px; margin-bottom:10px; font-size:18px; text-align:center; color:#0068b7; } .xuanfubox a{ display:block; background-image:url(../images/qq.png); background-size:25px auto; padding:10px 0;padding-left:30px; border-bottom:1px solid #f0f0f0; color:#333; font-size:14px; background-position:left center; background-repeat:no-repeat;} .wap{ display:none;} .hei50{ height:50px; width:100%;} .sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;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:#0068b7;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:rgba(255,255,255,1);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:#0068b7} .sjj_nav ul li ul li>ul{margin-left:10px} .banner{position: relative;} .c-container{ max-width:1200px; width:100%; margin:0 auto;} #c-header { position: fixed; top:0; left:0; z-index: 900; width: 100%; line-height: 100px; text-align: center; transition: all 0.5s; border-bottom: 1px solid #fff; } #c-header.c-head-hide,.c-open #c-header { line-height: 80px; color: #333; background: #fff; box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05); } #c-header.c-head-move{ -webkit-transform: translateY(-100%); transform: translateY(-100%); } #c-header a { color: #fff; transition: all 0.5s; } #c-header.c-head-hide a,.c-open #c-header a { color: #333; } #c-header:hover { border-bottom: 1px solid #0068b7; } /*椤堕儴logo*/ #c-header .c-logo a { float: left; text-align: left; } #c-header .c-logo a img { height: 38px; vertical-align: middle; } #c-header .c-logo a img:nth-child(2),#c-header.c-head-hide .c-logo a img:nth-child(1),.c-open #c-header .c-logo a img:nth-child(1){ display: none; } #c-header.c-head-hide .c-logo a img:nth-child(2),.c-open #c-header .c-logo a img:nth-child(2){ display: inline-block; } #c-header .c-logo a p { display: inline-block; vertical-align: top; } #c-header .c-logo a p strong{ margin-right: 22px; padding-left: 15px; } #c-header .c-logo a p span { padding-left: 22px; border-left: 1px solid #ddd; } /*椤堕儴pc瀵艰埅*/ #c-header .c-nav { display: block; text-align: right; } #c-header .c-nav>li { padding: 0 15px; display: inline-block; vertical-align: top; position:relative; text-align:center; } #c-header .c-nav li a { position: relative; display: inline-block; vertical-align: top; -webkit-transition: all 0.5s; transition: all 0.5s; } #c-header .c-nav li ul { position: absolute; top:102px; left:0; display: none; width: 100%; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.1); } .xin_ri{ width:calc(100% - 270px);} #c-header .c-nav li ul li a{ display: block; padding: 5px 15px; border-bottom: 1px solid #f1f1f1; line-height: 26px; text-align: center; } #c-header .c-nav li ul li:last-child a{ border-bottom:0; } /*#c-header .c-nav>li>a::before { content: ""; position: absolute; left: 50%; bottom: 25px; margin-left: -6px; border: 6px solid transparent; transition: all 0.5s; }*/ #c-header .c-nav>li>a::before { content: ""; position: absolute; left: 0; bottom: 25px; width:100%; height:2px; background:none; transition: all 0.5s; } #c-header .c-nav>li.active>a::before,#c-header .c-nav>li:hover>a::before { background:#fff; } #c-header.c-head-hide .c-nav>li.active>a::before,#c-header.c-head-hide .c-nav>li:hover>a::before { background:#0068b7; bottom: 10px; } #c-header.c-head-hide .c-nav>li.active>a,#c-header.c-head-hide .c-nav>li:hover>a { color: #0068b7; } #c-header .c-nav .c-language { position: relative; padding: 0 ; margin-left: 35px; } #c-header .c-nav .c-search-box { position: relative; padding-right: 0 ; } #c-header .c-nav .c-search-box form { display: none; position: absolute; top: 100px; right: 0; background: #fff; width: 250px; height: 40px; line-height: 40px; border-radius: 5px; overflow: hidden; box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05); } /* #c-header.c-head-hide .c-nav .c-search-box form { top: 81px; } */ #c-header .c-nav .c-search-box form input { float: left; padding: 0 15px; width: 180px; height: 40px; font-size: 16px; } #c-header .c-nav .c-search-box form button { float: right; width: 70px; height: 40px; color:#fff; background: #0068b7; } #c-header .c-nav .c-list-box { position: absolute; top:100%; left:50%; width:150px; margin-left:-75px; background: #fff; display: none; box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05); text-align:center;padding:20px 0 } #c-header .c-nav>li:nth-child(3) .c-list-box{ width:260px; margin-left:-130px;} #c-header .c-nav .c-list-box a{ line-height:2; font-size:16px; display:block; } #c-header .c-nav .c-list-box a:hover{ color:#0068b7} .banner .c-container{ max-width:1200px; margin:0 auto; width:100%;padding-top:1rem;} .banner .swiper-slide{ position: relative; overflow: hidden; } .banner .swiper-slide img { width: 100%; height: 7rem; object-fit: cover; -webkit-transition: all 7s; transition: all 7s; } .banner .swiper-slide .c-bg2 { display: none; } .banner .swiper-slide-active img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); } .banner .swiper-slide .c-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; color: #fff; background: url(../images/mbl.png)repeat; } .banner .swiper-slide2 .c-wrap{ text-align: center;} .banner .swiper-slide3 .c-wrap{ text-align: center;} .banner .swiper-slide .c-wrap .c-title{ font-size: 38px; line-height: 1.5; text-shadow: 0 2px 10px rgba(0,0,0,.3); } .banner .swiper-slide .c-wrap .c-text { padding: 30px 0 75px; font-size: 20px; line-height: 1.5; text-shadow: 0 2px 10px rgba(0,0,0,.3); } .banner .c-sb{ position: absolute; bottom: 50px; left: 50%; z-index: 10; text-align: center; color: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; } .banner .c-sb .c-text{ margin-top:10px;} .banner .c-sb .c-wrap { position: relative; margin: 0 auto; width: 24px; height: 44px; border: 2px solid #fff; border-radius: 15px; overflow: hidden; } .banner .c-sb .c-wrap .c-line { position: absolute; top: 12px; left: 10px; width: 2px; height: 10px; background: #fff; animation: jump 1.5s linear infinite; -webkit-animation: jump 1.5s linear infinite; } .banner .swiper-button-next{ right:35px; width:59px; height:59px; background-size:59px 59px; background-image:url(../images/index_10.png);} .banner .swiper-button-prev{ left:35px; width:59px; height:59px; background-size:59px 59px; background-image:url(../images/index_07.png);} .c_about_le,.c_about_ri{ width:50%;height:410px; position:relative;} .c_about_le .c_about_le_box{ max-width:480px; position:relative; z-index:1;} .c_about_le .c_about_le_bac{ position:absolute; width:30%; height:100%; right:0; top:0; background:#f7f7f7; z-index:0;} .videps{ width:100%; height:410px;} .video-js .vjs-big-play-button{ width:55px; height:55px; border-radius:100%; top:50%; left:50%; margin-left:-27px; margin-top:-27px;} .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play{ line-height:50px;} video{ object-fit:fill;} .vjs-poster{ background-size:cover;} .video-js .vjs-big-play-button{ width:70px; height:70px; background-image:url(../images/index_19.png); background-size:100% 100%; border-radius:100%; top:50%; left:50%; margin-left:-35px; margin-top:-35px;border:none;} .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-icon-play:before{ content:""; } .aboutindex{ margin-top:100px; margin-bottom:70px;} .c_about_le_box{ padding:20px 0; height:100%;} .c_about_le_box .en_tit{ font-size:28px; color:#999999; font-weight:bold; text-transform:uppercase;} .c_about_le_box .cn_tit{font-size:24px; color:#0068b7; margin-top:20px;} .c_about_le_box .index_tit{ position:relative;} .c_about_le_box .index_tit .tit_line{ width:30%; height:2px; right:0; top:30%; position:absolute; background:#0068b7} .c-about-box{ margin:40px 0;} .c-about-box p{ font-size:14px; color:#999999; line-height:2;} .c_about_le_box a{ position:absolute; left:0; bottom:0; width:100px; height:30px; color:#0068b7; border:1px solid #0068b7; text-align:center; font-size:14px; line-height:28px;transition:all .3s;} .c_about_le_box a:hover{ background:#0068b7; color:#fff;} .index_03{ background-image:url(../images/indexbac_07.jpg); background-position:center; background-size:cover; background-repeat:no-repeat;} .index_03_tit{ padding-top:80px; padding-bottom:150px;} .index_03_tit .en_tit{ font-size:28px; color:#fff; font-weight:bold; text-transform:uppercase;} .index_03_tit .cn_tit{font-size:24px; color:#fff; margin-top:20px;} .index_03_li{ background:rgba(0,0,0,.4);} .index3li{ width:33.33%; float:left; height:220px; text-align:center; transition:all .3s;} .index3li:hover{ background:#0068b7;} .index3li .cn{ color:#fff; font-size:16px; margin-top:10px;} .index3li .en{ font-size:16px; color:#fff; margin-bottom:15px; margin-top:3px; text-transform:uppercase;} .index_04{ padding:60px 0 40px;} .index_title{ position:relative;} .index_title .cn{font-size:24px; color:#0068b7; margin-top:15px; font-weight:normal; display:block;} .index_title .en{font-size:28px; color:#999999; font-weight:bold; text-transform:uppercase; position:relative; padding-right:200px; display:inline-block;} .index_title .en .line_t{width:150px; height:2px; right:0; top:50%; position:absolute; background:#0068b7} .index_04 .w1200,.index_05 .w1200{ position:relative;} .index_04 li .imgss img{ width:100%;} .index_04 ul{ margin-top:45px;} .index_04 li{ width:23.5%; float:left; margin-right:2%; margin-bottom:3%; border:1px solid #eeeeee; position:relative; padding-bottom:60px;} .index_04 li .txts{ position:absolute; bottom:0; left:0; height:60px; width:100%; background:#eeeeee; transition:all .3s;} .index_04 li .txts a{ color:#333; font-size:16px; text-align:center; display:block;} .index_04 li .txts a img{ display:none;} .index_04 li:nth-child(4n){ margin-right:0;} /*index_04 li:hover .txts{ height:100%; background:rgba(0,104,183,.8); padding:10px;} .index_04 li:hover .txts img{ display:block; margin:0 auto; margin-bottom:15px;} .index_04 li:hover .txts a{ color:#fff;} .index_04 li:hover .txts .table{border:1px solid #fff;} */ .index_05{ padding:60px 0; background-image:url(../images/indexbac_09.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;} a.more{ position:absolute; right:0; top:30px; background:#0068b7; color:#fff; font-size:16px; width:130px; text-align:center; height:40px; line-height:40px;} .case_index_box{ position:relative; padding:0 90px; margin-top:70px;} .case_index_box .swiper-slide .imgss{ height:150px; background:#fff; position:relative;} .case_index_box .swiper-slide .imgss img{ position:absolute; max-width:90%; max-height:90%; 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%);} .case_index_box .txts{ height:75px; padding-top:15px; text-align:center;} .case_index_box .txts span{ font-size:20px; color:#0068b7; display:none;} .case_index_box .swiper-container{ padding-bottom:70px;} .case_index_box .swiper-pagination{ bottom:0;} .case_index_box .swiper-pagination-bullet{ width:20px; height:20px;background:none; opacity:1; background-image:url(../images/index_68.png); background-repeat:no-repeat; background-size:100% 100%;} .case_index_box .swiper-pagination-bullet-active{ background:none; background-image:url(../images/index_66.png);} .case_index_box .swiper-slide-next span{ display:block;} .case_index_box .swiper-button-next{ width:47px; height:46px; background-size:47px 46px; margin-top:-73px; background-image:url(../images/index_58.png);} .case_index_box .swiper-button-prev{width:47px; height:46px; background-size:47px 46px; margin-top:-73px; background-image:url(../images/index_55.png);} .idnex_06{ padding-top:70px;} .index_tit_02{ text-align:center;} .index_tit_02 .cn{font-size:24px; color:#0068b7; margin-top:15px; font-weight:normal; display:block;} .index_tit_02 .en{font-size:28px; color:#999; margin-bottom:15px; margin-top:3px; text-transform:uppercase; font-weight:bold;} .index_06_bot{ background-image:url(../images/index_75.jpg); background-size:cover; padding:45px 0; background-position:center} .index_06_bot .w1200{ position:relative;} .index_06_bot p{ font-size:16px; color:#303030;} .index_06_bot p b{ font-size:24px; color:#064894; font-weight:normal;} .index_06_bot a{ position:absolute; right:10px; top:50%; height:60px; margin-top:-40px; background:#0068b7; display:block; width:240px; text-align:center; line-height:60px; color:#fff; font-size:16px;} .index_07{ padding-top:60px;} .news_box_index{ height:375px; padding:30px;} .news_box_index a.chan{ font-size:14px; color:#666666; margin-bottom:20px; display:block;} .news_box_index .name,.news_box_index .name a h2{ font-size:18px; color:#333333; height:110px; border-bottom:1px solid #e5e5e5; line-height:1.5;} .news_box_index .intros{ font-size:14px; color:#999999; padding:20px 0;} .news_box_index a.mores{ width:100px; height:40px; background:#0457b5; color:#fff; text-align:center; display:block; line-height:40px; font-size:14px;} .news_center .swiper-slide{ transition:all .3s;} .news_center .swiper-slide:hover{ background:#f5f5f5;} .news_center{ margin:60px auto; padding:0 40px; position:relative;} .news_center .swiper-button-next{ width:13px; height:24px; background-size:13px 24px; margin-top:-12px; background-image:url(../images/index_80.png);} .news_center .swiper-button-prev{width:13px; height:24px; background-size:13px 24px; margin-top:-12px; background-image:url(../images/index_78.png);} .index_08{ background:#fafafa; padding:15px 0;} .index_08 li{ padding:20px 0; padding-left:90px; background-position:20px center; background-repeat:no-repeat; border-left:1px dashed #d9d9d9; float:left; width:25%;} .index_08 li b{ display:block; font-size:16px; color:#666666;} .index_08 li span{ display:block; font-size:14px; color:#999999;} .index_08 li.first{ border:none;} .footer{ padding-top:60px; background-image:url(../images/indexbac_11.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;} .fot_le{ width:45%;padding-top:30px;} .fot_le span{ border-bottom:1px solid #fff; padding-bottom:15px;} .fot_le span a{ color:#fff; font-size:16px; margin:0;} .fot_le a{ margin-top:10px; color:#cccccc; font-size:14px;} .fot_ri{ width:40%;} .fot_navs{ width:25%; text-align:center;} .fot_navs span{ display:inline-block;} .fot_navs a{ display:block;} .fot_ri_le .tels{ color:#cccccc; font-size:40px; font-weight:normal; padding-left:69px; height:59px; background-repeat:no-repeat; background:url(../images/index_98.png) no-repeat left center; padding-top:30px; margin-bottom:20px;} .fot_ri_ri{ width:155px; padding-top: 90px} .fot_ri_le{ width:calc(100% - 155px);} .fot_ri_le p{ display:block; color:#cccccc; font-size:14px; background-repeat:no-repeat; padding:5px 0; padding-left:30px; padding-right:10px; background-position:left 10px; margin-top:5px;} .fot_ri_ri span{ display:block; text-align:center; margin-top:10px; color:#ccc; font-size:14px;} .links{ padding:20px 0;} .links span,.links a{ font-size:14px; color:#ccc;} .links a{ display:inline-block; margin-left:10px;} .copyright{ text-align:center; font-size:14px; padding:15px 0; background:#eeeeee;} .copyright a{ color:#999999; font-size:14px;} .copyright a:hover{ color:#0454ae} .idnex_06 img{ width:100%; display:block; margin:0 auto;} @media screen and (max-width:1300px){ .w1200,.banner .swiper-slide .c-wrap,.c-container{ padding-left:40px; padding-right:40px;} .banner .swiper-slide .c-wrap{ text-align:center; padding-top:40px;} #c-header .c-nav>li{ padding:0 5px} a.more{ right:40px;} .fot_ri_le .tels{ font-size:30px;} } @media screen and (max-width:960px){ .wap{ display:block;} .pc{ display:none;} .banner .swiper-slide .c-wrap .c-title{ font-size:24px;} .banner .swiper-slide .c-wrap .c-text{ padding:20px 0; font-size:18px;} .banner .swiper-button-next{ right:10px;} .banner .swiper-button-prev{ left:10px;} .banner .c-sb{ bottom:20px;} .c_about_le .c_about_le_box{ padding-right:20px;} .c_about_le_box .en_tit,.index_03_tit .en_tit,.index_title .en,.index_tit_02 .en{ font-size:20px;} .c_about_le_box .cn_tit,.index_03_tit .cn_tit,.index_title .cn,.index_tit_02 .cn{ font-size:18px;} .c-about-box{ margin:20px 0;} .index_03_tit{ padding-bottom:80px;} .news_box_index .name,.news_box_index .name a h2{ font-size:14px; height:80px;} .news_box_index .intros{ font-size:12px; padding-top:5px;} .news_box_index a.chan{ margin-bottom:10px;} .index_08 li{ background-size:20px 20px; padding-left:5px; padding-right:5px; padding-top:30px; text-align:center; background-position: center 10px; width:50%;} .index_08 li:nth-child(3){ border-left:none;} .index_08 li:nth-child(3),.index_08 li:nth-child(4){ border-top:1px dashed #d9d9d9} .index_08 li b{ font-size:14px;} .index_08 li span{ line-height:1.4; font-size:12px;} .fot_le,.fot_ri{ width:100%; float:none;} .fot_ri{ margin-top:40px;} } @media screen and (max-width:768px){ .c_about_le, .c_about_ri{ width:100%; height:auto;} .aboutindex{ margin:40px auto;} .c_about_le{ margin-bottom:30px;} .c_about_le_box a{ position:static; display:block;} .videps{ height:300px;} .w1200,.banner .swiper-slide .c-wrap,.c-container{ padding-left:20px; padding-right:20px;} .c_about_le_box .cn_tit,.index_03_tit .cn_tit,.index_title .cn,.index_title .cn,.index_tit_02 .cn{ margin-top:5px;} .index_03_tit .en_tit{ color:#333;} .index_03_tit .cn_tit{ color:#333;} .index3li{ height:230px;} .index3li .en,.index3li .cn{ font-size:12px;} .index3li img.tubiao{ max-width:50px; max-height:40px;} a.more{ position:static; display:block; margin:20px auto; font-size:14px;} .index_title .en .line_t{ width:20%;} .index_title .en { padding-right:25%;} .index_05{ padding:40px 0;} .index_04 li{ width:48%; margin:1%; padding-bottom:40px;} .index_04 li:nth-child(3n){ margin:1%;} .index_04 li .txts a{ font-size:14px;} .index_04 li .txts{ height:40px;} .index_04{ padding:30px 0;} .index_03_tit{ padding:30px 0;} .index_04 ul{ margin-top:20px;} .case_index_box{ padding:0 60px; margin-top:30px;} .case_index_box .swiper-slide-next span{ display:none;} .case_index_box .swiper-slide span{ display:block; font-size:12px;} .case_index_box .swiper-slide .imgss{ height:150px;} .idnex_06{ padding-top:40px;} .idnex_06 img{ max-width:100%; display:block; margin:0 auto;} .index_06_bot a{ display:block; position:static; height:40px; line-height:40px; margin:0 auto;margin-top:10px; width:140px;} .index_06_bot p{ font-size:14px;} .news_box_index{ height:auto;} .news_center{ margin:30px auto;} .index_07{ padding-top:40px;} .news_center .swiper-slide{ background:#f0f0f0;} .fot_ri_ri{ width:100%;padding-top:20px;} .fot_ri_le{width:100%} .fot_ri_le p{ margin-top:0; background-size:15px auto; padding-left:20px;} .index_04 li .txts a{ font-size:12px;} .fot_ri_ri img{ max-width:100%; margin:0 auto; display: block;}.fot_ri_le .tels{ background-size:30px auto; padding-top:0; height:auto; padding:10px 0;padding-left:40px; font-size:20px;} .banner .swiper-button-next{ right:10px; width:30px; height:30px; background-size:30px 30px;} .banner .swiper-button-prev{ left:10px; width:30px; height:30px; background-size:30px 30px; } .banner .c-sb{ bottom:5px;} .banner .swiper-slide .c-wrap{ padding-bottom:60px;} .case_index_box .swiper-button-next{ width:30px; height:30px; background-size:30px 30px; margin-top:-15px; } .case_index_box .swiper-button-prev{width:30px; height:30px; background-size:30px 30px; margin-top:-15px;} .index_06_bot p b{ font-size:18px;}.fot_navs span{ padding-bottom:5px;}.fot_navs a{ margin-top:5px; font-size:12px;} .fot_ri_le p{ font-size:12px;} .c_about_le .c_about_le_box{ padding-top:0} } #c-common-bg{ position: fixed; z-index: -2; top: 0; left: 0; width: 100%; height:640px; background-size:cover; background-position:center; background-repeat:no-repeat; } #c-top-bg { height:6.4rem;padding-top:100px; background: rgba(0,0,0,.3) url(../images/mbl.png) repeat; display: flex; justify-content: center; align-items: center; } #c-top-bg .c-enTitle { font-size: 0.7rem; line-height: 1; color: #fff; font-weight:normal; } #c-top-bg .c-title { padding-top: 10px; font-size: 0.36rem; line-height: 56px; color: #fff;font-weight:normal; } .positions{ padding: 30px 0; border-bottom:1px solid #eee; font-size: 16px; line-height: 26px; color: #666; background: #fff;} #c-top-menu { padding: 0 0 0; background: #fff; } #c-top-menu .c-list { text-align: center; } #c-top-menu .c-list a { margin: 0 5px 10px; display: inline-block; width: 170px; line-height: 50px; vertical-align: top; background: #f8f8f8; color: #191919; transition: .5s; } #c-top-menu .c-list a.active,#c-top-menu .c-list a:hover { background: #0068b7; color: #fff; } .news_lists{ background:#fff; padding:0 0 40px 0;} .news_lists .prolists-s{ width:calc(100% - 280px); min-height:400px;} .news_lists .prolists-s .news_ri li{ display:block; padding: 10px 0; border-bottom: 1px dashed #eee;} .news_lists .prolists-s .news_ri li a{ font-size:14px; color:#333;} .news_lists .prolists-s .news_ri li a:hover{ color:#0457b5} .news_lists .prolists-s .news_ri li span{ color:#999; font-size:14px} .pages{ text-align:center; padding:20px 0 30px; background:#fff;} .pages li{ display:inline-block; margin:0 2px;} .pages li a{ display:block; padding:3px 10px; background:#f0f0f0; color:#000; font-size: 12px;} .pages li a:hover{ background:#0457b5; color:#fff;} .pages li.active a{ background:#0457b5; color:#fff;} #c-news4 { padding: 50px 0 150px; background: #f9f9f9; } #c-news4 .c-main-wrap { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } #c-news4 .c-left-box { width: 68.4%; } #c-news4 .c-left-box .c-top-box { padding: 45px 40px 0; background: #fff; } #c-news4 .c-left-box .c-top-box .c-title { font-size: 30px; line-height: 40px; color: #262626; } #c-news4 .c-left-box .c-top-box .c-time { padding: 15px 0 25px; line-height: 26px; color: #666; } #c-news4 .c-left-box .c-top-box .c-text { padding-bottom: 30px; line-height: 30px; color: #666; } #c-news4 .c-left-box .c-top-box .c-text img { max-width: 100%; height: auto !important; } #c-news4 .c-left-box .c-top-box .c-share { border-top: 1px solid #ddd; padding: 30px 0; font-size: 18px; line-height: 28px; color: #262626; } #c-news4 .c-left-box .c-pn-box { padding-top: 50px; display: flex; justify-content: space-between; align-items: center; line-height: 30px; } #c-news4 .c-left-box .c-pn-box a{ font-size: 18px; color: #2c2e2f; transition: .5s; } #c-news4 .c-left-box .c-pn-box .c-prev { padding-left: 40px; background: url(../images/prev3.png) no-repeat left center; background-size: auto 18px; } #c-news4 .c-left-box .c-pn-box .c-next { padding-right: 40px; background: url(../images/next3.png) no-repeat right center; background-size: auto 18px; } #c-news4 .c-left-box .c-pn-box .c-return { padding-left: 40px; background: url(../images/menu.png) no-repeat left center; background-size: auto 18px; } #c-news4 .c-left-box .c-pn-box .c-prev:hover { color: #0068b7; background: url(../images/prev3-h.png) no-repeat left center; background-size: auto 18px; } #c-news4 .c-left-box .c-pn-box .c-next:hover { color: #0068b7; background: url(../images/next3-h.png) no-repeat right center; background-size: auto 18px; } #c-news4 .c-left-box .c-pn-box .c-return:hover { color: #0068b7; background: url(../images/menu-h.png) no-repeat left center; background-size: auto 18px; } .posi,.posi a{ color: #333;} #c-news4 .c-right-box { /* position: sticky; top:80px; */ width: 28.9%; } #c-news4 .c-right-box .c-top-box { margin-bottom: 40px; background: #fff; } #c-news4 .c-right-box .c-top-box .c-bg-title { background: #0068b7; font-size:24px; line-height: 76px; text-align: center; color: #fff; } #c-news4 .c-right-box .c-top-box .c-list{ padding: 30px 30px 0; } #c-news4 .c-right-box .c-top-box .c-list li{ padding-bottom: 30px; } #c-news4 .c-right-box .c-top-box .c-list .c-wrap { display: flex; align-items: center; flex-wrap: wrap; } #c-news4 .c-right-box .c-top-box .c-list .c-img-box { width: 36%; height: .9rem; overflow: hidden; } #c-news4 .c-right-box .c-top-box .c-list .c-img-box img { width: 100%; height: 100%; object-fit: cover; } #c-news4 .c-right-box .c-top-box .c-list .c-text-box { padding-left: 20px; width: 64%; } #c-news4 .c-right-box .c-top-box .c-list .c-text-box .c-time{ padding-bottom: 5px; font-size: 14px; line-height: 24px; color: #999; } #c-news4 .c-right-box .c-top-box .c-list .c-text-box .c-title { font-size: 16px; line-height: 26px; color: #333; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; } #c-news4 .c-right-box form { background: #fff; } #c-news4 .c-right-box form .c-title { font-size: 24px; line-height: 76px; text-align: center; color: #0068b7; background: #e9e9e9; } #c-news4 .c-right-box form .c-wrap { padding: 30px; } #c-news4 .c-right-box form .c-wrap input { margin-bottom: 20px; width: 100%; height: 62px; padding: 0 20px; font-size: 16px; color: #333; border: 1px solid #ddd; } #c-news4 .c-right-box form .c-wrap button { width: 100%; height: 60px; font-size: 16px; color: #fff; background: #0068b7; } #c-join3 { padding-bottom:30px; background: #fff; } #c-join3 .c-top-box { margin-bottom:40px; text-align:center; } #c-join3 .c-top-box .c-title { font-size: 48px; line-height: 1.1em; color: #222; } #c-join3 .c-top-box .c-title span { color: #0068b7; } #c-join3 .c-top-box form { width: 67.7%; padding: 20px; background: #f7f7f7; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } #c-join3 .c-top-box form .c-wrap { width: -webkit-calc(33.33% - 13px); width: calc(33.33% - 13px); display: flex; align-items: center; } #c-join3 .c-top-box form select { padding: 0 40px 0 20px; width: 100%; height: 60px; border: 1px solid #ddd; background: #fff url(../images/san.png)no-repeat right 20px center; background-size: 12px auto; color: #666; } #c-join3 .c-top-box form input{ padding: 0 20px; height: 60px; border: 1px solid #ddd; width: -webkit-calc(100% - 60px); width: calc(100% - 60px); border-right: 0; color: #666; } #c-join3 .c-top-box form button { width: 60px; height: 60px; background: #0068b7; } #c-join3 .c-top-box form button i { color: #fff; font-size: 18px; } #c-join3 .c-list-box{ box-shadow: 0 1px 50px rgba(0,0,0,.1); } #c-join3 .c-list1 { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 40px 0 30px; font-size: 16px; line-height: 28px; color: #191919; border-bottom: 2px solid #e3e3e3; } #c-join3 .c-item5 { padding-right: 40px; width: 100px; text-align: right; } #c-join3 .c-list2 .c-title-box{position:relative;} #c-join3 .c-item5 i { border:6px solid transparent; border-top:6px solid #333; font-size: 28px; transition: .5s; position:absolute; top:30px; } #c-join3 .c-item1,#c-join3 .c-item2,#c-join3 .c-item3,#c-join3 .c-item4 { width: -webkit-calc(25% - 25px); width: calc(25% - 25px); } #c-join3 .c-item1 { padding-left: 40px; } #c-join3 .c-item2,#c-join3 .c-item3,#c-join3 .c-item4 { padding-left: 20px; } #c-join3 .c-list2 .c-title-box { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 20px 0; border-bottom: 1px solid #f2f2f2; line-height: 26px; color: #666; transition: .5s; font-size:14px; } #c-join3 .c-list2 .c-title-box .c-item1 { font-size: 14px; line-height: 28px; color: #333; transition: .5s; } #c-join3 .c-list2 .c-title-box span { display: none; } #c-join3 .c-list2 .c-text-wrap { display: none; } #c-join3 .c-list2 .c-text-box { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; padding: 40px; border-bottom: 1px solid #f2f2f2; } #c-join3 .c-list2 .c-text-box .c-text { width: -webkit-calc(100% - 240px); width: calc(100% - 240px); line-height: 30px; color: #999; } #c-join3 .c-list2 .c-text-box .c-btn { display: block; width: 170px; height: 44px; line-height: 44px; text-align: center; color: #fff; background: #0068b7; } #c-join3 .c-list2>li.active .c-title-box,#c-join3 .c-list2>li.active .c-title-box .c-item1{ color: #0068b7; } #c-join3 .c-list2>li.active .c-item5 i { -webkit-transform: rotate(180deg); transform: rotate(180deg); border-top:6px solid #0068b7; } #c-join3 #c-pagination { padding:40px 0; } @media screen and (max-width:960px){ .xin_ri{ width:100%; float:none;} #c-news4 .c-left-box .c-top-box{ padding:40px 20px;} #c-news4 .c-left-box .c-top-box .c-title{ font-size:20px;} #c-common-bg,#c-top-bg{ height:8rem;} #c-top-bg{ padding-top:0;} #c-top-bg .c-enTitle{ font-size:30px; text-align:center;} #c-top-bg .c-title{ font-size:20px; text-align:center; line-height:30px;} #c-top-menu .c-list { margin: 0 -2px; } .positions{ padding:20px 0;} .positions a,.positions{ font-size:14px;} #c-top-menu{ padding:30px 0;} #c-top-menu .c-list a { margin: 0 2px 5px; font-size: 12px; width: 60px; line-height: 30px; } #c-news4{padding: 40px 0 40px;} #c-news4 .c-left-box,#c-news4 .c-right-box{ width:100%; float:none; margin-bottom:40px;} #c-news4 .c-right-box form .c-wrap button,#c-news4 .c-right-box form .c-wrap input { font-size: 14px; height: 50px; } #c-news4 .c-right-box .c-top-box .c-list .c-text-box .c-time { padding-bottom: 0; font-size: 12px; line-height: 22px; } #c-news4 .c-right-box .c-top-box .c-bg-title,#c-news4 .c-right-box form .c-title { font-size: 20px; line-height: 50px; } #c-news4 .c-left-box .c-pn-box a { font-size: 14px; line-height: 24px; } #c-news4 .c-left-box .c-pn-box .c-prev { padding-left: 12px; background: url(../images/prev3.png) no-repeat left center; background-size: auto 8px; } #c-news4 .c-left-box .c-pn-box .c-next { padding-right: 12px; background: url(../images/next3.png) no-repeat right center; background-size: auto 8px; } #c-news4 .c-left-box .c-pn-box .c-return { padding-left: 12px; background: url(../images/menu.png) no-repeat left center; background-size: auto 8px; } #c-news4 .c-left-box .c-pn-box .c-prev:hover { color: #0068b7; background: url(../images/prev3-h.png) no-repeat left center; background-size: auto 8px; } #c-news4 .c-left-box .c-pn-box .c-next:hover { color: #0068b7; background: url(../images/next3-h.png) no-repeat right center; background-size: auto 8px; } #c-news4 .c-left-box .c-pn-box .c-return:hover { color: #0068b7; background: url(../images/menu-h.png) no-repeat left center; background-size: auto 8px; } #c-news4 .c-left-box .c-top-box .c-share { padding: 20px 0; font-size: 14px; line-height: 24px; } #c-news4 .c-left-box .c-top-box .c-text { line-height: 24px; padding-bottom: 15px; } #c-news4 .c-left-box .c-top-box .c-time { padding: 5px 0 15px; line-height: 24px; } #c-news4 .c-left-box .c-pn-box{ font-size:14px;} #c-news4 .c-right-box .c-top-box .c-list .c-text-box .c-title{ font-size:14px; line-height:24px;} } .product_lists{ background:#fff;} .product_lists ul.ri li .imgss img{ width:100%;} .product_lists ul.ri li{ width:23%; float:left; margin-right:2%; margin-bottom:2%; border:1px solid #eeeeee; position:relative; padding-bottom:60px;} .product_lists ul.ri li .txts{ position:absolute; bottom:0; left:0; height:80px; width:100%; background:#eeeeee; transition:all .3s;} .product_lists ul.ri li .txts a{ color:#333; font-size:14px; text-align:center; display:block;} .product_lists ul.ri li .txts a img{ display:none;} /*.product_lists ul.ri li:nth-child(4n){ margin-right:0;} .product_lists ul.ri li:hover .txts{ height:100%; background:rgba(0,104,183,.8); padding:10px;} .product_lists ul.ri li:hover .txts img{ display:block; margin:0 auto; margin-bottom:15px;} .product_lists ul.ri li:hover .txts a{ color:#fff;} .product_lists ul.ri li:hover .txts .table{border:1px solid #fff;} */ .chanpin_view{ padding:40px; background:#fff;} .chanpin_view .imgss{ width:50%;} .chanpin_view .imgss img{ max-width:100%;} .chanpin_view .txts{ width:50%; padding-left:20px;} .chanpin_view .txts p{ font-size:16px; color:#000; line-height:2; border-bottom:1px dashed #eee; padding-bottom:2px;} .chapinjieshao{ background:#f9f9f9; color:#333; font-size:16px; padding:10px; margin-top:20px;} .chanpinjsbox p,.chanpinjsbox,.about_us,.about_us p{ font-size:14px; line-height:1.6;} .chanpinjsbox{ padding:30px 0;} .chanpinjsbox p,.about_us p{ margin-bottom:10px;} .about_us{ padding-bottom:60px; background: #fff;} #c-honor { padding:0 0 0 0; background: #fff; } #c-honor .c-bg-title { margin-bottom: 60px; position: relative; font-size: 48px; line-height: 1em; color: #333; text-align: center; } #c-honor .c-bg-title span { color: #0068b7; } #c-honor .c-list { padding-bottom: 0; margin: 0 -15px; display: flex; align-items: center; flex-wrap: wrap; } #c-honor .c-list li { margin-bottom: 10px; width: 31.33%; padding: 0; margin-left: 1%; } #c-honor .c-list .c-wrap { text-align: center; } #c-honor .c-img-box{ display: flex; justify-content: center; align-items: center; height: 2.25rem; } #c-honor .c-img-box img { max-height: 99%; max-width: 99%; } #c-honor .c-title { display:none; border-top: 1px solid #e8e8e8; font-size: 16px; line-height: 26px; color: #333; padding: 35px 0; } @media screen and (max-width:768px){ .pages li a{ font-size:12px;} .product_lists ul.ri{ padding-top:0} .product_lists ul.ri li{ width:48%; margin:1%; padding-bottom:40px;} .product_lists ul.ri li:nth-child(3n){ margin:1%;} .product_lists ul.ri li .txts a{ font-size:12px;} .product_lists ul.ri li .txts{ height:40px;} .product_lists{ padding:0 0 30px;} .pages{ padding:10px 0 20px;} .xin_ri{margin-bottom:10px;} .chanpin_view{ padding:15px;} .chanpin_view .txts p{ font-size:14px; line-height:1.6;} .chanpinjsbox{ padding:20px 0;} #c-news4 .c-left-box .c-pn-box{ padding-top:30px;} #c-honor .c-list li{ width:48%; margin:1%; padding: 0;} #c-honor .c-title{ font-size:14px; padding:15px 0;} #c-honor .c-list .c-wrap{ padding: 0 10px;} #c-honor .c-img-box{ height: 170px;} #c-honor{ padding-top:0;} #c-join3 .c-list2 .c-text-box .c-btn { margin-top: 15px; width: 90px; height: 40px; line-height: 40px; } #c-join3 .c-list2 .c-text-box .c-text { width: 100%; line-height: 24px; font-size: 12px; } #c-join3 .c-list2 .c-text-box { padding: 20px; } #c-join4 { padding: 40px 0; } #c-join3 .c-item5 i { font-size: 20px; } #c-join3 .c-list2 .c-title-box { line-height: 24px; } #c-join3 .c-list2 .c-title-box .c-item1 { font-size: 14px; line-height: 24px; } #c-join3 .c-item1 { padding-left: 20px; width: -webkit-calc(60% - 35px); width: calc(60% - 35px); } #c-join3 .c-item3 { width: -webkit-calc(40% - 35px); width: calc(40% - 35px); } #c-join3 .c-item5 { padding-right: 20px; width: 50px; } #c-join3 .c-list1,#c-join3 .c-item2,#c-join3 .c-item4,#c-join4 .c-list .c-wrap .c-btn { display: none; } #c-join3 .c-list2 .c-title-box { padding: 15px 0; } #c-join3 .c-top-box { margin-bottom: 20px; } #c-join3 .c-top-box form .c-wrap { width: 100%; margin-bottom: 20px; } #c-join3 .c-top-box form .c-wrap:last-child { margin-bottom: 0; } #c-join3 .c-top-box form select,#c-join3 .c-top-box form input,#c-join3 .c-top-box form button { height: 50px; } #c-join3 .c-top-box .c-title,#c-join4 .c-top-box .c-title { width: 100%; font-size: 20px; text-align: center; } #c-join3 .c-item3{ font-size:14px;} #c-join3 .c-item5 i{ top:50%; margin-top:-12px;} } #c-contact { padding:0 0 40px 0; background:#fff; } #c-contact .c-top { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #dedede; } #c-contact .c-top .c-title { font-size: 40px; line-height: 50px; color:#333; } #c-contact .c-top .c-wrap { display: flex; align-items: center; } #c-contact .c-top .c-wrap .c-lt { text-align: right; } #c-contact .c-top .c-wrap .c-text { line-height: 26px; color: #555; } #c-contact .c-top .c-wrap .c-phone { margin-bottom: 25px; font-family: "futurabt"; font-weight: bold; font-size: 36px; line-height: 46px; color:#333; } #c-contact .c-top .c-wrap .c-line { display: inline-block; vertical-align: top; width: 10px; height: 6px; background: #0042ad; } #c-contact .c-top .c-wrap .c-gt { margin-left: 30px; width: 132px; height: 132px; border: 1px solid #dedede; } #c-contact .c-top .c-wrap .c-gt img { width: 100%; height: 100%; } #c-contact .c-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } #c-contact .c-list li { display: flex; align-items: center; } #c-contact .c-list li:nth-child(2) { justify-content: center; padding: 0 20px; width: 48%; border-left: 1px solid #dedede; border-right: 1px solid #dedede; } #c-contact .c-list .c-ico { margin-right: 20px; width: 80px; height: 80px; border: 1px solid #333; border-radius: 50%; flex: 0 0 80px; } #c-contact .c-list .c-ico img { width: 100%; height: 100%; } #c-contact .c-list .c-title { font-size: 18px; line-height: 28px; color:#333; } #c-contact .c-list .c-text { font-size: 14px; line-height: 24px; color: #777; } #c-contact2 .c-common-title{ text-align:center; margin-bottom:50px;} #c-contact2 .c-title{ font-size:40px; color:#333; line-height:50px;} #c-contact2 .c-list textarea{ border:none;} /* 鑱旂郴鎴戜滑琛ㄥ崟 */ #c-contact2 { padding: 90px 0; background: #eff1f5; } #c-contact2 .c-list { margin: 0 -5px; display: flex; flex-wrap: wrap; align-items: flex-start; } #c-contact2 .c-list li { margin-bottom: 10px; position: relative; width: 50%; padding: 0 5px; } #c-contact2 .c-list li:nth-child(5), #c-contact2 .c-list li:nth-child(6) { width: 100%; } #c-contact2 .c-list input { padding: 0 20px; width: 100%; height: 80px; line-height: 80px; background: #fff; } #c-contact2 .c-list li:nth-child(1) input, #c-contact2 .c-list li:nth-child(2) input { padding-right: 50px; } #c-contact2 .c-list i { position: absolute; top: 50%; right: 20px; height: 10px; font-size: 20px; font-style: normal; line-height: 1; color: #0042ad; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #c-contact2 .c-list textarea { width: 100%; height: 200px; padding: 25px 20px; line-height: 26px; background: #fff; overflow-y: auto; } #c-contact2 .c-list .c-text { padding: 10px 0 20px; line-height: 26px; color: #555; } #c-contact2 .c-list button { width: 100%; line-height: 80px; font-size: 22px; color: #fff; background: #0042ad; cursor: pointer; } #c-contact2 .c-list li:last-child button { color: #555; background: #dadde3; } .lanmudhang{background: #0457b5; text-align:center; color: #fff;line-height:35px; padding:5px 0;display:block; border-bottom:1px solid #fff;} .pro_navmenu{ width:250px;} .product_lists{ padding-top:0;padding-bottom:40px;} .pro_navmenu a{ padding:4px 10px; line-height:30px; display:block; font-size:14px; color:#333; background:#fff; word-break: break-all; border-bottom: 1px dashed #dde0e4;} .pro_navmenu li{ border-bottom: 1px dashed #dde0e4; text-align:left;} .pro_navmenu li:last-child{border:none;} .pro_navmenu a:last-child{border:none;} .pro_navmenu a.active{color: #0457b5;} .pro_navmenu a:hover{color: #0457b5; } .product_lists .prolists-s{ width:calc(100% - 270px);} .chanpinsss{background: #0457b5; color: #fff; text-align: center; font-size: 16px; padding: 10px 0;} .promenu_a{ padding: 10px 20px; border: 1px solid #dde0e4; margin-bottom: 20px;text-align:center;} .pro_navmenu ul>li{ text-align:left;} .pro_navmenu ul>li>a{ position:relative;} .pro_navmenu ul>li>a i{ position:absolute; right:-10px; width:24px; height:24px; top:50%; margin-top:-12px; background-image:url(../images/jt02.png); background-size:100% 100%; background-repeat:no-repeat; background-position:center; display:block;} .pro_navmenu ul>li a.active>i{ background-image:url(../images/jt01.png); } .prosubmenu{ background:#eee; padding-left:10px; display:none;} .prosubmenu>a{ background:none;} .pro_navmenu ul>li.active .prosubmenu{ display:block;} @media screen and (max-width:1500px){ .banner .swiper-slide img{ height:6rem;} .banner .swiper-slide .c-wrap .c-title{ font-size:28px;} .banner .swiper-slide .c-wrap .c-text{ font-size:14px; padding:20px 0;} } @media screen and (max-width:960px){ #c-common-bg{ top: 50px;} .banner .swiper-slide img{ height:250px;} .banner .swiper-slide .c-wrap .c-title{ font-size:20px;} .banner .swiper-slide .c-wrap .c-text{ font-size:14px;} .banner .c-container{ padding-top:0;} .pro_navmenu{ width:100%; float:none;}.product_lists .prolists-s{ width:100%; float:none; margin-bottom:30px;} .news_lists .prolists-s{ width:100%; float:none; min-height:unset;} .contact_content h1{font-size:20px; margin-bottom:15px;} .xuanfukefu{display:none;} } @media screen and (max-width:768px){ .footer{padding-top:10px;} #c-contact2,#c-contact{ padding: 0;} #c-contact2 .c-title,#c-contact .c-top .c-title{ font-size:20px;} #c-contact .c-top .c-wrap .c-phone{ font-size:16px;} #c-contact .c-list li:nth-child(2){ border:none;} #c-contact .c-top .c-wrap { padding-top: 20px; flex-direction: row-reverse; } #c-contact .c-top .c-wrap .c-gt { margin: 0 20px 0 0; } #c-contact .c-top .c-wrap .c-lt { text-align: left; } #c-contact .c-top { padding-bottom: 30px; margin-bottom: 30px; } #c-contact .c-list li { width: 100%; } #c-contact .c-list .c-ico { width: 50px; height: 50px; flex: 0 0 50px; } #c-contact .c-list li:nth-child(2) { justify-content: flex-start; padding: 20px 0; width: 100%; } #c-contact2 .c-list input { padding: 0 15px; height: 50px; line-height: 50px; } #c-contact2 .c-list i { right: 15px; } #c-contact2 .c-list li:nth-child(1) input, #c-contact2 .c-list li:nth-child(2) input { padding-right: 30px; } #c-contact2 .c-list textarea { height: 120px; padding: 15px; } #c-contact2 .c-list .c-text { padding: 0 0 20px; line-height: 24px; font-size:12px; } #c-contact2 .c-list button { line-height: 50px; font-size: 16px; } .c-common-title .c-text{ font-size:12px;} } @-webkit-keyframes jump { 0% { opacity: 1; top: -10px; } 50% { opacity: 1; } 100% { opacity: 0; top: 21px; } } @keyframes jump { 0% { opacity: 1; top: -10px; } 50% { opacity: 1; } 100% { opacity: 0; top: 21px; } }