@charset "utf-8"; /* CSS Document */ @font-face { font-family: 'MyNewFont'; src: url("BEBAS.ttf"); } body { margin: 0px; padding: 0px; border: 0px; font-family: "寰蒋闆呴粦", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei"; color: #555555; font-size: 14px; width: 100%; background: #fff; } body.on { overflow: hidden; background: #145358; } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none; } a { margin: 0px; padding: 0px; border: 0px; text-decoration: none; color: #555555; font-size: 13px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; -webkit-tap-highlight-color: transparent; outline: none; } a:hover { text-decoration: none; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } * { padding: 0px; margin: 0px; border: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } li { list-style: none; } .clear:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clear { zoom: 1; } /* 瑙﹀彂 hasLayout */ img { vertical-align: middle; } input:focus { outline: none; } /*鍘婚櫎鎸夐挳閫変腑鐨勯珮浜爣绛?/ textarea:focus { outline: none; } /*鍘婚櫎鏂囨湰妗嗛€変腑鐨勯珮浜爣绛?/ button:focus { outline: none; } /*鍘婚櫎鎸夐挳閫変腑鐨勯珮浜爣绛?/ select:focus { outline: none; } /*鍘婚櫎涓嬫媺妗嗛€変腑鐨勯珮浜爣绛?/ img { vertical-align: middle; } div, p, table, td, ul, li, span, a, ol, input, label { padding: 0px; margin: 0px; border: 0px; } input::-ms-input-placeholder { color: #999999; font-size: 13px; } input::-webkit-input-placeholder { color: #999999; font-size: 13px; } input::-moz-placeholder { color: #999999; font-size: 13px; } input::-moz-placeholder { color: #999999; font-size: 13px; } input::-moz-placeholder { color: #999999; font-size: 13px; } textarea::-webkit-input-placeholder { color: #999999; font-size: 15px; font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei" } .search input::-ms-input-placeholder { color: #89a4d5; font-size: 13px; } .search input::-webkit-input-placeholder { color: #89a4d5; font-size: 13px; } .search input::-moz-placeholder { color: #89a4d5; font-size: 13px; } .search input::-moz-placeholder { color: #89a4d5; font-size: 13px; } .search input::-moz-placeholder { color: #89a4d5; font-size: 13px; } video::-internal-media-controls-download-button { display: none; } video::-webkit-media-controls-enclosure { overflow: hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } .mo_down { height: 0px; overflow: hidden } .mo_down.on { height: auto; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } .fl { float: left; } .fr { float: right; } /*娓愬彉浠庡乏鍚戝彸*/ .jianbian2 { height: 200px; background: -webkit-linear-gradient(to right, blue, yellow); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(to right, blue, yellow); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(to right, blue, yellow); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, white, yellow); /* 鏍囧噯鐨勮娉曪紙蹇呴』鏀惧湪鏈€鍚庯級 */ } /*榛戠櫧鐓х墖*/ .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .gray:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; } /*鍦嗚5px*/ .radius5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } /*鍦嗚10px*/ .radius10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } /*鍥剧墖鍙樺ぇ*/ .tra { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor: pointer; } .tra:hover { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; cursor: pointer; } /*閫忔槑搴?0%*/ .opacity5 { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .shadow1 { -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; -ms-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; -o-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; } .shadow2 { transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow2:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px; -ms-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px; -o-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } /*鎶曞奖*/ .shadow5 { transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow7 { transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow7:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -o-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow1_1 { -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -o-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow5:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 15px; -moz-box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 15px; -ms-box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 15px; -o-box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 15px; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 15px; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; } .shadow8 { -webkit-box-shadow: rgba(0, 0, 0, 0.05) 5px 5px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.05) 5px 5px 5px; -ms-box-shadow: rgba(0, 0, 0, 0.05) 5px 5px 5px; -o-box-shadow: rgba(0, 0, 0, 0.05) 5px 5px 5px; box-shadow: rgba(0, 0, 0, 0.05) 5px 5px 5px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .shadow6 { -webkit-box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 60px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 60px; -ms-box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 60px; -o-box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 60px; box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 60px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } /*鎶曞奖*/ .shadow10 { -webkit-box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 10px; -moz-box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 10px; -ms-box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 10px; -o-box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 10px; box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 10px; } /*鍥剧墖灞呬腑*/ .center { -webkit-align-items: center; display: -webkit-flex; -webkit-justify-content: star; } /*鍥剧墖灞呬腑2*/ .vertical { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; /* 姘村钩灞呬腑*/ -webkit-box-align: center; -moz-box-align: center; -ms-flex-pack: center; /* IE 10 */ -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; /* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/ /* 鍨傜洿灞呬腑 */ -webkit-box-pack: center; -ms-flex-align: center; -moz-box-pack: center; /* IE 10 */ -webkit-align-items: center; -moz-align-items: center; align-items: center; } /*鍥剧墖缈昏浆*/ .flip { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.3s ease; -webkit-transform: all 0.3s ease; } .flip:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(60deg); transition: all 0.3s ease; -webkit-transform: all 0.3s ease; cursor: pointer; } .noscroll { overflow: hidden; } .bd_weixin_popup { width: 280px !important; height: 345px !important; position: fixed !important; top: 30% !important; left: 0% !important; right: 0% !important; margin: 0 auto } .quan { width: 100%; } .mo_top { width: 100%; position: fixed; top: 0; z-index: 100; } .mo_top .mot { width: 100%; padding: 0 2%; height: 50px; background: #fff; box-shadow: 0px 0px 16px rgba(0, 0, 0, .2); } .mo_top .mot .molo { float: left; display: inline-block; height: 30px; margin: 10px 0; } .mo_top .mot .molo img { height: 30px; } .mo_top .mot .momenuicon { float: right; height: 16px; margin: 17px 0; } .mo_top .mot .cloesicon { display: none; } .mo_top .moxl { left: -100%; top: 50px; background: rgba(50, 123, 246, 0.5); position: absolute; z-index: 99; width: 100%; transition: all ease 0.3s; } .mo_top .moxl_box { width: 60%; background: #327bf6; height: 100%; padding-bottom: 50px; } .mo_top .moxl .moxl_xun { width: 100%; float: left; position: relative; } .mo_top .moxl .moxl_xun .moxl_xun_icon { width: 100%; height: 0px; position: absolute; padding-right: 10px; } .mo_top .moxl .moxl_xun .moxl_xun_icon img { float: right; height: 10px; margin: 20px 0; } .mo_top .moxl .moxl_xun .moxl_xun_icon img.moxl_xun_img2 { display: none; width: 10px; height: 7px } .mo_top .moxl .moxl_xun .moxl_xun_title { width: 100%; padding-left: 10px; display: inline-block; line-height: 35px; font-size: 14px; color: #fff; } .mo_top .moxl .moxl_xun .moxl_erji { width: 100%; overflow: hidden; display: none } .mo_top .moxl .moxl_xun .moxl_erji a { width: 100%; padding-left: 20px; height: 30px; line-height: 30px; font-size: 12px; color: #fff; display: inline-block; float: left; } .mo_bottom { width: 100%; background: #da251c; display: none; margin-top: 20px; position: fixed; bottom: 0; z-index: 20; } .mo_bottom .mo_bottom_nei { width: 96%; margin: 0 auto; height: 50px; } .mo_bottom .mo_bottom_nei .mo_lj_font { padding-top: 5px; } .mo_lj { color: #fff; padding: 10px 0; text-align: center; font-size: 13px; width: 25%; } .mo_yc { width: 100%; height: 80px; display: none; } .mo_lj div i { font-size: 20px; } .banner { height: auto; position: relative; height: 997px; overflow: hidden; } .banner .banner_title { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .banner .slider .item a { display: inline-block; } .banner .slick-dots li { margin: 0px; margin-right: 18px; } .banner .slick-dots li:last-child { margin-right: 0px; } .banner .slick-dots li button:before { font-family: 'MyNewFont'; font-size: 16px; color: #fff; } .banner .slick-dots li:nth-child(1) button:before { content: "01"; } .banner .slick-dots li:nth-child(2) button:before { content: "02"; } .banner .slick-dots li:nth-child(3) button:before { content: "03"; } .banner .slick-dots li:nth-child(4) button:before { content: "04"; } .banner .slick-dots { bottom: 12%; width: 61%; right: 0; text-align: left; } .banner .slick-slide a img { width: 100%; object-fit: cover; height: 997px; } .banner .slick-dotted.slick-slider { margin-bottom: 0px; } .banner .banner_bottom { position: absolute; width: 762px; left: 0; bottom: 0; } .banner .banner_bottom .banner_bottom_list { outline: none; } .banner .banner_bottom .banner_bottom_list .bottom_list_left { width: 34%; } .banner .banner_bottom .banner_bottom_list .bottom_list_left img { width: 100%; height: 180px; object-fit: cover; } .banner .banner_bottom .banner_bottom_list .bottom_list_txt { width: 66%; background: rgba(2, 98, 179, .85); height: 180px; padding: 30px 40px; } .banner .banner_bottom .banner_bottom_list .bottom_list_txt dd { font-size: 26px; color: #fff; margin-bottom: 20px; } .banner .banner_bottom .banner_bottom_list .bottom_list_txt dt { font-size: 14px; color: #fff; display: -webkit-box; hanging-punctuation: 38px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .banner .click_next { position: absolute; bottom: 40px; left: 0; right: 0; margin: 0 auto; display: inline-block; width: 30px; animation: mymove 2s infinite; } @keyframes mymove { 0% { bottom: 40px; opacity: 1; } 50% { bottom: 30px; opacity: .5; } 100% { bottom: 40px; opacity: 1; } } .pc_all .pc_all_contnet { max-width: 1606px; margin: 0 auto; } .pc_top { background: #fff; line-height: 91px; position: fixed; top: 0; width: 100%; padding-left: 30px; z-index: 295; transition: all 0.3s ease; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1); } .pc_top:hover { background: #fff; transition: all 0.3s ease; } .pc_top:hover .pc_top_content .top_content_right .content_right_nav .right_nav_list .nav_list_title { color: #333; } .pc_top.on { background: #fff; transition: all 0.3s ease; box-shadow: 0px 0px 20px rgba(0, 0, 0, .1); } .pc_top.on .pc_top_content .top_content_right .content_right_nav .right_nav_list .nav_list_title { color: #333; } .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list:before { content: ""; position: absolute; display: inline-block; bottom: 30px; height: 2px; width: 0%; background: #fe121c; transition: all 0.3s ease; left: 0; right: 0; margin: 0 auto; } .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list:hover:before { width: 100%; transition: all 0.3s ease; } .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list:hover .nav_list_title { color: #fe121c; } .pc_top .pc_top_content .top_content_logo { display: inline-block; line-height: 91px; } .pc_top .pc_top_content .top_content_right .content_right_nav { margin-right: 55px; } .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list { margin-right: 63px; position: relative; } .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list:last-child { margin-right: 0px; } .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list .nav_list_title { font-size: 16px; color: #333; line-height: 91px; display: inline-block; } .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list .nav_list_down { position: absolute; width: 100%; background: #fff; width: 150px; padding: 0px 20px; display: none; left: -41px; } .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list:hover .nav_list_down { display: block; } .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list .nav_list_down a { display: inline-block; width: 100%; text-align: center; font-size: 14px; line-height: 45px; border-bottom: 1px solid #dcdcdc; } .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list .nav_list_down a:last-child { border-bottom: 0px; } .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list .nav_list_down a:hover { color: #1e98ff; } .pc_top .pc_top_content .top_content_right .content_right_mail { font-size: 16px; color: #484848; } .pc_top .pc_top_content .top_content_right .content_right_mail img { margin-right: 15px; position: relative; top: -1px; } .IndexProduct_title dd { color: #f10000; font-size: 30px; position: relative; padding-left: 18px; font-weight: bolder; } .IndexProduct_title dd:before { content: ""; position: absolute; display: inline-block; width: 5px; height: 28px; background: #f10000; left: 0; top: 20%; } .IndexProduct_title dd span { color: #888888; font-size: 16px; margin-left: 13px; font-weight: normal; } .IndexProduct_title dt { color: #d2d2d2; font-size: 30px; text-transform: uppercase; } .IndexProduct { padding-top: 70px; } .IndexProduct .IndexProduct_title dd { color: #f10000; font-size: 30px; position: relative; padding-left: 18px; font-weight: bolder; } .IndexProduct .IndexProduct_title dd:before { content: ""; position: absolute; display: inline-block; width: 5px; height: 28px; background: #f10000; left: 0; top: 20%; } .IndexProduct .IndexProduct_title dd span { color: #888888; font-size: 16px; margin-left: 13px; font-weight: normal; } .IndexProduct .IndexProduct_title dt { color: #d2d2d2; font-size: 30px; text-transform: uppercase; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list { background: #efefef; height: 354px; width: 32%; margin-right: 2%; position: relative; padding: 40px 30px; margin-top: 2%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(3n) { margin-right: 0px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_title { font-size: 28px; color: #333333; text-transform: uppercase; margin-bottom: 30px; position: relative; z-index: 25; display: inline-block; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_title p:last-child { font-size: 22px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_txt p { margin-bottom: 5px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_txt p:last-child { margin-bottom: 0px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_txt a { color: #777777; font-size: 14px; display: inline-block; padding-left: 14px; position: relative; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_txt a:before { content: ""; position: absolute; display: inline-block; width: 9px; height: 10px; background: url("../images/bn9.png") /*tpa=http://www.sonnett.cn/skin/images/bn9.png*/ no-repeat 0% 50%; left: -5px; top: 25%; opacity: 0; transition: all 0.3s ease; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_more { color: #bfbfbf; font-size: 14px; text-transform: uppercase; position: absolute; bottom: 14%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_more img { margin-right: 15px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_img { position: absolute; right: 10%; bottom: 6%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_txt a:hover { color: #f10000; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_txt a:hover:before { left: 0; opacity: 1; transition: all 0.3s ease; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_title:hover { color: #f10000; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(4) .top_list_img { right: 4%; bottom: 12%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:last-child { width: 66%; margin-right: 0px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content { text-align: center; position: absolute; top: 8%; left: 0; width: 67%; right: 0; margin: 0 auto; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content .list_content_li { outline: none; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content .list_content_li .content_li_top { margin-bottom: 15px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content .list_content_li .content_li_top dt { font-size: 24px; color: #f10000; margin-top: 25px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content .list_content_li .content_li_bottom { color: #555555; line-height: 23px; font-size: 14px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content .slick-dots { bottom: -10%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content .slick-dots li { margin: 0px 1px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content .slick-dots li button:before { font-size: 30px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content .slick-dots li.slick-active button:before { opacity: .45; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content .slick-prev { left: 95px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content .slick-next { right: 95px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content .slick-prev:before, .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content .slick-next:before { color: #bfbfbf; } .IndexProduct .IndexProduct_content .IndexProduct_content_bottom a { display: inline-block; margin-right: 62px; text-align: center; line-height: 150px; } .IndexProduct .IndexProduct_content .IndexProduct_content_bottom a:last-child { margin-right: 0px; } .IndexAbout { height: 712px; background: url("../images/bg3.jpg") /*tpa=http://www.sonnett.cn/skin/images/bg3.jpg*/ no-repeat 50%/cover; padding: 85px 0px; } .IndexAbout .pc_all_contnet { padding: 0px 120px; } .IndexAbout .IndexAbout_img { position: relative; width: 44%; text-align: center; padding: 0px 4%; } .IndexAbout .IndexAbout_img .IndexAbout_img_c { background: rgba(255, 255, 255, .2); border-radius: 100%; padding: 22px; } .IndexAbout .IndexAbout_img img { max-width: 100%; } .IndexAbout .IndexAbout_right { width: 52%; margin-left: 4%; padding: 50px 0px; } .IndexAbout .IndexAbout_right .IndexProduct_title dd { color: #fff; } .IndexAbout .IndexProduct_title dd:before { background: #fff; } .IndexAbout .IndexAbout_right .IndexProduct_title dd span { color: #fff; } .IndexAbout .IndexAbout_right .IndexProduct_title dt { color: #fff; } .IndexAbout .IndexAbout_right .IndexAbout_right_content { font-size: 14px; color: #fff; line-height: 28px; text-indent: 2em; margin-top: 40px; } .IndexAbout .IndexAbout_right a { color: #fff; font-size: 14px; text-transform: uppercase; margin-top: 65px; display: inline-block; } .IndexAbout .IndexAbout_right a img { margin-right: 15px; position: relative; top: -1px; } .IndexAbout .IndexAbout_img_c .slick-prev { left: -50px; width: auto; height: auto; top: 42%; } .IndexAbout .IndexAbout_img_c .slick-next { right: -50px; width: auto; height: auto; top: 42%; } .IndexAbout .IndexAbout_img_c .slick-next:before, .IndexAbout .IndexAbout_img .slick-prev:before { color: #fff; font-size: 64px; } .swiper-pagination { left: 0; right: 0; bottom: -25px; } .swiper-pagination-bullet { width: 8px; height: 8px; margin-right: 10px; } .swiper-pagination-bullet:last-child { margin-right: 0px; } .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #666; } .IndexColumn { padding: 80px 0px; } .IndexColumn .IndexColumn_list { text-align: center; width: 25%; padding: 50px 0px; transition: all 0.3s ease; } .IndexColumn .IndexColumn_list:hover { background: #f7f7f7; cursor: pointer; transition: all 0.3s ease; } .IndexColumn .IndexColumn_list:hover .IndexColumn_list_content dd { color: #f10000; transition: all 0.3s ease; } } .IndexColumn .IndexColumn_list:hover { background: #f7f7f7; cursor: pointer; transition: all 0.3s ease; } .IndexColumn .IndexColumn_list:hover .IndexColumn_list_img img { left: -46px; } .IndexColumn .IndexColumn_list .IndexColumn_list_img { width: 46px; margin: 0 auto; overflow: hidden; } .IndexColumn .IndexColumn_list .IndexColumn_list_img img { position: relative; left: 0; transition: all 0.3s ease; } .IndexColumn .IndexColumn_list .IndexColumn_list_content dd { font-size: 28px; color: #333333; margin-top: 10px; transition: all 0.3s ease; } .IndexColumn .IndexColumn_list .IndexColumn_list_content dt { color: #777777; line-height: 20px; margin-top: 10px; margin-bottom: 15px; } .IndexColumn .IndexColumn_list .IndexColumn_list_more { color: #bfbfbf; font-size: 14px; text-transform: uppercase; } .IndexNews { background: #f7f7f7; padding-bottom: 82px; } .IndexNews .IndexNews_content { margin-top: 35px; } .IndexNews .IndexNews_content .IndexNews_content_list { display: inline-block; padding: 20px; } .IndexNews .IndexNews_content .IndexNews_content_list:nth-child(4) { margin-right: 0px; } /*.IndexNews .IndexNews_content .IndexNews_content_list:hover{ box-shadow: 0px 0px 25px rgba(0,0,0,.2);}*/ .IndexNews .IndexNews_content .IndexNews_content_list:hover .content_list_txt dd { color: #f10000; } .IndexNews .IndexNews_content .IndexNews_content_list .content_list_img img { width: 100%; height: 230px; object-fit: cover; } .IndexNews .IndexNews_content .IndexNews_content_list .content_list_txt { padding: 30px 25px; background: #fff; } .IndexNews .IndexNews_content .IndexNews_content_list .content_list_txt dd { text-align: center; font-size: 20px; color: #222222; margin-bottom: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .IndexNews .IndexNews_content .IndexNews_content_list .content_list_txt p { font-size: 14px; color: #777777; line-height: 22px; margin-bottom: 30px; display: -webkit-box; height: 44px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .IndexNews .IndexNews_content .IndexNews_content_list .content_list_txt dt { color: #bfbfbf; font-size: 14px; text-transform: uppercase; } .IndexNews .IndexNews_content .IndexNews_content_list .content_list_txt dt img { margin-right: 8px; position: relative; top: -2px; } .IndexMessage { background: #fff; padding-bottom: 75px; } .IndexMessage .IndexMessage_left { background: #f10000; width: 38%; padding: 65px 70px; } .IndexMessage .IndexMessage_left .IndexMessage_left_form { margin-top: 24px; } .IndexMessage .IndexMessage_left .IndexMessage_left_form .left_form_list { margin-bottom: 25px; } .IndexMessage .IndexMessage_left .IndexMessage_left_form .left_form_list:nth-child(1) { margin-right: 4%; } .IndexMessage .IndexMessage_left .IndexMessage_left_form .left_form_list:nth-child(1) input { background: url("../images/bn27.png") /*tpa=http://www.sonnett.cn/skin/images/bn27.png*/ no-repeat 0% 50%; } .IndexMessage .IndexMessage_left .IndexMessage_left_form .left_form_list:nth-child(2) input { background: url("../images/bn28.png") /*tpa=http://www.sonnett.cn/skin/images/bn28.png*/ no-repeat 0% 50%; } .IndexMessage .IndexMessage_left .IndexMessage_left_form .left_form_list:nth-child(3) { width: 100%; } .IndexMessage .IndexMessage_left .IndexMessage_left_form .left_form_list:nth-child(4) { width: 100%; } .IndexMessage .IndexMessage_left .IndexMessage_left_form .left_form_list:nth-child(4) dd { color: #fff; font-size: 14px; background: url("../images/bn30.png") /*tpa=http://www.sonnett.cn/skin/images/bn30.png*/ no-repeat 0% 50%; padding-left: 27px; } .IndexMessage .IndexMessage_left .IndexMessage_left_form .left_form_list dd { margin-bottom: 15px; } .IndexMessage .IndexMessage_left .IndexMessage_left_form .left_form_list dt textarea { width: 100%; background: none; border: 1px solid #fff; padding: 10px; font-size: 14px; line-height: 23px; color: #fff; font-family: '寰蒋闆呴粦'; resize: none; } .IndexMessage .IndexMessage_left .IndexMessage_left_form .left_form_list:nth-child(3) input { background: url("../images/bn29.png") /*tpa=http://www.sonnett.cn/skin/images/bn29.png*/ no-repeat 0% 50%; } .IndexMessage .IndexMessage_left .IndexMessage_left_form .left_form_list input { width: 100%; background: none; border-bottom: 1px solid #fff; line-height: 33px; padding-left: 27px; font-size: 14px; color: #fff; } .IndexMessage .IndexMessage_left .IndexMessage_left_form .left_form_submit { width: 100%; } .IndexMessage .IndexMessage_left .IndexMessage_left_form .left_form_submit input { color: #f10000; line-height: 44px; background: #fff; text-align: center; width: 100%; font-size: 16px; cursor: pointer; } .IndexMessage .IndexProduct_title dd { color: #fff; } .IndexMessage .IndexProduct_title dd:before { background: #fff; } .IndexMessage .IndexProduct_title dt { color: rgba(255, 255, 255, .34); } .IndexMessage .IndexProduct_title dd span { color: #fff; } .IndexMessage .IndexMessage_right { width: 62%; } .IndexMessage .IndexMessage_right img { width: 100%; height: 541px; object-fit: cover; } .IndexMessage input::-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; font-size: 14px; } .IndexMessage input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; font-size: 14px; } .IndexMessage input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; font-size: 14px; } .IndexMessage input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; font-size: 14px; } .IndexMessage input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; font-size: 14px; } .yqlj { background: #EAEAEA; } .yqlj_cont { width: 1606px; margin: auto; } .yqlj_cont_left { width: 44%; text-align: right; font-size: 12px; color: #555555; padding-top: 1px; } .yqlj_cont_right { width: 50%; } .yqlj_cont_right a { font-size: 12px; color: #555555; text-align: center; margin-left: 5px; margin-bottom: 0.6%; display: inline-block; } .Copyright { text-align: center; background: #b7b7b7; font-size: 12px; color: #333333; padding: 7px 0px; } .Copyright a { font-size: 12px; color: #333333; margin-left: 10px; } .details_banner { position: relative; } .details_banner .details_banner_img img { width: 100%; height: 500px; object-fit: cover; } .details_banner .details_banner_txt { position: absolute; transform: translateX(-50%) translateY(-50%); left: 50%; top: 55%; text-align: center; } .details_banner .details_banner_txt dd { font-size: 38px; color: #fff; } .details_banner .details_banner_txt dt { font-size: 26px; font-weight: lighter; text-transform: uppercase; color: #fff; margin-top: 13px; } .details_nav { text-align: center; line-height: 85px; border-bottom: 1px solid #dbdbdb; } .details_nav a { display: inline-block; padding: 0px 20px; line-height: 36px; border-radius: 100px; font-size: 16px; color: #444444; margin-right: 35px; } .details_nav a:hover { color: #fff; background: #fe121c; } .details_nav a.on { color: #fff; background: #fe121c; } .product { padding: 60px 0px; } .product .product_list { margin-bottom: 35px; } .product .product_list:last-child { margin-bottom: 0px; } .product .product_list .product_list_title { margin-bottom: 30px; } .product .product_list .product_list_title dt { font-size: 30px; color: #f10000; position: relative; padding-left: 18px; margin-top: 10px; } .product .product_list .product_list_title dt:before { content: ""; position: absolute; width: 5px; height: 28px; display: inline-block; background: #f10000; left: 0; top: 20%; } .product .product_list .product_list_content .list_content_li { width: 32%; margin-right: 2%; display: inline-block; } .product .product_list .product_list_content .list_content_li:nth-child(3n) { margin-right: 0px; } .product .product_list .product_list_content .list_content_li .content_li_img { transition: all 0.3s ease; border: 1px solid #f3f4f4; } .product .product_list .product_list_content .list_content_li .content_li_img img { width: 100%; } .product .product_list .product_list_content .list_content_li .content_li_txt { color: #8E8E8E; font-size: 22px; text-align: center; padding: 0px 15px; overflow: hidden; line-height: 70px; transition: all 0.3s ease; text-overflow: ellipsis; white-space: nowrap; } .product .product_list .product_list_content .list_content_li:hover .content_li_txt { color: #f10000; transition: all 0.3s ease; } .product .product_list .product_list_content .list_content_li:hover .content_li_img { border: 1px solid #f10000; transition: all 0.3s ease; } .Customer_service { width: 100%; height: 150px; background: #fe121c url("../images/bg22.jpg") /*tpa=http://www.sonnett.cn/skin/images/bg22.jpg*/ no-repeat 50%/cover; position: relative; } .Customer_service .Customer_service_content { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 30%; } .Customer_service .Customer_service_content a { display: inline-block; background: #fff; width: 48%; margin-right: 4%; line-height: 50px; text-align: center; font-size: 16px; color: #fe121c; } .Customer_service .Customer_service_content a span { font-size: 20px; } .Customer_service .Customer_service_content a:last-child { margin-right: 0px; line-height: 48px; } .Customer_service .Customer_service_content a:last-child span { font-size: 25px; position: relative; } .Customer_service .Customer_service_content a span { margin-right: 15px; } .Customer_service .Customer_service_content a:hover { box-shadow: 0px 0px 20px rgba(0, 58, 129, 1); } .News .IndexNews_content { padding-bottom: 30px; } .News .IndexNews_content .IndexNews_content_list { margin-bottom: 1.5%; } .News .IndexNews_content .IndexNews_content_list:nth-child(4n) { margin-right: 0px; } .News .IndexNews_content .IndexNews_content_list .content_list_txt dt { color: #666666; } .page li a { width: 34px; height: 40px; line-height: 40px; display: inline-block; text-align: center; background: #fff; color: #fe121c; margin-right: 20px; border: 1px solid #dcdcdc; } .page li a i { position: relative; top: -2px; } .page li:last-child a { margin-right: 0px; } .page li.active a { background: #fe121c; color: #fff; border: 1px solid #fe121c; } .page li:hover a { background: #fe121c; color: #fff; border: 1px solid #fe121c; } .page li .prev, .page li .next { font-size: 18px; } .contact { padding: 55px 0px; padding-bottom: 20px; } .contact .contact_content { margin-top: 40px; } .contact .contact_content .contact_content_list { width: 48%; margin-right: 4%; background: #f5f5f5; text-align: center; padding: 35px 0px; margin-bottom: 2.5%; border-radius: 10px; } .contact .contact_content .contact_content_list:nth-child(2n) { margin-right: 0px; } .contact .contact_content .contact_content_list dd { background: url("../images/bn40.png") /*tpa=http://www.sonnett.cn/skin/images/bn40.png*/ no-repeat 50% 50%; } .contact .contact_content .contact_content_list dt { font-size: 22px; color: #333333; margin-top: 25px; } .contact .contact_content .contact_content_list p { font-size: 14px; color: #444444; margin-top: 10px; } .information { background: #f7f7f7; padding: 45px 0px; } .information .information_content { margin-top: 40px; } .information .information_content .information_content_list { display: inline-block; width: 23.5%; margin-right: 2%; text-align: center; background: #fff; padding: 30px 20px; position: relative; margin-bottom: 2%; } .information .information_content .information_content_list:before { content: ""; display: inline-block; width: 90%; height: 90%; border: 1px solid #fff; transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; position: absolute; } .information .information_content .information_content_list:nth-child(4n) { margin-right: 0px; } .information .information_content .information_content_list .content_list_icon { height: 91px; line-height: 91px; } .information .information_content .information_content_list .content_list_icon img { max-height: 91px; } .information .information_content .information_content_list .content_list_icon span { position: absolute; width: 100%; left: 0; height: 100%; } .information .information_content .information_content_list .content_list_icon .icon2 { display: none; } .information .information_content .information_content_list .content_list_txt { font-size: 22px; color: #333333; margin-bottom: 25px; margin-top: 15px; } .information .information_content .information_content_list .content_list_address p { font-size: 14px; color: #777777; margin-bottom: 8px; } .information .information_content .information_content_list .content_list_address p i { margin-right: 8px; } .information .information_content .information_content_list .content_list_address p:last-child { margin-bottom: 0px; } .information .information_content .information_content_list:hover { background: #1274c7; } .information .information_content .information_content_list:hover .content_list_icon .icon1 { display: none; } .information .information_content .information_content_list:hover .content_list_icon .icon2 { display: block; } .information .information_content .information_content_list:hover .content_list_txt { color: #fff; } .information .information_content .information_content_list:hover .content_list_address p { color: #fff; } /*鎼滅储*/ .content_right_icon { position: relative; padding-left: 23px } .content_right_icon:before { position: absolute; top: 42%; left: 0; display: inline-block; width: 1px; height: 12px; background: #fff; content: ""; transition: all .3s ease; -webkit-transform: all .3s ease } .right_icon_list:last-child { padding-right: 0 } .right_icon_list:first-child { padding-left: 0 } .right_icon_list { padding: 0 9px } .right_icon_list .icon_list_title { display: inline-block; margin: 24.5px 0; width: 36px; border: 1px solid #fff; border-radius: 100%; color: #fff; text-align: center; font-size: 14px; line-height: 34px } .right_icon_list:nth-child(2) .icon_list_down { border-top: 0 } .right_icon_list:last-child .icon_list_down p { color: #fe121c; text-align: center; font-size: 15px; line-height: 45px } .right_icon_list .icon_list_down { position: absolute; right: 0; bottom: -45px; width: 210px; line-height: 45px; border-top: 1px solid #dcdcdc; background: #fff; transition: all .5s ease 0s; -webkit-transform: scale(0); -webkit-transform: all .5s ease 0s; -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); filter: scale(0); filter: transform } .right_icon_list:hover .icon_list_down { cursor: pointer; transition: all .5s ease 0s; -webkit-transform: scale(1); -webkit-transform: all .5s ease 0s; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); filter: scale(1); filter: transform } .down_form_left { padding: 0 10px; width: 70%; font-size: 15px; line-height: 45px } .list_down_form .down_form_left { line-height: 45px; width: 70%; padding: 0px 10px; font-size: 15px; } .down_form_right { width: 30%; height: 45px; background: #fe121c; color: #fff; font-size: 15px; line-height: 45px; cursor: pointer } .pc_top:hover { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2); transition: all .3s ease; -webkit-transform: all .3s ease } .pc_top:hover .pc_top_content .top_content_logo .ON { display: none } .pc_top:hover .pc_top_content .top_content_logo .OFF { display: block } .pc_top:hover .pc_top_content .top_content_right .content_right_nav .right_nav_list .nav_list_title { color: #222; transition: all .3s ease; -webkit-transform: all .3s ease } .icon_list_title { border: 1px solid #dcdcdc; color: #fe121c; transition: all .3s ease; -webkit-transform: all .3s ease } .content_right_icon:before { background: #dcdcdc; transition: all .3s ease; -webkit-transform: all .3s ease } .pc_top.on { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2); transition: all .3s ease; -webkit-transform: all .3s ease } .content_right_nav .right_nav_list .nav_list_title { color: #222; transition: all .3s ease; -webkit-transform: all .3s ease } .right_icon_list .icon_list_title { border: 1px solid #dcdcdc; color: #fe121c; transition: all .3s ease; -webkit-transform: all .3s ease } .content_right_icon:before { background: #dcdcdc; transition: all .3s ease; -webkit-transform: all .3s ease } .content_right_nav .right_nav_list:hover .nav_list_title { color: #fe121c } .content_right_nav .right_nav_list:hover .nav_list_title:before { width: 100% } .right_icon_list:hover .icon_list_title { border: 1px solid #fe121c; background: #fe121c; color: #fff; transition: all .3s ease; -webkit-transform: all .3s ease } .Industry .Industry_list { padding-bottom: 70px; } .Industry .Industry_list .Industry_list_content .list_content_li { width: 48.5%; margin-right: 3%; margin-top: 3%; position: relative; } .Industry .Industry_list .Industry_list_content .list_content_li:nth-child(2n) { margin-right: 0px; } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_img { width: 51%; transition: all 0.3s ease; } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_img img { width: 100%; height: 354px; object-fit: cover; } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_txt { width: 49%; background: #fe121c; text-align: center; padding: 61px 0px; transition: all 0.3s ease; height: 100%; position: absolute; right: 0%; top: 0%; background: rgba(4, 71, 127, 1); } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_txt .li_txt_icon { margin-bottom: 30px; line-height: 70px; height: 70px; } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_txt .li_txt_title dd { font-size: 24px; color: #fff; margin-bottom: 5px; } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_txt .li_txt_title dt { font-size: 14px; color: #c1c1c1; text-transform: uppercase; } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_txt .li_txt_title p { font-size: 14px; color: #fff; line-height: 26px; text-indent: 2em; text-align: left; display: none; margin-top: 20px; } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_txt .li_txt_more { margin-top: 40px; } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_txt .li_txt_more span { display: inline-block; line-height: 35px; width: 104px; text-align: center; font-size: 14px; color: #fff; border-radius: 100px; border: 1px solid #fff; } .Industry .Industry_list .Industry_list_content .list_content_li:hover .content_li_img { width: 100%; transition: all 0.3s ease; } .Industry .Industry_list .Industry_list_content .list_content_li:hover .content_li_txt { width: 100%; padding: 4%; transition: all 0.3s ease; background: rgba(4, 71, 127, .7); } .Industry .Industry_list .Industry_list_content .list_content_li:hover .content_li_txt .li_txt_title dt { display: none; } .Industry .Industry_list .Industry_list_content .list_content_li:hover .content_li_txt .li_txt_title p { display: block; } .Industry .Industry_list .Industry_list_content .list_content_li:hover .content_li_txt .li_txt_more { display: none; } .Industry .Industry_list .Industry_list_content .list_content_li:hover .content_li_txt .li_txt_icon { margin-bottom: 15px; } .join { padding: 65px 0px; } .join .join_list { width: 31%; margin-right: 3.5%; background: #f7f7f7; border: 1px solid #dcdcdc; padding: 33px; margin-bottom: 3.5%; transition: all 0.3s ease; } .join .join_list:nth-child(3n) { margin-right: 0px; } .join .join_list:hover { background: #f4faff; box-shadow: 0px 0px 20px rgba(0, 0, 0, .2); transition: all 0.3s ease; } .join .join_list .join_list_title { text-align: center; margin-bottom: 10px; } .join .join_list .join_list_title dd { font-size: 28px; color: #555555; } .join .join_list .join_list_title dt { font-size: 14px; color: #999999; text-transform: uppercase; margin-top: 5px; } .join .join_list .join_list_content .list_content_li { margin-bottom: 20px; } .join .join_list .join_list_content .list_content_li dd { font-size: 18px; color: #555555; margin-bottom: 5px; } .join .join_list .join_list_content .list_content_li dt { font-size: 14px; color: #777777; line-height: 24px; } .news_details { background: #f7f7f7; padding: 66px 0px; } .news_details .pc_all_contnet { background: #fff; padding: 60px 70px; } .news_details .news_details_title { text-align: center; border-bottom: 1px solid #dcdcdc; padding-bottom: 15px } .news_details .news_details_title dd { font-size: 22px; color: #333333; padding-bottom: 20px; font-weight: bolder; } .news_details .news_details_title dt div { color: #666666; font-size: 13px; padding-right: 50px; display: inline-block; line-height: 26px } .news_details .news_details_title dt div:nth-child(3) { padding-right: 0px } .news_details .news_details_content { padding: 30px 0px; padding-bottom: 0px; } .news_details .news_details_content div img { width: 100% } .news_details .news_details_content .details_content_top { border-bottom: 1px solid #dcdcdc; padding-bottom: 30px } .news_details .news_details_content .details_content_top { width: 660px; margin: auto; line-height: 12px; font-size: 14px; color: #666666 } .news_details .news_details_content .details_content_top p { line-height: 2; } .news_details .news_details_content .details_content_top p img { max-width: 100%; } .news_details .news_details_content .news_page { padding-top: 35px; } .news_details .news_details_content .news_page .news_page_left .page_left_list { font-size: 14px; color: #333333; margin-top: 18px; } .news_details .news_details_content .news_page .news_page_left .page_left_list:first-child { margin-top: 0px; } .news_details .news_details_content .news_page .news_page_left .page_left_list a { font-size: 14px; color: #333333; } .news_details .news_details_content .news_page .news_page_left .page_left_list a:hover { color: #fe121c; } .news_details .news_details_content .news_page .news_page_right { display: inline-block; border: 1px solid #1e98ff; border-radius: 50px; text-align: center; line-height: 4px; line-height: 43px; font-size: 14px; color: #333333; margin: 5px 0px; padding: 0px 25px; } .news_details .news_details_content .news_page .news_page_right img { width: auto; margin-left: 20px; position: relative; top: -1px; } .news_details .news_details_content .news_page .news_page_right:hover { color: #1e98ff; } .about { background: url("../images/bg35.jpg") /*tpa=http://www.sonnett.cn/skin/images/bg35.jpg*/ no-repeat 50% 100%; padding-bottom: 90px; } .about .about_top .about_top_left { width: 41%; font-size: 14px; color: #444444; line-height: 26px; text-indent: 2em; text-align: justify; position: relative; margin-top: 35px; } .about .about_top .about_top_left dd { position: absolute; width: 106%; left: 0; top: 0%; height: 248px; background: #f3f3f3; padding: 60px 45px; border-radius: 10px; z-index: 2; } .about .about_top .about_top_img { width: 59%; height: 410px; position: relative; top: -80px; } .about .about_top .about_top_img img { position: absolute; width: 100%; right: 0; top: 0; height: 410px; object-fit: cover; } .about .about_bottom { margin-top: 50px; } .about .about_bottom .about_bottom_list { width: 48%; background: #e8f5fe; border-radius: 10px; text-align: center; padding-bottom: 45px; position: relative; padding-top: 75px; } .about .about_bottom .about_bottom_list:last-child { margin-left: 4%; } .about .about_bottom .about_bottom_list .bottom_list_icon { position: absolute; left: 0; right: 0; width: 100%; text-align: center; top: -68px; } .about .about_bottom .about_bottom_list .bottom_list_title { background: url("../images/bn40.png") /*tpa=http://www.sonnett.cn/skin/images/bn40.png*/ no-repeat 50% 50%; margin: 25px 0px; } .about .about_bottom .about_bottom_list .bottom_list_title dd { font-size: 26px; color: #333333; margin-bottom: 3px; } .about .about_bottom .about_bottom_list .bottom_list_title dt { font-size: 16px; color: #888888; text-transform: uppercase; } .about .about_bottom .about_bottom_list .bottom_list_txt { font-size: 14px; color: #555555; line-height: 24px; text-align: left; text-indent: 2em; padding: 0px 45px; height: 72px; } .Mission { padding-bottom: 100px; } .Mission .Mission_content .Mission_content_list { width: 30.6%; margin-right: 4%; position: relative; } .Mission .Mission_content .Mission_content_list:last-child { margin-right: 0px; } .Mission .Mission_content .Mission_content_list .content_list_img img { width: 100%; } .Mission .Mission_content .Mission_content_list .content_list_txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(55, 149, 224, .6); padding: 60px; } .Mission .Mission_content .Mission_content_list .content_list_txt dd { text-align: center; } .Mission .Mission_content .Mission_content_list .content_list_txt dt { font-size: 28px; color: #fff; text-align: center; margin-top: 20px; margin-bottom: 30px; } .Mission .Mission_content .Mission_content_list .content_list_txt p { color: #fff; font-size: 14px; line-height: 26px; text-indent: 2em; } .honor { background: #f1f2f6; padding: 55px 0px; } .honor .honor_content { padding-bottom: 65px; } .honor .honor_content .honor_content_list { padding: 0px 35px; } .honor .honor_content .honor_content_list dt { font-size: 18px; color: #666666; text-align: center; margin-top: 30px; } .honor .honor_content .honor_content_list img { width: 100%; } .honor .honor_content .slick-prev:before, .honor .honor_content .slick-next:before { color: #51a1e1; font-size: 55px; } .honor .honor_content .slick-prev, .honor .honor_content .slick-next { top: 38%; } .honor .honor_content .slick-dots li { display: inline-block; width: 60px; height: 5px; background: #0765ae; opacity: .6; } .honor .honor_content .slick-dots li.slick-active { opacity: 1; } .honor .honor_content .slick-dots li button:before { display: none; } .honor .honor_content .slick-dots { bottom: 0px; } .Path { background: #fff; padding-bottom: 90px; } .Path .Path_content { margin-top: 40px; background: url("../images/bn67.png") /*tpa=http://www.sonnett.cn/skin/images/bn67.png*/ no-repeat 50% 100%; padding-bottom: 5px; } .Path .Path_content .Path_content_list { text-align: center; position: relative; height: 640px; } .Path .Path_content .Path_content_list .content_list_content { bottom: 0; position: absolute; left: 0; width: 100%; } .Path .Path_content .Path_content_list dd { font-size: 28px; color: #6baf97; margin-bottom: 15px; } .Path .Path_content .Path_content_list dd span { position: relative; } .Path .Path_content .Path_content_list dd span:before { content: ""; position: absolute; display: inline-block; width: 14px; height: 17px; background: url("../images/bn65.png") /*tpa=http://www.sonnett.cn/skin/images/bn65.png*/ no-repeat 100% 55%; top: 30%; right: -30px; } .Path .Path_content .Path_content_list:nth-child(2n) dd span:before { background: url("../images/bn66.png") /*tpa=http://www.sonnett.cn/skin/images/bn66.png*/ no-repeat 100% 55%; } .Path .Path_content .Path_content_list:nth-child(2n) dd { color: #1870ba; } .Path .Path_content .Path_content_list div { margin-bottom: 25px; } .Path .Path_content .Path_content_list div p { font-size: 13px; color: #777777; line-height: 26px; } .Path .slick-prev:before, .Path .slick-next:before { color: #51a1e1; font-size: 55px; } .team { background: #f4f5f9; padding-bottom: 75px; } .team .team_content .team_content_txt { width: 35%; padding-top: 7%; margin-right: 5%; } .team .team_content .team_content_txt .slick-prev, .team .team_content .team_content_txt .slick-next { height: 48px; width: 48px; border-radius: 100px; background: #438cd7; top: 133%; } .team .team_content .team_content_txt .slick-prev:before, .team .team_content .team_content_txt .slick-next:before { color: #fff; } .team .team_content .team_content_txt .slick-prev { right: 9%; left: inherit; } .team .team_content .team_content_txt .content_txt_list dd { font-size: 28px; color: #333333; padding-bottom: 40px; margin-bottom: 40px; position: relative; } .team .team_content .team_content_txt .content_txt_list dd:before { content: ""; position: absolute; display: inline-block; width: 54px; height: 4px; bottom: 0px; left: 0; background: #f10000; } .team .team_content .team_content_txt .content_txt_list dt { font-size: 14px; color: #333333; line-height: 24px; text-indent: 2em; text-align: justify; } .team .team_content .team_content_img { width: 60%; } .team .team_content .team_content_img img { width: 100%; height: 552px; object-fit: cover; } .product_details { padding-bottom: 85px; } .product_details .product_details_content { margin-top: 60px; } .product_details .product_details_content .details_content_left { width: 28%; } .product_details .product_details_content .details_content_center { padding: 35px 0px; width: 44%; } .product_details .product_details_content .details_content_center img { max-width: 100%; padding: 0px 2%; } .product_details .product_details_content .details_content_list { width: 100%; background: #e8f4fe; border-radius: 10px; padding: 25px; margin-bottom: 13px; } .product_details .product_details_content .details_content_list:last-child { margin-bottom: 0px; } .product_details .product_details_content .details_content_list dd { font-size: 16px; color: #555555; } .product_details .product_details_content .details_content_list dt { font-size: 14px; color: #777777; margin-top: 8px; height: 38px; } .Process { background: url("../images/bg45.jpg") /*tpa=http://www.sonnett.cn/skin/images/bg45.jpg*/ no-repeat 50%/cover; padding-bottom: 115px; margin-bottom: 70px; } .Process .IndexProduct_title dd:before { background: #fff; } .Process .IndexProduct_title dd { color: #ffffff; } .Process .IndexProduct_title dd span { color: #d5d5d5; } .Process .IndexProduct_title dt { color: #d5d5d5; } .Process .Process_content { margin-top: 84px; } .Process .Process_content .Process_content_icon { text-align: center; } .Process .Process_content .Process_content_icon .content_icon_list { text-align: center; display: inline-block; margin-right: 145px; position: relative; } .Process .Process_content .Process_content_icon .content_icon_list:before { content: ""; position: absolute; display: inline-block; width: 26px; height: 31px; background: url("../images/bn74.png") /*tpa=http://www.sonnett.cn/skin/images/bn74.png*/ no-repeat 50% 50%; bottom: -10px; left: 0; right: 0; margin: 0 auto; transition: all 0.3s ease; opacity: 0; } .Process .Process_content .Process_content_icon .content_icon_list dd img { position: relative; left: 0px; transition: all 0.3s ease; } .Process .Process_content .Process_content_icon .content_icon_list.on dd img { left: -116px; transition: all 0.3s ease; } .Process .Process_content .Process_content_icon .content_icon_list.on:before { opacity: 1; transition: all 0.3s ease; } .Process .Process_content .Process_content_icon .content_icon_list.on dt { opacity: 0; } .Process .Process_content .Process_content_icon .content_icon_list:last-child { margin-right: 0px; } .Process .Process_content .Process_content_icon .content_icon_list dd { width: 116px; margin: 0 auto; overflow: hidden; } .Process .Process_content .Process_content_icon .content_icon_list dt { font-size: 20px; color: #fff; margin-top: 20px; } .Process .Process_content .Process_content_txt { margin-top: 35px; } .Process .Process_content .Process_content_txt .content_txt_list .txt_list_title { text-align: center; margin-bottom: 25px; } .Process .Process_content .Process_content_txt .content_txt_list .txt_list_title dd { font-size: 26px; color: #fff; } .Process .Process_content .Process_content_txt .content_txt_list .txt_list_title dt { font-size: 14px; color: #c2c2c2; text-transform: uppercase; margin-top: 5px; } .Process .Process_content .Process_content_txt .content_txt_list .txt_list_bottom { width: 50%; margin: 0 auto; color: #fff; font-size: 14px; line-height: 26px; text-indent: 2em; height: 78px; } .advisory, .advisory_nav { background: #f6f6f6; } .advisory .pc_all_contnet { padding: 60px 150px; } .advisory .pc_all_contnet .advisory_content { background: #fff; padding: 55px 115px; } .advisory .advisory_content_title { text-align: center; } .advisory .advisory_content_title dd { font-size: 30px; color: #f10000; margin-bottom: 35px; } .advisory .advisory_content_title dt p { font-size: 16px; color: #888888; line-height: 26px; } .advisory .advisory_content_title dt p a { color: #f10000; } .advisory .advisory_content_form { margin-top: 45px; } .advisory .advisory_content_form .content_form_list { width: 48%; margin-right: 4%; border: 1px solid #dcdcdc; margin-bottom: 14px; padding: 0px 10px; } .advisory .advisory_content_form .content_form_list:nth-child(2n) { margin-right: 0px; } .advisory .advisory_content_form .content_form_list dd { line-height: 50px; font-size: 14px; color: #999999; } .advisory .advisory_content_form .content_form_list dt { width: 70%; } .advisory .advisory_content_form .content_form_list dt input { line-height: 50px; padding-left: 10px; width: 100%; } .advisory .advisory_content_form .content_form_textarea { width: 100%; } .advisory .advisory_content_form .content_form_textarea dt { width: 100%; } .advisory .advisory_content_form .content_form_textarea textarea { width: 100%; height: 230px; resize: none; font-family: "寰蒋闆呴粦"; } .advisory .advisory_content_form .content_form_submit { width: 100%; border: 0px; text-align: center; margin-top: 30px; } .advisory .advisory_content_form .content_form_submit input { width: 190px; line-height: 44px; font-size: 16px; color: #fff; border-radius: 100px; background: #2883ea; cursor: pointer; } .product_top { background: #e8f4fe; padding: 150px 0px; } .product_top .product_top_left { width: 39%; text-align: center; position: relative; } .product_top .product_top_left img { position: relative; z-index: 50; max-width: 100%; } .product_top .product_top_left span { position: absolute; left: -30px; z-index: 2; bottom: -150px; } .product_top .product_top_right { width: 61%; padding: 0px 10%; padding-left: 4%; } .product_top .product_top_right .top_right_title { margin-bottom: 65px; } .product_top .product_top_right .top_right_title dd { font-size: 44px; color: #333333; margin-bottom: 45px; } .product_top .product_top_right .top_right_title dt { line-height: 30px; font-size: 18px; color: #6D7072; text-align: justify; } .product_top .product_top_right .top_right_icon .right_icon_list { text-align: center; width: 25%; } .product_top .product_top_right .top_right_icon .right_icon_list dd { line-height: 75px; margin-bottom: 15px; } .product_top .product_top_right .top_right_icon .right_icon_list dt { font-size: 18px; color: #777777; } .product_center { position: relative; } .product_center .product_center_img img { max-width: 100%; } .product_center .product_center_txt { position: absolute; transform: translateX(-50%) translateY(-50%); left: 27%; top: 50%; } .product_center .product_center_txt .center_txt_title { margin-bottom: 40px; } .product_center .product_center_txt .center_txt_title dd { color: #fff; font-size: 60px; text-transform: uppercase; } .product_center .product_center_txt .center_txt_title dt { color: #fff; font-size: 42px; line-height: 35px; } .product_center .product_center_txt .center_txt_title dt span { font-size: 60px; text-transform: uppercase; margin-right: 30px; } .product_center .product_center_txt .center_txt_bottom dd { font-size: 26px; color: rgba(255, 255, 255, .8); margin-bottom: 15px; } .product_center .product_center_txt .center_txt_bottom dt p { font-size: 16px; color: rgba(255, 255, 255, .7); line-height: 28px; } .industry .industry_title { font-size: 44px; color: #333333; text-align: center; } .industry .industry_icon { padding: 0px 23%; margin-top: 65px; } .industry .industry_icon .industry_icon_list { width: 29%; margin-right: 6%; } .industry .industry_icon .industry_icon_list:nth-child(3n) { margin-right: 0px; } .industry .industry_icon .industry_icon_list .icon_list_title { text-align: center; line-height: 70px; } .industry .industry_icon .industry_icon_list .icon_list_txt dd { font-size: 18px; color: #333333; text-align: center; margin: 14px 0px; } .industry .industry_icon .industry_icon_list .icon_list_txt dt { font-size: 14px; color: #666666; line-height: 22px; } .Accessories { background: url("../images/bg48.jpg") /*tpa=http://www.sonnett.cn/skin/images/bg48.jpg*/ no-repeat 50%/cover; } .Accessories .Accessories_title { font-size: 44px; color: #fff; text-align: center; margin-bottom: 75px; } .Accessories .Accessories_content { padding: 0px 8%; } .Accessories .Accessories_content .Accessories_content_list { position: relative; width: 23.5%; margin-right: 2%; } .Accessories .Accessories_content .Accessories_content_list:nth-child(4) { margin-right: 0px; margin-top: -19px; } .Accessories .Accessories_content .Accessories_content_list dd img { width: 100%; } .Accessories .Accessories_content .Accessories_content_list dt { position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 20px; font-size: 18px; color: #333333; text-align: center; } .parameter { background: #e8f4fe; } .parameter .parameter_title { text-align: center; font-size: 44px; color: #333333; margin-bottom: 25px; } .parameter .parameter_text { padding: 50px 8%; } .parameter .parameter_text .parameter_text_list { width: 23.3%; margin-right: 15%; /*border:1px solid #666666;*/ text-align: center; border-radius: 7px; padding: 48px 0px; } .parameter .parameter_text .parameter_text_list:nth-child(3) { margin-right: 0px; } .parameter .parameter_text .parameter_text_list dt { font-size: 18px; color: #333333; margin: 20px 0px; text-transform: uppercase; } .parameter .parameter_text .parameter_text_list p { font-size: 14px; color: #555555; } .newspage { padding: 55px 0px; } .newspage .newspage_top .newspage_top_list { display: inline-block; width: 100%; border-bottom: 1px solid #dcdcdc; padding: 20px 0px; font-size: 16px; color: #333; position: relative; padding-left: 20px; } .newspage .newspage_top .newspage_top_list:before { content: "鈼?; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 12px; color: #999; } .newspage .newspage_top .newspage_top_list:hover { border-bottom: 1px solid #fe121c; color: #fe121c; } .newspage .newspage_top .newspage_top_list dd { width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .newspage .newspage_top .newspage_top_list dt { font-size: 16px; color: #999; width: 20%; text-align: right; } @media screen and (max-width:1606px) { .pc_all .pc_all_contnet { max-width: 1440px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content { width: 84%; } .IndexProduct .IndexProduct_content .IndexProduct_content_bottom a { margin-right: 45px; } .IndexAbout .pc_all_contnet { padding: 0px 40px; } .IndexNews .IndexNews_content .IndexNews_content_list .content_list_img img { height: 205px; } .footer .footer_right .footer_right_list:last-child { width: 8%; } .advisory .pc_all_contnet { padding: 60px 100px; } .about .about_bottom .about_bottom_list .bottom_list_txt { height: 100px; } .Mission .Mission_content .Mission_content_list .content_list_txt dt { margin-top: 15px; margin-bottom: 15px; } .Mission .Mission_content .Mission_content_list .content_list_txt { padding: 42px; } } @media screen and (max-width:1440px) { .pc_all .pc_all_contnet { max-width: 1200px; } .footer .footer_right .footer_right_list { margin-right: 8%; } .footer .footer_right .footer_right_list:last-child { width: 9%; } .IndexNews .IndexNews_content .IndexNews_content_list .content_list_img img { height: 170px; } .IndexAbout .pc_all_contnet { padding: 0px; } .IndexProduct .IndexProduct_content .IndexProduct_content_bottom a { margin-right: 21px; } .pc_top .pc_top_content .top_content_right .content_right_nav .right_nav_list { margin-right: 42px; } .pc_top .pc_top_content .top_content_right .content_right_nav { margin-right: 75px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content { width: 100%; } .IndexAbout .IndexAbout_right { padding: 16px 0px; } .advisory .pc_all_contnet { padding: 60px; } .advisory .pc_all_contnet .advisory_content { padding: 55px 80px; } .Mission .Mission_content .Mission_content_list .content_list_txt { padding: 15px; } .Mission .Mission_content .Mission_content_list { width: 32%; margin-right: 2%; } .Path .Path_content .Path_content_list { height: 695px; } .about .about_top .about_top_left { width: 51%; } .about .about_top .about_top_img { width: 49%; } .product_details .product_details_content .details_content_center { padding: 88px 0px; } .Process .Process_content .Process_content_txt .content_txt_list .txt_list_bottom { width: 100%; } .Customer_service .Customer_service_content { width: 40%; } .Accessories .Accessories_content { padding: 0px; } .industry .industry_icon { padding: 0px 14%; } .product_top .product_top_right { padding: 0px; } .product_top .product_top_left { margin-right: 5%; width: 34%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_img img { max-width: 100%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(1) .top_list_img { width: 26%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(2) .top_list_img { width: 40%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(3) .top_list_img { width: 26%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(4) .top_list_img { width: 52%; } .parameter .parameter_text .parameter_text_list dt { margin-left: 70px; } } @media screen and (max-width:1200px) { .all { width: 96% !important; margin: 0 auto; height: auto } .pc_top { display: none; } .footer .pc_all_contnet { display: none; } .Copyright .pc_all_contnet { display: block; } .footer { height: auto; padding: 0px 4%; } .footer .pc_all_contnet { display: none; } .mo_footer { display: block; } .mo_top { display: block; } .mo_height { height: 50px; } .index_ourys .index_ourys_nei .ourys_nei_wen, .details_banner .details_banner_content { display: none; } .all { width: 96%; margin: 0 auto; height: auto; overflow: hidden; } img { max-width: 100%; } .Copyright .pc_all_contnet { display: block; } .Copyright .pc_all_contnet .Copyright_left { display: none; } .footer .Copyright { position: inherit; line-height: 24px; padding: 15px 0px; text-align: center; } .details_banner .details_banner_img img { height: auto; } .details_banner .details_banner_txt { top: 50%; } .IndexProduct .IndexProduct_content .IndexProduct_content_bottom a { width: 8%; margin-right: 1%; line-height: 130px; } .advisory .pc_all_contnet { padding: 60px 0px; } .about .about_top .about_top_left dd { position: inherit; top: 0; left: 0; padding: 30px; height: auto; width: 100%; margin-bottom: 35px; } .about .about_top .about_top_left, .about .about_top .about_top_img { width: 100%; top: 0px; } .about .about_bottom { margin-top: 125px; } .about .about_bottom .about_bottom_list .bottom_list_txt { height: 130px; } .Mission .Mission_content .Mission_content_list { width: 49%; margin-right: 2%; margin-top: 2%; } .Mission .Mission_content .Mission_content_list:nth-child(2n) { margin-right: 0px; } .team .team_content .team_content_txt, .team .team_content .team_content_img { width: 100%; } .team .team_content .team_content_img { margin-top: 30px; } .team .team_content .team_content_img img { height: auto; } .about .about_top .about_top_img img, .about .about_top .about_top_img { height: auto; } .about .about_bottom { margin-top: 250px; } .Process .Process_content .Process_content_icon .content_icon_list dd img { max-width: none; } .Process .Process_content .Process_content_icon .content_icon_list { width: 20%; margin-right: 0px; float: left; } .industry .industry_icon { padding: 0px; } .parameter .parameter_text .parameter_text_list dt { margin-left: 0px; margin-top: -60px; } } @media screen and (max-width:950px) { .industry .industry_title { font-size: 20px; } #featured-area2 { margin-top: 80px; padding-bottom: 50px; } .roundabout-holder { width: 100% !important; } .roundabout-moveable-item { width: 500px; height: 100%; } .Accessories .Accessories_content .Accessories_content_list dt { font-size: 14px; } .Accessories .Accessories_title, .parameter .parameter_title { margin-bottom: 35px; font-size: 23px; } .parameter .parameter_text { padding: 0px; } .parameter .parameter_text .parameter_text_list { width: 32%; margin-right: 2%; padding: 22px 0px; } .parameter .parameter_text .parameter_text_list dd img { height: 40px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_img { width: 22%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(2) .top_list_img { width: 32%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(3) .top_list_img { width: 15%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(4) .top_list_img { width: 45%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:last-child { width: 100%; height: auto; padding-bottom: 75px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content { position: inherit; top: 0; } .IndexAbout { height: auto; padding: 45px 0px; } .IndexAbout .IndexAbout_img { padding: 55px 6%; } .IndexAbout .IndexAbout_right { padding: 0px; } .IndexColumn { padding: 0px; } .IndexColumn .IndexColumn_list { width: 50%; padding: 35px 0px; } .IndexColumn .IndexColumn_list .IndexColumn_list_img img { max-width: inherit; } .IndexNews .IndexNews_content .IndexNews_content_list { width: 49%; margin-right: 2%; margin-top: 2%; } .IndexNews .IndexNews_content .IndexNews_content_list:nth-child(2n) { margin-right: 0px; } .IndexNews .IndexNews_content .IndexNews_content_list .content_list_img img { height: 214px; } .IndexMessage .IndexMessage_left { padding: 35px; } .IndexMessage .IndexMessage_left, .IndexMessage .IndexMessage_right { width: 100%; } .IndexMessage .IndexMessage_right img { height: auto; } .banner .banner_bottom { width: 100%; } .banner .slick-dots li { margin: 0px 8px; height: auto; width: auto; } @keyframes mymove { 0% { bottom: 23%; opacity: 1; } 50% { bottom: 22.5%; opacity: .5; } 100% { bottom: 23%; opacity: 1; } } .product { padding: 35px 0px; } .details_banner .details_banner_txt dd { font-size: 18px; } .details_banner .details_banner_txt dt { font-size: 14px; margin-top: 5px; } .join .join_list { width: 48%; margin-right: 4%; margin-bottom: 25px; } .join .join_list:nth-child(2n) { margin-right: 0px; } .join .join_list:nth-child(3) { margin-right: 4%; } .information .information_content .information_content_list { width: 48%; margin-right: 4%; margin-bottom: 4%; } .information .information_content .information_content_list:nth-child(2n) { margin-right: 0px; } .Industry .Industry_list { padding-bottom: 25px; } .Industry .Industry_list .Industry_list_content .list_content_li { width: 48%; margin-right: 4%; margin-top: 25px; } .Industry .Industry_list .Industry_list_content .list_content_li:nth-child(2n) { margin-right: 0px; } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_img img { height: auto; } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_img, .Industry .Industry_list .Industry_list_content .list_content_li .content_li_txt { width: 100%; } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_txt { padding: 30px 0px; position: inherit; } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_txt .li_txt_icon { height: 35px; line-height: 35px; margin-bottom: 15px; } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_txt .li_txt_icon img { height: 35px; } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_txt .li_txt_title dd { font-size: 16px; } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_txt .li_txt_title dt { font-size: 13px; height: 34px; } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_txt .li_txt_more { margin-top: 20px; } .Industry .Industry_list .Industry_list_content .list_content_li:hover .content_li_img img { height: 538px; } .Industry .Industry_list .Industry_list_content .list_content_li .content_li_txt .li_txt_title p { font-size: 12px; margin-top: 10px; } .Industry .Industry_list .Industry_list_content .list_content_li:hover .content_li_txt { position: absolute; } .Industry .Industry_list .Industry_list_content .list_content_li:hover .content_li_txt .li_txt_title p { height: 280px; overflow: auto; } .advisory .pc_all_contnet { padding: 30px 0px; } .advisory .pc_all_contnet .advisory_content { padding: 30px 40px; } .advisory .advisory_content_title dd { font-size: 18px; margin-bottom: 18px; } .advisory .advisory_content_title dt p { font-size: 14px; line-height: 24px; } .about .about_bottom .about_bottom_list .bottom_list_icon { top: -40px; } .about .about_bottom .about_bottom_list .bottom_list_icon img { width: 85px; } .about .about_bottom .about_bottom_list { width: 100%; margin-right: 0px; padding: 33px 0px; } .about .about_bottom .about_bottom_list .bottom_list_txt { height: auto; } .about .about_bottom .about_bottom_list:last-child { margin-left: 0px; margin-top: 110px; } .Mission .Mission_content .Mission_content_list .content_list_txt dd img { width: 35px; } .Mission .Mission_content .Mission_content_list .content_list_txt dt { font-size: 18px; } .product_details .product_details_content .details_content_left, .product_details .product_details_content .details_content_center, .product_details .product_details_content .details_content_right { width: 100%; } .product_details .product_details_content .details_content_list dt { height: auto; } .product_top .product_top_left { margin-right: 0px; } .product_top .product_top_left, .product_top .product_top_right { width: 100%; } .product_center .product_center_img img { height: 350px; object-fit: cover; } .product_center .product_center_txt .center_txt_title dd { font-size: 18px; } .product_center .product_center_txt .center_txt_title dt span { font-size: 18px; } .product_center .product_center_txt .center_txt_title dt { font-size: 16px; } .product_center .product_center_txt { width: 80%; left: 45%; } .product_center .product_center_txt .center_txt_title { margin-bottom: 10px; } .product_center .product_center_txt .center_txt_bottom dd { font-size: 18px; } .product_top .product_top_right .top_right_title { margin-bottom: 30px; } .product_top .product_top_right .top_right_title dd { font-size: 26px; margin-bottom: 15px; } .product_top .product_top_right .top_right_title dt { font-size: 15px; } .product_top .product_top_right .top_right_icon .right_icon_list dt { font-size: 16px; } } @media screen and (max-width:768px) { .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list { width: 49%; margin-right: 2%; margin-top: 2%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(2n) { margin-right: 0px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(3) { margin-right: 2%; } .details_nav a { margin-right: 10px; } .product .product_list .product_list_title dt { font-size: 26px; } .advisory .pc_all_contnet .advisory_content { padding: 25px 20px; } } @media screen and (min-width: 601px) { .parameter .parameter_text .parameter_text_list dt { margin-top: -75px; } } @media screen and (max-width:600px) { .details_banner .details_banner_img img { height: 140px; } .banner .click_next { text-align: center; } .banner .click_next img { max-width: 80%; } .banner .banner_bottom { width: 100%; display: none; } .banner .banner_title { width: 90%; } .banner .slick-prev { left: 4%; z-index: 50; width: auto; height: auto; } .banner .slick-next { right: 4%; z-index: 50; width: auto; height: auto; } .banner .slick-prev:before, .banner .slick-next:before { color: #fff; font-size: 36px; } .yqlj_cont_left { width: 4%; } .product_top .product_top_left span { display: none; } .product_top .product_top_right .top_right_title { margin-top: 22px; } .product_top .product_top_right .top_right_title dd { font-size: 18px; } .product_top .product_top_right .top_right_icon .right_icon_list dd { line-height: 35px; } .product_top .product_top_right .top_right_icon .right_icon_list dd img { height: 35px; } .product_top .product_top_right .top_right_icon .right_icon_list dt { font-size: 14px; } .product_center .product_center_txt { padding: 0px 4%; left: 50%; width: 100%; } .product_center .product_center_txt .center_txt_bottom dd { font-size: 16px; } .product_center .product_center_txt .center_txt_bottom dt p { font-size: 14px; } .product_center .product_center_img img { height: 420px; } .product_center .product_center_txt .center_txt_title dt span { margin-right: 12px; } .industry .industry_icon .industry_icon_list { width: 33%; margin-right: 0px; margin-bottom: 25px; padding: 0px 6%; text-align: center; } .industry .industry_icon .industry_icon_list .icon_list_txt dt { text-align: left; } .industry .industry_icon { margin-top: 25px; } .industry .industry_icon .industry_icon_list .icon_list_title img { height: 35px; } .product_top .product_top_left { padding: 0px 12%; } #featured-area2 { margin-top: 0px; padding-bottom: 0px; } .roundabout-moveable-item { width: 250px; height: 200px; } .Accessories .Accessories_content .Accessories_content_list { width: 49%; margin-right: 2%; margin-bottom: 2.5%; } .Accessories .Accessories_content .Accessories_content_list:nth-child(2n) { margin-right: 0px; margin-top: -19px; } .Accessories .Accessories_content .Accessories_content_list:nth-child(4n) { margin-right: 0px; margin-top: 0px; } .Accessories .Accessories_title, .parameter .parameter_title { font-size: 18px; margin-bottom: 20px; } .parameter .parameter_text .parameter_text_list dd img { height: 100px; } .parameter .parameter_text { padding: 0px 0%; } .parameter .parameter_text .parameter_text_list { width: 33%; margin-bottom: 25px; margin-right: 0px; } .parameter .parameter_text .parameter_text_list dt { font-size: 14px; margin: 11px 0px; margin-top: -38px; } .slick-prev { left: 0; } .slick-next { right: 0; } .slick-prev, .slick-next { height: auto; } .Process { margin-bottom: 40px; } .product_details .product_details_content { margin-top: 30px; } .Process .Process_content .Process_content_icon .content_icon_list { width: 18.4%; margin-right: 2%; } .Process .Process_content .Process_content_icon .content_icon_list dd { width: 73px; } .Process .Process_content .Process_content_icon .content_icon_list dd img { width: 146px; } .Process .Process_content .Process_content_icon .content_icon_list.on dd img { left: -73px; } .Process .Process_content .Process_content_icon .content_icon_list:nth-child(5) { margin-right: 0px; } .Process .Process_content .Process_content_icon .content_icon_list dt { font-size: 16px; } .product_details .product_details_content .details_content_center { padding: 35px 0px; } .about .about_bottom .about_bottom_list .bottom_list_icon img { width: 65px; } .about .about_bottom .about_bottom_list { padding: 15px 0px; } .about .about_bottom .about_bottom_list .bottom_list_title dd { font-size: 18px; } .about .about_bottom .about_bottom_list .bottom_list_txt { padding: 0px 25px; } .about .about_bottom .about_bottom_list:last-child { margin-top: 80px; } .honor .honor_content { margin-top: 30px; } .honor .honor_content .honor_content_list dt { margin-top: 16px; font-size: 16px; } .honor .honor_content { padding-bottom: 25px; } .Path .Path_content .Path_content_list { height: 617px; } .Path .Path_content { margin-top: 0px; } .team .team_content .team_content_txt .content_txt_list dd:before { height: 2px; } .team .team_content .team_content_txt .content_txt_list dd { font-size: 18px; padding-bottom: 15px; margin-bottom: 15px; } .Mission .Mission_content .Mission_content_list { width: 100%; margin-right: 0px; margin-top: 25px; } .news_details { padding: 25px 0px; } .news_details .pc_all_contnet { padding: 20px; } .news_details .news_details_title dd { font-size: 18px; } .news_details .news_details_content .news_page .news_page_left, .news_details .news_details_content .news_page .news_page_right { width: 100%; } .news_details .news_details_content .news_page .news_page_right { margin-top: 25px; } .news_details .news_details_content .news_page .news_page_left .page_left_list { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_details .news_details_title dt div { padding-right: 40px; } .news_details .news_details_title dt div:last-child { padding-right: 0px; } .news_details .news_details_content .details_content_top { width: 320px; margin: auto; line-height: 12px; font-size: 14px; color: #666666; } .contact .contact_content .contact_content_list dd { background-size: 100%; } .contact .contact_content .contact_content_list dd img { max-width: 50px; } .details_nav { overflow: hidden; padding: 0px 2%; padding-top: 4%; } .details_nav a { display: inline-block; width: 48%; margin-right: 4%; float: left; border: 1px solid #dcdcdc; margin-bottom: 4%; font-size: 14px; } .details_nav a:nth-child(2n) { margin-right: 0px; } .newspage { padding: 25px 0px; } .newspage .newspage_top .newspage_top_list { padding: 10px 0px; padding-left: 15px; } .newspage .newspage_top .newspage_top_list dd { width: 60%; font-size: 15px; } .newspage .newspage_top .newspage_top_list dt { font-size: 13px; width: 30%; } .product .product_list .product_list_title { text-align: center; } .product .product_list .product_list_title dd img { height: 35px; } .product .product_list .product_list_title dt { font-size: 18px; padding-left: 0px; } .product .product_list .product_list_title dt:before { display: none; } .product .product_list .product_list_content .list_content_li { width: 49%; margin-right: 2%; margin-bottom: 2%; } .product .product_list .product_list_content .list_content_li:nth-child(2n) { margin-right: 0px; } .product .product_list .product_list_content .list_content_li .content_li_txt { line-height: 45px; font-size: 16px; } .IndexProduct, .IndexColumn { padding-top: 25px; padding-bottom: 25px; } .IndexProduct .IndexProduct_title dd { font-size: 18px; text-align: center; padding-left: 0px; } .IndexProduct .IndexProduct_title dd:before { display: none; } .IndexProduct .IndexProduct_title dd span { font-size: 14px; } .IndexProduct .IndexProduct_title dt { font-size: 18px; text-align: center; margin-top: 5px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list { width: 49%; margin-right: 2%; padding: 4%; height: auto; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(2n) { margin-right: 0px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(3) { margin-right: 2%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_title { font-size: 18px; margin-bottom: 15px; height: 67px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_title p:last-child { font-size: 14px; margin-top: 5px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_img { position: inherit; right: 0; margin: 15px 0px; text-align: center; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_img img { max-width: inherit; height: 80px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_txt { height: 134px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_txt p { margin-bottom: 10px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_txt a { padding-left: 0px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:last-child { width: 100%; margin-right: 0px; padding-bottom: 65px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content .slick-prev { left: 0%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content .slick-next { right: 0%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_more { position: inherit; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(3) .top_list_txt { height: 48px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(4) .top_list_txt { height: 48px; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list .top_list_content { position: inherit; } .IndexProduct .IndexProduct_content .IndexProduct_content_bottom { padding: 25px 0px; padding-bottom: 10px; } .IndexProduct .IndexProduct_content .IndexProduct_content_bottom a { width: 23%; margin-right: 2%; line-height: 75px; padding: 0px 10px; filter: grayscale(0%); } .IndexProduct .IndexProduct_content .IndexProduct_content_bottom a:nth-child(4n) { margin-right: 0px; } .IndexProduct .IndexProduct_content .IndexProduct_content_bottom a img { max-width: 100%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(1) .top_list_img { width: 100%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(2) .top_list_img { width: 100%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(3) .top_list_img { width: 100%; } .IndexProduct .IndexProduct_content .IndexProduct_content_top .content_top_list:nth-child(4) .top_list_img { width: 100%; } .IndexAbout .IndexAbout_img, .IndexAbout .IndexAbout_right { width: 100%; margin: 0px; } .IndexAbout .IndexAbout_img img { width: 70%; } .IndexAbout .IndexAbout_right { margin-top: 15px; } .IndexAbout .IndexAbout_right .IndexAbout_right_content { margin-top: 20px; } .IndexAbout .IndexAbout_right a { display: inline-block; width: 100%; margin-top: 25px; text-align: center; } .IndexAbout .IndexAbout_img .slick-next:before, .IndexAbout .IndexAbout_img .slick-prev:before { font-size: 34px; } .IndexColumn .IndexColumn_list { width: 48%; margin-right: 4%; padding: 20px 0px; } .IndexColumn .IndexColumn_list:nth-child(2n) { margin-right: 0px; } .IndexColumn .IndexColumn_list .IndexColumn_list_content dd { font-size: 18px; } .IndexColumn .IndexColumn_list .IndexColumn_list_content dt { height: 60px; } .IndexColumn .IndexColumn_list .IndexColumn_list_img img { max-width: inherit; height: 35px; } .IndexColumn .IndexColumn_list .IndexColumn_list_img { width: 34px; } .IndexColumn .IndexColumn_list:hover .IndexColumn_list_img img { left: -34px; } .IndexNews .IndexNews_content .IndexNews_content_list .content_list_img img { height: 114px; } .IndexNews .IndexNews_content .IndexNews_content_list { width: 48%; margin-right: 4%; margin-bottom: 4%; } .IndexNews .IndexNews_content .IndexNews_content_list:nth-child(2n) { margin-right: 0px; } .IndexNews .IndexNews_content .IndexNews_content_list .content_list_txt { padding: 15px; } .IndexNews .IndexNews_content .IndexNews_content_list .content_list_txt dd { font-size: 16px; } .IndexNews .IndexNews_content .IndexNews_content_list .content_list_txt p { margin-bottom: 18px; } .IndexNews .IndexNews_content { margin-top: 30px; } .IndexMessage .IndexMessage_left { padding: 25px; } .IndexMessage .IndexMessage_left, .IndexMessage .IndexMessage_right { width: 100%; } .IndexMessage .IndexMessage_left, .IndexMessage .IndexMessage_right img { height: auto; } .Customer_service .Customer_service_content { width: 95%; } .Customer_service .Customer_service_content a:last-child { line-height: 38px; } .Customer_service .Customer_service_content a { font-size: 14px; line-height: 40px; } .Customer_service { height: 120px; } .join { padding: 30px 0px; } .join .join_list { width: 100%; margin-right: 0px; margin-bottom: 25px; padding: 15px; } .join .join_list .join_list_title dd { font-size: 18px; } .join .join_list .join_list_content .list_content_li dd { font-size: 16px; } .contact .contact_content .contact_content_list dt { font-size: 16px; } .contact .contact_content .contact_content_list { width: 100%; margin-right: 0px; margin-bottom: 20px; } .information .information_content .information_content_list .content_list_txt { font-size: 16px; } .information .information_content .information_content_list { width: 100%; margin-right: 0%; margin-bottom: 4%; } @keyframes mymove { 0% { bottom: 4%; opacity: 1; } 50% { bottom: 3.5%; opacity: .5; } 100% { bottom: 4%; opacity: 1; } } .Industry .Industry_list .Industry_list_content .list_content_li:hover .content_li_img img { height: 395px; } .IndexAbout .IndexAbout_img { padding: 0px 4%; } .IndexAbout .IndexAbout_img .IndexAbout_img_c { background: none; } .advisory .advisory_content_form .content_form_list { width: 100%; margin-right: 0px; margin-bottom: 20px; } .IndexAbout .IndexAbout_img_c .slick-prev { left: 0px; } .IndexAbout .IndexAbout_img_c .slick-next { right: 0px; } .IndexAbout .IndexAbout_img img { border: 12px solid rgba(255, 255, 255, .2); border-radius: 100%; } } @media screen and (max-width:375px) { .IndexNews .IndexNews_content .IndexNews_content_list .content_list_img img { height: 102px; } .Industry .Industry_list .Industry_list_content .list_content_li:hover .content_li_img img { height: 379px; } .Process .Process_content .Process_content_icon .content_icon_list dd { width: 65px; } .Process .Process_content .Process_content_icon .content_icon_list dd img { width: 129px; } .Process .Process_content .Process_content_icon .content_icon_list.on dd img { left: -65px; } } @media screen and (max-width:360px) { .IndexNews .IndexNews_content .IndexNews_content_list .content_list_img img { height: 98px; } .Industry .Industry_list .Industry_list_content .list_content_li:hover .content_li_img img { height: 373px; } .Customer_service .Customer_service_content a { width: 100%; margin-right: 0px; margin-bottom: 15px; } .Customer_service .Customer_service_content a:last-child { margin-bottom: 0px; } .Customer_service { height: 145px; } } @media screen and (max-width:320px) {}